Upload

Team-PhiTogether · Jul 19, 2024 · d1629ee · d1629ee
commit d1629ee
Show file tree

Hide file tree

Showing 2 changed files with 152 additions and 0 deletions.
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,13 @@
+            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+                    Version 2, December 2004
+
+ Copyright (C) 2004 Sam Hocevar <[email protected]>
+
+ Everyone is permitted to copy and distribute verbatim or modified
+ copies of this license document, and changing it is allowed as long
+ as the name is changed.
+
+            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. You just DO WHAT THE FUCK YOU WANT TO.
diff --git a/index.html b/index.html
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <title>bilib[ii]li</title>
+    <link
+      rel="stylesheet"
+      crossorigin="anonymous"
+      href="https://cdn.jsdelivr.net/npm/[email protected]/lib/Normal/MiSans-Medium.min.css"
+    />
+    <link
+      rel="stylesheet"
+      crossorigin="anonymous"
+      href="https://cdn.jsdelivr.net/npm/[email protected]/lib/Normal/MiSans-Bold.min.css"
+    />
+    <style>
+      body {
+        overflow: hidden;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-family: "MiSans";
+        background-size: cover;
+        background-position: center;
+        min-height: 100vh;
+        background-repeat: no-repeat;
+      }
+
+      b {
+        color: crimson;
+      }
+
+      span {
+        font-size: large;
+      }
+
+      .container {
+        margin-top: -24px;
+        opacity: 0;
+        width: 400px;
+        height: auto;
+        padding: 36px;
+        background-color: rgba(255, 255, 255, 0.8);
+        backdrop-filter: blur(12px);
+        border-radius: 24px;
+        box-shadow: 0 0 48px rgba(0, 0, 0, 0.5);
+        transition: opacity 1s cubic-bezier(0.51, 0.01, 0, 1);
+      }
+
+      .container.visible {
+        opacity: 1;
+      }
+
+      .button-container {
+        display: flex;
+        justify-content: flex-end;
+      }
+
+      #greeting {
+        font-weight: bold;
+        font-size: xx-large;
+      }
+
+      #redirect {
+        margin-top: 36px;
+        color: white;
+        background-color: #0fa7d9;
+        border-radius: 24px;
+        border: none;
+        padding: 12px;
+        transition: opacity 0.2s ease-in-out;
+      }
+
+      #redirect:hover {
+        opacity: 0.75;
+        cursor: pointer;
+      }
+
+      #footer {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        text-align: center;
+        mask-image: linear-gradient(
+          to bottom,
+          rgba(0, 0, 0, 0) 10%,
+          rgba(0, 0, 0, 1) 90%
+        );
+        -webkit-mask-image: -webkit-linear-gradient(
+          to bottom,
+          rgba(0, 0, 0, 0) 10%,
+          rgba(0, 0, 0, 1) 90%
+        );
+        height: 100px;
+        opacity: 1;
+        color: rgba(255, 255, 255, 0.76);
+        position: fixed;
+        bottom: 0;
+        width: 100%;
+        text-align: center;
+        font-size: small;
+        padding: 3px;
+        backdrop-filter: blur(12px);
+      }
+    </style>
+    <script>
+      function redirect() {
+        document.getElementById("redirect").value = "正在跳转...";
+        document.getElementById("redirect").style.opacity = "0.5";
+        window.location.href = "https://www.bilibili.com/";
+      }
+
+      const img = new Image();
+      img.src = "https://t.mwm.moe/fj";
+      img.onload = () => {
+        document.body.style.backgroundImage = `url(${img.src})`;
+        document.querySelector(".container").classList.add("visible");
+      };
+    </script>
+  </head>
+  <body>
+    <div class="container">
+      <div id="greeting">嗨！ヾ(*´▽‘*)</div>
+      <br />
+      <span>这里是 bilib<b>ii</b>li.com！您可能输入了错误的网址。</span>
+      <div class="button-container">
+        <input
+          id="redirect"
+          type="button"
+          value="是否本来要前往哔哩哔哩？"
+          onclick="redirect()"
+        />
+      </div>
+    </div>
+    <footer id="footer">
+      <div style="position: fixed; bottom: 12px">&copy;2024 bilibiili.com</div>
+    </footer>
+  </body>
+</html>