diff --git a/public/img/c-logo.png b/public/img/c-logo.png
deleted file mode 100644
index 7511fde..0000000
Binary files a/public/img/c-logo.png and /dev/null differ
diff --git a/public/img/java-logo.png b/public/img/java-logo.png
deleted file mode 100644
index 6d5bb39..0000000
Binary files a/public/img/java-logo.png and /dev/null differ
diff --git a/public/img/bash-logo.svg b/public/img/logos/bash-logo.svg
similarity index 100%
rename from public/img/bash-logo.svg
rename to public/img/logos/bash-logo.svg
diff --git a/public/img/c-logo.svg b/public/img/logos/c-logo.svg
similarity index 100%
rename from public/img/c-logo.svg
rename to public/img/logos/c-logo.svg
diff --git a/public/img/c-sharp-logo.svg b/public/img/logos/c-sharp-logo.svg
similarity index 100%
rename from public/img/c-sharp-logo.svg
rename to public/img/logos/c-sharp-logo.svg
diff --git a/public/img/clojure-logo.svg b/public/img/logos/clojure-logo.svg
similarity index 100%
rename from public/img/clojure-logo.svg
rename to public/img/logos/clojure-logo.svg
diff --git a/public/img/coffeescript-logo.svg b/public/img/logos/coffeescript-logo.svg
similarity index 100%
rename from public/img/coffeescript-logo.svg
rename to public/img/logos/coffeescript-logo.svg
diff --git a/public/img/cpp-logo.svg b/public/img/logos/cpp-logo.svg
similarity index 100%
rename from public/img/cpp-logo.svg
rename to public/img/logos/cpp-logo.svg
diff --git a/public/img/dart-logo.svg b/public/img/logos/dart-logo.svg
similarity index 100%
rename from public/img/dart-logo.svg
rename to public/img/logos/dart-logo.svg
diff --git a/public/img/elixir-logo.svg b/public/img/logos/elixir-logo.svg
similarity index 100%
rename from public/img/elixir-logo.svg
rename to public/img/logos/elixir-logo.svg
diff --git a/public/img/erlang-logo.svg b/public/img/logos/erlang-logo.svg
similarity index 100%
rename from public/img/erlang-logo.svg
rename to public/img/logos/erlang-logo.svg
diff --git a/public/img/f-sharp-logo.svg b/public/img/logos/f-sharp-logo.svg
similarity index 100%
rename from public/img/f-sharp-logo.svg
rename to public/img/logos/f-sharp-logo.svg
diff --git a/public/img/gleam-logo.svg b/public/img/logos/gleam-logo.svg
similarity index 100%
rename from public/img/gleam-logo.svg
rename to public/img/logos/gleam-logo.svg
diff --git a/public/img/go-logo.svg b/public/img/logos/go-logo.svg
similarity index 100%
rename from public/img/go-logo.svg
rename to public/img/logos/go-logo.svg
diff --git a/public/img/haskell-logo.svg b/public/img/logos/haskell-logo.svg
similarity index 100%
rename from public/img/haskell-logo.svg
rename to public/img/logos/haskell-logo.svg
diff --git a/public/img/java-logo.svg b/public/img/logos/java-logo.svg
similarity index 100%
rename from public/img/java-logo.svg
rename to public/img/logos/java-logo.svg
diff --git a/public/img/lua-logo.svg b/public/img/logos/lua-logo.svg
similarity index 100%
rename from public/img/lua-logo.svg
rename to public/img/logos/lua-logo.svg
diff --git a/public/img/ocaml-logo.svg b/public/img/logos/ocaml-logo.svg
similarity index 100%
rename from public/img/ocaml-logo.svg
rename to public/img/logos/ocaml-logo.svg
diff --git a/public/img/php-logo.svg b/public/img/logos/php-logo.svg
similarity index 100%
rename from public/img/php-logo.svg
rename to public/img/logos/php-logo.svg
diff --git a/public/img/python-logo.svg b/public/img/logos/python-logo.svg
similarity index 100%
rename from public/img/python-logo.svg
rename to public/img/logos/python-logo.svg
diff --git a/public/img/racket-logo.svg b/public/img/logos/racket-logo.svg
similarity index 100%
rename from public/img/racket-logo.svg
rename to public/img/logos/racket-logo.svg
diff --git a/public/img/rescript-logo.svg b/public/img/logos/rescript-logo.svg
similarity index 100%
rename from public/img/rescript-logo.svg
rename to public/img/logos/rescript-logo.svg
diff --git a/public/img/rust-logo.svg b/public/img/logos/rust-logo.svg
similarity index 100%
rename from public/img/rust-logo.svg
rename to public/img/logos/rust-logo.svg
diff --git a/public/img/scala-logo.svg b/public/img/logos/scala-logo.svg
similarity index 100%
rename from public/img/scala-logo.svg
rename to public/img/logos/scala-logo.svg
diff --git a/public/img/svg.svg b/public/img/logos/svg.svg
similarity index 100%
rename from public/img/svg.svg
rename to public/img/logos/svg.svg
diff --git a/public/img/swift-logo.svg b/public/img/logos/swift-logo.svg
similarity index 100%
rename from public/img/swift-logo.svg
rename to public/img/logos/swift-logo.svg
diff --git a/public/img/ts-logo.svg b/public/img/logos/ts-logo.svg
similarity index 100%
rename from public/img/ts-logo.svg
rename to public/img/logos/ts-logo.svg
diff --git a/public/img/zig-logo.svg b/public/img/logos/zig-logo.svg
similarity index 100%
rename from public/img/zig-logo.svg
rename to public/img/logos/zig-logo.svg
diff --git a/public/img/projects/thp/01.png b/public/img/projects/thp/01.png
new file mode 100644
index 0000000..fbfd603
Binary files /dev/null and b/public/img/projects/thp/01.png differ
diff --git a/public/img/ts-logo.png b/public/img/ts-logo.png
deleted file mode 100644
index c927e53..0000000
Binary files a/public/img/ts-logo.png and /dev/null differ
diff --git a/src/components/LangLogo.astro b/src/components/LangLogo.astro
index f4422a5..270a947 100644
--- a/src/components/LangLogo.astro
+++ b/src/components/LangLogo.astro
@@ -6,7 +6,7 @@ const { lang, icon, size, alpineOnClick } = Astro.props;
     <img
         @click={alpineOnClick}
         class={"inline-block " + (size? size: "h-8") + " px-1 my-1"}
