diff options
Diffstat (limited to 'index_jp.html')
| -rw-r--r-- | index_jp.html | 174 |
1 files changed, 174 insertions, 0 deletions
diff --git a/index_jp.html b/index_jp.html new file mode 100644 index 0000000..fe57de8 --- /dev/null +++ b/index_jp.html @@ -0,0 +1,174 @@ +<!doctype html> +<html lang="ja"> +<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 — 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/index_jp.html" /> + <meta property="og:locale" content="ja_JP" /> + <meta property="og:locale:alternate" content="en_US" /> + <meta property="og:locale:alternate" content="zh_CN" /> + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="SillyLaird — 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/index_jp.html" /> + <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="#fffd" /> + <meta name="referrer" content="strict-origin-when-cross-origin" /> + <title>SillyLaird — 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="preconnect" href="https://uploads.sillylaird.ca" 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">本文へ移動</a> + + <div data-include="header"></div> + + <main id="main" class="wrap"> + <section aria-labelledby="home-title"> + <h1 id="home-title">ようこそ</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">連絡先</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@memeware.net">sillylaird@memeware.net</a></li> + <li>Email (3rd): <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">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">今の雰囲気</h2> + <div class="video-wrap"> + <video controls playsinline preload="metadata"> + <source src="https://uploads.sillylaird.ca/luckystar.mp4" type="video/mp4" /> + Your browser does not support the video tag. + </video> + </div> + </section> + + <section id="music" aria-labelledby="music-title"> + <h2 id="music-title">音楽</h2> + <p>Last.fm: <a href="https://www.last.fm/user/SillyLaird" target="_blank" rel="noopener">SillyLaird</a></p> + <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">現在のブログ</h2> + <div id="blog-list" aria-live="polite" class="muted">読み込み中…</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">更新履歴</h2> + <p><a href="/changelog/">Visit the full changelog →</a></p> + <div id="changelog-list" aria-live="polite" class="muted">読み込み中…</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">友達</h2> + <ul class="friends-list"> + <li><a href="https://kfarwell.org/">Kyle Farwell</a></li> + <li><a href="https://lolwut.info/">lolwut</a></li> + <li><a href="http://shystudios.us/">Shy Studios</a></li> + <li><a href="https://risingthumb.xyz/">risingthumb</a></li> + <li><a href="https://moddedbear.com/">bear</a></li> + <li><a href="https://idkwhatthisis.serv00.net/">Star</a></li> + <li><a href="https://kans3n.codeberg.page/">Kans3n</a></li> + <li><a href="http://kans3n.ddns.net/">Kans3n mirror</a></li> + <li><a href="https://www.twitch.tv/mrdinklepuss">MrDinklepuss (Twitch)</a></li> + <li><a href="https://www.webtoons.com/en/canvas/chronicles-of-the-pumpkin-prince/list?title_no=546563">MrsDinklepuss (WebToon)</a></li> + <li><a href="https://web.archive.org/web/20230325061748/https://urof.net/">urof (archive)</a></li> + <li><a href="https://djlain.com/">djlain</a></li> + <li><a href="https://www.twitch.tv/chefnegative">chEfnEgAtIvE (Twitch)</a></li> + <li><a href="https://jameswilson.io">JdotW</a></li> + </ul> + </section> + + <section aria-labelledby="guestbook-title"> + <h2 id="guestbook-title">ゲストブック</h2> + <p><a href="https://guestbook.sillylaird.ca" target="_blank" rel="noopener">ゲストブックを開く</a></p> + <iframe src="https://guestbook.sillylaird.ca/embed.php" class="embed-frame guestbook-frame" loading="lazy" title="ゲストブック"></iframe> + </section> + + <section aria-labelledby="games-title"> + <h2 id="games-title">ゲーム</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">国</h2> + <ul class="tile-grid"> + <li><a href="https://www.canada.ca/en.html"><img src="canada.png" alt="Canada" loading="lazy" decoding="async" width="160" height="64"></a></li> + <li><a href="https://government.ru/en/"><img src="russia.png" alt="Russia" loading="lazy" decoding="async" width="160" height="64"></a></li> + <li><a href="https://english.www.gov.cn/"><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"><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">スポンサー / VPN / ボタン</h2> + <ul class="tile-grid"> + <li><a href="https://buyvm.net/"><img src="buyvm.png" alt="BuyVM" loading="lazy" decoding="async" width="160" height="64"></a></li> + <li><a href="https://edramatica.com/Main_Page"><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"><img src="toesu.jpg" alt="ToeSU pedals" loading="lazy" decoding="async" width="160" height="64"></a></li> + <li><a href="https://mullvad.net/"><img src="mullvad.svg" alt="Mullvad VPN" loading="lazy" decoding="async" width="160" height="64"></a></li> + <li><a href="https://cryptostorm.is/"><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"><img src="nordvpn.png" alt="NordVPN" loading="lazy" decoding="async" width="160" height="64"></a></li> + <li><a href="https://tunnels.is/"><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> |