Update sidebar layout

.gitignore

@@ -7,3 +7,4 @@
 _site
 Gemfile.lock
 node_modules
+.jekyll-metadata

Template.md

@@ -24,7 +24,7 @@ sunkencity.md | Guide for Sunken City
 -->
 
 [//]: # (Image of the location taken from MHWiki [referably mousehuntgame.com links])
-<img src="https://www.mousehuntgame.com/images/environments/18298644393b7a4d062bed498f03aeca.jpg" alt="Windmill's Banner">
+<img src="/assets/images/banners/bannerWindmill.jpg" alt="Windmill's Banner">
 
 [//]: # (Rank Name) 
 # Apprentice 

_config.yml

@@ -1,6 +1,5 @@
 title: Mousehunt Guide
 
-permalink: pretty
 exclude: [
   ".github/",
   ".devcontainer/",
@@ -24,8 +23,26 @@ exclude: [
   "Template.md"
 ]
 
-include:
- - _pages
+collections:
+  pages:
+    output: true
+    permalink: /:title/
+  ranks:
+    output: true
+    permalink: /:title/
+
+just_the_docs:
+  collections:
+    ranks:
+      name: Guide for Ranks
+      nav_fold: true
+      nav_order: 1
+    pages:
+      name: Other Links
+      nav_fold: true
+      nav_order: 2
+
+
 
 # enable or disable the site search
 # supports true (default) or false

_includes/banner.html

@@ -0,0 +1,6 @@
+<figure>
+	<img src="/assets/images/{{ include.src }}" alt="{{ include.alt }}"/>
+	<figcaption>{{ include.caption }}</figcaption>
+</figure>
+
+<div class="banner" style="background-image:url(/assets/images/{{ include.src }});"></div>

_includes/nav.html

@@ -68,13 +68,13 @@
   {%- for node in node_group.items -%}
     {%- if node.parent == nil -%}
       {%- unless node.nav_exclude -%}
-      <li class="nav-list-item{% if page.collection == include.key and page.url == node.url or page.parent == node.title or page.grand_parent == node.title %} active{% endif %}">
+      <li class="nav-list-item">
         {%- if node.has_children -%}
           <a href="#" class="nav-list-expander" aria-label="toggle links in {{ node.title }} category">
             <svg viewBox="0 0 24 24"><use xlink:href="#svg-arrow-right"></use></svg>
           </a>
         {%- endif -%}
-        <a href="{{ node.url | relative_url }}" class="nav-list-link{% if page.url == node.url %} active{% endif %}">{{ node.title }}</a>
+        <a href="{{ node.url | relative_url }}" class="nav-item-{{node.url || slugify }} nav-list-link{% if page.url == node.url %} active{% endif %}">{{ node.title }}</a>
         {%- if node.has_children -%}
           {%- assign children_list = "" | split: "" -%}
           {%- for parent_group in groups_list -%}

_includes/weapons.html

@@ -0,0 +1,56 @@
+<ul class="weapons-list">
+	<li>
+		<a href="/appendix/weapons-per-powertype/physical" class="btn btn-red">
+			<img src="/assets/images/power-types/physical.png" alt="Physical">
+			<span>Physical</span>
+		</a>
+	</li>
+	<li>
+		<a href="/appendix/weapons-per-powertype/tactical" class="btn btn-green">
+			<img src="/assets/images/power-types/tactical.png" alt="Tactical">
+			<span>Tactical</span>
+		</a>
+	</li>
+	<li>
+		<a href="/appendix/weapons-per-powertype/hydro" class="btn btn-blue">
+			<img src="/assets/images/power-types/hydro.png" alt="Hydro">
+			<span>Hydro</span>
+		</a>
+	</li>
+	<li>
+		<a href="/appendix/weapons-per-powertype/shadow" class="btn btn-black">
+			<img src="/assets/images/power-types/shadow.png" alt="Shadow">
+			<span>Shadow</span>
+		</a>
+	</li>
+	<li>
+		<a href="/appendix/weapons-per-powertype/forgotten" class="btn btn-grey">
+			<img src="/assets/images/power-types/forgotten.png" alt="Forgotten">
+			<span>Forgotten</span>
+		</a>
+	</li>
+	<li>
+		<a href="/appendix/weapons-per-powertype/rift" class="btn btn-pink">
+			<img src="/assets/images/power-types/rift.png" alt="Rift">
+			<span>Rift</span>
+		</a>
+	</li>
+	<li>
+		<a href="/appendix/weapons-per-powertype/draconic" class="btn btn-orange">
+			<img src="/assets/images/power-types/draconic.png" alt="Draconic">
+			<span>Draconic</span>
+		</a>
+	</li>
+	<li>
+		<a href="/appendix/weapons-per-powertype/law" class="btn btn-yellow">
+			<img src="/assets/images/power-types/law.png" alt="Law">
+				<span>Law</span>
+		</a>
+	</li>
+	<li>
+		<a href="/appendix/weapons-per-powertype/arcane" class="btn btn-purple">
+			<img src="/assets/images/power-types/arcane.png" alt="Arcane">
+			<span>Arcane</span>
+		</a>
+	</li>
+</ul>

_pages/appendix/appendix.md

@@ -1,7 +1,7 @@
 ---
 layout: default
 title: Appendix
-nav_order: 100
+nav_order: 5000
 has_children: true
 ---
 

_pages/appendix/weapons-per-powertype/arcance.md

@@ -0,0 +1,13 @@
+---
+layout: default
+title: Arcane
+parent: Weapons
+nav_order: 90
+has_children: true
+grant_parent: Appendix
+has_toc: false
+permalink: /appendix/weapons-per-powertype/arcane
+---
+{% include weapons.html type = "Arcance" %}
+
+tba

_pages/appendix/weapons-per-powertype/draconic.md

@@ -3,10 +3,10 @@ layout: default
 title: Draconic
 parent: Weapons
 grant_parent: Appendix
-nav_order: 7
+nav_order: 70
 permalink: /appendix/weapons-per-powertype/draconic
 ---
-[<img src="/assets/images/power-types/physical.png" alt="Physical" width="45" height="45"> <br> Physical](/appendix/weapons-per-powertype/physical){: .btn .btn-red } [<img src="/assets/images/power-types/tactical.png" alt="Tactical" width="45" height="45"> <br> Tactical](/appendix/weapons-per-powertype/tactical){: .btn .btn-green } [<img src="/assets/images/power-types/hydro.png" alt="Hydro" width="45" height="45"> <br> Hydro](/appendix/weapons-per-powertype/hydro){: .btn .btn-blue } [<img src="/assets/images/power-types/shadow.png" alt="Shadow" width="45" height="45"> <br> Shadow](/appendix/weapons-per-powertype/shadow){: .btn .btn-black } [<img src="/assets/images/power-types/forgotten.png" alt="Forgotten" width="45" height="45"> <br> Forgotten](/appendix/weapons-per-powertype/forgotten){: .btn .btn-grey } [<img src="/assets/images/power-types/rift.png" alt="Rift" width="45" height="45"> <br> Rift](/appendix/weapons-per-powertype/rift){: .btn .btn-pink } [<img src="/assets/images/power-types/draconic.png" alt="Draconic" width="45" height="45"> <br> Draconic](/appendix/weapons-per-powertype/draconic){: .btn .btn-orange } [<img src="/assets/images/power-types/law.png" alt="Law" width="45" height="45"> <br> Law](/appendix/weapons-per-powertype/law){: .btn .btn-yellow }  [<img src="/assets/images/power-types/arcane.png" alt="Arcane" width="45" height="45"> <br> Arcane](/appendix/weapons-per-powertype/arcane){: .btn .btn-purple}
+{% include weapons.html type = "Draconic" %}
 
 **RAAAAAAAAAAAAAAAAAWR**
 Welcome to Draconic, the powertype of beating up dragons and their natural predators. Once part of the end of the game, Draconic has evolved into a full-fledged powertype with multiple traps and double digits huntable mice. It is the powertype with by far the least unused main line weapons. Hunting these dragons starts with slapping them with some ice, and soon after transitions into shooting them with things from a blazing spear to a full-blown cannon!

_pages/appendix/weapons-per-powertype/forgotten.md

@@ -2,13 +2,13 @@
 layout: default
 title: Forgotten
 parent: Weapons
-nav_order: 5
+nav_order: 50
 has_children: true
 grant_parent: Appendix
 has_toc: false
 permalink: /appendix/weapons-per-powertype/forgotten
 ---
-[<img src="/assets/images/power-types/physical.png" alt="Physical" width="45" height="45"> <br> Physical](/appendix/weapons-per-powertype/physical){: .btn .btn-red } [<img src="/assets/images/power-types/tactical.png" alt="Tactical" width="45" height="45"> <br> Tactical](/appendix/weapons-per-powertype/tactical){: .btn .btn-green } [<img src="/assets/images/power-types/hydro.png" alt="Hydro" width="45" height="45"> <br> Hydro](/appendix/weapons-per-powertype/hydro){: .btn .btn-blue } [<img src="/assets/images/power-types/shadow.png" alt="Shadow" width="45" height="45"> <br> Shadow](/appendix/weapons-per-powertype/shadow){: .btn .btn-black } [<img src="/assets/images/power-types/forgotten.png" alt="Forgotten" width="45" height="45"> <br> Forgotten](/appendix/weapons-per-powertype/forgotten){: .btn .btn-grey } [<img src="/assets/images/power-types/rift.png" alt="Rift" width="45" height="45"> <br> Rift](/appendix/weapons-per-powertype/rift){: .btn .btn-pink } [<img src="/assets/images/power-types/draconic.png" alt="Draconic" width="45" height="45"> <br> Draconic](/appendix/weapons-per-powertype/draconic){: .btn .btn-orange } [<img src="/assets/images/power-types/law.png" alt="Law" width="45" height="45"> <br> Law](/appendix/weapons-per-powertype/law){: .btn .btn-yellow }  [<img src="/assets/images/power-types/arcane.png" alt="Arcane" width="45" height="45"> <br> Arcane](/appendix/weapons-per-powertype/arcane){: .btn .btn-purple}
+{% include weapons.html type = "Forgotten" %}
 
 <mark>Disclaimer: </mark>
 

_pages/appendix/weapons-per-powertype/hydro.md

@@ -3,10 +3,10 @@ layout: default
 title: Hydro
 parent: Weapons
 grant_parent: Appendix
-nav_order: 3
+nav_order: 30
 permalink: /appendix/weapons-per-powertype/hydro
 ---
-[<img src="/assets/images/power-types/physical.png" alt="Physical" width="45" height="45"> <br> Physical](/appendix/weapons-per-powertype/physical){: .btn .btn-red } [<img src="/assets/images/power-types/tactical.png" alt="Tactical" width="45" height="45"> <br> Tactical](/appendix/weapons-per-powertype/tactical){: .btn .btn-green } [<img src="/assets/images/power-types/hydro.png" alt="Hydro" width="45" height="45"> <br> Hydro](/appendix/weapons-per-powertype/hydro){: .btn .btn-blue } [<img src="/assets/images/power-types/shadow.png" alt="Shadow" width="45" height="45"> <br> Shadow](/appendix/weapons-per-powertype/shadow){: .btn .btn-black } [<img src="/assets/images/power-types/forgotten.png" alt="Forgotten" width="45" height="45"> <br> Forgotten](/appendix/weapons-per-powertype/forgotten){: .btn .btn-grey } [<img src="/assets/images/power-types/rift.png" alt="Rift" width="45" height="45"> <br> Rift](/appendix/weapons-per-powertype/rift){: .btn .btn-pink } [<img src="/assets/images/power-types/draconic.png" alt="Draconic" width="45" height="45"> <br> Draconic](/appendix/weapons-per-powertype/draconic){: .btn .btn-orange } [<img src="/assets/images/power-types/law.png" alt="Law" width="45" height="45"> <br> Law](/appendix/weapons-per-powertype/law){: .btn .btn-yellow }  [<img src="/assets/images/power-types/arcane.png" alt="Arcane" width="45" height="45"> <br> Arcane](/appendix/weapons-per-powertype/arcane){: .btn .btn-purple}
+{% include weapons.html type = "Hydro" %}
 
 Welcome to Hydro, the powertype of Wet. If it walks like a fish, talks like a fish or looks like a fish, this is probably the powertype you will want to catch it with.
 hydro is the primary weapon type used in Rodentia, as well as the Elub tribe, the Living Garden and some parts of other regions. The current Best in Slot, the Chrome School of Sharks, can be acquired surprisingly early at Count, but is surprisingly expensive for its rank.

_pages/appendix/weapons-per-powertype/hydro/asg.md

@@ -0,0 +1,7 @@
+---
+layout: default
+title: ASG
+parent: Hydro
+permalink: /appendix/weapons-per-powertype/hydro/asg
+nav_order: 5
+---

_pages/appendix/weapons-per-powertype/hydro/smlk.md

@@ -63,7 +63,7 @@ The Steam Laser Mk. III can be purchased from the Trapsmith in the Slushy Shorel
 
 ### General Info and trivia
 The Steam Lasers are a range of weapons that can be acquired by doing the Iceberg adventure. They can help out a little in the Seasonal Garden, after which they could come in handy up untill a hunter picks up the Queso Fount Trap (or the School of Sharks). Depending on routing, this can include the Fiery Warpath's mages, the Living Garden, the Fungal Cavern and the Sunken City.
-The most important thing to note about this line is that the final upgrade is **fully optional**. The whole Steam Laser line has a stat boost in the Iceberg, but the weapons' stats pre-boost remain the same between mkII and mkIII. If your plan is to get out as soon as possible, finishing that second iceberg run can be postponed. In a conventional route, however, this happening is quite unlikely because Lord as a rank is quite long, and you might just need the Iceberg to rank up.
+The most important thing to note about this line is that the final upgrade is **fully optional**. The whole Steam Laser line has a stat boost in the Iceberg, but the weapons' stats pre-boost remain the same between mkII and mkIII. If your plan is to get out as soon as possible, finishing that second iceberg run can be postponed. In a conventional route, however, this happening is quite unlikely because Lord/Lady as a rank is quite long, and you might just need the Iceberg to rank up.
 
 ### Alternatives
 Because of where the Lasers are located in the game, there aren't really any interesting alternatives. As weapons, they are surprisingly optional if you manage to skip the entire Iceberg and rank up fast enough, assuming you rush towards the Queso Fount Trap next.

_pages/appendix/weapons-per-powertype/law.md

@@ -3,10 +3,10 @@ layout: default
 title: Law
 parent: Weapons
 grant_parent: Appendix
-nav_order: 8
+nav_order: 80
 permalink: /appendix/weapons-per-powertype/law
 ---
-[<img src="/assets/images/power-types/physical.png" alt="Physical" width="45" height="45"> <br> Physical](/appendix/weapons-per-powertype/physical){: .btn .btn-red } [<img src="/assets/images/power-types/tactical.png" alt="Tactical" width="45" height="45"> <br> Tactical](/appendix/weapons-per-powertype/tactical){: .btn .btn-green } [<img src="/assets/images/power-types/hydro.png" alt="Hydro" width="45" height="45"> <br> Hydro](/appendix/weapons-per-powertype/hydro){: .btn .btn-blue } [<img src="/assets/images/power-types/shadow.png" alt="Shadow" width="45" height="45"> <br> Shadow](/appendix/weapons-per-powertype/shadow){: .btn .btn-black } [<img src="/assets/images/power-types/forgotten.png" alt="Forgotten" width="45" height="45"> <br> Forgotten](/appendix/weapons-per-powertype/forgotten){: .btn .btn-grey } [<img src="/assets/images/power-types/rift.png" alt="Rift" width="45" height="45"> <br> Rift](/appendix/weapons-per-powertype/rift){: .btn .btn-pink } [<img src="/assets/images/power-types/draconic.png" alt="Draconic" width="45" height="45"> <br> Draconic](/appendix/weapons-per-powertype/draconic){: .btn .btn-orange } [<img src="/assets/images/power-types/law.png" alt="Law" width="45" height="45"> <br> Law](/appendix/weapons-per-powertype/law){: .btn .btn-yellow }  [<img src="/assets/images/power-types/arcane.png" alt="Arcane" width="45" height="45"> <br> Arcane](/appendix/weapons-per-powertype/arcane){: .btn .btn-purple}
+{% include weapons.html type = "Law" %}
 
 Law, the powertype that one is.
 Law is one of the two 'young' powertypes alongside Rift. It was only added to the game in 2013, with the release of Claw Shot City. Despite Law's questionable impact for quite a while after release, it eventually evolved into the proper and usable powertype it is today. It is probably the least expensive powertype to fully gather, consistently providing traps that are quite underpriced compared to other powertypes' weapons for the same rank.

_pages/appendix/weapons-per-powertype/physical.md

@@ -3,10 +3,10 @@ layout: default
 title: Physical
 parent: Weapons
 grant_parent: Appendix
-nav_order: 1
+nav_order: 10
 permalink: /appendix/weapons-per-powertype/physical
 ---
-[<img src="/assets/images/power-types/physical.png" alt="Physical" width="45" height="45"> <br> Physical](/appendix/weapons-per-powertype/physical){: .btn .btn-red } [<img src="/assets/images/power-types/tactical.png" alt="Tactical" width="45" height="45"> <br> Tactical](/appendix/weapons-per-powertype/tactical){: .btn .btn-green } [<img src="/assets/images/power-types/hydro.png" alt="Hydro" width="45" height="45"> <br> Hydro](/appendix/weapons-per-powertype/hydro){: .btn .btn-blue } [<img src="/assets/images/power-types/shadow.png" alt="Shadow" width="45" height="45"> <br> Shadow](/appendix/weapons-per-powertype/shadow){: .btn .btn-black } [<img src="/assets/images/power-types/forgotten.png" alt="Forgotten" width="45" height="45"> <br> Forgotten](/appendix/weapons-per-powertype/forgotten){: .btn .btn-grey } [<img src="/assets/images/power-types/rift.png" alt="Rift" width="45" height="45"> <br> Rift](/appendix/weapons-per-powertype/rift){: .btn .btn-pink } [<img src="/assets/images/power-types/draconic.png" alt="Draconic" width="45" height="45"> <br> Draconic](/appendix/weapons-per-powertype/draconic){: .btn .btn-orange } [<img src="/assets/images/power-types/law.png" alt="Law" width="45" height="45"> <br> Law](/appendix/weapons-per-powertype/law){: .btn .btn-yellow }  [<img src="/assets/images/power-types/arcane.png" alt="Arcane" width="45" height="45"> <br> Arcane](/appendix/weapons-per-powertype/arcane){: .btn .btn-purple}
+{% include weapons.html type = "Physical" %}
 
 Welcome to Physical the powertype of throwing hands.
 Physical is the starting powertype, with as general theme physical power. It has a surprising amount of 'big robot slaps mouse' in it.

_pages/appendix/weapons-per-powertype/rift.md

@@ -0,0 +1,13 @@
+---
+layout: default
+title: Rift
+parent: Weapons
+nav_order: 60
+has_children: true
+grant_parent: Appendix
+has_toc: false
+permalink: /appendix/weapons-per-powertype/rift
+---
+{% include weapons.html type = "Rift" %}
+
+tba

_pages/appendix/weapons-per-powertype/shadow.md

@@ -2,13 +2,13 @@
 layout: default
 title: Shadow
 parent: Weapons
-nav_order: 4
+nav_order: 40
 has_children: true
 grant_parent: Appendix
 has_toc: false
 permalink: /appendix/weapons-per-powertype/shadow
 ---
-[<img src="/assets/images/power-types/physical.png" alt="Physical" width="45" height="45"> <br><span class="fs-2">PHYSICAL</span>](/appendix/weapons-per-powertype/physical){: .btn .btn-red } [<img src="/assets/images/power-types/tactical.png" alt="Tactical" width="45" height="45"> <br><span class="fs-2">TACTICAL</span>](/appendix/weapons-per-powertype/tactical){: .btn .btn-green } [<img src="/assets/images/power-types/hydro.png" alt="Hydro" width="45" height="45"> <br><span class="fs-2">HYDRO</span>](/appendix/weapons-per-powertype/hydro){: .btn .btn-blue } [<img src="/assets/images/power-types/shadow.png" alt="Shadow" width="45" height="45"><br><span class="fs-2">SHADOW</span>](/appendix/weapons-per-powertype/shadow){: .btn .btn-black } [<img src="/assets/images/power-types/forgotten.png" alt="Forgotten" width="45" height="45"> <br><span class="fs-2">FORGOTTEN</span>](/appendix/weapons-per-powertype/forgotten){: .btn .btn-grey } [<img src="/assets/images/power-types/rift.png" alt="Rift" width="45" height="45"> <br><span class="fs-2">RIFT</span>](/appendix/weapons-per-powertype/rift){: .btn .btn-pink } [<img src="/assets/images/power-types/draconic.png" alt="Draconic" width="45" height="45"> <br><span class="fs-2">DRACONIC</span>](/appendix/weapons-per-powertype/draconic){: .btn .btn-brown } [<img src="/assets/images/power-types/law.png" alt="Law" width="45" height="45"> <br><span class="fs-2">LAW</span>](/appendix/weapons-per-powertype/law){: .btn .btn-yellow }  [<img src="/assets/images/power-types/arcane.png" alt="Arcane" width="45" height="45"> <br><span class="fs-2">ARCANE</span>](/appendix/weapons-per-powertype/arcane){: .btn .btn-yellow }
+{% include weapons.html type = "Shadow" %}
 
 Shadow, as a powertype, has become quite the shadow of its former self. It starts in the Mousoleum, followed by a number of guest appearances in areas that don't warrant a trap upgrade and culminating in the Hollow Heights. Eventually, it culminates in the Chrome Temporal Turbine, which blasts mice into the sun.
 

_pages/appendix/weapons-per-powertype/tactical.md

@@ -0,0 +1,13 @@
+---
+layout: default
+title: Tactical
+parent: Weapons
+nav_order: 20
+has_children: true
+grant_parent: Appendix
+has_toc: false
+permalink: /appendix/weapons-per-powertype/tactical
+---
+{% include weapons.html type = "Tactical" %}
+
+tba