fanfic

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

sns.html (2076B)

      1 <!doctype html>
      2 <html lang="jp">
      3     <head>
      4         <meta charset="utf-8" />
      5         <title>Trinity Library - Fanfic Index</title>
      6         <meta name="author" content="ハチか" />
      7         <meta name="description" content="ファンフィクション(二次創作置き場)" />
      8         <link rel="stylesheet" href="styles.css" />
      9     </head>
     10     <body>
     11         <header>
     12             Library
     13             <button class="theme-toggle" id="theme-btn">MODE: LIGHT</button>
     14         </header>
     15         <nav>
     16             <a href="index.html">ホーム</a>
     17             <a href="list.html">蔵書目録</a>
     18             <a href="sns.html">sns一覧</a>
     19             <a href="about.html">about</a>
     20         </nav>
     21         <main>
     22             <span class="doc-id" id="doc-id"
     23                 >DOC_TYPE: SNS / REF_NO: 776</span
     24             >
     25             <h1>SNS一覧</h1>
     26             <p>
     27                 <ul>
     28                     <li><a href="https://bsky.app/profile/fanfic.minervajuppiter.net">BlueSky</a></li>
     29                     <li><a href="https://twitter.com/bite_sour_sweet">Twitter</a></li>
     30                     <li><a href="https://www.pixiv.net/users/76640927">Pixiv</a></li>
     31                 </ul>
     32             </p>
     33         </main>
     34         <footer>
     35             このページは主にBlueArchiveの二次創作であり，公式を模す意図はありません．
     36         </footer>
     37 
     38         <script>
     39             const btn = document.getElementById("theme-btn");
     40             const docId = document.getElementById("doc-id");
     41             let isDark = false;
     42 
     43             btn.addEventListener("click", () => {
     44                 isDark = !isDark;
     45                 document.documentElement.setAttribute(
     46                     "data-theme",
     47                     isDark ? "dark" : "light",
     48                 );
     49                 btn.textContent = isDark ? "MODE: DARK" : "MODE: LIGHT";
     50 
     51                 docId.textContent = isDark
     52                     ? "DOC_TYPE: NIGHT_ARCHIVE / REF_NO: 404"
     53                     : "DOC_TYPE: INDEX / REF_NO: 773";
     54             });
     55         </script>
     56     </body>
     57 </html>