Compare commits

...

13 commits

Author SHA1 Message Date
2c3515eb73
TODO: umihara kawase page 2025-10-16 05:08:48 -03:00
ebbae8bac5
add misc images 2025-10-16 05:08:37 -03:00
48bea412a5
add language box 2025-10-16 05:08:23 -03:00
bb929349d8
reorder translations 2025-10-16 03:12:10 -03:00
a7ca46df13
add robots.txt 2025-10-16 01:22:58 -03:00
cc66c705e2
TODO: find a good silly footer peeker 2025-10-16 00:52:57 -03:00
38f3a4feee
rename base_head to be consistent with default includes 2025-10-16 00:17:52 -03:00
be011562de
add guestbook 2025-10-16 00:14:39 -03:00
3c098a17bd
use <p> if navbar item doesnt have a link 2025-10-15 22:27:29 -03:00
fe58374f3b
minor indent 2025-10-15 17:58:23 -03:00
31338821e2
empty scripts comment for testing 2025-10-15 17:53:57 -03:00
db071b1d05
TODO: finish post page 2025-10-15 17:52:54 -03:00
f4935fc4e7
fix language notice in footer 2025-10-15 17:41:52 -03:00
22 changed files with 153 additions and 41 deletions

View file

@ -1,15 +1,8 @@
# homepage
[home] [home]
en = "home" en = "home"
es = "inicio" es = "inicio"
[lang-available]
en = "esta página también está disponible en"
es = "this page also available in"
[license]
en = "Do What The Fuck You Want To Public License"
es = "Licencia Pública WTFPL"
[please-visit] [please-visit]
en = "please visit..." en = "please visit..."
es = "visita también..." es = "visita también..."
@ -22,6 +15,28 @@ es = "posts recientes"
en = "listening to..." en = "listening to..."
es = "estoy escuchando..." es = "estoy escuchando..."
[site-lang]
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"
es = "/img/en.jpg"
# footer
[lang-available]
en = "esta página también está disponible en"
es = "this page is also available in"
[license]
en = "Do What The Fuck You Want To Public License"
es = "Licencia Pública WTFPL"
# misc
[mobile-warning] [mobile-warning]
en = "this site is NOT optimized for mobile (yet). the groundwork is laid but i have not finished the css so things will look very ugly for you. sorry!!" en = "this site is NOT optimized for mobile (yet). the groundwork is laid but i have not finished the css so things will look very ugly for you. sorry!!"
es = "aún NO optimizo el sitio para verlo en celulares o pantallas más chicas. aunque escribí el html pensando también en soportar celulares, la parte de css no está hecha así que se verá bien feo para ti. sorry!!" es = "aún NO optimizo el sitio para verlo en celulares o pantallas más chicas. aunque escribí el html pensando también en soportar celulares, la parte de css no está hecha así que se verá bien feo para ti. sorry!!"

View file

@ -15,13 +15,13 @@ url = "/en/blog/"
name = "reviews" name = "reviews"
url = "/en/reviews/" url = "/en/reviews/"
[en.links] [en.music]
name = "links" name = "music"
url = "/en/links/" url = "https://smalrainbow.bandcamp.com/"
new_tab = true
[en.contact] [en.etc]
name = "contact" name = "etc"
url = "/en/contact/"
[es] [es]
[es.home] [es.home]
@ -40,10 +40,10 @@ url = "/es/blog/"
name = "reviews" name = "reviews"
url = "/es/reviews/" url = "/es/reviews/"
[es.links] [es.music]
name = "links" name = "música"
url = "/es/links/" url = "https://smalrainbow.bandcamp.com/"
new_tab = true
[es.contact] [es.etc]
name = "contacto" name = "etc"
url = "/es/contacto/"

View file

@ -1,11 +1,13 @@
<div class="footer-flex"> <div class="footer-flex">
<div class="footer-left"> <div class="footer-left">
{% if show-lang-in-footer %} {% if show_lang_in_footer %}
{% include "lang-available.njk" %} {% include "lang-available.njk" %}
{% endif %} {% endif %}
</div> </div>
<div class="footer-middle"> <div class="footer-middle">
<!-- TODO: find a good silly footer peeker
<div class="nekojiru-angel"></div> <div class="nekojiru-angel"></div>
-->
</div> </div>
<div class="footer-right"> <div class="footer-right">
<p>{% for button in 88x31.buttons.misc.slice(0, 3) %}<img src="/img/buttons/{{ button.image }}.gif" alt="{{ button.alt }}" {% if button.author %}title="{{ "button-author" | i18n }} {{ button.author }}"{% endif %}>{% endfor %}<br>est. 2025 | yuki &#169; <a href="/LICENSE.txt">{{ "license" | i18n }}</a></p> <p>{% for button in 88x31.buttons.misc.slice(0, 3) %}<img src="/img/buttons/{{ button.image }}.gif" alt="{{ button.alt }}" {% if button.author %}title="{{ "button-author" | i18n }} {{ button.author }}"{% endif %}>{% endfor %}<br>est. 2025 | yuki &#169; <a href="/LICENSE.txt">{{ "license" | i18n }}</a></p>

