Template:Main page/navigation: Difference between revisions

Browse history interactively

← Older edit

VisualWikitext

@@ Line 1: / Line 1: @@
-<div id="mobile-nav" class="mobile-nav home-grid" role="navigation">
+<div class="home-grid" role="navigation">
 	<div class="home-card home-card--button" id="home-nav-trains">
-		<div class="home-card__background">[[File:Class158.png|300px|link=List of Trains]]</div>
+		<div class="home-card__background">[[File:TrainsNavigation.webp|alt=A Class 158 with the Saltire livery.|300px|link=List of Trains]]</div>
-		<div class="home-card__foreground">Trains</div>
+		<div class="home-card__foreground">'''Trains'''</div>
 	</div>
 	<div class="home-card home-card--button" id="home-nav-stations">
-		<div class="home-card__background">[[File:MP_Stations.png|300px|link=Map]]</div>
+		<div class="home-card__background">[[File:StationsNavigation.webp|alt=Passenger view of Gleethrop End Station|300px|link=List_of_Stations]]</div>
-		<div class="home-card__foreground">Stations</div>
+		<div class="home-card__foreground">'''Stations'''</div>
 	</div>
 	<div class="home-card home-card--button" id="home-nav-signalboxes">
-		<div class="home-card__background">[[File:MP-SB.png|300px|link=List of Signal Boxes]]</div>
+		<div class="home-card__background">[[File:SignalBoxesNavigation.webp|alt=An exterior view of the Dovedale Central Signal Box|300px|link=List of Signal Boxes]]</div>
-		<div class="home-card__foreground">Signalboxes</div>
+		<div class="home-card__foreground">'''Signal Boxes'''</div>
 	</div>
 	<div class="home-card home-card--button" id="home-nav-landmarks">
-		<div class="home-card__background">[[File:Lighthouse Day View.jpg|300px|link=List of Landmarks]]</div>
+		<div class="home-card__background">[[File:LandmarksNavigation.webp|alt=The Lighthouse at Dovedale Central during the day|300px|link=List of Landmarks]]</div>
-		<div class="home-card__foreground">Landmarks</div>
+		<div class="home-card__foreground">'''Landmarks'''</div>
 	</div>
 	<div class="home-card home-card--button" id="home-nav-Badges">
-		<div class="home-card__background">[[File:Maxwell in the shed.png|300px|link=Badges]]</div>
+		<div class="home-card__background">[[File:BadgesNavigation.webp|alt=Maxwell the Cat in his old shed. This was formerly located at Satus.|300px|link=Badges]]</div>
-		<div class="home-card__foreground">Badges</div>
+		<div class="home-card__foreground">'''Badges'''</div>
 	</div>
 	<div class="home-card home-card--button" id="home-nav-docs">
-		<div class="home-card__background">[[File:Signalling guide dark.png|300px|link=Project:Docs]]</div>
+		<div class="home-card__background">[[File:GuidesNavigation.webp|alt=A photo of Marigot Crossing and the Marigot Crossing Signal Box in the background.|300px|link=Category:Guides]]</div>
-		<div class="home-card__foreground">Docs</div>
+		<div class="home-card__foreground">'''Guides'''</div>
 	</div>
 </div>
+<!-- DESTKOP NAV TEST !-->
+<!--
 <div class="items" role="navigation" id="desktop-nav">
-	<div>[[Category:Guides | {{Main_page/nav_item|image=[[File:Class158.png|200px]]|title=Guides|description=Read about how to play the game, including Driving, Signalling and Dispatching.}}]]</div>
+	<div class="item item-trains">
+		[[File:Class158.png|200px]]
+		<h3>Guides</h3>
+		<p class="item-description">Read about how to drive, signal, guard and dispatch.</p>
+		<span class="link-wrapper">[[Category:Guides]]</span>
+	</div>
 	<div class="item item-trains">
@@ Line 37: / Line 44: @@
 	</div>
-	<!-- [[List of Stations | <div class="item item-stations">
+	<div class="item item-trains">
 		[[File:Gleethrop_End_New.jpg|200px]]
 		<h3>Stations</h3>
-		<p class="item-description">A list of all of the current and removed stations in the game, and some their exclusive features.</p>
+		<p class="item-description">A list of all of the current and removed stations in the game, and some of their exclusive features.</p>
+		<span class="link-wrapper">[[List of Stations]]</span>
 	</div>
-	[[List of Signal Boxes | <div class="item item-boxes">
+	<div class="item item-boxes">
 		[[File:DC_Box.png|200px]]
-		<h3>Boxes</h3>
+		<h3>Signal Boxes</h3>
-		<p class="item-description">Check out every signalling box in the game, and various details about them.</p>
+		<p class="item-description">Check out every signal box in the game, and various details about them.</p>
-	</div>]]
+		<span class="link-wrapper">[[List of Signal Boxes]]</span>
+	</div>
-	[[List of Landmarks | <div class="item item-landmarks">
+	<div class="item item-boxes">
 		[[File:Lighthouse_Day_View.jpg|200px]]
 		<h3>Landmarks</h3>
-		<p class="item-description">Read through a list of notable in-game landmarks, like the Lighthouse.</p>
+		<p class="item-description">Read through a list of notable in-game landmark.</p>
-	</div>]]
+		<span class="link-wrapper">[[List of Landmarks]]</span>
+	</div>
-	[[Badges | <div class="item item-badges">
+	<div class="item item-boxes">
-		[[File:Maxwell_in_the_shed.png|200px]]
+		[[File:Lighthouse_Day_View.jpg|200px]]
 		<h3>Badges</h3>
 		<p class="item-description">See a list of unique and hidden badges in Dovedale, and how to obtain them.</p>
-	</div>]]
+		<span class="link-wrapper">[[Badges]]</span>
+	</div>
-	[[Statistics | <div class="item item-statistics">
+	<div class="item item-boxes">
-		[[File:DEBoxInterior.png|200px]]
+		[[File:Lighthouse_Day_View.jpg|200px]]
 		<h3>Statistics</h3>
 		<p class="item-description">Coming soon! 🤫</p>
-	</div>]] -->
+		<span class="link-wrapper">[[Statistics]]</span>
-</div>
+	</div>
+</div> !-->

Latest revision as of 16:52, 30 October 2024