Template:MainPageTopNav: Difference between revisions

Latest revision as of 19:29, 8 January 2024

Games	Theories	Lore	Interviews	Linguistics	Timelines

Games	Theories	Lore
Interviews	Linguistics	Timelines

@@ Line 1: / Line 1: @@
+<nomobile>
 <div style="text-align: center; margin: 0 auto;">
 {| class="wikitable" style="width: 50%; border: none; text-align: center; margin: 0 auto;"
-| style="width: 25%; font-family: ArnoProBoldItalicSubhead; border: none; text-align: center; color: #189d8e; font-size: 1.5rem; color: #189d8e;"| <div class="brand-link">[[Games]]</div>
+| style="width: 25%; font-family: ArnoProBoldItalicSubhead; border: none; text-align: center; color: #189d8e; font-size: 1.5rem; color: #189d8e;"| <div class="brand-link">{{NavItem|iconImageName=GameNavIcon.png|link=Games|linkText=Games}}</div>
-| style="width: 25%; font-family: ArnoProBoldItalicSubhead; border: none; text-align: center; color: #189d8e; font-size: 1.5rem; color: #189d8e;"| <div class="brand-link">[[Theories]]</div>
+| style="width: 25%; font-family: ArnoProBoldItalicSubhead; border: none; text-align: center; color: #189d8e; font-size: 1.5rem; color: #189d8e;"| <div class="brand-link">{{NavItem|iconImageName=TheoriesNavIcon.png|link=Theories|linkText=Theories}}</div>
-| style="width: 25%; font-family: ArnoProBoldItalicSubhead; border: none; text-align: center; color: #189d8e; font-size: 1.5rem; color: #189d8e;"| <div class="brand-link">[[Lore]]</div>
+| style="width: 25%; font-family: ArnoProBoldItalicSubhead; border: none; text-align: center; color: #189d8e; font-size: 1.5rem; color: #189d8e;"| <div class="brand-link">{{NavItem|iconImageName=LoreNavIcon.png|link=Lore|linkText=Lore}}</div>
-| style="width: 25%; font-family: ArnoProBoldItalicSubhead; border: none; text-align: center; color: #189d8e; font-size: 1.5rem; color: #189d8e;"| <div class="brand-link">[[Interviews]]</div>
+| style="width: 25%; font-family: ArnoProBoldItalicSubhead; border: none; text-align: center; color: #189d8e; font-size: 1.5rem; color: #189d8e;"| <div class="brand-link">{{NavItem|iconImageName=InterviewsNavIcon.png|link=Interviews|linkText=Interviews}}</div>
+| style="width: 25%; font-family: ArnoProBoldItalicSubhead; border: none; text-align: center; color: #189d8e; font-size: 1.5rem; color: #189d8e;"| <div class="brand-link">{{NavItem|iconImageName=LinguisticsNavIcon.png|link=Linguistics|linkText=Linguistics}}</div>
+| style="width: 25%; font-family: ArnoProBoldItalicSubhead; border: none; text-align: center; color: #189d8e; font-size: 1.5rem; color: #189d8e;"| <div class="brand-link">{{NavItem|iconImageName=TimelinesNavIcon.png|link=Timelines|linkText=Timelines}}</div>
 |}
 </div>
+</nomobile>
+<mobileonly>
+<div style="text-align: center; margin: 0 auto;">
+{| class="wikitable" style="width: 50%; border: none; text-align: center; margin: 0 auto;"
+| style="width: 25%; font-family: ArnoProBoldItalicSubhead; border: none; text-align: center; color: #189d8e; font-size: 5rem; color: #189d8e;"| <div class="brand-link">{{NavItem|iconImageName=GameNavIcon.png|link=Games|linkText=Games}}</div>
+| style="width: 25%; font-family: ArnoProBoldItalicSubhead; border: none; text-align: center; color: #189d8e; font-size: 5rem; color: #189d8e;"| <div class="brand-link">{{NavItem|iconImageName=TheoriesNavIcon.png|link=Theories|linkText=Theories}}</div>
+| style="width: 25%; font-family: ArnoProBoldItalicSubhead; border: none; text-align: center; color: #189d8e; font-size: 5rem; color: #189d8e;"| <div class="brand-link">{{NavItem|iconImageName=LoreNavIcon.png|link=Lore|linkText=Lore}}</div>
+|-
+| style="width: 25%; font-family: ArnoProBoldItalicSubhead; border: none; text-align: center; color: #189d8e; font-size: 5rem; color: #189d8e;"| <div class="brand-link">{{NavItem|iconImageName=InterviewsNavIcon.png|link=Interviews|linkText=Interviews}}</div>
+| style="width: 25%; font-family: ArnoProBoldItalicSubhead; border: none; text-align: center; color: #189d8e; font-size: 5rem; color: #189d8e;"| <div class="brand-link">{{NavItem|iconImageName=LinguisticsNavIcon.png|link=Linguistics|linkText=Linguistics}}</div>
+| style="width: 25%; font-family: ArnoProBoldItalicSubhead; border: none; text-align: center; color: #189d8e; font-size: 5rem; color: #189d8e;"| <div class="brand-link">{{NavItem|iconImageName=TimelinesNavIcon.png|link=Timelines|linkText=Timelines}}</div>
+|}
+</div>
+</mobileonly>