diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 208 |
1 files changed, 208 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..39768e3 --- /dev/null +++ b/index.html @@ -0,0 +1,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> |