update

.drone.yml

@@ -3,37 +3,31 @@ type: docker
 name: build-and-deploy
 
 steps:
+  - name: restore-cache
+    image: drillster/drone-volume-cache
+    settings:
+      restore: true
+      mount:
+        - ./node_modules
+    volumes:
+      - name: cache
+        path: /cache
+
   - name: build
     image: node:lts-bullseye
     commands:
       - apt-get update -y && apt-get install git -y
       - yarn && yarn build
 
-  - name: upload
-    image: plugins/s3
+  - name: rebuild-cache
+    image: drillster/drone-volume-cache
     settings:
-      bucket: home-app
-      region: us-ashburn-02
-      acl: public-read
-      endpoint: https://storage.186526.xyz
-      access_key:
-        from_secret: s3_access_key
-      secret_key:
-        from_secret: s3_secret_key
-      source: dist/**/*
-      target: /dist
-      path_style: true
-  
-  - name: docker  
-    image: plugins/docker
-    settings:
-      username:
-        from_secret: docker_username
-      password: 
-        from_secret: docker_password
-      auto_tag: true
-      repo: registry.186526.xyz/home-app
-      registry: registry.186526.xyz
+      rebuild: true
+      mount:
+        - ./node_modules
+    volumes:
+      - name: cache
+        path: /cache
 
   - name: notification
     image: appleboy/drone-telegram
@@ -41,3 +35,8 @@ steps:
       token:
         from_secret: telegram_bot_token
       to: real186526
+
+volumes:
+  - name: cache
+    host:
+      path: /tmp/drone/cache

Dockerfile

@@ -1,3 +1,3 @@
-FROM nginx
+FROM nginx:alpine
 COPY dist /usr/share/nginx/html
 EXPOSE 80

deploy.yaml

@@ -0,0 +1,97 @@
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  name: home-app
+  namespace: dn42
+  labels:
+    app: home-app
+    dn42: "yes"
+spec:
+  replicas: 5
+  selector:
+    matchLabels:
+      app: home-app
+  template:
+    metadata:
+      labels:
+        app: home-app
+
+    spec:
+      # affinity:
+      #   nodeAffinity:
+      #     requiredDuringSchedulingIgnoredDuringExecution:
+      #       nodeSelectorTerms:
+      #         - matchExpressions:
+      #             - key: edge/region
+      #               operator: In
+      #               values:
+      #                 - eu
+      containers:
+        - name: "home-app"
+          image: "registry.186526.xyz/home-app:latest"
+          imagePullPolicy: Always
+          resources:
+            limits:
+              memory: 64Mi
+              cpu: 250m
+          ports:
+            - name: web
+              containerPort: 80
+              protocol: TCP
+          env:
+            - name: REGION
+              valueFrom:
+                fieldRef:
+                  fieldPath: spec.nodeName
+---
+apiVersion: v1
+kind: Service
+metadata:
+  name: "home-app"
+  namespace: dn42
+spec:
+  type: ClusterIP
+  ports:
+    - port: 80
+      name: web
+  selector:
+    app: "home-app"
+---
+apiVersion: networking.k8s.io/v1
+kind: Ingress
+metadata:
+  name: "home-app-ingress"
+  namespace: dn42
+  annotations:
+    traefik.ingress.kubernetes.io/router.entrypoints: web,websecure
+    traefik.ingress.kubernetes.io/router.middlewares: edge-network-middleware@file,compress@file
+    kubernetes.io/ingress.class: traefik
+    cert-manager.io/cluster-issuer: dn42-acme
+
+spec:
+  tls:
+    - secretName: home-app-cert
+      hosts:
+        - home-app.186526.dn42
+        - home.186526.dn42
+  rules:
+    - host: home-app.186526.dn42
+      http:
+        paths:
+          - path: /
+            pathType: Prefix
+            backend:
+              service:
+                name: "home-app"
+                port:
+                  number: 80
+    - host: home.186526.dn42
+      http:
+        paths:
+          - path: /
+            pathType: Prefix
+            backend:
+              service:
+                name: "home-app"
+                port:
+                  number: 80

