diff options
Diffstat (limited to 'articles/sample_jp.html')
| -rw-r--r-- | articles/sample_jp.html | 123 |
1 files changed, 123 insertions, 0 deletions
diff --git a/articles/sample_jp.html b/articles/sample_jp.html new file mode 100644 index 0000000..aca87bd --- /dev/null +++ b/articles/sample_jp.html @@ -0,0 +1,123 @@ +<!doctype html> +<html lang="ja"> +<head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width,initial-scale=1" /> + <title>Sample Article</title> + <meta name="description" content="Sample article page." /> + <meta property="og:title" content="Sample Article" /> + <meta property="og:description" content="Sample article page." /> + <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/articles/sample_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="Sample Article" /> + <meta name="twitter:description" content="Sample article page." /> + <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" /> + <link rel="canonical" href="https://www.sillylaird.ca/articles/sample_jp.html" /> + <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/articles/sample.html" /> + <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/articles/sample.html" /> + <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/articles/sample_zh.html" /> + <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/articles/sample_jp.html" /> + <link rel="icon" href="/favicon.ico" /> + + <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"> + <header class="site-header"> + <div class="header-inner"> + <div class="brand"> + <a href="/" class="logo" aria-label="SillyLaird home"> + <img src="/lain.png" alt="SillyLaird logo" width="48" height="48" decoding="async" /> + </a> + <div class="brand-text"> + <strong>SillyLaird</strong> + <span>personal hub: links, logs, and vibes</span> + </div> + </div> + + <div class="header-controls"> + <a href="http://xyb4zkpbnssz2kgiklg5vfbepbnblykgfvemwadvufwzfcrjny46q6qd.onion/" class="header-button">Tor</a> + + <div class="lang"> + <div class="lang-toggle-wrapper"> + <button class="header-button" id="lang-toggle" type="button" aria-haspopup="menu" aria-expanded="false"> + Language: <span id="current-lang">EN</span> + </button> + </div> + + <div class="lang-menu" id="lang-options" role="menu" hidden> + <a role="menuitem" href="#" data-lang="en" data-lang-href>English</a> + <a role="menuitem" href="#" data-lang="zh" data-lang-href>中文</a> + <a role="menuitem" href="#" data-lang="ja" data-lang-href>日本語</a> + </div> + <noscript> + <div class="lang-menu no-js-lang" role="menu" aria-label="Language"> + <a role="menuitem" href="/articles/sample.html">English</a> + <a role="menuitem" href="/articles/sample_zh.html">中文</a> + <a role="menuitem" href="/articles/sample_jp.html" aria-current="page">日本語</a> + </div> + </noscript> + </div> + + <div class="menu-wrapper"> + <button id="menu-toggle" type="button" aria-label="Menu" aria-controls="site-nav" aria-expanded="false">☰</button> + + <nav id="site-nav" class="site-nav" aria-label="Main navigation" hidden> + <ul class="nav-section"> + <li class="nav-label">Pages</li> + <li><a href="/">Home</a></li> + <li><a href="/startpage/">StartPage</a></li> + <li><a href="/journal/">Journal</a></li> + <li><a href="/gaming/">Gaming</a></li> + <li><a href="/bookmarks/">Bookmarks</a></li> + <li><a href="/accounts/">Accounts</a></li> + <li><a href="/computers/">Computers</a></li> + <li><a href="/map/">Site Map</a></li> + </ul> + <ul class="nav-section"> + <li class="nav-label">Subdomains</li> + <li><a href="https://blog.sillylaird.ca/" target="_blank" rel="noopener">Blog</a></li> + <li><a href="https://guestbook.sillylaird.ca" target="_blank" rel="noopener">Guestbook</a></li> + <li><a href="https://changelog.sillylaird.ca/" target="_blank" rel="noopener">Changelog</a></li> + <li><a href="https://diary.sillylaird.ca/bbs.php" target="_blank" rel="noopener">Diary</a></li> + <li><a href="http://9p.sillylaird.ca" target="_blank" rel="noopener">9p/9f</a></li> + </ul> + </nav> + </div> + </div> + </div> + </header> + </div> + + <main id="main" class="wrap"> + <section> + <h1>Sample Article</h1> + <p class="muted">This page was an old HTML 4.01 sample. It now uses the unified site layout.</p> + </section> + </main> + + <div data-include="footer"> + <footer class="site-footer"> + <div class="footer-inner"> + <div>© <span id="copyright-year">2026</span> SillyLaird — Licensed under <a href="/wtfpl.txt">WTFPL</a></div> + <div>Last updated: <time id="last-updated"></time></div> + <div>Privacy: Some pages load third-party content (Last.fm, guestbook, blog, embeds).</div> + + <a class="badge" href="https://www.eff.org/issues/free-speech" target="_blank" rel="noopener"> + <img src="/rib_bar_wh.png" alt="EFF free speech badge" loading="lazy" decoding="async" class="s9572e08b37"> + </a> + </div> + </footer> + </div> +</body> +</html> |