Template:V2-LevelCard

2026-10-21T13:06:03Z

Tattecko: Created page with " <includeonly> <div class="ooo-v2-level-card"> <div class="ooo-v2-level-heading" role="button" tabindex="0" aria-expanded="false"> <div class="ooo-v2-level-number"> {{{level|1}}} </div> <div class="ooo-v2-level-info"> <div class="ooo-v2-level-name">{{{title|Unknown Rank}}}</div> <div class="ooo-v2-level-xp">{{{xp|0}}} XP required</div> </div> <span class="ooo-v2-level-arrow">⌄</span> </div> <div class="ooo-v2-level-details" hidden> <div class="ooo-v2-level-detail-r..."

<includeonly>
<div class="ooo-v2-level-card">
<div class="ooo-v2-level-heading" role="button" tabindex="0" aria-expanded="false">

<div class="ooo-v2-level-number">
{{{level|1}}}
</div>

<div class="ooo-v2-level-info">
<div class="ooo-v2-level-name">{{{title|Unknown Rank}}}</div>
<div class="ooo-v2-level-xp">{{{xp|0}}} XP required</div>
</div>

<span class="ooo-v2-level-arrow">⌄</span>
</div>

<div class="ooo-v2-level-details" hidden>
<div class="ooo-v2-level-detail-row">
<span>Total experience</span>
<strong>{{{totalxp|0}}} XP</strong>
</div>

{{#if:{{{unlocks|}}}|
<div class="ooo-v2-level-unlocks">
<div class="ooo-v2-level-unlocks-title">UNLOCKED AT THIS LEVEL</div>
<div class="ooo-v2-level-unlocks-content">
{{{unlocks}}}
</div>
</div>
}}
</div>
</div>
</includeonly>
<noinclude>
== V2 Level Card ==

Compact, expandable progression level.

<pre>
{{V2-LevelCard
|level=10
|title=Plant Operator Tier 1
|xp=12200
|totalxp=59400
|unlocks=
}}
</pre>
</noinclude>

Level Progression

2026-10-21T13:05:22Z

Tattecko:

2026-10-17T17:39:39Z

Tattecko:

Vehicles

2026-10-17T17:35:10Z

Tattecko:

__NOTOC__
{{V2-CategoryPage
|active=vehicles
|image=Main_Banner_1.png
|eyebrow=VEHICLES & EQUIPMENT
|title=Vehicles & Equipment
|description=Explore the vehicles and heavy machinery available in Out of Ore.
|link=Main Page
|button=Wiki Homepage
|section=VEHICLE CATEGORIES
|subtitle=Browse vehicles by category

|cards=
{{OOO-CategoryCard
|title=Rock Trucks
|image=Rock_trucks_800.png
|description=Heavy vehicles used for transporting mined materials.
|link=User:Tattecko/RockTrucksSandbox
}}

{{OOO-CategoryCard
|title=Excavators
|image=Excavators_1920.png
|description=Machines designed for digging and excavation.
|link=Vehicles/Excavators
}}

{{OOO-CategoryCard
|title=Excavator Attachments
|image=Main_Banner_1.png
|description=Buckets and attachments used with excavators.
|link=Vehicles/Excavator_Attachments
}}

{{OOO-CategoryCard
|title=Loaders
|image=Main_Banner_1.png
|description=Machines used for loading and moving materials.
|link=Vehicles/Loaders
}}

{{OOO-CategoryCard
|title=Dozers
|image=Main_Banner_1.png
|description=Heavy machinery for pushing and leveling terrain.
|link=Vehicles/Dozers
}}

{{OOO-CategoryCard
|title=Graders
|image=Main_Banner_1.png
|description=Machines used for grading and leveling surfaces.
|link=Vehicles/Graders
}}

{{OOO-CategoryCard
|title=Paving
|image=Main_Banner_1.png
|description=Equipment used for paving and surface construction.
|link=Vehicles/Paving
}}

{{OOO-CategoryCard
|title=Other Trucks
|image=Main_Banner_1.png
|description=Additional trucks and transport vehicles.
|link=Vehicles/Trucks
}}

{{OOO-CategoryCard
|title=Flying
|image=Main_Banner_1.png
|description=Aircraft and other flying equipment.
|link=Vehicles/Flying
}}
}}