index.html

@@ -22,6 +22,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet" />
   <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC&amp;display=swap" rel="stylesheet" />
   <script type="module" src="./src/main.ts"></script>
+
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-PVVC00CJ26"></script>
   <script>
     window.dataLayer = window.dataLayer || [];
@@ -30,10 +31,25 @@
 
     gtag('config', 'G-PVVC00CJ26');
   </script>
-  <meta name="description" content="It's me, 186526! | 186526 的自留地" />
-  <meta property="og:type" content="website" />
-  <meta property="og:title" content="It's me, 186526! | 186526.xyz" />
-  <meta name="og:description" content="It's me, 186526! | 186526 的自留地" />
+
+  <script defer src="https://analytics.186526.net/script.js" data-website-id="5a54816d-378c-467c-834a-f7d665f72b9d"></script>
+
+  <meta name="description" content="It's me, 186526! | real186526 的自留地">
+
+  <!-- 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>
@@ -41,7 +57,7 @@
 <body>
   <app>
     <background>
-      <p>PID @ 78361641</p>
+      <p>Pixiv ID @ 78361641</p>
     </background>
 
     <header>
@@ -59,7 +75,7 @@
     <contents>
       <group id="channel">
         <card id="blog">
-          <a href="https://blog.186526.xyz" aria-label="goto 186526's Blog" alt="186526's Blog"><img alt="186526's Blog"
+          <a href="https://blog.186526.xyz/?utm_source=home" aria-label="goto 186526's Blog" alt="186526's Blog"><img alt="186526's Blog"
               src="assets/hexo.svg" /></a>
         </card>
         <card id="status">
@@ -67,8 +83,8 @@
               alt="186526's Status" src="assets/uptimerobot.ico" /></a>
         </card>
         <card id="dn42">
-          <a href="https://net.186526.xyz" aria-label="goto 186526 Network @ DN42" alt="186526 Network @ DN42"><img
-              alt="186526 Network @ DN42" src="assets/dn42.svg" /></a>
+          <a href="https://186526.net" aria-label="goto 186526 Network" alt="186526 Network"><img alt="186526 Network"
+              src="assets/dn42.svg" /></a>
         </card>
         <card id="gitea">
           <a href="https://git.186526.xyz" aria-label="goto 186526's Gitea" alt="186526's Gitea"><img
@@ -83,87 +99,112 @@
               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 alt="Zikin的独立博客"
+          <a href="https://zikin.org/" aria-label="goto Zikin's Blog" alt="Zikin的独立博客 - 青春大概如你所说" target="_blank"
+            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
-              alt="Skrshadow" src="https://sdn.geekzu.org/avatar/e2027c37ef15b736cf3ee8b7803216c4" /></a>
+          <a href="https://blog.skrshadow.cn/" aria-label="goto Skrshadow's Blog" alt="Skrshadow - 是红雨, 斯哈斯哈"
+            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
-              alt="Radium-bit" src="https://cdn.jsdelivr.net/gh/radium-bit/res@latest/avatar.webp" /></a>
+          <a href="https://radium-bit.github.io/" aria-label="goto Radium-bit's Blog" alt="Radium-bit" target="_blank"
+            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
-              src="https://jimmyqin.com/images/avatar.png" alt="JimmyQin's Blog" /></a>
-        </card>
-        <card>
-          <a href="https://laple.me" alt="Lapis Apple - 一个回收站，里面住着Lapis Apple。"
-            aria-label="goto Lapis Apple's Blog"><img alt="Lapis Apple"
-              src="https://storage.186526.xyz/home-app/assets/lsp.avatar.png" /></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"
+          <a href="https://blog.maxelbk.eu.org" aria-label="goto Maxel Black's Blog" target="_blank" rel="noopener"
+            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://186526.xyz/shields.io/github/followers/186526
+          " /></a>
+        <br>
         <div>
