🎉 Update all the things 🔥

.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,61 +23,47 @@ exclude: [
   "Template.md"
 ]
 
-include:
- - _pages
+collections:
+  pages:
+    output: true
+    permalink: /:title/
+  ranks:
+    output: true
+    permalink: /:title/
+
+aux_links:
+  "mouse.rip":
+    - "https://mouse.rip"
+  "Discord":
+    - "https://discordapp.com/mousehunt"
 
-# enable or disable the site search
-# supports true (default) or false
-search_enabled: true
 
+just_the_docs:
+  collections:
+    ranks:
+      name: Guides for Ranks
+      nav_fold: false
+      nav_order: 1
+    pages:
+      name: Other Links
+      nav_fold: true
+      nav_order: 2
+
+search_enabled: true
 search:
-  # split pages into sections that can be searched individually
-  # supports 1 - 6, default: 2
   heading_level: 3
-  # maximum amount of previews per search result
-  # default: 3
-  previews: 3
-  # maximum amount of words to display before a matched word in the preview
-  # default: 5
+  previews: 5
   preview_words_before: 5
-  # maximum amount of words to display after a matched word in the preview
-  # default: 10
   preview_words_after: 10
-  # set the search token separator
-  # default: /[\s\-/]+/
-  # example: enable support for hyphenated search words
   tokenizer_separator: /[\s/]+/
-  # display the relative url in search results
-  # supports true (default) or false
   rel_url: true
-  # enable or disable the search button that appears in the bottom right corner of every page
-  # supports true or false (default)
   button: false
 
-# aux links for the upper right navigation
-aux_links:
-  "mouse.rip":
-    - "https://mouse.rip"
-  "Discord":
-    - "https://discordapp.com/mousehunt"
-
-# makes aux links open in a new tab. default is false
 aux_links_new_tab: true
-
-# heading anchor links appear on hover over h1-h6 tags in page content
-# allowing users to deep link to a particular heading on a page.
-#
-# supports true (default) or false
 heading_anchors: true
-
-# back to top link
 back_to_top: true
 back_to_top_text: "back to top"
 
-# color scheme supports "light" (default) and "dark"
-color_scheme: dark
-
-callouts_level: quiet # or loud
 callouts:
   highlight:
     color: yellow

_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/css/callouts.scss.liquid

@@ -1,15 +1,5 @@
-{%- comment -%}
-  {% include css/callouts.scss.liquid color_scheme = string %}
-  produces SCSS for all the callouts in site.callouts. For the "dark"
-  color scheme, the levels of the text and background colors are reversed.
-{%- endcomment -%}
-
-{%- assign callout_background_hue = "000" -%}
-{%- assign callout_color_hue = "300" -%}
-{%- if site.callouts_level == "loud" or include.color_scheme == "dark" and site.callouts_level != "quiet" -%}
-  {%- assign callout_background_hue = "300" -%}
-  {%- assign callout_color_hue = "000" -%}
-{%- endif -%}
+{%- assign callout_background_hue = "300" -%}
+{%- assign callout_color_hue = "000" -%}
 
 div.opaque {
   background-color: $body-background-color;
@@ -90,4 +80,4 @@ blockquote.{{ callout[0] }}-title {
   }
 }
 
-{% endfor -%}
+{% endfor -%}

_includes/css/main.scss.liquid

@@ -2,4 +2,4 @@
 $logo: "{{ site.logo | relative_url }}";
 {% endif %}
 @import "./main";
-{% include css/callouts.scss.liquid color_scheme = 'dark' %}
+{% include css/callouts.scss.liquid %}

_includes/head.html

@@ -14,7 +14,7 @@
   <link rel="apple-touch-icon" sizes="180x180" href="{{ 'apple-touch-icon.png' | relative_url }}">
   <link rel="icon" type="image/png" sizes="32x32" href="{{ 'favicon-32x32.png' | relative_url }}">
   <link rel="icon" type="image/png" sizes="16x16" href="{{ 'favicon-16x16.png' | relative_url }}">
-  <link rel="manifest" href="{{ 'site.webmanifest' | relative_url }}">
+  <!-- <link rel="manifest" href="{{ 'site.webmanifest' | relative_url }}"> -->
   <link rel="mask-icon" href="{{ 'safari-pinned-tab.svg' | relative_url }}" color="#7eabd0">
   <meta name="msapplication-TileColor" content="#7eabd0">
   <meta name="theme-color" content="#ffffff">

_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="/weapons/physical" class="btn btn-red">
+			<img src="/assets/images/power-types/physical.png" alt="Physical">
+			<span>Physical</span>
+		</a>
+	</li>
+	<li>
+		<a href="/weapons/tactical" class="btn btn-green">
+			<img src="/assets/images/power-types/tactical.png" alt="Tactical">
+			<span>Tactical</span>
+		</a>
+	</li>
+	<li>
+		<a href="/weapons/hydro" class="btn btn-blue">
+			<img src="/assets/images/power-types/hydro.png" alt="Hydro">
+			<span>Hydro</span>
+		</a>
+	</li>
+	<li>
+		<a href="/weapons/shadow" class="btn btn-black">
+			<img src="/assets/images/power-types/shadow.png" alt="Shadow">
+			<span>Shadow</span>
+		</a>
+	</li>
+	<li>
+		<a href="/weapons/forgotten" class="btn btn-grey">
+			<img src="/assets/images/power-types/forgotten.png" alt="Forgotten">
+			<span>Forgotten</span>
+		</a>
+	</li>
+	<li>
+		<a href="/weapons/rift" class="btn btn-pink">
+			<img src="/assets/images/power-types/rift.png" alt="Rift">
+			<span>Rift</span>
+		</a>
+	</li>
+	<li>
+		<a href="/weapons/draconic" class="btn btn-orange">
+			<img src="/assets/images/power-types/draconic.png" alt="Draconic">
+			<span>Draconic</span>
+		</a>
+	</li>
+	<li>
+		<a href="/weapons/law" class="btn btn-yellow">
+			<img src="/assets/images/power-types/law.png" alt="Law">
+				<span>Law</span>
+		</a>
+	</li>
+	<li>
+		<a href="/weapons/arcane" class="btn btn-purple">
+			<img src="/assets/images/power-types/arcane.png" alt="Arcane">
+			<span>Arcane</span>
+		</a>
+	</li>
+</ul>