Template:Main page/navigation: Difference between revisions

VisualWikitext

Latest revision as of 11:40, 6 July 2023

Template documentation[view][edit][history][purge]

This documentation is transcluded from Template:Main page/navigation/doc. Changes can be proposed in the talk page.

This template is used on the main page. It is the navigation section that includes the buttons to portal pages.

@@ Line 1: / Line 1: @@
 <div id="home-nav" class="home-grid" role="navigation">
 	<div class="home-card home-card--button" id="home-nav-audiovideo">
-		<div class="home-card__background">[[File:CompNav-audiovideo.png|300px|link=:Category:Audio & Video]]</div>
+		<div class="home-card__background">[[File:MPNav_audiovideo.png|300px|link=:Category:Audio & Video]]</div>
 		<div class="home-card__foreground">Audio & Video</div>
 	</div>
-	<div class="home-card home-card--button" id="home-nav-Components">
+	<div class="home-card home-card--button" id="home-nav-brakes">
-		<div class="home-card__background">[[File:CompNav-Components.png|300px|link=Components]]</div>
+		<div class="home-card__background">[[File:MPNav_brakes.png|300px|link=:Category:Brakes]]</div>
 		<div class="home-card__foreground">Brakes</div>
 	</div>
-	<div class="home-card home-card--button" id="home-nav-Equipment">
+	<div class="home-card home-card--button" id="home-nav-drivetrain">
-		<div class="home-card__background">[[File:CompNav-Equipment.png|300px|link=Equipment]]</div>
+		<div class="home-card__background">[[File:MPNav_drivetrain.png|300px|link=:Category:Drivetrain]]</div>
 		<div class="home-card__foreground">Drivetrain</div>
 	</div>
-	<div class="home-card home-card--button" id="home-nav-Commodities">
+	<div class="home-card home-card--button" id="home-nav-electricalsystem">
-		<div class="home-card__background">[[File:CompNav-Commodities.png|300px|link=Commodities]]</div>
+		<div class="home-card__background">[[File:MPNav_electrical.png|300px|link=:Category:Electrical System]]</div>
 		<div class="home-card__foreground">Electrical System</div>
 	</div>
-	<div class="home-card home-card--button" id="home-nav-Locations">
+	<div class="home-card home-card--button" id="home-nav-engine">
-		<div class="home-card__background">[[File:CompNav-Locations.png|300px|link=Locations]]</div>
+		<div class="home-card__background">[[File:MPNav_engine.png|300px|link=:Category:Engine]]</div>
 		<div class="home-card__foreground">Engine</div>
 	</div>
-	<div class="home-card home-card--button" id="home-nav-Factions">
+	<div class="home-card home-card--button" id="home-nav-exhaust">
-		<div class="home-card__background">[[File:CompNav-Factions.png|300px|link=Factions]]</div>
+		<div class="home-card__background">[[File:MPNav_exhaust.png|300px|link=:Category:Exhaust]]</div>
 		<div class="home-card__foreground">Exhaust</div>
 	</div>
-	<div class="home-card home-card--button" id="home-nav-Characters">
+	<div class="home-card home-card--button" id="home-nav-exterior">
-		<div class="home-card__background">[[File:CompNav-Characters.png|300px|link=Characters]]</div>
+		<div class="home-card__background">[[File:MPNav_exterior.png|300px|link=:Category:Exterior]]</div>
 		<div class="home-card__foreground">Exterior</div>
 	</div>
-	<div class="home-card home-card--button" id="home-nav-AlienRaces">
+	<div class="home-card home-card--button" id="home-nav-intake">
-		<div class="home-card__background">[[File:CompNav-AlienRaces.png|300px|link=Alien Races]]</div>
+		<div class="home-card__background">[[File:MPNav_intake.png|300px|link=:Category:Intake]]</div>
 		<div class="home-card__foreground">Intake</div>
 	</div>
-	<div class="home-card home-card--button" id="home-nav-Missions">
+	<div class="home-card home-card--button" id="home-nav-interior">
-		<div class="home-card__background">[[File:CompNav-Missions.png|300px|link=Missions]]</div>
+		<div class="home-card__background">[[File:MPNav_interior.png|300px|link=:Category:Interior]]</div>
 		<div class="home-card__foreground">Interior</div>
 	</div>
-	<div class="home-card home-card--button" id="home-nav-Lore">
+	<div class="home-card home-card--button" id="home-nav-lighting">
-		<div class="home-card__background">[[File:CompNav-Lore.png|300px|link=:Category:Lighting]]</div>
+		<div class="home-card__background">[[File:MPNav_lights.png|300px|link=:Category:Lighting]]</div>
 		<div class="home-card__foreground">Lighting</div>
 	</div>
-	<div class="home-card home-card--button" id="home-nav-Development">
+	<div class="home-card home-card--button" id="home-nav-suspension">
-		<div class="home-card__background">[[File:CompNav-Development.png|300px|link=:Category:Suspension]]</div>
+		<div class="home-card__background">[[File:MPNav_suspension.png|300px|link=:Category:Suspension]]</div>
 		<div class="home-card__foreground">Suspension & Steering</div>
 	</div>
-	<div class="home-card home-card--button" id="home-nav-Community">
+	<div class="home-card home-card--button" id="home-nav-wheelstires">
-		<div class="home-card__background">[[File:CompNav-Community.png|300px|link=:Category:Wheels & Tires]]</div>
+		<div class="home-card__background">[[File:MPNav_wheelstires.png|300px|link=:Category:Wheels & Tires]]</div>
 		<div class="home-card__foreground">Wheels & Tires</div>
 	</div>
