Template:Main page/navigation: Difference between revisions

Browse history interactively

← Older edit

VisualWikitext

@@ Line 1: / Line 1: @@
-<div id="home-nav" class="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:DE Class 43 Zoomed.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 Signalboxes]]</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:MP_badges.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:Docs photo frontpage.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-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">
+		[[File:Saltire185Exterior.png|200px]]
+		<h3>Trains</h3>
+		<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-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 of their exclusive features.</p>
+		<span class="link-wrapper">[[List of Stations]]</span>
+	</div>
+	<div class="item item-boxes">
+		[[File:DC_Box.png|200px]]
+		<h3>Signal Boxes</h3>
+		<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-boxes">
+		[[File:Lighthouse_Day_View.jpg|200px]]
+		<h3>Landmarks</h3>
+		<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-boxes">
+		[[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>
+		<span class="link-wrapper">[[Badges]]</span>
+	</div>
+	<div class="item item-boxes">
+		[[File:Lighthouse_Day_View.jpg|200px]]
+		<h3>Statistics</h3>
+		<p class="item-description">Coming soon! 🤫</p>
+		<span class="link-wrapper">[[Statistics]]</span>
+	</div>
+</div> !-->

Latest revision as of 16:52, 30 October 2024