Main Page: Difference between revisions

← Older edit Newer edit →

VisualWikitext

@@ Line 24: / Line 24: @@
 <!-- =========================== -->
-<!--        MAIN SECTIONS        -->
+<!-- DESKTOP SECTIONS (2 per row) -->
 <!-- =========================== -->
+<nomobile>
 <div class="wiki-grid">
    <!-- News & Updates -->
@@ Line 157: / Line 158: @@
    </div>
 </div>
+</nomobile>
+<!-- =========================== -->
+<!-- MOBILE SECTIONS (1 per row) -->
+<!-- =========================== -->
+<mobileonly>
+<div class="wiki-grid-mobile">
+  <!-- News & Updates -->
+  <div class="wiki-section-mobile">
+    <div class="wiki-section-header news-header">'''News & Updates'''</div>
+    <div class="wiki-section-content">
+      * [https://playinzoi.com/en/news/8067 Fan Art Winner Announcement]
+      * [https://playinzoi.com/en/news/7920 Early Access Release Date Announcement]
+      * [https://playinzoi.com/en/news/7897 Fan Art Contest]
+      * [https://playinzoi.com/en/news/7729 Create a Zoi Hashtag Event Winners Announcement]
+      * [https://playinzoi.com/en/news/7701 Canvas Top 10 Event Winners]
+      [[:Category:News|See all news…]]
+    </div>
+  </div>
+  <!-- Getting Started -->
+  <div class="wiki-section-mobile">
+    <div class="wiki-section-header getting-started-header">'''Getting Started'''</div>
+    <div class="wiki-section-content">
+      * [[System requirements]]
+      * [[Graphical settings]]
+      * [[Controls]]
+      * [[Character creation]]
+      * [[Canvas]]
+    </div>
+  </div>
+  <!-- Character -->
+  <div class="wiki-section-mobile">
+    <div class="wiki-section-header character-header">'''Character'''</div>
+    <div class="wiki-section-content">
+      <div class="two-column-list">
+        * [[Traits]]
+        * [[Desired Life]]
+        * [[Ambitions]]
+        * [[Preferences]]
+        * [[Values]]
+        * [[Skills]]
+        * [[Life Stages]]
+        * [[Motives]]
+      </div>
+    </div>
+  </div>
+  <!-- Features -->
+  <div class="wiki-section-mobile">
+    <div class="wiki-section-header features-header">'''Features'''</div>
+    <div class="wiki-section-content">
+      * [[Canvas]]
+      * [[Transportation]]
+      * [[Jobs]]
+      * [[Weather]]
+      * [[Ghosts]]
+      * [[Karma]]
+      * [[Romance]]
+    </div>
+  </div>
+  <!-- Cities -->
+  <div class="wiki-section-mobile">
+    <div class="wiki-section-header cities-header">'''[[Cities]]'''</div>
+    <div class="wiki-section-content">
+      * [[Dowon]]
+      * [[Bliss Bay]]
+      * [[Cahaya]]
+      * [[Kucingku]]
+    </div>
+  </div>
+  <!-- NPCs -->
+  <div class="wiki-section-mobile">
+    <div class="wiki-section-header npcs-header">'''[[NPCs]]'''</div>
+    <div class="wiki-section-content">
+      * [[Psycat]]
+      * [[Bora]]
+      * [[Henri]]
+    </div>
+  </div>
+  <!-- Objects -->
+  <div class="wiki-section-mobile">
+    <div class="wiki-section-header objects-header">'''[[Objects]]'''</div>
+    <div class="wiki-section-content">
+      *
+    </div>
+  </div>
+  <!-- Items -->
+  <div class="wiki-section-mobile">
+    <div class="wiki-section-header items-header">'''[[Items]]'''</div>
+    <div class="wiki-section-content">
+      *
+    </div>
+  </div>
+  <!-- Clothes -->
+  <div class="wiki-section-mobile">
+    <div class="wiki-section-header clothes-header">'''[[Clothes]]'''</div>
+    <div class="wiki-section-content">
+      *
+    </div>
+  </div>
+  <!-- Empty section (to match original layout) -->
+  <div class="wiki-section-mobile">
+    <div class="wiki-section-header items-header"></div>
+    <div class="wiki-section-content">
+      *
+    </div>
+  </div>
+  <!-- Guides -->
+  <div class="wiki-section-mobile">
+    <div class="wiki-section-header guides-header">'''Guides'''</div>
+    <div class="wiki-section-content">
+      * [[All About NPCs & Relationships]]
+      * [[Crafting 101: Essential Recipes]]
+      * [[Town Building & Upgrades]]
+    </div>
+  </div>
+  <!-- Community -->
+  <div class="wiki-section-mobile">
+    <div class="wiki-section-header community-header">'''Community'''</div>
+    <div class="wiki-section-content">
+      * [[Wanted Pages]] – help fill missing info
+      * [[Stubs to Expand]] – add screenshots/tips
+      * [[Editing Tutorials]] – learn how to contribute
+    </div>
+  </div>
+</div>
+</mobileonly>
 <!-- =========================== -->