更新主页的显示

HisAtri · Sep 17, 2023 · 93f544a · 93f544a
1 parent 42a2f81
commit 93f544a
Showing 1 changed file with 40 additions and 1 deletion.
diff --git a/src/index.html b/src/index.html
@@ -1,9 +1,11 @@
 <!-- 如果你在歌词界面看到此信息，说明你设置了错误的API地址，默认地址为/lyrics -->
 
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
+    <meta charset="UTF-8">
+    <title>LyricsAPI</title>
     <style>
         body {
             background-image: url("src/img/bg.jpg");
@@ -66,6 +68,30 @@
             color: red;
             text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
         }
+
+        .footer {
+            position: fixed;
+            left: 0;
+            bottom: 0;
+            width: 100%;
+            backdrop-filter: blur(10px);
+            background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
+
+            color: #333;
+            text-align: center;
+            padding: 20px;
+            background-size: cover;
+            background-repeat: no-repeat;
+        }
+
+        .footer a {
+            text-decoration: none;
+            color: inherit;
+        }
+
+        .footer a:hover {
+            font-weight: bold;
+        }
     </style>
 </head>
 
@@ -79,6 +105,19 @@ <h4>更多内容</h4>
         <h4>服务器状态</h4>
         <div id="status">- -ms</div>
     </div>
+    <div class="footer">
+        &copy; 2023 LyricsAPI | <a href="https://github.com/HisAtri/LrcApi">Github</a> |
+        <br>
+        <a href="https://github.com/HisAtri/LrcApi/blob/main/LICENSE" class="Link--muted"
+            data-analytics-event="{&quot;category&quot;:&quot;Repository Overview&quot;,&quot;action&quot;:&quot;click&quot;,&quot;label&quot;:&quot;location:sidebar;file:license&quot;}">
+            <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true">
+                <path
+                    d="M8.75.75V2h.985c.304 0 .603.08.867.231l1.29.736c.038.022.08.033.124.033h2.234a.75.75 0 0 1 0 1.5h-.427l2.111 4.692a.75.75 0 0 1-.154.838l-.53-.53.529.531-.001.002-.002.002-.006.006-.006.005-.01.01-.045.04c-.21.176-.441.327-.686.45C14.556 10.78 13.88 11 13 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L12.178 4.5h-.162c-.305 0-.604-.079-.868-.231l-1.29-.736a.245.245 0 0 0-.124-.033H8.75V13h2.5a.75.75 0 0 1 0 1.5h-6.5a.75.75 0 0 1 0-1.5h2.5V3.5h-.984a.245.245 0 0 0-.124.033l-1.289.737c-.265.15-.564.23-.869.23h-.162l2.112 4.692a.75.75 0 0 1-.154.838l-.53-.53.529.531-.001.002-.002.002-.006.006-.016.015-.045.04c-.21.176-.441.327-.686.45C4.556 10.78 3.88 11 3 11a4.498 4.498 0 0 1-2.023-.454 3.544 3.544 0 0 1-.686-.45l-.045-.04-.016-.015-.006-.006-.004-.004v-.001a.75.75 0 0 1-.154-.838L2.178 4.5H1.75a.75.75 0 0 1 0-1.5h2.234a.249.249 0 0 0 .125-.033l1.288-.737c.265-.15.564-.23.869-.23h.984V.75a.75.75 0 0 1 1.5 0Zm2.945 8.477c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L13 6.327Zm-10 0c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L3 6.327Z">
+                </path>
+            </svg>
+            Apache-2.0 license
+        </a>
+    </div>
     <script>
         function testServerStatus() {
             var statusElement = document.getElementById('status');