finish basic under construction layout

_data/locale.toml

@@ -32,8 +32,12 @@ es = "vuelve a casa <3"
 en = "by yasuhira"
 es = "por yasuhira"
 
-# homepage
+# under construction
+[under-construction]
+en = "this page is under construction!!"
+es = "aún estoy haciendo esta página!!"
 
+# homepage
 [please-visit]
 en = "please visit..."
 es = "visita también..."

_layouts/under_construction.njk

@@ -1,5 +1,9 @@
 {% extends "_layouts/base.njk" %}
 
 {% block content %}
-    {{ content | safe }}
+    <div id="under-construction">
+        <h2>{{ "under-construction" | i18n }}</h2>
+        <img src="/img/fatalframe.gif" alt={{ "under-construction" | i18n }}>
+        {{ content | safe }}
+    </div>
 {% endblock content %}

css/main.scss

@@ -89,6 +89,23 @@ body {
     }
 }
 
+
+// under construction
+#under-construction {
+    width: 100%;
+    h2 {
+        font-size: 1.4em;
+        text-align: center;
+        text-decoration: none;
+        margin-top: 8px;
+    }
+    img {
+        display: block;
+        width: fit-content;
+        margin: 8px auto;
+    }
+}
+
 .header-wrapper {
     display: flex;
     align-items: flex-start;