User:Tattecko/Sandbox: Difference between revisions

@@ Line 1: / Line 1: @@
-<!-- OUT OF ORE WIKI — HOMEPAGE SANDBOX -->
-<div class="ooo-home">
+<div class="ooo-v2">
-<div class="ooo-home-hero">
-<div class="ooo-home-hero__content">
+<div class="ooo-v2-top">
-<div class="ooo-home-eyebrow">OFFICIAL GAME WIKI <span> / PLAYER REFERENCE</span></div>
+<div class="ooo-v2-brand">OUT OF ORE <span>WIKI</span></div>
-<div class="ooo-home-hero__title">OUT OF ORE <span>WIKI</span></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="ooo-home-hero__lead">Your guide to mining, heavy equipment, production and progression.</div>
-<div class="ooo-home-hero__actions"><span class="ooo-home-button ooo-home-button--yellow">[[Beginner’s Guide|START EXPLORING →]]</span><span class="ooo-home-button ooo-home-button--outline">[[Vehicles|EXPLORE EQUIPMENT →]]</span></div>
 </div>
-<div class="ooo-home-hero__art"><div class="ooo-home-hero__art-label">MINING • MACHINERY • PRODUCTION</div></div>
+<div class="ooo-v2-shell">
+<div class="ooo-v2-side">
+{{OOO-Sidebar|active=overview}}
 </div>
-<div class="ooo-home-search-strip"><div><strong>LOOKING FOR SOMETHING?</strong><span> Search the complete wiki using the search field above, or browse by category below.</span></div><span class="ooo-home-search-strip__link">[[Special:Search|OPEN WIKI SEARCH →]]</span></div>
+<div class="ooo-v2-main">
-<div class="ooo-home-section-head"><div><div class="ooo-home-kicker">EXPLORE THE GAME</div><h2>Browse by category</h2></div><span>Find guides, equipment and game systems</span></div>
-<div class="ooo-home-categories">
+{{OOO-Hero
-<div class="ooo-home-category ooo-home-category--vehicles"><div class="ooo-home-category__icon">01 / EQUIPMENT</div><div class="ooo-home-category__body"><h3>[[Vehicles|Vehicles & Machinery]]</h3><p>Rock trucks, excavators, dozers, loaders and more.</p><span>[[Vehicles|BROWSE VEHICLES →]]</span></div></div>
+|image=Main_Banner_1.png
-<div class="ooo-home-category ooo-home-category--production"><div class="ooo-home-category__icon">02 / INDUSTRY</div><div class="ooo-home-category__body"><h3>[[Production Elements|Production & Factory]]</h3><p>Build processing lines, conveyors and factory systems.</p><span>[[Production Elements|EXPLORE PRODUCTION →]]</span></div></div>
+|eyebrow=THE OFFICIAL GAME WIKI
-<div class="ooo-home-category ooo-home-category--materials"><div class="ooo-home-category__icon">03 / RESOURCES</div><div class="ooo-home-category__body"><h3>[[Materials|Materials & Mining]]</h3><p>Learn about resources, extraction and processing.</p><span>[[Mining Basics|LEARN MINING →]]</span></div></div>
+|title=Explore. Mine. Build.
-<div class="ooo-home-category ooo-home-category--guides"><div class="ooo-home-category__icon">04 / LEARNING</div><div class="ooo-home-category__body"><h3>[[Beginner’s Guide|Guides & Tutorials]]</h3><p>Get started and master the game's systems.</p><span>[[Beginner’s Guide|VIEW GUIDES →]]</span></div></div>
+|description=Your guide to vehicles, mining, production, progression and the world of Out of Ore.
+|link=Special:Search
+|button=Search the wiki
+}}
+<div class="ooo-v2-section-heading">
+<span>NAVIGATION</span>
+<span class="ooo-v2-heading-sub">Find your next topic</span>
 </div>
-<div class="ooo-home-section-head"><div><div class="ooo-home-kicker">START HERE</div><h2>Popular guides</h2></div><span>Useful references for every stage of your operation</span></div>
-<div class="ooo-home-guide-grid">
+<div class="ooo-v2-tiles">
-<div class="ooo-home-guide"><span class="ooo-home-guide__number">01</span><h3>[[Beginner’s Guide|Getting started]]</h3><p>Learn the basics and set up your first mining operation.</p><div>[[Beginner’s Guide|READ GUIDE →]]</div></div>
-<div class="ooo-home-guide"><span class="ooo-home-guide__number">02</span><h3>[[Mining Basics|Mining basics]]</h3><p>Understand mining, materials and moving ore.</p><div>[[Mining Basics|READ GUIDE →]]</div></div>
+{{OOO-CategoryCard
-<div class="ooo-home-guide"><span class="ooo-home-guide__number">03</span><h3>[[Level Progression|Level progression]]</h3><p>Explore progression and equipment unlocks.</p><div>[[Level Progression|READ GUIDE →]]</div></div>
+|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 class="ooo-home-feature-grid">
-<div class="ooo-home-feature"><div class="ooo-home-kicker">GAME REFERENCE</div><h2>Equipment catalog</h2><p>Explore machine categories and find technical information, controls and specifications.</p><span class="ooo-home-button ooo-home-button--yellow">[[Vehicles|OPEN VEHICLE CATALOG →]]</span></div>
-<div class="ooo-home-feature ooo-home-feature--updates"><div class="ooo-home-kicker">STAY INFORMED</div><h2>Latest updates</h2><div class="ooo-home-updates">{{Latest Updates}}</div><p>[[Version|VIEW VERSION HISTORY →]]</p></div>
 </div>
-<div class="ooo-home-section-head"><div><div class="ooo-home-kicker">LEARN VISUALLY</div><h2>Video tutorials</h2></div><span>Video guides can be added as they're prepared</span></div>
-<div class="ooo-home-video-grid"><div class="ooo-home-video"><div class="ooo-home-video__thumb"><span>▶</span></div><h3>Equipment walkthroughs</h3><p>Controls, setup and practical demonstrations.</p></div><div class="ooo-home-video"><div class="ooo-home-video__thumb"><span>▶</span></div><h3>Production tutorials</h3><p>Material flow and factory configurations.</p></div><div class="ooo-home-video"><div class="ooo-home-video__thumb"><span>▶</span></div><h3>Beginner tutorials</h3><p>Learn the fundamentals step by step.</p></div></div>
-<div class="ooo-home-footer"><div><strong>BUILT FOR THE OUT OF ORE COMMUNITY</strong><p>Find information, report issues and connect with other players.</p></div><div class="ooo-home-footer__links">[https://discord.gg/nmc DISCORD ↗] &nbsp; [https://bug.outofore.com/ REPORT A BUG ↗] &nbsp; [[Support|SUPPORT →]]</div></div>
 </div>