diff --git a/_data/locale.toml b/_data/locale.toml index e27783d..e26337e 100644 --- a/_data/locale.toml +++ b/_data/locale.toml @@ -1,3 +1,16 @@ +# 404 +[404] +en = "404 not found" +es = "404 no encontrado" + +[go-back] +en = "go home" +es = "vuelve a casa <3" + +[404-alt] +en = "by yasuhira" +es = "por yasuhira" + # homepage [home] en = "home" diff --git a/_img/404.xcf b/_img/404.xcf new file mode 100644 index 0000000..8288350 Binary files /dev/null and b/_img/404.xcf differ diff --git a/_layouts/base.njk b/_layouts/base.njk index 4aa3a51..caf8f63 100644 --- a/_layouts/base.njk +++ b/_layouts/base.njk @@ -6,7 +6,9 @@ {% endblock head %} + {% block main_page_wrapper %}
+ {% endblock main_page_wrapper %}
{% block header %} {% include "default_header.njk" %} diff --git a/css/main.scss b/css/main.scss index 7f51528..2d6945b 100644 --- a/css/main.scss +++ b/css/main.scss @@ -55,6 +55,40 @@ body { @media (min-width: general.$breakpoint) { #mobile-warning { display: none; }} } +// 404 +#fof { + border: none; + .fof { + display: flex; + justify-content: flex-start; + flex-direction: column; + width: 100%; + h1 { + margin: 10px 10px 0px 10px; + font-family: fonts.$ll; + text-align: center; + text-decoration: none; + } + img { + max-width: fit-content; + display: block; + margin: auto; + } + .fof-foot { + display: flex; + justify-content: flex-start; + flex-direction: row; + justify-content: space-between; + width: 780px; + margin: 0px auto; + p { + font-family: fonts.$ll, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + font-size: 1.2em; + } + } + } +} + .header-wrapper { display: flex; align-items: flex-start; diff --git a/en/404.njk b/en/404.njk new file mode 100644 index 0000000..6bc536b --- /dev/null +++ b/en/404.njk @@ -0,0 +1,23 @@ +--- +title: 404 not found +--- +{% extends "_layouts/base.njk" %} + +{% block main_page_wrapper %} +
+{% endblock main_page_wrapper %} + +{% block header %}{% endblock header %} + +{% block content %} +
+

{{ "404" | i18n }}

+ {{ +
+

<-- {{ "go-back" | i18n }}

+

moving {{ "404-alt" | i18n }}

+
+
+{% endblock content %} + +{% block footer %}{% endblock footer %} diff --git a/en/index.md b/en/index.md index 1642aac..2b801f8 100644 --- a/en/index.md +++ b/en/index.md @@ -6,7 +6,7 @@ layout: home welcome to my site!! as with every website this is a heavy work in progress. however my priorities right now are: - atom feed - mobile support -- 404 page +- ~~404 page~~ - all pages marked as "under construction" ![rakka hairbush fail](/img/rakka-hairbrush-fail.gif) diff --git a/es/404.njk b/es/404.njk new file mode 100644 index 0000000..6bc536b --- /dev/null +++ b/es/404.njk @@ -0,0 +1,23 @@ +--- +title: 404 not found +--- +{% extends "_layouts/base.njk" %} + +{% block main_page_wrapper %} +
+{% endblock main_page_wrapper %} + +{% block header %}{% endblock header %} + +{% block content %} +
+

{{ "404" | i18n }}

+ {{ +
+

<-- {{ "go-back" | i18n }}

+

moving {{ "404-alt" | i18n }}

+
+
+{% endblock content %} + +{% block footer %}{% endblock footer %} diff --git a/es/index.md b/es/index.md index 1a7de8b..4b2ac79 100644 --- a/es/index.md +++ b/es/index.md @@ -6,7 +6,7 @@ title: home bienvenid@ a mi sitio!! aun no lo termino pero revisa lo que tenga hecho <3 pienso terminar primero: - un feed rss (atom) - mejor soporte para celulares -- página 404 +- ~~página 404~~ - terminar todas las páginas marcadas como "en construcción" ![rakka hairbush fail](/img/rakka-hairbrush-fail.gif) diff --git a/img/404.jpg b/img/404.jpg new file mode 100644 index 0000000..ec14816 Binary files /dev/null and b/img/404.jpg differ