diff --git a/public/base.html b/public/base.html
index fd279da..5f5d5b8 100644
--- a/public/base.html
+++ b/public/base.html
@@ -50,8 +50,10 @@
         <script src="/assets/js/script.js" defer></script>
         {% block extra_head %}{% endblock %}
     </head>
+    {% block custom_body %}
     <body>
         <div id="cursor"></div>
+        {% block custom_header %}
         <header class="flex">
             <div class="flex-1 flex">
                 <a href="/" class="text-no-decoration text-white" style="gap: 8px;">{% block title_prefix %}{% endblock %} <span class="font-bold">Nercone</span> {% block title_suffix %}{% endblock %}</a>
@@ -62,7 +64,9 @@
                 <a href="?lightweight=1" class="hide show-on-small"><img alt="lightweight-mode" src="/assets/images/icons/lightweight-mode-false.svg" class="small-icon"></a>
             </div>
         </header>
+        {% endblock %}
         <main>{% block content %}{% endblock %}</main>
+        {% block custom_footer %}
         <footer class="flex text-tx-alt">
             <div class="flex-1 flex">
                 <a href="/" class="text-no-decoration hide show-on-medium show-on-large font-bold">nercone.dev</a>
@@ -85,5 +89,7 @@
                 <a href="/server-version/" class="font-bold text-no-decoration hide show-on-medium show-on-large">{{ server_version }}</a>
             </div>
         </footer>
+        {% endblock %}
     </body>
+    {% endblock %}
 </html>
