1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
|
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="description" content="Personal homepage of Laird Lonergan (aka SillyLaird) — links, projects, logs, and contact info." />
<meta property="og:title" content="SillyLaird's Personal Homepage — Laird Lonergan" />
<meta property="og:description" content="Personal homepage of Laird Lonergan (aka SillyLaird) — links, projects, logs, and contact info." />
<meta property="og:image" content="https://www.sillylaird.ca/lain.png" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.sillylaird.ca/" />
<meta property="og:locale" content="en_US" />
<meta property="og:locale:alternate" content="ja_JP" />
<meta property="og:locale:alternate" content="zh_CN" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="SillyLaird's Personal Homepage — Laird Lonergan" />
<meta name="twitter:description" content="Personal homepage of Laird Lonergan (aka SillyLaird) — links, projects, logs, and contact info." />
<meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" />
<link rel="canonical" href="https://www.sillylaird.ca/" />
<link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/" />
<link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/" />
<link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/index_zh.html" />
<link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/index_jp.html" />
<meta name="keywords" content="sillylaird, laird lonergan, personal homepage, 90s web, dot ca" />
<meta name="theme-color" content="#ffd" />
<meta name="referrer" content="strict-origin-when-cross-origin" />
<!-- Step 9: More descriptive title -->
<title>SillyLaird's Personal Homepage — Laird Lonergan</title>
<link rel="icon" href="/favicon.ico" />
<link rel="preconnect" href="https://blog.sillylaird.ca/" crossorigin />
<link rel="preconnect" href="https://guestbook.sillylaird.ca" crossorigin />
<link rel="preconnect" href="https://lastfm-recently-played.vercel.app" crossorigin />
<link rel="stylesheet" href="/assets/css/site.css" />
<script defer src="/assets/js/includes.js"></script>
</head>
<body>
<a class="skip-link" href="#main">Skip to content</a>
<div data-include="header"></div>
<main id="main" class="wrap stack">
<section aria-labelledby="home-title">
<h1 id="home-title">Welcome</h1>
<p class="muted">
This is my personal homepage. It's meant to feel like a simple link hub with personality — not a corporate site.
</p>
</section>
<section id="contact" aria-labelledby="contact-title">
<h2 id="contact-title">Contact</h2>
<address class="contact-address">
<ul class="contact-list">
<li>Email: <a href="mailto:m@sillylaird.ca">m@sillylaird.ca</a></li>
<li>Email (2nd): <a href="mailto:sillylaird@sealandlord.org">sillylaird@sealandlord.org</a></li>
<li>Email (3rd): <a href="mailto:sillylaird@memeware.net">sillylaird@memeware.net</a></li>
<li>Email (4th)/Tor/Onion Only Email: <a href="mailto:rq6htickbp2zdn5nwj4vjpqtocbo7byx@anonhfax4xu3tpkmevtnsjcdnngbn63qn6rhn2mb7mtjwfvycnltgbid.onion">sillylaird@Onion Domain</a></li>
<li>XMPP: <a href="xmpp:sillylaird@xmpp.jp">sillylaird@xmpp.jp</a></li>
<li>Signal: <a href="signal:@sillylaird.77">@sillylaird.77</a></li>
</ul>
</address>
<blockquote>
"The Internet Is Serious Business" —
<a href="https://lolwut.info/comp/4chan/serious-business.html" target="_blank" rel="noopener noreferrer">lolwut.info</a>
</blockquote>
<div class="audio-wrap">
<audio controls src="Laird.mp3" preload="none"></audio>
</div>
</section>
<section aria-labelledby="vibe-title">
<h2 id="vibe-title">My Current Vibe</h2>
<p>A throwback to the golden age of internet content.</p>
<p>
<a href="https://summer2.ytmnd.com/" target="_blank" rel="noopener noreferrer">
https://summer2.ytmnd.com/
</a>
</p>
</section>
<section id="music" aria-labelledby="music-title">
<h2 id="music-title">Music</h2>
<p>Last.fm: <a href="https://www.last.fm/user/SillyLaird" target="_blank" rel="noopener noreferrer">SillyLaird</a></p>
<!-- Step 2: Alt text is present, ensure dimensions are set for layout stability if possible -->
<img src="https://lastfm-recently-played.vercel.app/api?user=SillyLaird" alt="Recent tracks from Last.fm" loading="lazy" decoding="async" width="500" height="100" class="s06eeebc88f" />
</section>
<section aria-labelledby="blog-title">
<h2 id="blog-title">Current Blog</h2>
<!-- Step 10: Add a link to the blog section on the main page -->
<p><a href="https://blog.sillylaird.ca/" target="_blank" rel="noopener noreferrer">Visit the full archive →</a></p>
<div id="blog-list" aria-live="polite" class="muted">Loading…</div>
<noscript>
<p><a href="https://blog.sillylaird.ca/">Visit the blog</a> (JavaScript is required to show selected posts here.)</p>
</noscript>
</section>
<section aria-labelledby="changelog-title">
<h2 id="changelog-title" class="changelog-title">Changelog</h2>
<p><a href="/changelog/">Visit the full changelog →</a></p>
<div id="changelog-list" aria-live="polite" class="muted">Loading…</div>
<noscript>
<p><a href="/changelog/">Visit the changelog</a> (JavaScript is required to show selected entries here.)</p>
</noscript>
</section>
<section id="friends" aria-labelledby="friends-title">
<h2 id="friends-title">Friends</h2>
<ul class="friends-list">
<li><a href="https://kfarwell.org/" target="_blank" rel="noopener noreferrer">Kyle Farwell</a></li>
<li><a href="https://lolwut.info/" target="_blank" rel="noopener noreferrer">lolwut</a></li>
<li><a href="http://shystudios.us/" target="_blank" rel="noopener noreferrer">Shy Studios</a></li>
<li><a href="https://risingthumb.xyz/" target="_blank" rel="noopener noreferrer">risingthumb</a></li>
<li><a href="https://moddedbear.com/" target="_blank" rel="noopener noreferrer">bear</a></li>
<li><a href="https://idkwhatthisis.serv00.net/" target="_blank" rel="noopener noreferrer">Star</a></li>
<li><a href="https://kans3n.codeberg.page/" target="_blank" rel="noopener noreferrer">Kans3n</a></li>
<li><a href="http://kans3n.ddns.net/" target="_blank" rel="noopener noreferrer">Kans3n mirror</a></li>
<li><a href="https://www.twitch.tv/mrdinklepuss" target="_blank" rel="noopener noreferrer">MrDinklepuss (Twitch)</a></li>
<li><a href="https://www.webtoons.com/en/canvas/chronicles-of-the-pumpkin-prince/list?title_no=546563" target="_blank" rel="noopener noreferrer">MrsDinklepuss (WebToon)</a></li>
<li><a href="https://web.archive.org/web/20230325061748/https://urof.net/" target="_blank" rel="noopener noreferrer">urof (archive)</a></li>
<li><a href="https://djlain.com/" target="_blank" rel="noopener noreferrer">djlain</a></li>
<li><a href="https://www.twitch.tv/chefnegative" target="_blank" rel="noopener noreferrer">chEfnEgAtIvE (Twitch)</a></li>
<li><a href="https://jameswilson.io" target="_blank" rel="noopener noreferrer">JdotW</a></li>
</ul>
</section>
<section aria-labelledby="guestbook-title">
<h2 id="guestbook-title">Guestbook</h2>
<p>
<a href="https://guestbook.sillylaird.ca" target="_blank" rel="noopener noreferrer">Open full guestbook</a><br>
<button class="reset-button" id="guestbook-reset" type="button">Reset Form</button>
</p>
<!-- Using the .stack class for consistent spacing (Step 3) -->
<div class="stack">
<iframe
src="guestbook-form.html"
width="100%"
height="350px"
class="embed-frame guestbook-form-frame"
id="guestbook-form-iframe"
title="Guestbook Comment Form"
loading="lazy"
></iframe>
<div class="iframe-clip s386d82bd1c">
<p>
<button class="reset-button" id="guestbook-comments-reset" data-reset-iframe="guestbook-comments" type="button">Reset Comments</button>
</p>
<iframe
src="https://guestbook.sillylaird.ca/guestbook-comments.php"
width="100%"
id="guestbook-comments-iframe"
data-iframe="guestbook-comments"
title="Guestbook Comments"
loading="lazy"
></iframe>
</div>
</div>
</section>
<section aria-labelledby="games-title">
<h2 id="games-title">Games</h2>
<ul class="tile-grid">
<li><a href="/gaming/runescape/"><img src="/runescape.png" alt="RuneScape" loading="lazy" decoding="async" width="160" height="64"></a></li>
<li><a href="/gaming/specialforce/"><img src="/soldierfront.png" alt="SpecialForce / SoldierFront" loading="lazy" decoding="async" width="160" height="64"></a></li>
<li><a href="/gaming/stepmania/"><img src="/stepmania.png" alt="StepMania" loading="lazy" decoding="async" width="160" height="64"></a></li>
<li><a href="/gaming/multibox/"><img src="/multibox.png" alt="MMO Multibox" loading="lazy" decoding="async" width="160" height="64"></a></li>
</ul>
</section>
<section aria-labelledby="countries-title">
<h2 id="countries-title">Countries</h2>
<ul class="tile-grid">
<li><a href="https://www.canada.ca/en.html" target="_blank" rel="noopener noreferrer"><img src="canada.png" alt="Canada" loading="lazy" decoding="async" width="160" height="64"></a></li>
<li><a href="https://sealandgov.org/en-us" target="_blank" rel="noopener noreferrer"><img src="sealand.png" alt="SeaLand" loading="lazy" decoding="async" width="160" height="64"></a></li>
<li><a href="https://government.ru/en/" target="_blank" rel="noopener noreferrer"><img src="russia.png" alt="Russia" loading="lazy" decoding="async" width="160" height="64"></a></li>
<li><a href="https://english.www.gov.cn/" target="_blank" rel="noopener noreferrer"><img src="china.png" alt="China" loading="lazy" decoding="async" width="160" height="64"></a></li>
<li><a href="http://www.naenara.com.kp/main/index/en/first" target="_blank" rel="noopener noreferrer"><img src="northkorea.png" alt="North Korea" loading="lazy" decoding="async" width="160" height="64"></a></li>
</ul>
</section>
<section aria-labelledby="sponsors-title">
<h2 id="sponsors-title">Sponsors / VPNs / Buttons</h2>
<ul class="tile-grid">
<li><a href="https://buyvm.net/" target="_blank" rel="noopener noreferrer"><img src="buyvm.png" alt="BuyVM" loading="lazy" decoding="async" width="160" height="64"></a></li>
<li><a href="https://edramatica.com/Main_Page" target="_blank" rel="noopener noreferrer"><img src="Aeplaine.gif" alt="EDramatica" loading="lazy" decoding="async" width="160" height="64"></a></li>
<li><a href="https://www.dinklemerch.com/toesu-pedals" target="_blank" rel="noopener noreferrer"><img src="toesu.jpg" alt="ToeSU pedals" loading="lazy" decoding="async" width="160" height="64"></a></li>
<li><a href="https://mullvad.net/" target="_blank" rel="noopener noreferrer"><img src="mullvad.svg" alt="Mullvad VPN" loading="lazy" decoding="async" width="160" height="64"></a></li>
<li><a href="https://cryptostorm.is/" target="_blank" rel="noopener noreferrer"><img src="cs-logo.png" alt="CryptoStorm VPN" loading="lazy" decoding="async" width="160" height="64"></a></li>
<li><a href="https://refer-nordvpn.com/qSDeQqebcxI" target="_blank" rel="noopener noreferrer"><img src="nordvpn.png" alt="NordVPN" loading="lazy" decoding="async" width="160" height="64"></a></li>
<li><a href="https://tunnels.is/" target="_blank" rel="noopener noreferrer"><img src="logo2.svg" alt="Tunnels VPN" loading="lazy" decoding="async" width="160" height="64"></a></li>
</ul>
</section>
</main>
<div data-include="footer"></div>
</body>
</html>
|
