modify: 美化网站（复古风）

index.html

@@ -6,11 +6,20 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
     <meta name="color-scheme" content="light"/>
     <style>
+        * {
+            font-family: "JetBrains Mono", monospace;
+        }
+
         :root {
-            --footer-height: 64px;
+            --footer-height: 80px;
             color-scheme: light;
         }
 
+        body {
+            background-color: #ececec;
+            /*font-family: Tahoma, monospace;*/
+        }
+
         footer {
             height: var(--footer-height);
             display: flex;
@@ -18,11 +27,12 @@
             justify-content: center;
             align-items: center;
             font-size: 14px;
-            background-color: rgb(195 195 195);
+            background-color: #ececec;
             position: fixed;
             left: 0;
             right: 0;
             bottom: 0;
+            border-top: 1px solid #939494;
         }
 
         .filing-container {
@@ -36,6 +46,23 @@
         .main-container {
             padding-bottom: var(--footer-height);
         }
+
+        code {
+            font-family: "monospace";
+        }
+
+        .code-con {
+            width: fit-content;
+            padding: 8px;
+            margin-top: 8px;
+            border-color: #808080 #ffffff #ffffff #808080;
+            border-width: 2px;
+            border-style: solid;
+        }
+
+        .code-con div {
+            line-height: 1.5;
+        }
     </style>
 
     <script>
@@ -62,38 +89,70 @@
 <body>
 <div class="main-container">
     <div style="font-size: 20px; font-weight: bold;">资源</div>
-    <div>linux软件源</div>
+    <div>Linux 换软件源</div>
     <ul>
         <li>
-            debian 12<br>
+            <h4>debian 12</h4>
-            <code>
+            wget:
-                wget:<br>
+            <div class="code-con">
-                wget -O sources.list https://assets.cancerai.top/linux-repo/debian_12_x86-64/sources.list<br>
+                <div>
-                cat sources.list > /etc/apt/sources.list<br>
+                    wget -O sources.list https://assets.cancerai.top/linux-repo/debian_12_x86-64/sources.list
-                rm -rf sources.list<br>
+                </div>
-                apt update<br><br>
+                <div>
-
+                    cat sources.list > /etc/apt/sources.list
-                curl:<br>
+                </div>
-                curl https://assets.cancerai.top/linux-repo/debian_12_x86-64/sources.list >
+                <div>
-                /etc/apt/sources.list<br>
+                    rm -rf sources.list
-                apt update
+                </div>
-            </code>
+                <div>
+                    apt update
+                </div>
+            </div>
+            <div style="margin-top: 8px"></div>
+            curl:<br>
+            <div class="code-con">
+                <div>
+                    curl https://assets.cancerai.top/linux-repo/debian_12_x86-64/sources.list
+                </div>
+                <div>
+                    /etc/apt/sources.list
+                </div>
+                <div>
+                    apt update
+                </div>
+            </div>
         </li>
         <br>
         <li>
-            debian 13<br>
+            <h4>debian 13</h4>
-            <code>
+            wget:<br>
-                wget:<br>
+            <div class="code-con">
-                wget -O sources.list https://assets.cancerai.top/linux-repo/debian_13_arm64/sources.list<br>
+                <div>
-                cat sources.list > /etc/apt/sources.list<br>
+                    wget -O sources.list https://assets.cancerai.top/linux-repo/debian_13_arm64/sources.list
-                rm -rf sources.list<br>
+                </div>
-                apt update<br><br>
+                <div>
-
+                    cat sources.list > /etc/apt/sources.list
-                curl:<br>
+                </div>
-                curl https://assets.cancerai.top/linux-repo/debian_13_arm64/sources.list >
+                <div>
-                /etc/apt/sources.list<br>
+                    rm -rf sources.list
-                apt update
+                </div>
-            </code>
+                <div>
+                    apt update
+                </div>
+            </div>
+            <div style="margin-top: 8px"></div>
+            curl:<br>
+            <div class="code-con">
+                <div>
+                    curl https://assets.cancerai.top/linux-repo/debian_13_arm64/sources.list
+                </div>
+                <div>
+                    /etc/apt/sources.list
+                </div>
+                <div>
+                    apt update
+                </div>
+            </div>
         </li>
         <br>
     </ul>