+
+
+
+
\ No newline at end of file
diff --git a/src/components/ImgComparisonSlider.astro b/src/components/ImgComparisonSlider.astro
deleted file mode 100644
index 5f41a2e..0000000
--- a/src/components/ImgComparisonSlider.astro
+++ /dev/null
@@ -1,71 +0,0 @@
----
-interface Props {
- imgBefore: string
- imgAfter: string
- captionBefore?: string
- captionAfter?: string
-}
-const { imgBefore, imgAfter, captionBefore, captionAfter } = Astro.props
----
-
-
-
-
- {captionBefore ? {captionBefore} : ""}
-
-
-
- {captionAfter ? {captionAfter} : ""}
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/icons/double-arrow-slider.svg b/src/icons/double-arrow-slider.svg
new file mode 100644
index 0000000..66d429e
--- /dev/null
+++ b/src/icons/double-arrow-slider.svg
@@ -0,0 +1,7 @@
+
\ No newline at end of file
diff --git a/src/pages/blog/life-is-changing.mdx b/src/pages/blog/life-is-changing.mdx
index 7eebb0a..3d27a71 100644
--- a/src/pages/blog/life-is-changing.mdx
+++ b/src/pages/blog/life-is-changing.mdx
@@ -4,7 +4,8 @@ title: Life is changing
author: Martin Prokoph
date: 11th October 2024
---
-import ImgComparisonSlider from '../../components/ImgComparisonSlider.astro'
+import ImageComparison from '../../components/ImageComparison.astro'
+import { Image } from 'astro:assets'
I started modding games back in 2018, when I was just 12 years old.
In fact, Round Trees – one of my most popular resourcepacks to this day – had its first release back then.
@@ -24,7 +25,10 @@ MidnightLib also deserves a mention.
After becoming frustrated about the large file size of other config libraries, I had decided to take it on myself and write a tiny – but still feature-packed – config library, a task that I think I absolutely nailed.
It is not only the basis for the vast majority of my mods, but also a lot of third-party ones, such as Effective, The Bumblezone, Bewitchment, as well as many others.
-
+
+
+
+
MidnightLib has come a long way
Fast forward to today, I've created over 25 mods and resourcepacks, which have almost reached a total download amount of a staggering 100 Million!
diff --git a/src/pages/components/astro-image-comparison-slider.mdx b/src/pages/components/astro-image-comparison-slider.mdx
new file mode 100644
index 0000000..4b96a57
--- /dev/null
+++ b/src/pages/components/astro-image-comparison-slider.mdx
@@ -0,0 +1,29 @@
+---
+layout: ../../layouts/MarkdownLayout.astro
+title: Image Comparison Slider for Astro
+---
+
+import ImageComparison from '../../components/ImageComparison.astro'
+import { Image } from 'astro:assets';
+import { Icon } from 'astro-icon/components'
+
+# Image Comparison Slider for Astro
+
+Image comparison sliders are useful for comparing a previous state to the current one.
+Since I wasn't fully satisfied with existing solutions, I created my own.
+
+
+
+
+
+
+You can even customize the style to best fit your needs.
+
+
+
+
+
lol
+
omg
+
+
+
\ No newline at end of file
diff --git a/src/pages/components/astro-tab-buttons.mdx b/src/pages/components/astro-tab-buttons.mdx
new file mode 100644
index 0000000..746e95c
--- /dev/null
+++ b/src/pages/components/astro-tab-buttons.mdx
@@ -0,0 +1,71 @@
+---
+layout: ../../layouts/MarkdownLayout.astro
+title: Tab Button Component for Astro
+---
+
+import { Icon } from 'astro-icon/components'
+import CustomTabs from "../../components/CustomTabs.astro"
+
+# Tab Button Component for Astro
+
+Having a paragraph of your text seperated by tabs can help readers choose their own path.
+It is therefore a great way to improve your website's interactivity.
+
+
+
+ Content in these divs can be written as regular Markdown in MDX files.
+ Otherwise, you can just add any HTML tags as usual.
+ The tab icons are powered by the awesome [Astro Icon](https://www.astroicon.dev/) component.
+
+
+ ```java
+ You can even use code blocks in here :D
+ ```
+
+
+
+
+A common use case for these are installation guides for different operating systems:
+
+
+ Step 1: Download a Linux ISO and flash it to a USB stick
+ Step 2: Uninstall Windows
+ Step 3: Install Linux
+ Step 4: Continue with the Linux section
+
+
+ Get yourself a nice meal, you're goated!
+
+
+ A monitor stand for over 1000€... Are you serious?
+
+
+ Get a life. For real.
+
+
\ No newline at end of file
diff --git a/src/pages/wiki/betterleaves.mdx b/src/pages/wiki/betterleaves.mdx
index d4cd511..b6c06c3 100644
--- a/src/pages/wiki/betterleaves.mdx
+++ b/src/pages/wiki/betterleaves.mdx
@@ -3,10 +3,13 @@ layout: ../../layouts/MarkdownLayout.astro
title: Better Leaves Wiki
---
-import ImgComparisonSlider from '../../components/ImgComparisonSlider.astro'
+import ImageComparison from '../../components/ImageComparison.astro'
+import { Image } from 'astro:assets';
import { Icon } from 'astro-icon/components'
import { Notification } from 'accessible-astro-components'
import CustomTabs from "../../components/CustomTabs.astro"
+import pythonCodeImage from '../../assets/betterleaves/script.png';
+import ingameImage from '../../assets/betterleaves/ingame.png';
# Better Leaves Wiki
@@ -14,8 +17,10 @@ Welcome to the Better Leaves wiki.
This documentation aims to help you create your own flavour for any texturepack or mod.
-
-
Better Leaves 9.0 is automatically generated using our Python script
+
+
+
+
## Getting Started
First of all, you need to download the contents of the GitHub repository.
@@ -37,7 +42,7 @@ After that, follow the Building section to get your flav
In simple cases, it is enough to put the mod file in the /input/mods folder and continue with the Building section.
-
Put the .jar file ito input/mods, and the script will take care of extracting all textures with "leaves" in their name.
+
Put the .jar file into input/mods, and the script will take care of extracting all textures with "leaves" in their name.
The _temp folder is purely symbolic here, it will only exist for a few milliseconds during the extraction process.
+