-          <a alt="PGP Key" href="https://i.186526.xyz/pgp_keys.asc">
-            <img alt="PGP Key" src="https://blog.186526.xyz/shields.io/keybase/pgp/186526" />
+          <a alt="PGP Key" href="https://i.186526.xyz/pgp_keys.asc" target="_blank" rel="noopener">
+            <img alt="PGP Key" src="https://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"
-              src="https://blog.186526.xyz/shields.io/badge/%E8%90%8CICP%E5%A4%87-20218600-blue" /></a>
+          <a alt="Moe ICP 20218600" href="https://icp.gov.moe/?keyword=20218600" target="_blank" rel="noopener"><img
+              alt="Moe ICP 20218600"
+              src="https://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"
-              src="https://blog.186526.xyz/shields.io/uptimerobot/ratio/m786767672-6913a353d708838f195d30d8" /></a>
+          <a alt="186526.xyz Uptime" href="https://status.186526.eu.org/" target="_blank" rel="noopener"><img
+              alt="186526.xyz Uptime"
+              src="https://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>
 
         <p>
-          Building on <code>"unknown"</code> of <a href="https://net.186526.xyz">186526 Network</a>.
+          Build on <code>"unknown"</code>.
           <br>
-          Performance & Host By Cloudflare & Vercel.
+          Powered by Vite & TypeScript.
+          <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>
 
 <none id="description-list">
-  <p>一个啥都不会的屑</p>
-  <p>
-    LSP, Verified by
-    <img src="https://storage.186526.xyz/home-app/assets/lama.avatar.png" alt="lama3l9r's avatar" />
-    and
-    <img src="https://storage.186526.xyz/home-app/assets/lsp.avatar.png" alt="lsp's avatar" />
-  </p>
   <p>Less code, more bug.</p>
-  <p>Arknights Player</p>
-  <p>btw, I use arch</p>
-  <p><code>console.log('Arch is the best!');</code></p>
+  <p>Be simple, be silly.</p>
+  <p>Keep it simple, stupid</p>
+  <p>Arknights player</p>
+  <p>Talk is cheap, show me the code.</p>
   <p>24 岁, 是学生</p>
   <p>一天 25 小时绝赞配网中...</p>
-  <p>DN42 贴(pi)贴(er)请求中...</p>
+  <p>AS200536 / AS47778 / AS30581 绝赞运营中...</p>
   <p>大陆北方网友</p>
-  <p>Linux user ✗ KVM user ✓</p>
-  <p>世界一级拖延症证书持有者</p>
+  <p>Location: localhost</p>
+  <p>Linux user ✗ <br> KVM user ✓</p>
+  <p>世界一级<br>拖延症证书持有者</p>
   <p>想拥有强大的自制力</p>
   <p>想做好自己</p>
-  <p>wowaka, 晚安.</p>
+  <p>什么都不需要</p>
+  <p>不愿做傻事</p>
+  <p>好的作品中仿佛栖息着神明。</p>
+  <p>即便到了现在，对我而言，你也仍是和神明最接近的存在。</p>
+  <p>请不要忘记我独身一人的盛装游行。</p>
+  <p>另一个世界一定有着摇滚乐在播放，不流行赞歌什么的，因为神明也并不存在。</p>
+  <p>wowaka，晚安。</p>
+  <p>麦门！</p>
+  <p>交错于虚拟与现实之间</p>
+  <p>关注 186 谢谢喵</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>「花惑う夏を待つ僕に差す月明かり」<br>“静待乱花迷醉之夏，皎洁月光照耀此身”</p>
+  <p>「幸せの色は準透明　なら見えない方が良かった」<br>“幸福的颜色是准透明 这样的话看不见的话该有多好”</p>
+  <p>「愛で世界が変わるもんか 淋しいなど人に言えるもんか」<br>“爱哪能改变世界 寂寞等等哪能说给人听”</p>
+  <p>「人生はどうにも妥協で出来てる」<br>“人生无可避免是由妥协堆积而成”</p>
+  <p>「心も運命もラブソングも人生も信じない」<br>“不论心灵或命运或情歌或人生皆不可信”</p>
+  <p>「君の人生は月明かりだ 有りがちだなんて言わせるものか」<br>“你的人生好似朗朗月光 岂能让他人指手画脚什么‘随处可见’”</p>
+  <p>「長い夜の終わりを信じながら」<br>“仍信长夜终破晓”</p>
+  <p>「人生全部が馬鹿みたいなのに」<br>“人生什么的全部明明愚蠢至极”</p>
+  <p>「牡丹は散っても花だ 夏が去っても追慕は切だ」<br>“牡丹落尽亦是花，夏去秋来思愈切。”</p>
+  <p>「きっと、人生最後の日も愛をうたうのだろう」<br>“我一定也会在人生最后的日子讴歌着爱”</p>
+  <p>「もうちょっとだけ貴方を探せたら もう一歩だけ歩いてみれるかな」<br>“如果再稍稍去寻找一下你的话，我就能再向前踏出一步了吧”</p>
+  <p>空中散步与四拍子</p>
+  <p>人生、二十七で死ねるならロックンロールは僕を救った</p>
 </none>
 
 <script>
