change mainpage structure

Author: Developer09264

index.html

@@ -21,21 +21,51 @@
     <div id="navbar">
         <a href="./index.html" class="logo">田语</a>
         <div class="dropdown">
-            <button class="dropdown-btn">关于</button>
-            <div class="dropdown-content">
-                <a href="./assets/html/about.html">关于本站</a>
-                <a href="./assets/html/tianyong.html">关于田勇</a>
-            </div>
+            <a href="./assets/html/about.html" class="dropdown-btn">关于</a>
+
         </div>
     </div>
     <div class="welcome-page">
         <p class="quote ma-shan-zheng-regular" id="quote">田语</p>
     </div>
-    <div id="quotepad">
+    <div id="more-contents">
+        <h2>探索</h2>
+        <div class="card-container">
+
+            <a href="./assets/html/quotes.html" class="card nav-card">
+                <div class="card-icon">📜</div>
+                <div class="card-text">
+                    <h3>所有田语</h3>
+                    <p>查看历史语录归档</p>
+                </div>
+                <div class="arrow">→</div>
+            </a>
+
+            <a href="./assets/html/articles.html" class="card nav-card">
+                <div class="card-icon">✍️</div>
+                <div class="card-text">
+                    <h3>关于文章</h3>
+                    <p>阅读精选文章与随笔</p>
+                </div>
+                <div class="arrow">→</div>
+            </a>
+
+            <a href="./assets/html/tianyong.html" class="card nav-card">
+                <div class="card-icon">🧑‍💻</div>
+                <div class="card-text">
+                    <h3>关于田勇</h3>
+                    <p>了解作者</p>
+                </div>
+                <div class="arrow">→</div>
+            </a>
+
+        </div>
+    </div>
+    <!-- <div id="quotepad">
         <h2>所有田语</h2>
         <ol id="quote-list">
         </ol>
-    </div>
+    </div> -->
     <div id="footer">
         <p>
             powered by <a href="https://github.com/Developer09264">c09264</a></p>