From cc950e3793893f2272d6d70fcdeaa13112d0c030 Mon Sep 17 00:00:00 2001
From: Martin Prokoph <motschen@midnightdust.eu>
Date: Tue, 10 Dec 2024 12:39:31 +0100
Subject: [PATCH] Link the Better Leaves Lite wiki

---
 src/components/CustomTabs.astro     |  3 ++-
 src/components/Header.astro         |  3 +++
 src/pages/wiki/betterleaveslite.mdx | 19 ++++++++++++++-----
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/components/CustomTabs.astro b/src/components/CustomTabs.astro
index 1b8faba..1f918c9 100644
--- a/src/components/CustomTabs.astro
+++ b/src/components/CustomTabs.astro
@@ -63,12 +63,13 @@ import { Icon } from 'astro-icon/components'
     button.tab {
         color: var(--font-color);
         border: none;
+        border-bottom: 2px solid transparent;
         opacity: 75%;
     }
     button.tab[data-active="true"] {
         opacity: 100%;
         border-bottom: 2px solid var(--action-color);
-        background: linear-gradient(0deg, var(--action-color) 0%, transparent 15%);
+        background: linear-gradient(0deg, var(--action-color) 0%,var(--action-color) 5%, transparent 20%);
     }
     #tabs-header {
         margin-left: 6px;
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 659e291..426ffe3 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -27,6 +27,9 @@ import { Icon } from 'astro-icon/components'
     <li class="menu-item has-dropdown">
       <button aria-haspopup="true" aria-expanded="false">Wiki</button>
       <ul class="dropdown-menu">
+        <li class="submenu-item">
+          <a href="/wiki/betterleaveslite/">Better Leaves Lite</a>
+        </li>
         <li class="submenu-item">
           <a href="/wiki/midnightlib/">MidnightLib</a>
         </li>
diff --git a/src/pages/wiki/betterleaveslite.mdx b/src/pages/wiki/betterleaveslite.mdx
index ac320a8..b6dae47 100644
--- a/src/pages/wiki/betterleaveslite.mdx
+++ b/src/pages/wiki/betterleaveslite.mdx
@@ -23,10 +23,10 @@ in a terminal window.
 ## Texturepacks
 You can easily create a build for any texturepack.  
 Just add the pack to the input/texturepacks/ folder.  
-After that, follow the Building section to get your flavour!
+After that, follow the <a href="#building">Building</a> section to get your flavour!
 
 ## Mods
-In simple cases, it is enough to put the mod file in the /input/mods folder and continue with the Building section.  
+In simple cases, it is enough to put the mod file in the /input/mods folder and continue with the <a href="#building">Building</a> section.  
 If you see missing textures when trying your freshly-built pack, the mod has a more complicated asset structure.  
 In these cases, you unfortunately have to manually configure exceptions in the /input/overrides.json file.  
 ```json
@@ -81,15 +81,24 @@ You can get it on any modern operating system.
     <div id="windows" data-active="true">
       Download the latest stable Python 3 release from the official <a href="https://www.python.org/downloads/windows/">website</a><br/>
       or using winget in PowerShell: <br/>
-      `winget install -e --id Python.Python.3.13.1`
+      ```bash
+      winget install -e --id Python.Python.3.13.1
+      ```
     </div>
     <div id="linux" class="hidden">
       On most systems, Python should already be installed by default.<br/>
-      Else, just install Python using your distro's package manager.
+      Else, just install Python using your distro's package manager.  
+      Arch Linux:
+      ```bash
+      pacman -S python
+      ```
     </div>
     <div id="macos" class="hidden">
       In case you haven't already, install Homebrew according to the <a href="https://brew.sh/">official instructions</a>.<br/>
-      Now, you can just install python using the  `brew install python`  command.
+      Now, you can just install python using the following command:
+      ```bash
+      brew install python
+      ```
     </div>
 </CustomTabs>