武外梗百科:首页：修订间差异

←上一编辑下一编辑→

可视化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>
@@ 第7行： / 第9行： @@
      <div class="hp-banner-nav">
          <div class="hp-nav-box">
-[[Special:Random|试试手气]] • [[Special:页面分类|页面分类]] <br />
+[[Special:Random|试试手气]] <span class="sep">•</span> [[Special:页面分类|页面分类]] <br />
-[[武外梗百科:指引|新手教程]] • [[Project:站务|关于本站]]
+[[武外梗百科:指引|新手教程]] <span class="sep">•</span> [[Project:站务|关于本站]]
          </div>
      </div>
 </div>
 <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 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: 25px;">
+        <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; font-size: 1.5em; color: #1a3a6c;">典 范 条 目</h2>
+            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px;">
+            {{#ask: [[Category:Featured]] | limit=4 | order=random | format=template | template=PageCard | link=none }}
+            </div>
+        </div>
+        <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; font-size: 1.5em; color: #1a3a6c;">最 新 修 改</h2>
+            {{#ask: [[:+]] | 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: 25px;">
+        <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;">
+                <div class="stat-label" style="font-size: 1em !important; color: #718096 !important;">全站累计字数</div>
+                <div id="wiki-wordcount-number" style="font-size: 2.5rem !important; min-width: auto !important; margin: 10px 0;">0</div>
+            </div>
+        </div>
+        <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; font-size: 1.2em; color: #1a3a6c;">关于本站</h2>
+            <div style="font-size: 0.9em; line-height: 1.6; color: #4a5568;">{{武外梗百科:关于}}</div>
+        </div>
+        <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; font-size: 1.2em; color: #1a3a6c;">搜索分类</h2>
+            <div class="hp-cat-grid">
+                <div class="hp-cat-item hp-c-1">[[:Category:老师|👨‍🏫<br/>备受喜爱的老师]]</div>
+                <div class="hp-cat-item hp-c-2">[[:Category:学生|🧑‍🎓<br/>诡计多端的同学]]</div>
+                <div class="hp-cat-item hp-c-3">[[:Category:事件|📅<br/>校园大事记]]</div>
+                <div class="hp-cat-item hp-c-4">[[:Category:社团|🏫<br/>学校社团介绍]]</div>
+            </div>
+        </div>
      </div>
-</div>
-<div id="wiki-wordcount" style="text-align:center; margin: 40px 0; font-family:'Segoe UI',sans-serif;">
-  <h2>总字数</h2>
-  <div id="wiki-wordcount-number" style="font-size:3em; font-weight:bold; color:#1E90FF;">0</div>
-</div>
-{{武外梗百科:关于}}
-<div class="homepage-container">
-<div class="homepage-left">
-<h2>典 范 条 目</h2>
-{{#ask: [[Category:Featured]]
- | limit=4
- | order=random
- | format=template
- | template=PageCard
- | link=none
-}}
-</div>
-<div class="homepage-right">
-<h2>最 新 修 改</h2>
-{{#ask: [[:+]]
- | sort=Modification date
- | order=descending
- | limit=4
- | format=template
- | template=PageCard
- | link=none
-}}
 </div>
 </div>