Template:Main page/navigation: Difference between revisions

VisualWikitext

Latest revision as of 10: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: @@
-Explore and learn more about 350Z and G35 components and modifications. If you don't see a part on the following pages, it either does not exist, or we missed it. In which case you can help us by adding it to the page.
+<div id="home-nav" class="home-grid" role="navigation">
+	<div class="home-card home-card--button" id="home-nav-audiovideo">
-{|width="100%" align="center" cellpadding="4" style="text-align:left;"
+		<div class="home-card__background">[[File:MPNav_audiovideo.png|300px|link=:Category:Audio & Video]]</div>
-| align="center" |<iimg>[[Portal:Stereo]]![[Image:350z_stereo_image.jpg|50px]]</iimg>
+		<div class="home-card__foreground">Audio & Video</div>
-|'''[[Audio & Video]]'''<br /> Tunes, movies, and navigation.
+	</div>
-| align="center" |<iimg>[[Electrical]]![[Image:Harness.jpg|50px]]</iimg>
+	<div class="home-card home-card--button" id="home-nav-brakes">
-|'''[[Electrical|Electrical Systems]]'''<br /> Electrical improvements.
+		<div class="home-card__background">[[File:MPNav_brakes.png|300px|link=:Category:Brakes]]</div>
-| align="center" |<iimg>[[:Category:Exterior]]![[Image:Amuse350zfront.jpg|50px]]</iimg>
+		<div class="home-card__foreground">Brakes</div>
-|'''[[:Category:Exterior|Exterior]]'''<br /> Set your Z apart.
+	</div>
-| align="center" |<iimg>[[Portal:Interior]]![[Image:Bride_Brix_Leather_02.jpg|30px]]</iimg>
+	<div class="home-card home-card--button" id="home-nav-drivetrain">
-|'''[[Portal:Interior|Interior]]'''<br /> Comfort and looks.
+		<div class="home-card__background">[[File:MPNav_drivetrain.png|300px|link=:Category:Drivetrain]]</div>
-|-
+		<div class="home-card__foreground">Drivetrain</div>
-| align="center" |<iimg>[[:Category:Brakes]]![[Image:350z_brakes_image.jpg|50px]]</iimg>
+	</div>
-|'''[[:Category:Brakes|Brakes]]'''<br /> Improve your stopping power.
+	<div class="home-card home-card--button" id="home-nav-electricalsystem">
-| align="center" |<iimg>[[:Category:Engine]]![[Image:350z_vq35de_image.jpg|40px]]</iimg>
+		<div class="home-card__background">[[File:MPNav_electrical.png|300px|link=:Category:Electrical System]]</div>
-|'''[[:Category:Engine|Engine]]'''<br /> Response and performance.
+		<div class="home-card__foreground">Electrical System</div>
-| align="center" |<iimg>[[Portal:Forced Induction]]![[Image:350z_turbo_image.jpg|50px]]</iimg>
+	</div>
-|'''[[Portal:Forced Induction|Forced Induction]]<br /> '''Need '''a lot''' more power?
+	<div class="home-card home-card--button" id="home-nav-engine">
-| align="center" |<iimg>[[:Category:Suspension]]![[Image:350z_suspension_image.jpg|30px]]</iimg>
+		<div class="home-card__background">[[File:MPNav_engine.png|300px|link=:Category:Engine]]</div>
-|'''[[:Category:Suspension|Suspension]]'''<br /> Stick to the ground.
+		<div class="home-card__foreground">Engine</div>
-|-
+	</div>
-| align="center" |<iimg>[[:Category:Drivetrain]]![[Image:350z_drivetrain_image.jpg|50px]]</iimg>
+	<div class="home-card home-card--button" id="home-nav-exhaust">
-|'''[[:Category:Drivetrain|Drivetrain]]'''<br /> Put the power to the ground.
+		<div class="home-card__background">[[File:MPNav_exhaust.png|300px|link=:Category:Exhaust]]</div>
-| align="center" |<iimg>[[:Category:Exhaust]]![[Image:Injen_SES_Straighttip_Exhaust.jpg|50px]]</iimg>
+		<div class="home-card__foreground">Exhaust</div>
-|'''[[:Category:Exhaust|Exhaust]]'''<br /> Flow more and sound aggressive.
+	</div>
-| align="center" |<iimg>[[:Category:Intake]]![[Image:350z_intake.jpg|50px]]</iimg>
+	<div class="home-card home-card--button" id="home-nav-exterior">
-|'''[[:Category:Intake|Intake]]'''<br /> Breath easier.
+		<div class="home-card__background">[[File:MPNav_exterior.png|300px|link=:Category:Exterior]]</div>
-| align="center" |<iimg>[[Wheels and Tires]]![[Image:18inch_standard_G35_wheels.jpg|50px]]</iimg>
+		<div class="home-card__foreground">Exterior</div>
-|'''[[Wheels and Tires]]'''<br /> Grip and bling.
+	</div>
-|-
+	<div class="home-card home-card--button" id="home-nav-intake">
-|}
+		<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-interior">
+		<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-lighting">
+		<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-suspension">
+		<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-wheelstires">
+		<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><templatestyles src="Template:Main_page/navigation/styles.css" /><noinclude><!-- For preview only --><templatestyles src="Template:Main page/shared/styles.css" />{{/doc}}</noinclude>
+<!-- Hide ToC -->
+__NOTOC__