-</div>
+</div><templatestyles src="Template:Main_page/navigation/styles.css" /><noinclude><!-- For preview only --><templatestyles src="Template:Main page/shared/styles.css" />{{/doc}}</noinclude>
-<div style="clear: both;"></div>
-<div class="col-md-12">
-<div class="panel panel-primary-light-border">
-<div class="panel-heading"> <h3 class="panel-title">Component Lounge - FAQs, Mods and Upgrades</h3></div>
-<div class="panel-body">
-      <div id="myInfohorizontal" class="tab-content">
-        <div class="tab-pane active" id="examples">
-      <div class="col-md-3">
-<div class="panel panel-lighter-white-border">
-<div class="panel-heading"> <h3 class="panel-title">Audio & Video</h3> </div>
-<div class="panel-body"> <p class="bs">Audiophiles Check in here! Share you builds!</p>
-<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Audio & Video|More Info]]</div>
-</div>
-</div>
-</div>
-<div class="col-md-3">
-<div class="panel panel-lighter-white-border">
-<div class="panel-heading"> <h3 class="panel-title">Brakes</h3> </div>
-<div class="panel-body"> <p class="bs">Increase your stopping power, whats right and whats not.</p>
-<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Brakes|More Info]]</div>
-</div>
-</div>
-</div>
-<div class="col-md-3">
-<div class="panel panel-lighter-white-border">
-<div class="panel-heading"> <h3 class="panel-title">Drivetrain</h3> </div>
-<div class="panel-body"> <p class="bs">TOD, Axle Swaps, Gears, and Transmissions.</p>
-<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Drivetrain|More Info]]</div>
-</div>
-</div>
-</div>
-<div class="col-md-3">
-<div class="panel panel-lighter-white-border">
-<div class="panel-heading"> <h3 class="panel-title">Electrical System</h3> </div>
-<div class="panel-body"> <p class="bs">Wire Harness... Lets get these bugs worked out.<br /></p>
-<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Electrical System|More Info]]</div>
-</div>
-</div>
-</div>
-<div style="clear: both;"></div>
-<div class="col-md-3">
-<div class="panel panel-lighter-white-border">
-<div class="panel-heading"> <h3 class="panel-title">Engine</h3> </div>
-<div class="panel-body"> <p class="bs">Performance & Swaps. Superchargers and more.<br /></p>
-<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Engine|More Info]]</div>
-</div>
-</div>
-</div>
-<div class="col-md-3">
-<div class="panel panel-lighter-white-border">
-<div class="panel-heading"> <h3 class="panel-title">Exhaust</h3> </div>
-<div class="panel-body"> <p class="bs">Finding that purrrfect tone. Best setup?<br /></p>
-<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Exhaust|More Info]]</div>
-</div>
-</div>
-</div>
-<div class="col-md-3">
-<div class="panel panel-lighter-white-border">
-<div class="panel-heading"> <h3 class="panel-title">Exterior</h3> </div>
-<div class="panel-body"> <p class="bs">Exterior Mods, Paint, and that Cladding..<br /></p>
-<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Exterior|More Info]]</div>
-</div>
-</div>
-</div>
-<div class="col-md-3">
-<div class="panel panel-lighter-white-border">
-<div class="panel-heading"> <h3 class="panel-title">Intake</h3> </div>
-<div class="panel-body"> <p class="bs">Filters, Cold Air, Ram Air and more.<br /></p>
-<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Intake|More Info]]</div>
-</div>
-</div>
-</div>
-<div style="clear: both;"></div>
-<div class="col-md-3">
-<div class="panel panel-lighter-white-border">
-<div class="panel-heading"> <h3 class="panel-title">Interior</h3> </div>
-<div class="panel-body"> <p class="bs">What is better than our stock leather wrapped Recaros?</p>
-<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Interior|More Info]]</div>
-</div>
-</div>
-</div>
-</div>
-<div class="col-md-3">
-<div class="panel panel-lighter-white-border">
-<div class="panel-heading"> <h3 class="panel-title">Lighting</h3> </div>
-<div class="panel-body"> <p class="bs">Lets light up the night, both inside and out!<br /></p>
-<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Lighting|More Info]]</div>
-</div>
-</div>
-</div>
-<div class="col-md-3">
-<div class="panel panel-lighter-white-border">
-<div class="panel-heading"> <h3 class="panel-title">Suspension & Steering</h3> </div>
-<div class="panel-body"> <p class="bs">Beef up that suspension or smooth it out!</p>
-<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Suspension|More Info]]</div>
-</div>
-</div>
-</div>
-<div class="col-md-3">
-<div class="panel panel-lighter-white-border">
-<div class="panel-heading"> <h3 class="panel-title">Wheels & Tires</h3> </div>
-<div class="panel-body"> <p class="bs">Does size really matter?! What is that perfect offset?<br /></p>
-<div class="btn btn-cocktail"><i class="fa fa-info"></i> [[:Category:Wheels & Tires|More Info]]</div>
-</div>
-</div>
-</div>
-</div>
-</div>
-</div>
-</div>
-<div class="clearfix visible-xs-block"></div>
 <!-- Hide ToC -->
 __NOTOC__