File:Excavators 1920.png

2026-10-17T17:34:51Z

Tattecko:

2026-10-17T17:14:46Z

Tattecko:

Template:V2-VehicleListItem

2026-10-17T17:14:34Z

Tattecko: Created page with " <includeonly> <div class="ooo-v2-vehicle-list-item"> <div class="ooo-v2-vehicle-list-image"> }}}}}} </div> <div class="ooo-v2-vehicle-list-details"> <div class="ooo-v2-vehicle-list-name"> Vehicle}}} </div> {{#if:{{{description|}}}| <div class="ooo-v2-vehicle-list-description"> {{{description}}} </div> }} </div> <div class="ooo-v2-vehicle-list-arrow">›<..."

<includeonly>
<div class="ooo-v2-vehicle-list-item">
<div class="ooo-v2-vehicle-list-image">
[[File:{{{image|Main_Banner_1.png}}}|frameless|180px|link={{{page|{{{name|}}}}}}]]
</div>
<div class="ooo-v2-vehicle-list-details">
<div class="ooo-v2-vehicle-list-name">
[[{{{page|{{{name|Vehicle}}}}}}|{{{name|Vehicle}}}]]
</div>
{{#if:{{{description|}}}|
<div class="ooo-v2-vehicle-list-description">
{{{description}}}
</div>
}}
</div>
<div class="ooo-v2-vehicle-list-arrow">›</div>
</div>
</includeonly><noinclude>
Reusable vehicle list item with image.

Parameters:
* name
* page
* image
* description
</noinclude>

MediaWiki:Common.css

2026-10-17T17:13:45Z

Tattecko:

2026-10-17T17:05:04Z

Tattecko:

Template:V2-Gallery

2026-10-17T17:04:48Z

Tattecko: Created page with " <includeonly> <div class="ooo-v2-gallery"> {{#if:{{{description|}}}| <div class="ooo-v2-gallery-description"> {{{description}}} </div> }} <gallery mode="packed" heights="180px" caption="{{{caption|}}}"> {{{images|}}} </gallery> </div> </includeonly><noinclude> == V2 Gallery == Reusable gallery for vehicles, equipment, buildings and other wiki pages. Example: <pre> {{V2-Gallery |description=Screenshots of the vehicle in operation. |images= File:Example_1.png|Vehicle..."

<includeonly>
<div class="ooo-v2-gallery">
{{#if:{{{description|}}}|
<div class="ooo-v2-gallery-description">
{{{description}}}
</div>
}}

<gallery mode="packed" heights="180px" caption="{{{caption|}}}">
{{{images|}}}
</gallery>
</div>
</includeonly><noinclude>
== V2 Gallery ==

Reusable gallery for vehicles, equipment, buildings and other wiki pages.

Example:

<pre>
{{V2-Gallery
|description=Screenshots of the vehicle in operation.
|images=
File:Example_1.png|Vehicle overview
File:Example_2.png|Vehicle working
File:Example_3.png|Vehicle interior
}}
</pre>

Parameters:
* description
* caption
* images
</noinclude>

User:Tattecko/VehicleTest

2026-10-17T17:01:45Z

Tattecko:

2026-10-16T18:55:05Z

Tattecko:

Loading older messages…
lets finish vehicle stuff first
Let's finish the Vehicles & Equipment section before moving on to the rest of the Out of Ore Wiki.

We'll keep it simple, consistent and easy to maintain.

Final vehicle structure
Vehicles & Equipment

Category cards for Rock Trucks, Excavators, Loaders, etc.

V2-CategoryPage

Rock Trucks / Excavators / Loaders

Compact vehicle lists with links to individual pages

Individual Vehicle

Banner, page navigation, description, infobox and gallery

V2-VehicleDetails

What we still need to finish
Vehicle main category

Already built with V2-CategoryPage.

Vehicle details template

Banner, overview, infobox and navigation are implemented. We still need to verify the final appearance.

Vehicle subcategory pages

Create a compact, organized list for each vehicle category, without individual cards.

Vehicle navigation

