update

index.html

@@ -30,10 +30,23 @@
 
     gtag('config', 'G-PVVC00CJ26');
   </script>
-  <meta name="description" content="It's me, 186526! | 186526 的自留地" />
+
-  <meta property="og:type" content="website" />
+  <meta name="description" content="It's me, 186526! | real186526 的自留地">
-  <meta property="og:title" content="It's me, 186526! | 186526.xyz" />
+
-  <meta name="og:description" content="It's me, 186526! | 186526 的自留地" />
+  <!-- Facebook Meta Tags -->
+  <meta property="og:url" content="https://186526.xyz">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="It's me, 186526! | 186526.xyz">
+  <meta property="og:description" content="It's me, 186526! | real186526 的自留地">
+  <meta property="og:image" content="./assets/og.png">
+
+  <!-- Twitter Meta Tags -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta property="twitter:domain" content="186526.xyz">
+  <meta property="twitter:url" content="https://186526.xyz">
+  <meta name="twitter:title" content="It's me, 186526! | 186526.xyz">
+  <meta name="twitter:description" content="It's me, 186526! | real186526 的自留地">
+  <meta name="twitter:image" content="./assets/og.png">
 
   <link rel="manifest" href="./manifest.json" />
 </head>
@@ -83,46 +96,51 @@
               src="assets/telegram.svg" /></a>
         </card>
         <card id="email">
-          <a href="mailto:admin@186526.xyz" aria-label="send email to admin@186526.xyz" alt="Email">
+          <a href="mailto:i@186526.xyz" aria-label="send email to i@186526.xyz" alt="Email">
             <icon>mail</icon>
           </a>
         </card>
       </group>
       <group id="friend">
         <card>
-          <a href="https://zikin.org/" aria-label="goto Zikin's Blog" alt="Zikin的独立博客 - 青春大概如你所说"><img
+          <a href="https://zikin.org/" aria-label="goto Zikin's Blog" alt="Zikin的独立博客 - 青春大概如你所说" target="_blank"
-              alt="Zikin的独立博客 - 青春大概如你所说" src="https://cdn.jsdelivr.net/gh/ZikinCDN/img@latest/2021/logo.jpg" /></a>
+            rel="noopener"><img alt="Zikin的独立博客 - 青春大概如你所说"
+              src="https://cdn.jsdelivr.net/gh/ZikinCDN/img@latest/2021/logo.jpg" /></a>
         </card>
         <card>
-          <a href="https://blog.skrshadow.cn/" aria-label="goto Skrshadow's Blog" alt="Skrshadow - 是红雨, 斯哈斯哈"><img
+          <a href="https://blog.skrshadow.cn/" aria-label="goto Skrshadow's Blog" alt="Skrshadow - 是红雨, 斯哈斯哈"
-              alt="Skrshadow - 是红雨, 斯哈斯哈" src="https://sdn.geekzu.org/avatar/e2027c37ef15b736cf3ee8b7803216c4" /></a>
+            target="_blank" rel="noopener"><img alt="Skrshadow - 是红雨, 斯哈斯哈"
+              src="https://sdn.geekzu.org/avatar/e2027c37ef15b736cf3ee8b7803216c4" /></a>
         </card>
         <card>
-          <a href="https://radium-bit.github.io/" aria-label="goto Radium-bit's Blog" alt="Radium-bit"><img
+          <a href="https://radium-bit.github.io/" aria-label="goto Radium-bit's Blog" alt="Radium-bit" target="_blank"
-              alt="Radium-bit" src="https://cdn.jsdelivr.net/gh/radium-bit/res@latest/avatar.webp" /></a>
+            rel="noopener"><img alt="Radium-bit"
+              src="https://cdn.jsdelivr.net/gh/radium-bit/res@latest/avatar.webp" /></a>
         </card>
         <card>
-          <a href="https://jimmyqin.com/" aria-label="goto JimmyQin's Blog" alt="JimmyQin's Blog"><img
+          <a href="https://blog.maxelbk.eu.org" aria-label="goto Maxel Black's Blog" target="_blank" rel="noopener"
-              src="https://jimmyqin.com/images/avatar.png" alt="JimmyQin's Blog" /></a>
-        </card>
-        <card>
-          <a href="https://blog.maxelbk.eu.org" aria-label="goto Maxel Black's Blog"
             alt="Maxel Black - Code & write what we want."><img alt="Maxel Black - Code & write what we want."
               src="https://blog.maxelbk.eu.org/r/maxel.jpg" /></a>
         </card>
       </group>
       <group id="footer">
+        <a alt="Github followers" href="https://github.com/186526" target="_blank" rel="noopener"><img
+            alt="Github followers" src="https://blog.186526.xyz/shields.io/github/followers/186526
+          " /></a>
+        <br>
         <div>
-          <a alt="PGP Key" href="https://i.186526.xyz/pgp_keys.asc">
+          <a alt="PGP Key" href="https://i.186526.xyz/pgp_keys.asc" target="_blank" rel="noopener">
             <img alt="PGP Key" src="https://blog.186526.xyz/shields.io/keybase/pgp/186526" />
           </a>
-          <a alt="Moe ICP 20218600" href="https://icp.gov.moe/?keyword=20218600"><img alt="Moe ICP 20218600"
+          <a alt="Moe ICP 20218600" href="https://icp.gov.moe/?keyword=20218600" target="_blank" rel="noopener"><img
+              alt="Moe ICP 20218600"
               src="https://blog.186526.xyz/shields.io/badge/%E8%90%8CICP%E5%A4%87-20218600-blue" /></a>
 