View file

@ -2,7 +2,7 @@
<div class="navbar-content"> <div class="navbar-content">
<ul> <ul>
{% for item in navbar[page.lang] | values %} {% for item in navbar[page.lang] | values %}
<li id="{{ item.name }}"><a href="{{ item.url }}">{{ item.name }}</a></li> <li id="{{ item.name }}">{% if item.url %}<a href="{{ item.url }}" {% if item.new_tab %}target="_blank"{% endif %}>{{ item.name }}</a>{% else %}<p>{{ item.name }}</p>{% endif %}</li>
{% endfor %} {% endfor %}
<li id="nav-hover" aria-hidden="true"></li> <li id="nav-hover" aria-hidden="true"></li>
</ul> </ul>

View file

@ -1,3 +1,3 @@
{% for link in page.url | locale_links %} {% for link in page.url | locale_links %}
<p class="lang-available" lang="{{ link.lang }}">{{ "lang-available" | i18n }} <a href="{{ link.url }}" hreflang="{{ link.lang }}">{{ link.label | lower }}</a></p> <p class="lang-available" lang="{{ link.lang }}">{{ avail_text | i18n if avail_text else "lang-available" | i18n }} <a href="{{ link.url }}" hreflang="{{ link.lang }}">{{ link.label | lower }}</a></p>
{% endfor %} {% endfor %}

View file

@ -2,7 +2,7 @@
<html lang="{{ lang }}"> <html lang="{{ lang }}">
<head> <head>
{% block head %} {% block head %}
{% include "base_head.njk" %} {% include "default_head.njk" %}
{% endblock head %} {% endblock head %}
</head> </head>
<body> <body>
@ -19,6 +19,7 @@
<div class="base-content-wrapper"> <div class="base-content-wrapper">
{% block content %} {% block content %}
<!-- default fallback --> <!-- default fallback -->
{{ content | safe }}
{% endblock content %} {% endblock content %}
</div> </div>
@ -34,6 +35,6 @@
</footer> </footer>
</div> </div>
{% block scripts %}{% endblock scripts %} {% block scripts %}<!-- no scripts here... -->{% endblock scripts %}
</body> </body>
</html> </html>

8
_layouts/guestbook.njk Normal file
View file

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

View file

@ -1,4 +1,5 @@
--- ---
avail_text: "site-lang-avail"
lastfm: true lastfm: true
flight: flight:
img: "/img/Witch-on-broom.gif" img: "/img/Witch-on-broom.gif"
@ -7,11 +8,16 @@ flight:
{% extends "_layouts/base.njk" %} {% extends "_layouts/base.njk" %}
{% block content %} {% block content %}
<div class="welcome-aside-left"> <div class="welcome-aside-left">
<div class="home-lang box">
{% include "lang-available.njk" %}
<img src="/img/nekojiru.png">
</div>
<div id="listening" title="{{ "listening-to" | i18n }}"></div> <div id="listening" title="{{ "listening-to" | i18n }}"></div>
<!-- TODO: fake ad <!-- TODO: fake ad -->
<div class="leftside-fake-ad"></div> <div class="umihara-kawase">
--> <a href={{ "/etc/umihara-kawase" | locale_url }}><img src="/img/umihara-kawase.gif"></a>
</div>
<div class="buttons-wrapper box"> <div class="buttons-wrapper box">
<h2>{{ "please-visit" | i18n }}</h2> <h2>{{ "please-visit" | i18n }}</h2>
<div class="buttons"> <div class="buttons">

View file

@ -1,8 +1,11 @@
--- ---
# TODO: finish post page # TODO: finish post page
tags: post tags: post
show_lang_in_footer: true
--- ---
{% extends "_layouts/base.njk" %} {% extends "_layouts/base.njk" %}
{% block content %} {% block content %}
{{ content | safe }} <div class="true-content">
{{ content | safe }}
</div>
{% endblock content %} {% endblock content %}

View file

