User:Tattecko/Sandbox: Difference between revisions

@@ Line 1: / Line 1: @@
-<div class="ooow-dev">
-<div class="ooow-shell">
+<div class="ooo-v2">
-<div class="ooow-top"><div class="ooow-brand">OUT OF ORE <span>WIKI</span></div><div class="ooow-topsearch"><form action="/index.php" method="get"><input type="hidden" name="title" value="Special:Search" /><input type="search" name="search" placeholder="Search the Out of Ore Wiki..." aria-label="Search wiki" /><button type="submit">Search</button></form></div><div class="ooow-toplinks">[https://discord.gg/nmc Discord] &nbsp; [https://bug.outofore.com/ Support]</div></div>
-<div class="ooow-body">
+<div class="ooo-v2-top">
-<nav class="ooow-nav" aria-label="Wiki development navigation">
+<div class="ooo-v2-brand">OUT OF ORE <span>WIKI</span></div>
-<div class="ooow-navlabel">EXPLORE</div>
+<div class="ooo-v2-toplinks">[[Main Page|Home]] &nbsp; [[Special:AllPages|All pages]] &nbsp; [[Special:Categories|Categories]] &nbsp; [[Special:Search|Search the wiki]]</div>
-<div class="ooow-navitem ooow-navitem-active">[[User:Tattecko/WikiDev/Home|Home]]</div>
+</div>
-<div class="ooow-navlabel">GETTING STARTED</div>
-<div class="ooow-navitem">[[Beginner’s Guide|Beginner's Guide]]</div><div class="ooow-navitem">[[Mining Basics|Mining Basics]]</div><div class="ooow-navitem">[[Controls|Controls]]</div><div class="ooow-navitem">[[Multiplayer|Multiplayer]]</div>
+<div class="ooo-v2-shell">
-<div class="ooow-navlabel">MINING & GEOLOGY</div>
+<div class="ooo-v2-side">
-<div class="ooow-navitem">[[Materials|Materials & Ores]]</div><div class="ooow-navitem">[[Ore Grades|Ore Grades]]</div><div class="ooow-navitem">[[Ground Layers|Ground Layers]]</div><div class="ooow-navitem">[[Ore Deposits|Ore Deposits]]</div>
+{{OOO-Sidebar|active=overview}}
-<div class="ooow-navlabel">EQUIPMENT & PRODUCTION</div>
+</div>
-<div class="ooow-navitem">[[Vehicles|Vehicles]]</div><div class="ooow-navitem">[[Production Elements|Production Elements]]</div><div class="ooow-navitem">[[:Category:Conveyors|Conveyors]]</div><div class="ooow-navitem">[[Production Blueprints|Blueprints]]</div>
+<div class="ooo-v2-main">
-<div class="ooow-navlabel">PROGRESSION & WORLD</div>
-<div class="ooow-navitem">[[Quests|Quests]]</div><div class="ooow-navitem">[[Skill Tree|Skill Tree]]</div><div class="ooow-navitem">[[Level Progression|Levels & Unlocks]]</div><div class="ooow-navitem">[[Maps|Maps]]</div><div class="ooow-navitem">[[Roadmap|Roadmap]]</div>
+{{OOO-Hero
-<div class="ooow-navlabel">RESOURCES</div><div class="ooow-navitem">[[FAQ|FAQ]]</div><div class="ooow-navitem">[[Support|Support]]</div><div class="ooow-navitem">[[Version|Version History]]</div>
+|image=Main_Banner_1.png
-</nav>
+|eyebrow=THE OFFICIAL GAME WIKI
-<main class="ooow-main">
+|title=Explore. Mine. Build.
-<div class="ooow-hero"><div class="ooow-hero-content"><div class="ooow-kicker">THE OFFICIAL GAME WIKI</div><div class="ooow-herotitle">OUT OF ORE<br /><span>WIKI</span></div><div class="ooow-herodesc">Your reference for mining, machinery, production, progression and everything in between.</div><div class="ooow-herosearch"><form action="/index.php" method="get"><input type="hidden" name="title" value="Special:Search" /><input type="search" name="search" placeholder="What are you looking for?" aria-label="Search wiki" /><button type="submit">Search →</button></form></div></div></div>
+|description=Your guide to vehicles, mining, production, progression and the world of Out of Ore.
-<div class="ooow-sectionhead"><h2>Explore the wiki</h2><span>Find guides, equipment and game systems</span></div>
+|link=Special:Search
-<div class="ooow-categories">
+|button=Search the wiki
-<div class="ooow-cat"><div class="ooow-catvisual ooow-cat-vehicles">VEHICLES</div><div class="ooow-catbody">'''[[Vehicles|Vehicles & Equipment]]'''<small>Rock trucks, excavators, dozers and tools</small></div></div>
+}}
-<div class="ooow-cat"><div class="ooow-catvisual ooow-cat-production">PRODUCTION</div><div class="ooow-catbody">'''[[Production Elements|Production & Logistics]]'''<small>Machines, processing, conveyors and blueprints</small></div></div>
-<div class="ooow-cat"><div class="ooow-catvisual ooow-cat-mining">MINING</div><div class="ooow-catbody">'''[[Mining Basics|Mining & Geology]]'''<small>Ore deposits, ground layers and materials</small></div></div>
+<div class="ooo-v2-section-heading">
-<div class="ooow-cat"><div class="ooow-catvisual ooow-cat-progression">PROGRESSION</div><div class="ooow-catbody">'''[[Level Progression|Progression & World]]'''<small>Quests, skills, maps and economy</small></div></div>
+<span>NAVIGATION</span>
+<span class="ooo-v2-heading-sub">Find your next topic</span>
+</div>
+<div class="ooo-v2-tiles">
+{{OOO-CategoryCard
+|image=Vehicles%26equipment.png
+|title=Vehicles & equipment
+|description=Machines, specifications, controls and comparisons.
+|link=Vehicles
+}}
+{{OOO-CategoryCard
+|image=DEFAULT_CARD_IMAGE.png
+|title=Mining & geology
+|description=Ore deposits, ground layers and extraction.
+|link=Mining Basics
+}}
+{{OOO-CategoryCard
+|image=DEFAULT_CARD_IMAGE.png
+|title=Production & blueprints
+|description=Machines, processing chains and material flow.
+|link=Production Elements
+}}
+{{OOO-CategoryCard
+|image=DEFAULT_CARD_IMAGE.png
+|title=Progression
+|description=Quests, levels, unlocks and skill systems.
+|link=Level Progression
+}}
+{{OOO-CategoryCard
+|image=DEFAULT_CARD_IMAGE.png
+|title=Materials
+|description=Resources, properties, values and uses.
+|link=Materials
+}}
+{{OOO-CategoryCard
+|image=DEFAULT_CARD_IMAGE.png
+|title=Maps & world
+|description=Locations, land, weather and exploration.
+|link=Maps
+}}
+</div>
+<div class="ooo-v2-two">
+<div class="ooo-v2-panel">
+<div class="ooo-v2-panel-title">FEATURED GUIDES</div>
+<div class="ooo-v2-guide">[[Beginner’s Guide|Getting started]] <span>→</span></div>
+<div class="ooo-v2-guide">[[Mining Basics|Mining basics]] <span>→</span></div>
+<div class="ooo-v2-guide">[[Production Elements|Understanding production]] <span>→</span></div>
+<div class="ooo-v2-guide">[[Multiplayer|Multiplayer]] <span>→</span></div>
+</div>
+<div class="ooo-v2-panel">
+<div class="ooo-v2-panel-title">LATEST UPDATES</div>
+<div class="ooo-v2-update">{{Latest Updates}}</div>
+<div class="ooo-v2-panel-foot">[[Version|View version history →]]</div>
+</div>
+</div>
+<div class="ooo-v2-bottom">
+Looking for something specific? [[Special:Search|Search all wiki pages]] or [[Special:Categories|browse categories]]. &nbsp; • &nbsp; [https://discord.gg/nmc Community Discord] &nbsp; • &nbsp; [https://bug.outofore.com/ Report a bug]
+</div>
+</div>
+</div>
 </div>
-<div class="ooow-bottomgrid"><section class="ooow-panel"><h2>Featured guides</h2><div class="ooow-linkrow">[[Beginner’s Guide|Getting started with Out of Ore]] <span>›</span></div><div class="ooow-linkrow">[[Mining Basics|Mining basics]] <span>›</span></div><div class="ooow-linkrow">[[Production Elements|Understanding production]] <span>›</span></div><div class="ooow-linkrow">[[Land Purchase|Land purchase]] <span>›</span></div></section><section class="ooow-panel"><h2>Latest updates</h2><div class="ooow-updates">{{Latest Updates}}</div><div class="ooow-panelend">[[Version|View version history →]]</div></section><section class="ooow-panel"><h2>Quick links</h2><div class="ooow-linkrow">[https://store.steampowered.com/app/2009350/Out_of_Ore/ Out of Ore on Steam] <span>↗</span></div><div class="ooow-linkrow">[https://discord.gg/nmc Official Discord] <span>↗</span></div><div class="ooow-linkrow">[https://bug.outofore.com/ Report a bug] <span>↗</span></div><div class="ooow-linkrow">[[Support|Player support]] <span>›</span></div></section></div>
-<div class="ooow-footnote">OUT OF ORE WIKI · Development preview · Page links may point to existing, missing or unfinished articles.</div>
-</main></div></div></div>