User:Tattecko/Sandbox: Difference between revisions

(10 intermediate revisions by the same user not shown)

Line 1:

~~~~

~~<div class="ooo-home-hero">~~

~~<div class="ooo-home-hero__content">~~

<div class="ooo-~~home~~-~~eyebrow~~"~~>OFFICIAL GAME WIKI <span> / PLAYER REFERENCE</span></div~~>

<div class="ooo-v2-toplinks">[[Main Page|Home]]   [[Special:AllPages|All pages]]   [[Special:Categories|Categories]]   [[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>

<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-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

}}

<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~~"><~~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-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-title">LATEST UPDATES</div>

<div class="ooo-v2-update">{{Latest Updates}}</div>

<div class="ooo-v2-panel-foot">[[Version|View version history →]]</div>

</div>

Looking for something specific? [[Special:Search|Search all wiki pages]] or [[Special:Categories|browse categories]].   •   [https://discord.gg/nmc Community Discord]   •   [https://bug.outofore.com/ Report a bug]

</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 ↗]   [https://bug.outofore.com/ REPORT A BUG ↗]   [[Support|SUPPORT →]]</div></div>

</div>

@@ 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>