add guestbook

_layouts/base.njk

@@ -19,6 +19,7 @@
             <div class="base-content-wrapper">
                 {% block content %}
                     <!-- default fallback -->
+                     {{ content | safe }}
                 {% endblock content %}
             </div>
 

_layouts/guestbook.njk

@@ -0,0 +1,8 @@
+---
+show_lang_in_footer: true
+---
+{% extends "_layouts/base.njk" %}
+
+{% block content %}
+    <div class="guestbook-wrapper">{{ content | safe }}</div>
+{% endblock content  %}

css/main.scss

@@ -5,11 +5,11 @@
 @use "main-palette" as mp;
 
 $psize: 0.8em;
-$h1size: 1.8em;
+$h1size: 2.0em;
-$h2size: 1.6em;
+$h2size: 1.8em;
-$h3size: 1.4em;
+$h3size: 1.6em;
-$h4size: 1.2em;
+$h4size: 1.4em;
-$h5size: 1.1em;
+$h5size: 1.2em;
 $h6size: 1em;
 
 body {
@@ -22,15 +22,18 @@ body {
     a:hover { color: c.adjust($color: mp.$link, $saturation: 4%, $lightness: 10%); }
 
     p {
-        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
         font-size: $psize;
     }
 
     h1, h2, h3, h4, h5, h6 {
-        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+        font-family: fonts.$ll,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
         font-weight: bold;
         text-decoration: underline;
         text-decoration-color: mp.$border;
+        font-smooth: never;
+        -webkit-font-smoothing: none;
+        -moz-osx-font-smoothing: none;
     }
 
     h1 { font-size: $h1size; }
@@ -95,7 +98,7 @@ body {
                 li {
                     display: flex;
                     margin: 2px;
-                    a {
+                    a,p {
                         padding: 0.2em 0.5em;
                         border: 1px solid mp.$border;
 
@@ -111,6 +114,7 @@ body {
 
                         &:hover { background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, c.adjust($color: mp.$link, $saturation: 4%, $lightness: -10%) 100%); }
                     }
+                    p { cursor: default; }
                     --hover-image: url('/img/nav/default_hover.jpg');
                     /* TODO: finish each navbar image
                     &#home:hover ~ #nav-hover { --hover-image: url('/img/nav/home_hover.jpg'); }
@@ -222,9 +226,9 @@ body {
             width: 190px;
             ul {
                 list-style: none;
-                padding: 0 2px 4px 2px;
+                padding: 0 8px 4px 8px;
                 list-style: none;
-                text-align: center;
+                text-align: left;
                 .date {
                     font-size: 0.7em;
                     color: c.adjust($color: mp.$text, $lightness: -10%);
@@ -257,6 +261,18 @@ body {
             margin: 12px auto;
         }
     }
+
+    .guestbook-wrapper {
+        width: 100%;
+        margin: 12px 2px 2px 2px;
+        p {
+            text-align: center;
+        }
+        #guestbook {
+            width: 100%;
+            min-height: 100vh;
+        }
+    }
 }
 
 footer {

en/guestbook.md

@@ -0,0 +1,6 @@
+---
+layout: guestbook
+title: guestbook
+---
+if the guestbook doesn't load try [visiting it here](https://yukinets.atabook.org/)!!
+<iframe id="guestbook" src="https://yukinets.atabook.org/" frameborder="0"></iframe>

es/guestbook.md

@@ -0,0 +1,9 @@
+---
+layout: guestbook
+slug_override: libro-de-visitas
+title: libro de visitas
+---
+si no carga el libro de visitas puedes [visitarla aquí](https://yukinets.atabook.org/)!!
+
+(desafortunadamente atabook no está en español)
+<iframe id="guestbook" src="https://yukinets.atabook.org/" frameborder="0"></iframe>