From 92416b49ace7e264ebfff59977bec76b6685551a Mon Sep 17 00:00:00 2001
From: Silvio Ney <sneycampos@gmail.com>
Date: Mon, 17 Mar 2025 14:40:01 +0000
Subject: [PATCH 1/2] using toggleDarkMode function when clicks in toggle-theme
 footer button

---
 src/Web/x-footer.view.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Web/x-footer.view.php b/src/Web/x-footer.view.php
index dcaca955..7fe9c2a7 100644
--- a/src/Web/x-footer.view.php
+++ b/src/Web/x-footer.view.php
@@ -27,7 +27,7 @@
 
 	<script>
 	document.getElementById('toggle-theme').addEventListener('click', () => {
-		applyTheme(localStorage.theme === 'dark' ? 'light' : 'dark')
+		toggleDarkMode()
 	})
 	</script>
 </x-component>

From c695780ea71f83704898de4bfea5dd22541341c1 Mon Sep 17 00:00:00 2001
From: Silvio Ney <sneycampos@gmail.com>
Date: Tue, 18 Mar 2025 14:41:26 +0000
Subject: [PATCH 2/2] fix: adjust layout and styling in home section component

---
 src/Web/Homepage/x-home-section.view.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Web/Homepage/x-home-section.view.php b/src/Web/Homepage/x-home-section.view.php
index 5a71def7..7c8b2b62 100644
--- a/src/Web/Homepage/x-home-section.view.php
+++ b/src/Web/Homepage/x-home-section.view.php
@@ -1,6 +1,6 @@
 <x-component name="x-home-section">
 	<section class="mb-20 lg:mb-[7vh] flex justify-center flex-col tracking-tighter px-6">
-		<div class="grid grid-cols-1 lg:grid-cols-2 gap-x-12 items-center">
+		<div class="grid grid-cols-1 lg:grid-cols-2 items-center">
 			<!-- Left -->
 			<div class="p-2 lg:p-0">
 				<div class="max-w-xl text-sans">
@@ -19,7 +19,7 @@
 				</div>
 			</div>
 			<!-- Right -->
-			<div class="flex flex-col gap-2 p-2 text-sm bg-(--ui-bg)/20 rounded-xl">
+			<div class="flex flex-col gap-2 p-2 text-sm bg-(--ui-bg)/20 rounded-xl tracking-normal">
 				<div :foreach="$snippets as $snippet" class="bg-(--ui-bg)/50 border border-(--ui-border) rounded-md p-4 [&_pre]:h-full [&_pre]:overflow-x-auto">
 					{!! $codeBlocks[$snippet] !!}
 				</div>