Update

.dockerignore

@@ -0,0 +1 @@
+node_modules

.drone.yml

@@ -24,7 +24,18 @@ steps:
       target: /dist
       path_style: true
   
-  - name: send telegram notification
+  - 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
+  
+  - name: notification
     image: appleboy/drone-telegram
     settings:
       token: 

dockerfile

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

index.html

@@ -45,7 +45,7 @@
     </background>
 
     <header>
-      <img src="./avatar.png" alt="avatar" width="100px" height="100px" />
+      <img src="avatar.png" alt="avatar" width="100px" height="100px" />
       <div>
         <h1>
           <a href="https://186526.xyz" title="186526.xyz - It's me, 186526!">It's me, 186526!</a>
@@ -60,27 +60,27 @@
       <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"
-              src="https://storage.186526.xyz/home-app/assets/hexo.svg" /></a>
+              src="assets/hexo.svg" /></a>
         </card>
         <card id="status">
           <a href="https://status.186526.eu.org/" aria-label="goto 186526's Status" alt="186526's Status"><img
-              alt="186526's Status" src="https://storage.186526.xyz/home-app/assets/uptimerobot.ico" /></a>
+              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="https://storage.186526.xyz/home-app/assets/dn42.png" /></a>
+              alt="186526 Network @ DN42" 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
-              alt="186526's Gitea" src="https://git.186526.xyz/assets/img/logo.svg" /></a>
+              alt="186526's Gitea" src="assets/gitea.svg" /></a>
         </card>
         <card id="github">
           <a href="https://github.com/186526" aria-label="goto 186526 @ Github" alt="Github"><img alt="Github"
-              src="https://storage.186526.xyz/home-app/assets/github.svg" /></a>
+              src="assets/github.svg" /></a>
         </card>
         <card id="telegram">
           <a href="https://t.me/real186526" aria-label="goto 186526 @ Telegram" alt="Telegram"><img alt="Telegram"
-              src="https://storage.186526.xyz/home-app/assets/telegram.svg" /></a>
+              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">

public/assets/dn42.svg

@@ -0,0 +1,14 @@
+<svg width="256" height="256" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1">
+
+ <g>
+  <title>Layer 1</title>
+  <g id="svg_12">
+   <polygon id="svg_1" points="68.44992065429688,114.8499755859375 36.249969482421875,114.8499755859375 20.14996337890625,142.75 36.249969482421875,170.64996337890625 68.44992065429688,170.64996337890625 84.5499267578125,142.75 "/>
+   <polygon id="svg_2" fill="#3C3C3B" points="118.74996948242188,143.35003662109375 86.54995727539062,143.35003662109375 70.44992065429688,171.25 86.54995727539062,199.1500244140625 118.74996948242188,199.1500244140625 134.85003662109375,171.25 " class="st0"/>
+   <polygon id="svg_3" fill="#575756" points="118.74996948242188,85.64996337890625 86.54995727539062,85.64996337890625 70.44992065429688,113.54998779296875 86.54995727539062,141.449951171875 118.74996948242188,141.449951171875 134.85003662109375,113.54998779296875 " class="st1"/>
+   <polygon id="svg_4" fill="#706F6F" points="168.85003662109375,114.8499755859375 136.6500244140625,114.8499755859375 120.54995727539062,142.75 136.6500244140625,170.64996337890625 168.85003662109375,170.64996337890625 184.949951171875,142.75 " class="st2"/>
+   <polygon id="svg_5" fill="#9D9D9C" points="219.75,143.35003662109375 187.55001831054688,143.35003662109375 171.449951171875,171.25 187.55001831054688,199.1500244140625 219.75,199.1500244140625 235.85003662109375,171.25 " class="st3"/>
+   <polygon id="svg_6" fill="#878787" points="168.85003662109375,56.8499755859375 136.6500244140625,56.8499755859375 120.54995727539062,84.75 136.6500244140625,112.54998779296875 168.85003662109375,112.54998779296875 184.949951171875,84.75 " class="st4"/>
+  </g>
+ </g>
+</svg>