@@ -203,11 +244,11 @@
 
     if (broswerUA.broswer == "IE") {
       document.body.innerHTML =
-        '<div class="toast">去他妈的Internet Explorer，请使用现代浏览器访问该站点，例如<a href="http://aka.186526.xyz/Chrome">Chrome</a>、<a href="http://aka.186526.xyz/Firefox">Firefox</a>。</div>' +
+        '<div class="toast">去他妈的Internet Explorer，请使用现代浏览器访问该站点，例如<a href="http://go.186526.xyz/Chrome">Chrome</a>、<a href="http://go.186526.xyz/Firefox">Firefox</a>。</div>' +
         document.body.innerHTML;
     } else if (broswerUA.broswer == "chrome" && broswerUA.version <= 60) {
       document.body.innerHTML =
-        '<div class="toast">摆脱旧版Chrome，请使用新版<a href="http://aka.186526.xyz/Chrome">Chrome</a>访问该站点。</div>' +
+        '<div class="toast">摆脱旧版Chrome，请使用新版<a href="http://go.186526.xyz/Chrome">Chrome</a>访问该站点。</div>' +
         document.body.innerHTML;
     }
   })();

package.json

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

public/manifest.json

@@ -11,12 +11,41 @@
 			"src": "./maskable.png",
 			"sizes": "1269x1269",
 			"type": "image/png",
-      "purpose": "any maskable"
+			"purpose": "maskable"
 		},
 		{
 			"src": "./avatar.webp",
 			"sizes": "512x512",
 			"type": "image/webp"
 		}
+	],
+	"shortcuts": [
+		{
+			"name": "Blog",
+			"short_name": "Blog",
+			"description": "Go to check my blog",
+			"url": "/goto/blog",
+			"icons": [
+				{
+					"src": "/assets/hexo.svg",
+					"sizes": "500x500"
+				}
+			]
+		}
+	],
+	"screenshots": [
+		{
+			"src": "./assets/og.png",
+			"sizes": "863x451",
+			"type": "image/webp",
+			"form_factor": "wide",
+			"label": "Homescreen of it."
+		},
+		{
+			"src": "./assets/og.png",
+			"sizes": "863x451",
+			"type": "image/webp",
+			"label": "Homescreen of it."
+		}
 	]
 }

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/main.ts

@@ -10,7 +10,7 @@ import Tippy from 'tippy.js';
 import 'tippy.js/dist/tippy.css';
 import 'tippy.js/animations/scale.css';
 