Connect individual vehicle pages to their correct category and make navigation consistent.

Vehicle comparison

Add a simple comparison option after the category listings are working.

Next: Vehicle subcategory pages
I'd create Template:V2-VehicleCategory for Rock Trucks, Excavators, Loaders and other vehicle groups.

It would reuse our existing banner and sidebar, but display a clean list of vehicle names instead of category cards.

This way, you only maintain three vehicle templates:

V2-CategoryPage for the main directory.

V2-VehicleCategory for lists of vehicles.

V2-VehicleDetails for individual machines.

We can build V2-VehicleCategory next, then connect everything together.

next step please
Next, we'll create Template:V2-VehicleCategory.

This will be used for Rock Trucks, Excavators, Loaders, Dozers, Graders, and other vehicle categories.

We'll keep your existing banner and sidebar, but replace the large category cards with a compact list of vehicles.

1. Create the template
Create Template:V2-VehicleCategory

Paste this entire code:

<includeonly>{{V2-PageLayout
|active=vehicles
|content=
{{OOO-Hero
|image={{{image|Main_Banner_1.png}}}
|eyebrow=VEHICLES & EQUIPMENT
|title={{{title|Vehicle Category}}}
|description={{{description|}}}
|link=Vehicles
|button=All vehicle categories
}}

<div class="ooo-v2-vehicle-category-intro">
{{{intro|}}}
</div>

{{V2-Section
|title=AVAILABLE VEHICLES
|subtitle={{{subtitle|Browse vehicles in this category}}}
}}

<div class="ooo-v2-vehicle-list">
{{{vehicles|}}}
</div>

<div class="ooo-v2-bottom">
[[Vehicles|← All vehicle categories]]   •  
[[Main Page|Wiki homepage]]
</div>
}}</includeonly><noinclude>
Reusable V2 vehicle category page.

Usage:
<pre>
{{V2-VehicleCategory
|title=Rock Trucks
|image=Main_Banner_1.png
|description=Browse rock trucks available in Out of Ore.
|intro=Rock trucks are used to transport mined materials.
|vehicles=
* [[Example Rock Truck 01]]
* [[Example Rock Truck 02]]
* [[Example Rock Truck 03]]
}}
</pre>
</noinclude>

2. Add CSS
Open MediaWiki:Common.css and add:

/* ==========================================
V2 VEHICLE CATEGORY
========================================== */

.ooo-v2-vehicle-category-intro {
margin: 20px 0 28px;
line-height: 1.7;
}

.ooo-v2-vehicle-list {
background: #202124;
border: 1px solid #3c3f42;
border-radius: 8px;
padding: 10px 20px;
}

.ooo-v2-vehicle-list ul {
list-style: none;
margin: 0;
padding: 0;
}

.ooo-v2-vehicle-list li {
margin: 0;
padding: 12px 8px;
border-bottom: 1px solid #383838;
}

.ooo-v2-vehicle-list li:last-child {
border-bottom: none;
}

.ooo-v2-vehicle-list li a {
color: #eeeeee !important;
text-decoration: none !important;
font-weight: 500;
}

.ooo-v2-vehicle-list li a:hover {
color: #e5b62e !important;
}

3. Test a Rock Trucks category page
Create or edit a sandbox page:

User:Tattecko/RockTrucksSandbox

Paste:

__NOTOC__
{{V2-VehicleCategory
|title=Rock Trucks
|image=Main_Banner_1.png
|description=Browse rock trucks available in Out of Ore.

|intro=
Rock trucks are designed to transport mined materials around the mining site.

|vehicles=
* [[Example Rock Truck 01]]
* [[Example Rock Truck 02]]
* [[Example Rock Truck 03]]
* [[Example Rock Truck 04]]
* [[Example Rock Truck 05]]
}}
These vehicle names are placeholders.

Expected result
The page should display:

Your existing hero banner.

A short category description.

A compact list of vehicle names linking to individual vehicle pages.

Navigation back to the main Vehicles directory.

One important detail: The list is currently maintained manually. That keeps it simple and avoids needing additional extensions or JavaScript.

Once this works, we'll connect the vehicle category and vehicle details pages with proper navigation.

