From 76c0cc0aa2ba06320761d83146dc825ab50894f4 Mon Sep 17 00:00:00 2001
From: Daniel Orr <orrdaniel73@gmail.com>
Date: Fri, 10 Nov 2023 08:38:56 +0000
Subject: [PATCH] Rework sidebar tabs

---
 _includes/sidebar.html   |  6 +++---
 _sass/addon/commons.scss | 12 ++++++++++++
 _tabs/about.md           |  2 +-
 _tabs/archives.md        |  5 -----
 _tabs/categories.md      |  2 +-
 _tabs/store.md           |  6 ++++++
 _tabs/tags.md            |  5 -----
 7 files changed, 23 insertions(+), 15 deletions(-)
 delete mode 100644 _tabs/archives.md
 create mode 100644 _tabs/store.md
 delete mode 100644 _tabs/tags.md

diff --git a/_includes/sidebar.html b/_includes/sidebar.html
index 99d6dcc1..59b31ed2 100644
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -36,11 +36,11 @@ <h1 class="site-title">
       <!-- the real tabs -->
       {% for tab in site.tabs %}
         <li class="nav-item{% if tab.url == page.url %}{{ " active" }}{% endif %}">
-          <a href="{{ tab.url | relative_url }}" class="nav-link">
-            <i class="fa-fw {{ tab.icon }}"></i>
+          <a href="{{ tab.override_url | tab.url | relative_url }}" class="nav-link">
+            <i class="fa-fw {{ tab.icon }} {{ tab.add_class }}"></i>
             {% capture tab_name %}{{ tab.url | split: '/' }}{% endcapture %}
 
-            <span>{{ site.data.locales[include.lang].tabs.[tab_name] | default: tab.title | upcase }}</span>
+            <span class="{{ tab.add_class }}">{{ site.data.locales[include.lang].tabs.[tab_name] | default: tab.title | upcase }}</span>
           </a>
         </li>
         <!-- .nav-item -->
diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
index f7d21eb7..a710fd65 100644
--- a/_sass/addon/commons.scss
+++ b/_sass/addon/commons.scss
@@ -762,6 +762,18 @@ $btn-mb: 0.5rem;
     user-select: none;
   }
 
+  .rainbow {
+    background-color: violet; /* For browsers that do not support gradients */
+    background-image: -webkit-linear-gradient(60deg, purple, violet); /* For Safari 5.1 to 6.0 */
+    background-image: -o-linear-gradient(60deg, purple, violet); /* For Opera 11.1 to 12.0 */
+    background-image: -moz-linear-gradient(60deg, purple, violet); /* For Firefox 3.6 to 15 */
+    background-image: linear-gradient(to 60deg, purple, violet); /* Standard syntax (must be last) */
+    background-clip: text;
+    -webkit-background-clip: text;
+    color: transparent;
+    font-weight: bold;
+  }
+
   ul {
     margin-bottom: 2rem;
 
diff --git a/_tabs/about.md b/_tabs/about.md
index ddb2bc4c..293eae5d 100644
--- a/_tabs/about.md
+++ b/_tabs/about.md
@@ -1,7 +1,7 @@
 ---
 # the default layout is 'page'
 icon: fas fa-info-circle
-order: 4
+order: 3
 ---
 
 > Add Markdown syntax content to file `_tabs/about.md`{: .filepath } and it will show up on this page.
diff --git a/_tabs/archives.md b/_tabs/archives.md
deleted file mode 100644
index c3abc594..00000000
--- a/_tabs/archives.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: archives
-icon: fas fa-archive
-order: 3
----
diff --git a/_tabs/categories.md b/_tabs/categories.md
index 2d241be9..0a3c10a4 100644
--- a/_tabs/categories.md
+++ b/_tabs/categories.md
@@ -1,5 +1,5 @@
 ---
 layout: categories
 icon: fas fa-stream
-order: 1
+order: 2
 ---
diff --git a/_tabs/store.md b/_tabs/store.md
new file mode 100644
index 00000000..ca83b7bd
--- /dev/null
+++ b/_tabs/store.md
@@ -0,0 +1,6 @@
+---
+icon: fas fa-bag-shopping
+order: 1
+override_url: https://store.mcbrawls.net
+add_class: rainbow
+---
diff --git a/_tabs/tags.md b/_tabs/tags.md
deleted file mode 100644
index ded3adc1..00000000
--- a/_tabs/tags.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: tags
-icon: fas fa-tags
-order: 2
----