User:Zelda110/沙盒：修订间差异

←上一编辑下一编辑→

可视化wikitext

@@ 第1行： / 第1行： @@
+<div class="hp-wrapper-final">
 <div class="hp-banner">
      <div class="hp-banner-info">
-         <div class="hp-banner-title">武外梗百科</div>
+         <h1 class="hp-banner-title">武外梗百科</h1>
          <div class="hp-banner-subtitle">爱国好学自强图新的百科全书</div>
          <div class="hp-banner-stats"> '''{{NUMBEROFARTICLES}}''' 篇条目 • '''{{NUMBEROFUSERS}}''' 位用户 • '''{{NUMBEROFEDITS}}''' 次编辑</div>
@@ 第15行： / 第17行： @@
 <div class="hp-news-bar">
      <div class="hp-news-tag">公告</div>
-     <div class="hp-news-content">
+     <div class="hp-news-content">{{Project:动态}}</div>
-{{Project:动态}}
-    </div>
 </div>
-<div class="homepage-container" style="display: grid; grid-template-columns: 2.2fr 1fr; gap: 25px; margin-top: 20px; border: none !important;">
+<div class="homepage-container" style="display: grid; grid-template-columns: 2.2fr 1fr; gap: 25px; margin-top: 25px; align-items: flex-start;">
-     <div class="homepage-left" style="display: flex; flex-direction: column; gap: 20px;">
+     <div class="homepage-left" style="display: flex; flex-direction: column; gap: 25px;">
-         <div class="hp-clean-card" style="background: white; border-radius: 12px; padding: 25px; box-shadow: 0 4px 15px rgba(26,58,108,0.08);">
+         <div style="background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 25px; box-shadow: 0 4px 15px rgba(26, 58, 108, 0.08);">
-             <h2 style="border: none !important; margin: 0 0 20px 0 !important; padding: 0 !important; font-size: 1.4em; color: #1a3a6c; font-weight: bold;">🌟 典 范 条 目</h2>
+             <h2 style="border: none !important; margin: 0 0 20px 0 !important; font-size: 1.5em; color: #1a3a6c;">典 范 条 目</h2>
              <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px;">