ok, next
Next, let's connect the vehicle category pages to individual vehicle pages so navigation works properly throughout the wiki.

We won't create any new templates for this step. We'll update the existing V2-VehicleDetails.

1. Update the vehicle details navigation
Currently, every vehicle page has a button labeled All vehicles, which always links to Vehicles.

Instead, it should link back to the vehicle's actual category.

For example:

Vehicles & Equipment → Rock Trucks → Rock Truck 01

Open Template:V2-VehicleDetails.

Find this section:

|link=Vehicles
|button=All vehicles
Replace it with:

|link={{{categorypage|Vehicles}}}
|button=Back to {{{category|Vehicles}}}
2. Update the bottom navigation
Find:

<div class="ooo-v2-bottom">
[[Vehicles|← All vehicles]]   •  
[[Main Page|Wiki homepage]]
</div>
Replace it with:

<div class="ooo-v2-bottom">
[[Vehicles|Vehicles & Equipment]]
  ›  
[[{{{categorypage|Vehicles}}}|{{{category|Vehicles}}}]]
  ›  
{{{name|Vehicle Name}}}
</div>

This gives each vehicle page a simple breadcrumb trail.

3. Update individual vehicle pages
For example, a rock truck page would use:

{{V2-VehicleDetails
|name=Rock Truck 01
|category=Rock Trucks
|categorypage=Rock Trucks
|image=Main_Banner_1.png
|description=Heavy mining truck.

|price=$250,000
|unlocklevel=12
|weight=25,000 kg
|power=500 HP
|capacity=20,000 L

|overview=
Vehicle description goes here.

|controls=
Vehicle controls go here.
}}
Example vehicle and specification values are placeholders.
The important new parameter is:

|categorypage=Rock Trucks

You can use the same template for all vehicle categories:

Vehicle category

categorypage value

Rock Trucks

Rock Trucks

Excavators

Excavators

Loaders

Loaders

Dozers

Dozers

Graders

Graders

4. Add MediaWiki categories
At the bottom of each individual vehicle page, outside the V2-VehicleDetails template, add:

[[Category:Vehicles]]
[[Category:Rock Trucks]]
Change the second category for other vehicle types.

This also lets MediaWiki organize vehicle pages automatically, independently of our custom visual layouts.

Once you've updated and tested one vehicle page, the navigation between Vehicles → Vehicle Category → Vehicle Details will be in place.

After that, we can finish the vehicle section by adding a simple comparison feature without making the wiki unnecessarily complicated.

so how can i prewiew this
You can preview the complete vehicle page directly in your MediaWiki sandbox, without publishing it as a normal wiki page.

1. Open your test page
Open VehicleTest

2. Paste this example

__NOTOC__
{{V2-VehicleDetails
|name=Rock Truck 01
|category=Rock Trucks
|categorypage=User:Tattecko/RockTrucksSandbox
|image=Main_Banner_1.png
|description=Heavy mining truck designed for transporting materials.

|manufacturer=Example Manufacturer
|price=$250,000
|unlocklevel=12
|weight=25,000 kg
|power=500 HP
|capacity=20,000 L
|fuelcapacity=600 L
|maxspeed=65 km/h

|overview=
This is an example vehicle description.

Rock trucks are used to transport large amounts of material around mining sites.

|controls=
Vehicle controls and operating instructions will appear here.

|notes=
Additional information about the vehicle.
}}
All vehicle details and specifications above are placeholders for testing the layout.

3. Click Show preview
At the bottom of the MediaWiki editor, click Show preview.

You should see the complete page with the banner, navigation, description, infobox and bottom breadcrumb links.

4. Test the category navigation
Once you save both sandbox pages, you can navigate between them:

Rock Trucks Category

User:Tattecko/RockTrucksSandbox

Rock Truck 01 Details

User:Tattecko/VehicleTest

To make the category link open your test vehicle, edit RockTrucksSandbox and change one vehicle list entry to:

* [[User:Tattecko/VehicleTest|Rock Truck 01]]
Then save both pages and test the links.

Note: The test page's categorypage points to your sandbox. When you create the real vehicle page, change it to Rock Trucks.