Create 404.html

otoneko1102 · May 10, 2024 · c668601 · c668601
1 parent 6da0fc7
commit c668601
Showing 1 changed file with 89 additions and 0 deletions.
diff --git a/404.html b/404.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="ja">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width">
+  <link rel="icon" href="/img/ProteCat.webp" type="image/webp">
+  <link rel="shortcut icon" href="/img/ProteCat.webp" type="image/webp">
+
+  <meta name="theme-color" content="#a260bf">
+  <meta name="description" content="Discord Bot 「ProteCat」のドキュメントです">
+  <meta property="og:title" content="ProteCat">
+  <meta property="og:description" content="Discord Bot 「ProteCat」のドキュメントです">
+  <meta property="og:url" content="https://protecat.otoneko.jp/">
+  <meta property="og:image" content="https://protecat.otoneko.jp/img/ProteCat.webp">
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@rin_pineapple">
+  <meta name="twitter:title" content="ProteCat">
+  <meta name="twitter:description" content="Discord Bot 「ProteCat」のドキュメントです">
+  <title>Protecat</title>
+  <link href="/style.css" rel="stylesheet" type="text/css" />
+</head>
+
+<body>
+
+  <!-- メニュー -->
+  <div class="menu-button">&#9776; メニュー</div>
+  <div class="page-list">
+      <ul>
+        <br>
+        <br>
+        <li><a href="/index.html">ホーム</a></li>
+        <li><a href="/how-to-start.html">Botの使い方 - セットアップ</a></li>
+        <li><a href="/how-to-use.html">Botの使い方 - 詳細設定</a></li>
+        <li><a href="/t-pp.html">利用規約・プライバシーポリシー</a></li>
+        <li><a href="https://discord.com/api/oauth2/authorize?client_id=1154776436998152242&permissions=8&scope=bot%20applications.commands" target="_blank">Botの導入</a></li>
+        <li><a href="https://github.com/otoneko1102/ProteCat/blob/main/README.md" target="_blank">ソースコード</a></li>
+        <li><a href="https://discord.gg/yKW8wWKCnS" target="_blank">サポート</a></li>
+      </ul>
+  </div>
+
+  <div id="circle-container"></div>
+  <main>
+    <div class="purple-line"></div>
+    <h1 class="title">ProteCat</h1>
+    <img src="/img/ProteCat.webp">
+    <p class="description">ProteCatのドキュメントです</p>
+
+    <h1>404</h1>
+    <h1>Not found.</h1>
+
+    <section class="grid">
+      <a href="/index.html" class='card'>
+        <h2>&larr; ホーム</h2>
+        <p>戻る</p>
+      </a>
+    </section>
+  </main>
+  <!-- ホームに戻るボタン -->
+  <a href="/index.html" class="top-button">ホーム</a>
+
+  <!-- 最上部に飛ぶボタン -->
+  <button class="scroll-button scroll-button-top" onclick="scrollToTop()">▲</button>
+
+  <!-- 最下部に飛ぶボタン -->
+  <button class="scroll-button" onclick="scrollToBottom()">▼</button>
+  <script src="/script.js"></script>
+
+  <!-- 外部リンクのセクション -->
+  <div id="external-links">
+      <h2>外部リンク</h2>
+      <ul>
+        <li><a href="https://twitter.com/rin_pineapple" target="_blank">Twitter - @rin_pineapple</a></li>
+        <li><a href="https://misskey.io/@rin_pineapple" target="_blank">Misskey.io - @rin_pineapple</a></li>
+        <li><a href="https://youtube.com/@rin_pineapple" target="_blank">YouTube - @rin_pineapple</a></li>
+        <li><a href="https://github.com/otoneko1102" target="_blank">GitHub - @otoneko1102</a></li>
+        <li><a href="https://instagram.com/otoneko1102" target="_blank">Instagram - @otoneko1102</a></li>
+        <li><a href="https://discord.gg/yKW8wWKCnS" target="_blank">Discord Server - Oto Lab</a></li>
+        <li><a href="https://maidproject.otoneko.jp/" target="_blank">MaidProject</a></li>
+      </ul>
+  </div>
+
+  <!-- コピーライト情報 -->
+  <div id="copyright">
+      <p>&copy; 2023 ProteCat by otoneko.</p>
+  </div>
+  <a id="secretButton" href="secret/click.html">🤔</a>
+</body>
+</html>