-             {{#ask: [[Category:Featured]]
+             {{#ask: [[Category:Featured]] | limit=4 | order=random | format=template | template=PageCard | link=none }}
-              | limit=4
-              | order=random
-              | format=template
-              | template=PageCard
-              | link=none
-            }}
              </div>
          </div>
-         <div class="hp-clean-card" style="background: white; border-radius: 12px; padding: 25px; box-shadow: 0 4px 15px rgba(26,58,108,0.08);">
+         <div style="background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 25px; box-shadow: 0 4px 15px rgba(26, 58, 108, 0.08);">
-             <h2 style="border: none !important; margin: 0 0 20px 0 !important; padding: 0 !important; font-size: 1.4em; color: #1a3a6c; font-weight: bold;">⏱️ 最 新 修 改</h2>
+             <h2 style="border: none !important; margin: 0 0 20px 0 !important; font-size: 1.5em; color: #1a3a6c;">最 新 修 改</h2>
-             {{#ask: [[:+]]
+             {{#ask: [[:+]] | sort=Modification date | order=descending | limit=5 | format=template | template=PageCard | link=none }}
-              | sort=Modification date
-              | order=descending
-              | limit=5
-              | format=template
-              | template=PageCard
-              | link=none
-            }}
          </div>
      </div>
-     <div class="homepage-right" style="display: flex; flex-direction: column; gap: 20px; border: none !important;">
+     <div class="homepage-right" style="display: flex; flex-direction: column; gap: 25px;">
-         <div class="hp-clean-card" style="background: white; border-radius: 12px; padding: 20px; box-shadow: 0 4px 15px rgba(26,58,108,0.08); text-align: center;">
+         <div style="background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; box-shadow: 0 4px 15px rgba(26, 58, 108, 0.08); text-align: center;">
-             <div id="wiki-wordcount" style="margin: 0 !important; padding: 0 !important;">
+            <div id="wiki-wordcount" style="margin: 0 !important;">
-                 <div class="stat-label" style="font-size: 0.9em !important; color: #718096 !important;">全站总字数统计</div>
+                 <div class="stat-label" style="font-size: 1em !important; color: #718096 !important;">全站累计字数</div>
-                 <div id="wiki-wordcount-number" style="font-size: 2.4rem !important; min-width: auto !important; margin: 5px 0;">0</div>
+                 <div id="wiki-wordcount-number" style="font-size: 2.5rem !important; min-width: auto !important; margin: 10px 0;">0</div>
              </div>
          </div>
-         <div class="hp-clean-card" style="background: white; border-radius: 12px; padding: 20px; box-shadow: 0 4px 15px rgba(26,58,108,0.08);">
+         <div style="background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; box-shadow: 0 4px 15px rgba(26, 58, 108, 0.08);">
-             <h2 style="border: none !important; margin: 0 0 12px 0 !important; padding: 0 !important; font-size: 1.2em; color: #1a3a6c;">关于本站</h2>
+             <h2 style="border: none !important; margin: 0 0 12px 0 !important; font-size: 1.2em; color: #1a3a6c;">关于本站</h2>
-             <div class="hp-about-content" style="font-size: 0.9em; line-height: 1.6; color: #4a5568;">
+             <div style="font-size: 0.9em; line-height: 1.6; color: #4a5568;">{{武外梗百科:关于}}</div>
-                {{武外梗百科:关于}}
-                <div style="text-align: right; margin-top: 12px; border-top: 1px solid #f0f4f8; padding-top: 8px;">
-                    [[Project:关于|<span style="color:#2a5298; font-weight:bold;">阅读全文 →</span>]]
-                </div>
-            </div>
          </div>
-         <div class="hp-clean-card" style="background: white; border-radius: 12px; padding: 20px; box-shadow: 0 4px 15px rgba(26,58,108,0.08);">
+         <div style="background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 20px; box-shadow: 0 4px 15px rgba(26, 58, 108, 0.08);">
-             <h2 style="border: none !important; margin: 0 0 15px 0 !important; padding: 0 !important; font-size: 1.2em; color: #1a3a6c;">搜索分类</h2>
+             <h2 style="border: none !important; margin: 0 0 15px 0 !important; font-size: 1.2em; color: #1a3a6c;">搜索分类</h2>
-             <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px;">
+             <div class="hp-cat-grid">
-                 <a href="/wiki/Category:老师" style="border:none !important;">
+                 <div class="hp-cat-item hp-c-1">[[:Category:老师|👨‍🏫<br/>备受喜爱的老师]]</div>
-                    <div style="background: #f0f7ff; padding: 12px 5px; border-radius: 8px; text-align: center; border: none !important;">
+                 <div class="hp-cat-item hp-c-2">[[:Category:学生|🧑‍🎓<br/>诡计多端的同学]]</div>
-                        <span style="font-size: 1.4em;">👨‍🏫</span><br /><b style="color:#1e40af; font-size: 0.85em;">老师</b>
+                 <div class="hp-cat-item hp-c-3">[[:Category:事件|📅<br/>校园大事记]]</div>
-                    </div>
+                 <div class="hp-cat-item hp-c-4">[[:Category:社团|🏫<br/>学校社团介绍]]</div>
-                 </a>
-                <a href="/wiki/Category:学生" style="border:none !important;">
-                    <div style="background: #fff7ed; padding: 12px 5px; border-radius: 8px; text-align: center; border: none !important;">
-                        <span style="font-size: 1.4em;">🎓</span><br /><b style="color:#9a3412; font-size: 0.85em;">学生</b>
-                    </div>
-                 </a>
-                <a href="/wiki/Category:梗" style="border:none !important;">
-                    <div style="background: #f0fdf4; padding: 12px 5px; border-radius: 8px; text-align: center; border: none !important;">
-                        <span style="font-size: 1.4em;">🤣</span><br /><b style="color:#166534; font-size: 0.85em;">梗</b>
-                    </div>
-                 </a>
-                <a href="/wiki/Category:校园" style="border:none !important;">
-                    <div style="background: #faf5ff; padding: 12px 5px; border-radius: 8px; text-align: center; border: none !important;">
-                        <span style="font-size: 1.4em;">🏛️</span><br /><b style="color:#6b21a8; font-size: 0.85em;">校园</b>
-                    </div>
-                </a>
              </div>
          </div>
      </div>
+</div>
 </div>