From 06ec31dcc0bc7acdee45fc931e321e61b3082d16 Mon Sep 17 00:00:00 2001
From: Talgat The Random <36820511+RND332@users.noreply.github.com>
Date: Sun, 16 Jun 2024 13:17:18 +0300
Subject: [PATCH] chore: Update Google Analytics tracking code and improve link
 styles in Layout.astro

---
 src/layouts/Layout.astro | 27 ++++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index a4241a3..56b9cd9 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -30,10 +30,11 @@ const pages: Array<Page> = [
 		<title>RND</title>
 		<ViewTransitions />
 		<script
+			is:inline
 			type="text/partytown"
 			src="https://www.googletagmanager.com/gtag/js?id=G-VSD6GSYPH2"
 		></script>
-		<script type="text/partytown">
+		<script is:inline type="text/partytown">
 			window.dataLayer = window.dataLayer || [];
 			function gtag() {
 				dataLayer.push(arguments);
@@ -62,7 +63,7 @@ const pages: Array<Page> = [
 								currentPage == undefined ? "who" : currentPage;
 							const isCurrentPage = currentPageId === page.id;
 
-							let styles = "px-2 ";
+							let styles = "w-full px-2 ";
 							if (index % 3 === 0) {
 								styles += "border-r border-[#30363d] ";
 							} else if (index % 3 === 1) {
@@ -74,11 +75,13 @@ const pages: Array<Page> = [
 							}
 
 							return (
-								<li class={styles}>
-									<a href={page.url} target="_self">
-										{page.title}
-									</a>
-								</li>
+								<a
+									class="w-full active-link"
+									href={page.url}
+									target="_self"
+								>
+									<li class={styles}>{page.title}</li>
+								</a>
 							);
 						})
 					}
@@ -134,6 +137,16 @@ const pages: Array<Page> = [
 					Courier New,
 					monospace;
 			}
+
+			.active-link:hover {
+				transition: color 0.3s ease;
+				color: color-mix(in srgb, white 50%, black 50%);
+			}
+			
+			.active-link:active {
+				transition: color 0.3s ease;
+				color: color-mix(in srgb, white 50%, black 50%);
+			}
 		</style>
 	</body>
 </html>