@ -5,11 +5,11 @@
@use "main-palette" as mp; @use "main-palette" as mp;
$psize: 0.8em; $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; $h6size: 1em;
body { body {
@ -22,15 +22,18 @@ body {
a:hover { color: c.adjust($color: mp.$link, $saturation: 4%, $lightness: 10%); } a:hover { color: c.adjust($color: mp.$link, $saturation: 4%, $lightness: 10%); }
p { 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; font-size: $psize;
} }
h1, h2, h3, h4, h5, h6 { 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; font-weight: bold;
text-decoration: underline; text-decoration: underline;
text-decoration-color: mp.$border; text-decoration-color: mp.$border;
font-smooth: never;
-webkit-font-smoothing: none;
-moz-osx-font-smoothing: none;
} }
h1 { font-size: $h1size; } h1 { font-size: $h1size; }
@ -95,7 +98,7 @@ body {
li { li {
display: flex; display: flex;
margin: 2px; margin: 2px;
a { a,p {
padding: 0.2em 0.5em; padding: 0.2em 0.5em;
border: 1px solid mp.$border; 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%); } &: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'); --hover-image: url('/img/nav/default_hover.jpg');
/* TODO: finish each navbar image /* TODO: finish each navbar image
&#home:hover ~ #nav-hover { --hover-image: url('/img/nav/home_hover.jpg'); } &#home:hover ~ #nav-hover { --hover-image: url('/img/nav/home_hover.jpg'); }
@ -141,7 +145,7 @@ body {
.box { .box {
border: 1px solid mp.$border; border: 1px solid mp.$border;
margin: 10px; margin: 10px 10px 0px 10px;
h2 { h2 {
padding: 3px 6px; padding: 3px 6px;
@ -158,7 +162,24 @@ body {
.welcome-aside-left { .welcome-aside-left {
width: max-content; 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 { .now-playing-wrapper {
margin-bottom: 0px;
width: 190px; width: 190px;
h3, a { text-decoration: none; } h3, a { text-decoration: none; }
@ -194,7 +215,17 @@ body {
} }
} }
.umihara-kawase {
margin: 0px;
a,img {
display: block;
width: 81px;
margin: 0px auto;
}
}
.buttons-wrapper { .buttons-wrapper {
margin-top: 0px;
width: 190px; width: 190px;
.buttons { .buttons {
display: flex; display: flex;
@ -222,9 +253,9 @@ body {
width: 190px; width: 190px;
ul { ul {
list-style: none; list-style: none;
padding: 0 2px 4px 2px; padding: 0 8px 4px 8px;
list-style: none; list-style: none;
text-align: center; text-align: left;
.date { .date {
font-size: 0.7em; font-size: 0.7em;
color: c.adjust($color: mp.$text, $lightness: -10%); color: c.adjust($color: mp.$text, $lightness: -10%);
@ -257,9 +288,24 @@ body {
margin: 12px auto; margin: 12px auto;
} }
} }
.guestbook-wrapper {
width: 100%;
margin: 12px 2px 2px 2px;
p {
text-align: center;
}
#guestbook {
width: 100%;
min-height: 100vh;
}
}
} }
footer { footer {
marquee {
margin: 8px 0px;
}
p { p {
margin: 2px; margin: 2px;
font-size: 0.7em; font-size: 0.7em;

View file

@ -8,10 +8,13 @@ const path = require("path");
module.exports = function(eleventyConfig) { module.exports = function(eleventyConfig) {
eleventyConfig.setLayoutsDirectory("_layouts"); eleventyConfig.setLayoutsDirectory("_layouts");
eleventyConfig.addPassthroughCopy("img"); eleventyConfig.addPassthroughCopy("img");
eleventyConfig.addPassthroughCopy("css/fonts"); eleventyConfig.addPassthroughCopy("css/fonts");
eleventyConfig.addPassthroughCopy("js"); eleventyConfig.addPassthroughCopy("js");
eleventyConfig.addPassthroughCopy("LICENSE.txt"); eleventyConfig.addPassthroughCopy("LICENSE.txt");
eleventyConfig.addPassthroughCopy("robots.txt");
eleventyConfig.addPassthroughCopy("roms");
eleventyConfig.addNunjucksFilter("values", obj => Object.values(obj)); eleventyConfig.addNunjucksFilter("values", obj => Object.values(obj));

0
en/etc/umihara-kawase.md Normal file
View file

6
en/guestbook.md Normal file
View file

@ -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>

0
es/etc/umihara-kawase.md Normal file
View file

9
es/guestbook.md Normal file
View file

@ -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>

BIN
img/fatalframe.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 374 KiB

BIN
img/guestbook.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 24 KiB

BIN
img/umihara-kawase.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

13
robots.txt Normal file
View file

@ -0,0 +1,13 @@
User-agent: GPTBot
Disallow: /
User-agent: Google-Extended
Disallow: /
User-agent: CCBot
Disallow: /
User-agent: ia_archiver
Allow: /
Disallow: /guestbook.html
Disallow: /es/libro-de-visitas.html

BIN
roms/UmiharaKawase.sfc Normal file

Binary file not shown.