fix: modify index

resetsix · Jul 2, 2024 · 888e8f0 · 888e8f0
1 parent 5ec4b12
commit 888e8f0
Showing 1 changed file with 12 additions and 15 deletions.
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>XJFKKK Star 导航</title>
+  <title>Resetsix's Github Star 导航</title>
   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
   <style>
     .container {
@@ -108,24 +108,21 @@
 </head>
 
 <body class="bg-gray-100">
-  <div class="header flex justify-between items-center px-4 py-2 bg-white shadow-md">
+  <div class="sticky-header flex justify-between items-center px-4 py-2 bg-white shadow-md">
     <h1 class="text-2xl font-bold">
-      <a href="/" class="text-blue-500 hover:underline">XJFKKK github Star 导航</a>
+      <a href="/" class="hidden md:block">Github Star 导航</a>
     </h1>
-    <input id="search" type="text" placeholder="Search repositories..." class="p-2 border rounded w-1/3 mx-auto">
+    <input id="search" type="text" placeholder="Search repositories..."
+      class="p-2 border rounded md:w-1/3 w-full mx-auto">
   </div>
-  <div class="container mx-auto p-4">
-    <div class="flex">
-      <div id="sidebar">
+  <div class="container mx-auto p-4 py-16">
+    <div class="block md:flex">
+      <div id="sidebar" class="hidden md:block">
         <h2 class="text-xl font-bold mb-4">语言分类</h2>
-        <ul id="sidebarLinks">
-          <!-- 语言分类链接将在这里动态生成 -->
-        </ul>
+        <ul id="sidebar-links"></ul>
       </div>
       <div id="main-content">
-        <div id="categories-container">
-          <!-- 仓库卡片将在这里动态生成 -->
-        </div>
+        <div id="categories-container"></div>
       </div>
     </div>
   </div>
@@ -134,10 +131,10 @@ <h2 class="text-xl font-bold mb-4">语言分类</h2>
     document.addEventListener('DOMContentLoaded', function () {
       const searchInput = document.getElementById('search');
       const categoriesContainer = document.getElementById('categories-container');
-      const sidebarLinks = document.getElementById('sidebarLinks');
+      const sidebarLinks = document.getElementById('sidebar-links');
       const backToTopButton = document.getElementById('back-to-top');
 
-      fetch('https://raw.githubusercontent.com/你的github名字/some-stars/main/data.json')
+      fetch('https://gcore.jsdelivr.net/gh/resetsix/starts/data.json')
         .then(response => response.json())
         .then(data => {
           generateContent(data);