diff --git a/_data/locale.toml b/_data/locale.toml index f27c42d..e27783d 100644 --- a/_data/locale.toml +++ b/_data/locale.toml @@ -16,8 +16,12 @@ en = "listening to..." es = "estoy escuchando..." [site-lang] -en = "este sitio también está disponible en" -es = "this site is also available in" +en = "site language" +es = "idioma" + +[site-lang-avail] +en = "este sitio tambien está en" +es = "this site is also in" [home-lang-img] en = "/img/es.jpg" diff --git a/_includes/lang-available.njk b/_includes/lang-available.njk index 7226e29..14e43a3 100644 --- a/_includes/lang-available.njk +++ b/_includes/lang-available.njk @@ -1,3 +1,3 @@ {% for link in page.url | locale_links %} -

{{ "lang-available" | i18n }} {{ link.label | lower }}

+

{{ avail_text | i18n if avail_text else "lang-available" | i18n }} {{ link.label | lower }}

{% endfor %} \ No newline at end of file diff --git a/_layouts/home.njk b/_layouts/home.njk index dd4fbc7..30c93fa 100644 --- a/_layouts/home.njk +++ b/_layouts/home.njk @@ -1,4 +1,5 @@ --- +avail_text: "site-lang-avail" lastfm: true flight: img: "/img/Witch-on-broom.gif" @@ -8,10 +9,15 @@ flight: {% block content %}
+
+ {% include "lang-available.njk" %} + +
- + +
+ +

{{ "please-visit" | i18n }}

diff --git a/css/main.scss b/css/main.scss index 2d09200..7f51528 100644 --- a/css/main.scss +++ b/css/main.scss @@ -145,7 +145,7 @@ body { .box { border: 1px solid mp.$border; - margin: 10px; + margin: 10px 10px 0px 10px; h2 { padding: 3px 6px; @@ -162,7 +162,24 @@ body { .welcome-aside-left { width: max-content; + .home-lang { + display: flex; + align-items: flex-start; + flex-direction: row; + p { + font-size: 0.7em; + text-align: right; + margin: auto 0px auto 6px; + } + img { + display: block; + margin: 4px 4px 4px auto; + height: 64px; + } + } + .now-playing-wrapper { + margin-bottom: 0px; width: 190px; h3, a { text-decoration: none; } @@ -197,8 +214,18 @@ body { } } } + + .umihara-kawase { + margin: 0px; + a,img { + display: block; + width: 81px; + margin: 0px auto; + } + } .buttons-wrapper { + margin-top: 0px; width: 190px; .buttons { display: flex; @@ -276,6 +303,9 @@ body { } footer { + marquee { + margin: 8px 0px; + } p { margin: 2px; font-size: 0.7em; diff --git a/img/umihara-kawase.gif b/img/umihara-kawase.gif new file mode 100644 index 0000000..22675b3 Binary files /dev/null and b/img/umihara-kawase.gif differ