feat: style changes

src/components/CurrentVersion.astro

@@ -1,17 +0,0 @@
----
-import {VERSION} from '../consts'
----
-
-<span class="current-version">{VERSION}</span>
-
-<style>
-    .current-version {
-        display: inline-block;
-        line-height: 1rem;
-        border-radius: 1rem;
-        padding: 0.2rem 0.5rem;
-        background-color: var(--accent);
-        color: white;
-        font-size: 0.9rem;
-    }
-</style>

src/components/Footer.astro

@@ -1,7 +1,6 @@
 ---
 import Icon from 'astro-iconify'
 import {VERSION} from '../consts';
-import CurrentVersion from './CurrentVersion.astro';
 ---
 
 <footer>
@@ -17,7 +16,7 @@ import CurrentVersion from './CurrentVersion.astro';
     <a href="https://github.com/ayoayco/cozy">GitHub</a> •
     <a href="https://social.ayco.io/@ayo">Mastodon</a>
     <br />
-    <CurrentVersion />
+    <span>{VERSION}</span>
   </section>
 
   <section class="disclaimer">All rights reserved to content owners.</section>

src/components/blog/Footer.astro

@@ -5,7 +5,7 @@ const today = new Date();
 
 <footer>
 	<p>&copy; {today.getFullYear()} {SITE_AUTHOR}. All rights reserved.</p>
-	<p>Get in touch: <a href={`mailto:${SITE_AUTHOR_EMAIL}`}>cozy at ayco.io</a></p>
+	<p>Want to get in touch? Send a mail to <a href={`mailto:${SITE_AUTHOR_EMAIL}`}>Cozy at ayco.io</a>.</p>
 	<div class="social-links">
 		<a href={SITE_AUTHOR_MASTODON} target="_blank">
 			<span class="sr-only">Follow Ayo on Mastodon</span>

src/components/blog/Header.astro

@@ -67,7 +67,6 @@ import { SITE_AUTHOR_MASTODON, SITE_DESCRIPTION, SITE_PROJECT_REPO, SITE_TITLE }
 			display: inline-block;
 			text-align: center;
 			padding: 1px 0.5em 0;
-			text-transform: uppercase;
 			transition: 0.2s ease;
 		}
 

src/layouts/BlogPost.astro

@@ -34,7 +34,6 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
 				& a {
 					text-decoration: none;
 					color: rgb(var(--black));
-					text-transform: uppercase;
 					transition: 0.2s ease;
 
 					&:has(span) {

src/styles/blog.css

@@ -58,7 +58,7 @@ h1 {
 }
 
 h2 {
-	font-size: 1.953em;
+	font-size: 1.753em;
 }
 
 h3 {
@@ -66,7 +66,7 @@ h3 {
 }
 
 h4 {
-	font-size: 1.25em;
+	font-size: 1.35em;
 }
 
 h5 {
@@ -95,7 +95,6 @@ pre.astro-code {
 }
 
 .prose {
-
 	& p,
 	& ul,
 	& ol,