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 class="item item-guides">
+	<div class="item item-trains">
-		[[File:Marigot_Crossing_2.jpg|200px|link=Category:Guides]]
+		[[File:Class158.png|200px]]
 		<h3>Guides</h3>
-		<p>Read about how to play the game, including Driving, Signalling and Dispatching.</p>
+		<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">
-		[[File:Saltire185Exterior.png|200px|link=List of Trains]]
+		[[File:Saltire185Exterior.png|200px]]
 		<h3>Trains</h3>
-		<p>See a list of all trains currently and previously in the game, along with detailed statistics.</p>
+		<p class="item-description">See a list of all trains currently and previously in the game, along with detailed statistics.</p>
+		<span class="link-wrapper">[[List of Trains]]</span>
 	</div>
-	<div class="item item-stations">
+	<div class="item item-trains">
-		[[File:Gleethrop_End_New.jpg|200px|link=List of Stations]]
+		[[File:Gleethrop_End_New.jpg|200px]]
 		<h3>Stations</h3>
-		<p>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>
 	<div class="item item-boxes">
-		[[File:300px-DC_Box.png|200px|link=List of Signal Boxes]]
+		[[File:DC_Box.png|200px]]
-		<h3>Boxes</h3>
+		<h3>Signal Boxes</h3>
-		<p>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>
+		<span class="link-wrapper">[[List of Signal Boxes]]</span>
 	</div>
-	<div class="item item-landmarks">
+	<div class="item item-boxes">
-		[[File:Lighthouse_Day_View.jpg|200px|link=List of Landmarks]]
+		[[File:Lighthouse_Day_View.jpg|200px]]
 		<h3>Landmarks</h3>
-		<p>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>
+		<span class="link-wrapper">[[List of Landmarks]]</span>
 	</div>
-	<div class="item item-badges">
+	<div class="item item-boxes">
-		[[File:Maxwell_in_the_shed.png|200px|link=Badges]]
+		[[File:Lighthouse_Day_View.jpg|200px]]
 		<h3>Badges</h3>
-		<p>See a list of unique and hidden badges in Dovedale, and how to obtain them.</p>
+		<p class="item-description">See a list of unique and hidden badges in Dovedale, and how to obtain them.</p>
+		<span class="link-wrapper">[[Badges]]</span>
 	</div>
-	<div class="item item-statistics">
+	<div class="item item-boxes">
-		[[File:DEBoxInterior.png|200px|link=Statistics]]
+		[[File:Lighthouse_Day_View.jpg|200px]]
 		<h3>Statistics</h3>
-		<p>Coming soon! 🤫</p>
+		<p class="item-description">Coming soon! 🤫</p>
+		<span class="link-wrapper">[[Statistics]]</span>
 	</div>
-</div>
+</div> !-->

Latest revision as of 16:52, 30 October 2024