diff --git a/src/templates/layout.html b/src/templates/layout.html
deleted file mode 100644
index 2dc67a7..0000000
--- a/src/templates/layout.html
+++ /dev/null
@@ -1,88 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="description" content=" {% block meta_description %} Pixel's personal site showcasing Rust-based Linux tools, retro aesthetics, and open-source projects. {%endblock%}">
- <meta name="author" content="Pi66">
- <meta name="theme-color" content="#000000">
- <title>Pixel - {% block title %}Home{% endblock %}</title>
- <link rel="icon" href={% block rel_icon %}"/static/favicon.ico"{% endblock %}>
- <link rel="stylesheet" href="/static/css/style.css"/>
- <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser"></script>
-
- </head>
- <body class="font-[Pixelify] w-screen h-dvh max-w-[1200px] mx-auto overflow-hidden bg-black p-5 pb-0 flex flex-col gap-3">
- <header class="py-2.5 justify-between h-12 px-3 border-[#333333] border-1 flex items-center">
- <div class="flex items-center">
- <a href="/">
- <img
- src="/static/icons/lain.gif"
- class="w-10 h-auto rounded-md object-contain saturate-150"
- />
- </a>
- <h1 class="pi66-title ml-4 text-green-700 font-bold !text-2xl">Pi66</h1>
- </div>
- <nav class="pr-4 flex items-center text-green-700 transition-colors duration-200 text-2xl font-bold max-md:hidden gap-4">
- <a class="hover:text-green-400 transition-colors duration-200 " href="/" class="nav-link">home</a>
- <a class="hover:text-green-400 transition-colors duration-200 " href="/tools" class="nav-link">tools</a>
- <a class="hover:text-green-400 transition-colors duration-200 " href="/about" class="nav-link">more</a>
- <a class="hover:text-green-400 transition-colors duration-200 " href="/gaza" class="nav-link">gaza</a>
- <a class="hover:text-green-400 transition-colors duration-200 " href="https://git.pi66.xyz" class="nav-link">GIT</a>
- </nav>
- </header>
-
- <div class="flex-1 flex flex-col gap-2 overflow-hidden">
-
- <main class="flex-initial w-full box-border px-3 overflow-x-hidden py-2 border border-[#333] overflow-y-auto">
- {% block content %}{% endblock %}
- </main>
-
- <footer class="mt-auto mb-2 h-10 flex flex-col justify-center items-center text-blockquote text-sm border-[#333]">
- {% block footer %}
- <div>
- <p class="text-gray-300">// Created by <span class="font-bold text-green-500">Pi66</span></p>
- <p class="text-gray-300">// Copyright ©Pi66 2026</p>
- </div>
- {% endblock %}
- </footer>
-
- <nav class="py-2 mb-2 flex justify-around border-1 border-[#333] items-center text-green-600 transition-colors duration-200 text-xl font-bold min-md:hidden gap-4">
- <a class="hover:text-green-400 transition-colors duration-200 " href="/" class="nav-link">home</a>
- <a class="hover:text-green-400 transition-colors duration-200 " href="/tools" class="nav-link">tools</a>
- <a class="hover:text-green-400 transition-colors duration-200 " href="/about" class="nav-link">more</a>
- <a class="hover:text-green-400 transition-colors duration-200 " href="/gaza" class="nav-link">gaza</a>
- <a class="hover:text-green-400 transition-colors duration-200 " href="https://git.pi66.xyz" class="nav-link">GIT</a>
- </nav>
- </div>
- </body>
- <script>
- function typePerLetter(selector, speed = 100) {
- const el = document.querySelector(selector);
- if (!el) return;
-
- const text = el.textContent;
- el.textContent = "";
- let i = 0;
-
- const interval = setInterval(() => {
- if (i >= text.length) {
- clearInterval(interval);
- return;
- }
-
- const char = text[i];
- if (char === "\n") {
- el.appendChild(document.createElement("br"));
- } else {
- el.append(char);
- }
- i++;
- }, speed);
- }
-
- typePerLetter(".pi66-title", 120);
- document.body.style.zoom = "100%";
- </script>
-</html>
-
