fix: am I drunk? why was my content outside of the body tag!?

mtib · mtib · commit f5ff522ccd4b · 2024-09-09T20:23:21.000+02:00
diff --git a/Makefile b/Makefile
@@ -6,5 +6,5 @@ clean:
 
 .PHONY: all clean
 
-dist/%: data.yaml src/%.jinja2
+dist/%: data.yaml src/%.jinja2 src/base.html.jinja2
 	jinja2 $(patsubst dist/%,src/%,$@).jinja2 data.yaml > $@
diff --git a/src/base.html.jinja2 b/src/base.html.jinja2
@@ -28,42 +28,43 @@
 
 <body>
 
-</body>
-
-<div class="noto-sans-default">
-    <div style="
+    <div class="noto-sans-default">
+        <div style="
         display: flex;
         flex-direction: column;
         gap: 50px;
         align-items: center;
         padding: 10px 0 50px 0;">
-        <div class="item">
-            {% block heading %}
-            <h1>blog.mtib.dev</h1>
+            <div class="item">
+                {% block heading %}
+                <h1>blog.mtib.dev</h1>
+                {% endblock %}
+            </div>
+            {% block content %}
+            FILL ME
             {% endblock %}
         </div>
-        {% block content %}
-        FILL ME
-        {% endblock %}
     </div>
-</div>
 
-<style>
-    .item {
-        width: min(calc(100vw - 20px), 800px);
-    }
+    <style>
+        .item {
+            width: min(calc(100vw - 20px), 800px);
+        }
+
+        .item h2 {
+            margin-bottom: 8px;
+        }
 
-    .item h2 {
-        margin-bottom: 8px;
-    }
+        .app {
+            padding-top: 20px;
+        }
 
-    .app {
-        padding-top: 20px;
-    }
+        div.item>div.app:nth-of-type(1) {
+            padding-top: 0px;
+        }
+    </style>
+
+</body>
 
-    div.item>div.app:nth-of-type(1) {
-        padding-top: 0px;
-    }
-</style>
 
 </html>