public/assets/gitea.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" style="enable-background:new 0 0 640 640" xml:space="preserve" width="32" height="32"><path style="fill:#fff" d="m395.9 484.2-126.9-61c-12.5-6-17.9-21.2-11.8-33.8l61-126.9c6-12.5 21.2-17.9 33.8-11.8 17.2 8.3 27.1 13 27.1 13l-.1-109.2 16.7-.1.1 117.1s57.4 24.2 83.1 40.1c3.7 2.3 10.2 6.8 12.9 14.4 2.1 6.1 2 13.1-1 19.3l-61 126.9c-6.2 12.7-21.4 18.1-33.9 12z"/><path style="fill:#609926" d="M622.7 149.8c-4.1-4.1-9.6-4-9.6-4s-117.2 6.6-177.9 8c-13.3.3-26.5.6-39.6.7v117.2c-5.5-2.6-11.1-5.3-16.6-7.9 0-36.4-.1-109.2-.1-109.2-29 .4-89.2-2.2-89.2-2.2s-141.4-7.1-156.8-8.5c-9.8-.6-22.5-2.1-39 1.5-8.7 1.8-33.5 7.4-53.8 26.9C-4.9 212.4 6.6 276.2 8 285.8c1.7 11.7 6.9 44.2 31.7 72.5 45.8 56.1 144.4 54.8 144.4 54.8s12.1 28.9 30.6 55.5c25 33.1 50.7 58.9 75.7 62 63 0 188.9-.1 188.9-.1s12 .1 28.3-10.3c14-8.5 26.5-23.4 26.5-23.4S547 483 565 451.5c5.5-9.7 10.1-19.1 14.1-28 0 0 55.2-117.1 55.2-231.1-1.1-34.5-9.6-40.6-11.6-42.6zM125.6 353.9c-25.9-8.5-36.9-18.7-36.9-18.7S69.6 321.8 60 295.4c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5 38.5-30c13.8-3.7 31-3.1 31-3.1s7.1 59.4 15.7 94.2c7.2 29.2 24.8 77.7 24.8 77.7s-26.1-3.1-43-9.1zm300.3 107.6s-6.1 14.5-19.6 15.4c-5.8.4-10.3-1.2-10.3-1.2s-.3-.1-5.3-2.1l-112.9-55s-10.9-5.7-12.8-15.6c-2.2-8.1 2.7-18.1 2.7-18.1L322 273s4.8-9.7 12.2-13c.6-.3 2.3-1 4.5-1.5 8.1-2.1 18 2.8 18 2.8L467.4 315s12.6 5.7 15.3 16.2c1.9 7.4-.5 14-1.8 17.2-6.3 15.4-55 113.1-55 113.1z"/><path style="fill:#609926" d="M326.8 380.1c-8.2.1-15.4 5.8-17.3 13.8-1.9 8 2 16.3 9.1 20 7.7 4 17.5 1.8 22.7-5.4 5.1-7.1 4.3-16.9-1.8-23.1l24-49.1c1.5.1 3.7.2 6.2-.5 4.1-.9 7.1-3.6 7.1-3.6 4.2 1.8 8.6 3.8 13.2 6.1 4.8 2.4 9.3 4.9 13.4 7.3.9.5 1.8 1.1 2.8 1.9 1.6 1.3 3.4 3.1 4.7 5.5 1.9 5.5-1.9 14.9-1.9 14.9-2.3 7.6-18.4 40.6-18.4 40.6-8.1-.2-15.3 5-17.7 12.5-2.6 8.1 1.1 17.3 8.9 21.3 7.8 4 17.4 1.7 22.5-5.3 5-6.8 4.6-16.3-1.1-22.6 1.9-3.7 3.7-7.4 5.6-11.3 5-10.4 13.5-30.4 13.5-30.4.9-1.7 5.7-10.3 2.7-21.3-2.5-11.4-12.6-16.7-12.6-16.7-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3 4.7-9.7 9.4-19.3 14.1-29-4.1-2-8.1-4-12.2-6.1-4.8 9.8-9.7 19.7-14.5 29.5-6.7-.1-12.9 3.5-16.1 9.4-3.4 6.3-2.7 14.1 1.9 19.8l-24.6 50.4z"/></svg>

public/assets/github.svg

@@ -0,0 +1,3 @@
+<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="#1B1F23"/>
+</svg>

public/assets/hexo.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<svg xmlns="http://www.w3.org/2000/svg" t="1620498362306" viewBox="0 0 1024 1024" version="1.1" p-id="1492" width="500" height="500" class="icon">
+  <path d="M512 0.298667L66.986667 258.389333V770.133333L512 1023.786667l445.013333-258.090667V253.952L512 0.298667z m204.714667 729.813333l-40.064 22.229333-40.064-22.229333V552.106667H387.413333v178.005333l-40.106666 22.229333-40.021334-22.229333V293.973333l40.064-22.229333 40.064 22.229333v178.005334h249.173334V293.973333l40.106666-22.229333 40.021334 22.229333v436.138667z" p-id="1493" fill="#0e83cd"/>
+</svg>

public/assets/telegram.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1000px" height="1000px" viewBox="0 0 1000 1000" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
+    <title>Artboard</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="99.2583404%" id="linearGradient-1">
+            <stop stop-color="#2AABEE" offset="0%"></stop>
+            <stop stop-color="#229ED9" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <circle id="Oval" fill="url(#linearGradient-1)" cx="500" cy="500" r="500"></circle>
+        <path d="M226.328419,494.722069 C372.088573,431.216685 469.284839,389.350049 517.917216,369.122161 C656.772535,311.36743 685.625481,301.334815 704.431427,301.003532 C708.567621,300.93067 717.815839,301.955743 723.806446,306.816707 C728.864797,310.92121 730.256552,316.46581 730.922551,320.357329 C731.588551,324.248848 732.417879,333.113828 731.758626,340.040666 C724.234007,419.102486 691.675104,610.964674 675.110982,699.515267 C668.10208,736.984342 654.301336,749.547532 640.940618,750.777006 C611.904684,753.448938 589.856115,731.588035 561.733393,713.153237 C517.726886,684.306416 492.866009,666.349181 450.150074,638.200013 C400.78442,605.66878 432.786119,587.789048 460.919462,558.568563 C468.282091,550.921423 596.21508,434.556479 598.691227,424.000355 C599.00091,422.680135 599.288312,417.758981 596.36474,415.160431 C593.441168,412.561881 589.126229,413.450484 586.012448,414.157198 C581.598758,415.158943 511.297793,461.625274 375.109553,553.556189 C355.154858,567.258623 337.080515,573.934908 320.886524,573.585046 C303.033948,573.199351 268.692754,563.490928 243.163606,555.192408 C211.851067,545.013936 186.964484,539.632504 189.131547,522.346309 C190.260287,513.342589 202.659244,504.134509 226.328419,494.722069 Z" id="Path-3" fill="#FFFFFF"></path>
+    </g>
+</svg>

src/styles/base.css

@@ -112,8 +112,8 @@ background {
   min-width: 100%;
   min-height: 75vh;
   background-size: cover;
-  background-image: url(https://storage.186526.xyz/home-app/assets/background.webp),
-    url(https://storage.186526.xyz/home-app/assets/background.png);
+  background-image: url(background.webp),
+    url(background.png);
   z-index: -1;
   border-radius: 0 0 15px 15px;
   filter: blur(0.2px);