diff --git a/layouts/page.templ b/layouts/page.templ
index 07c1841..8dfe337 100644
--- a/layouts/page.templ
+++ b/layouts/page.templ
@@ -13,6 +13,10 @@ templ Page(title string) {
 					font-family: Cal Sans;
 					src: url(cal-sans.woff2);
 				}
+				@font-face {
+					font-family: Fira Code;
+					src: url(fira-code.woff2);
+				}
 			</style>
 			<title>{ title }</title>
 		</head>
diff --git a/pages/homepage.templ b/pages/homepage.templ
index 0a5bc6e..225a355 100644
--- a/pages/homepage.templ
+++ b/pages/homepage.templ
@@ -6,15 +6,13 @@ import (
 
 templ Homepage() {
 	@layouts.Page("013") {
-		<div>
-			<main>
-				<img src="/logo-013.svg" alt="" width="100" height="100"/>
-				<h1 class="font-cal">Someone who's trying to improve</h1>
-			</main>
-			<footer class="text-#181818 flex flex-row justify-between">
+		<main>
+			<img src="/logo-013.svg" alt="" width="100" height="100"/>
+			<h1 class="font-cal">Someone who's trying to improve</h1>
+			<div class="text-#181818 flex flex-row justify-between items-center">
 				<nav>
 					<ul class="list-none flex flex-row gap-3 p-0">
-						<li class="i-simple-icons:github h-4 w-4 hover:text-#ababab transition-colors">
+						<li class="i-simple-icons:github w-4 hover:text-#ababab transition-colors">
 							<a
 								href="https://github.com/guz013"
 								target="_blank"
@@ -24,7 +22,7 @@ templ Homepage() {
 								GitHub
 							</a>
 						</li>
-						<li class="i-simple-icons:codeberg h-4 w-4 hover:text-#ababab transition-colors">
+						<li class="i-simple-icons:codeberg w-4 hover:text-#ababab transition-colors">
 							<a
 								href="https://codeberg.org/guz013"
 								target="_blank"
@@ -34,7 +32,7 @@ templ Homepage() {
 								Codeberg
 							</a>
 						</li>
-						<li class="i-simple-icons:twitter h-4 w-4 hover:text-#ababab transition-colors">
+						<li class="i-simple-icons:twitter w-4 hover:text-#ababab transition-colors">
 							<a
 								href="https://twitter.com/guz013_"
 								target="_blank"
@@ -44,7 +42,7 @@ templ Homepage() {
 								Twitter
 							</a>
 						</li>
-						<li class="i-simple-icons:mastodon h-4 w-4 hover:text-#ababab transition-colors">
+						<li class="i-simple-icons:mastodon w-4 hover:text-#ababab transition-colors">
 							<a
 								href="https://mastodon.social/@guz013"
 								target="_blank"
@@ -54,7 +52,7 @@ templ Homepage() {
 								Mastodon
 							</a>
 						</li>
-						<li class="i-simple-icons:instagram h-4 w-4 hover:text-#ababab transition-colors">
+						<li class="i-simple-icons:instagram w-4 hover:text-#ababab transition-colors">
 							<a
 								href="https://instagram.com/guz013_"
 								target="_blank"
@@ -64,7 +62,7 @@ templ Homepage() {
 								Instagram
 							</a>
 						</li>
-						<li class="i-simple-icons:pixelfed h-4 w-4 hover:text-#ababab transition-colors">
+						<li class="i-simple-icons:pixelfed w-4 hover:text-#ababab transition-colors">
 							<a
 								href="https://pixelfed.social/@guz013"
 								target="_blank"
@@ -76,10 +74,13 @@ templ Homepage() {
 						</li>
 					</ul>
 				</nav>
-				<a class="text-#181818" href="mailto:contact.guz013@gmail.com">
-					<p class="p-0">2024 &copy Gustavo L. de Mello</p>
+				<a class="text-#181818 hover:text-#ababab transition-colors" href="mailto:contact.guz013@gmail.com">
+					<p class="m-0">2024 &copy Gustavo L. de Mello</p>
 				</a>
-			</footer>
-		</div>
+			</div>
+		</main>
+		<footer class="fixed bottom-0 text-xs font-mono text-#181818">
+			<p>new website in development</p>
+		</footer>
 	}
 }
diff --git a/static/fira-code.woff2 b/static/fira-code.woff2
new file mode 100644
index 0000000..e755a9d
Binary files /dev/null and b/static/fira-code.woff2 differ
diff --git a/uno.config.js b/uno.config.js
index 36f099b..b07b4ec 100644
--- a/uno.config.js
+++ b/uno.config.js
@@ -34,6 +34,10 @@ export default defineConfig({
 					name: 'Cal Sans',
 					provider: 'none',
 				},
+				mono: {
+					name: 'Fira Code',
+					provider: 'none',
+				},
 			},
 		}),
 	],