-        src={`/img/${icon}-logo.svg`}
+        src={`/img/logos/${icon}-logo.svg`}
         alt={`${lang} logo`}
         title={`${lang} logo`}
     />
diff --git a/src/pages/side-projects.astro b/src/pages/side-projects.astro
new file mode 100644
index 0000000..daa7d82
--- /dev/null
+++ b/src/pages/side-projects.astro
@@ -0,0 +1,95 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+        <meta name="viewport" content="width=device-width" />
+        <meta name="generator" content={Astro.generator} />
+        <link rel="stylesheet" href="/global.css" />
+        <link rel="stylesheet" href="/blog.css" />
+        <title>Side projects - Fernando Araoz</title>
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+        <link
+            href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap"
+            rel="stylesheet"
+        />
+        <link
+            rel="stylesheet"
+            type="text/css"
+            href="https://unpkg.com/@phosphor-icons/web@2.1.1/src/regular/style.css"
+        />
+        <script src="//unpkg.com/alpinejs" is:inline defer></script>
+
+        <style>
+            html {
+                font-size: 18px;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="grid grid-cols-[4rem_auto]">
+            <div class="h-screen">
+                <nav
+                    class="fixed top-0 left-0 bg-black text-white rotate-[-90deg] font-display w-[100vh] translate-y-[100vh] px-8 py-2"
+                    style="transform-origin: 0% 0%;"
+                >
+                    <a
+                        class="font-semibold inline-block text-2xl hover:underline"
+                        href="/"
+                    >
+                        Fernando Araoz
+                    </a>
+                    <a
+                        class="ml-6 inline-block underline"
+                        href="/side-projects"
+                    >
+                        Side projects
+                    </a>
+                    <a
+                        class="ml-6 inline-block hover:underline"
+                        href="/blog/en"
+                    >
+                        Eng Blog
+                    </a>
+                    <a
+                        class="ml-6 inline-block hover:underline"
+                        href="/blog/es"
+                    >
+                        Es Blog
+                    </a>
+                </nav>
+            </div>
+            <!-- For some god forsaken reason this grid-cols doesnt
+             work?? Hello?? Tailwind??? -->
+            <div class="grid grid-cols-[30rem_auto] gap-2">
+                <div class="fler items-center">
+                    <div class="bg-c-bg-2 my-4 rounded p-4 dark:shadow-black shadow">
+                        <h1 class="font-display font-semibold text-xl text-center">
+                            Nombre del proyecto :D
+                        </h1>
+
+                        <p class="pt-8">
+                            Descripción del proyecto :D (carita feliz)
+                            en 240 palabras o menos
+                        </p>
+
+                        <div class="pt-8">
+                            <a href="" class="underline">Git repo link</a>
+                            <br>
+                            <a href="" class="underline">https://webpage.araozu.dev/</a>
+                        </div>
+
+                        <div class="pt-8">
+                            logos
+                        </div>
+                    </div>
+                </div>
+
+                <div class="w-full h-screen flex items-center justify-center p-16">
+                    <img src="/img/projects/thp/01.png" alt="Project image">
+                </div>
+            </div>
+        </div>
+    </body>
+</html>