-          <a alt="186526.xyz Uptime" href="https://status.186526.eu.org/"><img alt="186526.xyz Uptime"
+          <a alt="186526.xyz Uptime" href="https://status.186526.eu.org/" target="_blank" rel="noopener"><img
+              alt="186526.xyz Uptime"
               src="https://blog.186526.xyz/shields.io/uptimerobot/ratio/m786767672-6913a353d708838f195d30d8" /></a>
 
-          <a alt="CI Status" href="https://ci.186526.xyz/186526/home-app">
+          <a alt="CI Status" href="https://ci.186526.xyz/186526/home-app" target="_blank" rel="noopener">
             <img alt="CI Status" src="https://ci.186526.xyz/api/badges/186526/home-app/status.svg" />
           </a>
         </div>
@@ -130,11 +148,13 @@
         <p>
           Build on <code>"unknown"</code>.
           <br>
-          Powered by Vite & Typescript.
+          Powered by Vite & TypeScript.
-          Made with love by 186526.
+          <br>
+          Made with 💖 by <a href="https://186526.xyz" target="_blank" rel="noopener">real186526</a>.
         </p>
-        <p>Copyright © 2020 - Now 186526.xyz. All rights Reserved.</p>
+        <p>Copyright © 2019 - Now 186526.xyz. All rights Reserved.</p>
       </group>
+
     </contents>
   </app>
 </body>
@@ -142,15 +162,17 @@
 <none id="description-list">
   <p>一个啥都不会的屑</p>
   <p>Less code, more bug.</p>
+  <p>Be simple, be silly.</p>
+  <p>Keep it simple, stupid</p>
   <p>Arknights player</p>
   <p>Why not try Debian sid?</p>
   <p>24 岁, 是学生</p>
   <p>一天 25 小时绝赞配网中...</p>
-  <p>AS200536 绝赞运营中...</p>
+  <p>AS200536 / AS47778 绝赞运营中...</p>
   <p>大陆北方网友</p>
   <p>Location: localhost</p>
-  <p>Linux user ✗ KVM user ✓</p>
+  <p>Linux user ✗ <br> KVM user ✓</p>
-  <p>世界一级拖延症证书持有者</p>
+  <p>世界一级<br>拖延症证书持有者</p>
   <p>想拥有强大的自制力</p>
   <p>想做好自己</p>
   <p>wowaka, 晚安.</p>
@@ -158,7 +180,12 @@
   <p>交错于虚拟与现实之间</p>
   <p>关注 186 谢谢喵</p>
   <p>想有一段恋情</p>
-  <p>拿不拿我真的好喜欢你啊，为了你我要听一百遍 Aira （富有感情</p>
+  <p>拿不拿我真的好喜欢你啊，为了你我要听一百遍白ゆき</p>
+  <p>suis我真的好喜欢你啊，为了你我要听一百遍八月、某、月明</p>
+  <p>关注派兹 (<a href="https://blw.moe/" target="_blank" rel="noopener">blw.moe</a>) 谢谢喵</p>
+  <p>「戻らない後悔の全部が美しいって」<br>“追悔莫及之物皆美不胜收”</p>
+  <p>「花惑う夏を待つ僕に差す月明かり」<br>“静待乱花迷醉之夏，皎洁月光照耀此身”</p>
+  <p>人生、二十七で死ねるならロックンロールは僕を救った</p>
 </none>
 
 <script>

package.json

@@ -21,7 +21,6 @@
     "workbox-cdn": "4.2.0"
   },
   "browserslist": [
-    "defaults",
+    ">0.3%, defaults, chrome 48"
-    "not ie 11"
   ]
 }

public/sw.js

@@ -6,7 +6,7 @@ self.addEventListener("install", (e) => {
 if (workbox) {
   workbox.core.setCacheNameDetails({
     prefix: "home-app",
-    suffix: "0.0.4",
+    suffix: "0.0.5",
     precache: "precache",
     runtime: "runtime",
   });

src/styles/base.css

@@ -110,10 +110,11 @@ background {
   float: right;
   position: absolute;
   width: 100%;
-  height: 75vh;
+  height: 95%;
+  max-height: 86vh;
   background-size: cover;
-  background-image: url(background.webp),
+  background-image: url(/assets/background.webp),
-    url(background.png);
+    url(/assets/background.png);
   z-index: -1;
   border-radius: 0 0 15px 15px;
   filter: blur(0.2px);
@@ -152,8 +153,7 @@ background {
   position: absolute;
   top: 8px;
   right: 0px;
-  width: -webkit-fill-available;
+  width: stretch;
-  width: fill-available;
   margin: 0 5vw;
 
   backdrop-filter: blur(15px);

src/styles/header.css

@@ -18,6 +18,7 @@ header > div h1 {
 	font-weight: normal;
 	font-size: var(--font-size-main);
 	line-height: var(--font-size-main);
+	padding-bottom: 0.65rem;
 }
 
 header > div description {
@@ -47,6 +48,7 @@ header {
 header > img {
 	margin-right: 1rem;
 	margin-bottom: 1rem;
+	margin-top: 1rem;
 }
 
 @media screen and (min-width: 768px) {
@@ -64,8 +66,7 @@ header > img {
 	header {
 		height: 15vh;
 		width: -moz-available;
-		width: -webkit-fill-available;
+		width: stretch;
-		width: fill-available;
 	}
 }
 

vercel.json

@@ -36,7 +36,7 @@
       "src": "/goto/email",
       "status": 302,
       "headers": {
-        "Location": "mailto:admin@186526.xyz"
+        "Location": "mailto:i@186526.xyz"
       }
     },
     {
@@ -50,6 +50,10 @@
     {
       "src": "/v2/(.*)",
       "dest": "https://registry.186526.xyz/v2/$1"
+    },
+    {
+      "src": "/shields.io/(.*)",
+      "dest": "https://img.shields.io/$1"
     }
   ]
-}
+}