-window.addEventListener("load", (_ev) => {
+window.addEventListener("DOMContentLoaded", (_ev) => {
   new Typed(document.querySelector("description") ?? "description", {
     stringsElement: "#description-list",
     shuffle: true,
@@ -31,7 +31,7 @@ window.addEventListener("load", (_ev) => {
   // @ts-expect-error
   document.querySelector(
     "#footer > div"
-  ).innerHTML += `<a alt="Update Commit" href="https://git.186526.xyz/186526/home-app"><img alt="Update Commit" src="https://blog.186526.xyz/shields.io/badge/commit-${APP_VERSION}-blue" /></a> <img alt="Latest Update" src="https://blog.186526.xyz/shields.io/date/${APP_BUILD_TIME}?color=sucessful&label=latest%20update" />`;
+  ).innerHTML += `<a alt="Update Commit" href="https://git.186526.xyz/186526/home-app/src/commit/${APP_VERSION}"><img alt="Update Commit" src="https://186526.xyz/shields.io/badge/commit-${APP_VERSION}-blue" /></a> <img alt="Latest Update" src="https://186526.xyz/shields.io/date/${APP_BUILD_TIME}?color=sucessful&label=latest%20update" />`;
 
   // @ts-expect-error
   document.querySelector("#footer").innerHTML = document.querySelector("#footer")?.innerHTML.replaceAll("unknown",__APP_BUILD_MACHINE__);

src/styles/base.css

@@ -21,12 +21,12 @@
 h2,
 h1 {
 	font-family: "Google Sans", Roboto, Noto Sans SC, sans-serif;
+	color: var(--linear-end-color);
 	background-image: linear-gradient(
 		90deg,
 		var(--linear-start-color),
 		var(--linear-end-color)
-  ) !important;
-  color: transparent !important;
+	);
 	-webkit-background-clip: text;
 	background-clip: text;
 	-webkit-text-fill-color: transparent;
@@ -109,11 +109,12 @@ background {
 	right: 0px;
 	float: right;
 	position: absolute;
-  min-width: 100%;
-  min-height: 75vh;
+	width: 100%;
+	height: 95%;
+	max-height: 86vh;
 	background-size: cover;
-  background-image: url(background.webp),
-    url(background.png);
+	background-image: url(/resources/background.webp),
+		url(/resources/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: fill-available;
+	width: stretch;
 	margin: 0 5vw;
 
 	backdrop-filter: blur(15px);

src/styles/contents.css

@@ -1,7 +1,7 @@
 contents {
 	display: flex;
 	position: relative;
-	top: 32.5vh;
+	top: calc(37.5vh - 0.5rem);
 
 	right: 0vh;
 	left: 0vh;
@@ -70,11 +70,11 @@ group#footer > * {
 
 @media screen and (max-width: 1024px) {
 	contents {
-		top: 27.5vh;
+		top: calc(32.5vh - 0.5rem);
 	}
 }
 
-@media screen and (max-width: 480px) {
+@media screen and (max-width: 530px) {
 	contents {
 		top: 20vh;
 	}

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) {
@@ -62,12 +64,21 @@ header > img {
 
 @media screen and (max-width: 1024px) {
 	header {
+		height: 20vh;
 		width: -moz-available;
-		width: -webkit-fill-available;
-		width: fill-available;
+		width: stretch;
 	}
 }
-@media screen and (max-width: 480px) {
+
+@media screen and (max-width: 768px) {
+	header {
+		height: auto;
+	}
+	header p {
+		margin-bottom: 1rem;
+	}
+}
+@media screen and (max-width: 530px) {
 	header {
 		min-height: 30vh;
 	}

vercel.json

@@ -11,6 +11,7 @@
 			},
 			"continue": true
 		},
+		{ "handle": "filesystem" },
 		{
 			"src": "/goto/github",
 			"status": 302,
@@ -36,7 +37,7 @@
 			"src": "/goto/email",
 			"status": 302,
 			"headers": {
-        "Location": "mailto:admin@186526.xyz"
+				"Location": "mailto:i@186526.xyz"
 			}
 		},
 		{
@@ -50,6 +51,18 @@
 		{
 			"src": "/v2/(.*)",
 			"dest": "https://registry.186526.xyz/v2/$1"
+		},
+		{
+			"src": "/shields.io/(.*)",
+			"dest": "https://img.shields.io/$1"
+		},
+		{
+			"src": "/(.*)",
+			"status": 302,
+			"headers": {
+				"Location": "/?from=$1"
+			},
+			"continue": false
 		}
 	]
 }