💡 Comments + new blog post

src/components/Header/Drawer.astro

@@ -7,8 +7,8 @@ import { navLinks } from '../../data/nav-links';
 
 <!-- drawerOpened is defined in /src/layouts/Layout.astro -->
 <div class="drawer-container" @keydown.escape="drawerOpen = false">
-	<button @click="drawerOpen = !drawerOpen">
-		<BarsIcon class="bars-icon" width={24} height={24} />
+	<button class="icon-button" @click="drawerOpen = !drawerOpen">
+		<BarsIcon width={24} height={24} />
 	</button>
 	<div
 		class="overlay"
@@ -29,8 +29,8 @@ import { navLinks } from '../../data/nav-links';
 		x-transition:leave-end="hidden-drawer"
 	>
 		<div>
-			<button @click="drawerOpen = !drawerOpen">
-				<CloseIcon class="bars-icon" width={24} height={24} /></button
+			<button class="icon-button" @click="drawerOpen = !drawerOpen">
+				<CloseIcon width={24} height={24} /></button
 			>
 		</div>
 		<nav>
@@ -44,22 +44,6 @@ import { navLinks } from '../../data/nav-links';
 		--transition: all 0.3s ease-in-out;
 	}
 
-	button {
-		background: none;
-		padding: 2px 2px -2px;
-		border: none;
-		line-height: 1;
-		aspect-ratio: square;
-	}
-
-	button:active {
-		opacity: 0.3;
-	}
-
-	button > svg {
-		color: var(--text);
-	}
-
 	.drawer-container {
 		display: none;
 	}

src/components/LatestPost.astro

@@ -9,7 +9,6 @@
       )
       .then((data) => {
         const item = data.querySelector('item');
-				console.log(item)
         this.latestPost = {
           link: item.querySelector('link').textContent,
           body: item.querySelector('description').textContent,