diff --git a/_data/locale.toml b/_data/locale.toml
index 670bcfb..dd8ade0 100644
--- a/_data/locale.toml
+++ b/_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..."
diff --git a/_layouts/under_construction.njk b/_layouts/under_construction.njk
index be0ce74..70b4654 100644
--- a/_layouts/under_construction.njk
+++ b/_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 %}
diff --git a/css/main.scss b/css/main.scss
index 2d6945b..0133fa5 100644
--- a/css/main.scss
+++ b/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;