rework footer
This commit is contained in:
parent
69ab0e5cb2
commit
1bd30dd928
9 changed files with 50 additions and 7 deletions
|
|
@ -1,3 +1,7 @@
|
|||
[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"
|
||||
|
|
|
|||
BIN
_img/nekojiru.xcf
Normal file
BIN
_img/nekojiru.xcf
Normal file
Binary file not shown.
|
|
@ -1 +1,11 @@
|
|||
<p>{% for button in 88x31.buttons.misc.slice(0, 3) %}<img src="/img/buttons/{{ button.image }}.gif" alt="{{ button.alt }}">{% endfor %}<br>est. 2025 | yuki © <a href="/LICENSE.txt">{{ "license" | i18n }}</a> </p>
|
||||
<div class="footer-flex">
|
||||
<div class="footer-left">
|
||||
{% include "lang-available.njk" %}
|
||||
</div>
|
||||
<div class="footer-middle">
|
||||
<div class="nekojiru-angel"></div>
|
||||
</div>
|
||||
<div class="footer-right">
|
||||
<p>{% for button in 88x31.buttons.misc.slice(0, 3) %}<img src="/img/buttons/{{ button.image }}.gif" alt="{{ button.alt }}">{% endfor %}<br>est. 2025 | yuki © <a href="/LICENSE.txt">{{ "license" | i18n }}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
3
_includes/lang-available.njk
Normal file
3
_includes/lang-available.njk
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{% 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>
|
||||
{% endfor %}
|
||||
|
|
@ -1,5 +1,8 @@
|
|||
---
|
||||
lastfm: false
|
||||
flight:
|
||||
img: "/img/Witch-on-broom.gif"
|
||||
url: "https://www.youtube.com/embed/w1dXpAJ1qfA"
|
||||
---
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ lang }}">
|
||||
|
|
@ -32,7 +35,7 @@ lastfm: false
|
|||
|
||||
<footer>
|
||||
<marquee behavior="scroll" direction="left">
|
||||
<a href="https://www.youtube.com/embed/w1dXpAJ1qfA" target="_blank"><img src="/img/Witch-on-broom.gif" alt=""></a>
|
||||
<a href="{{ flight.url }}" target="_blank"><img src="{{ flight.img }}" alt=""></a>
|
||||
</marquee>
|
||||
{% include "footer.njk" %}
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -26,7 +26,6 @@ lastfm: true
|
|||
|
||||
<div class="welcome-content">
|
||||
{{ content | safe }}
|
||||
<img src="/img/nekojiru.png">
|
||||
</div>
|
||||
|
||||
<div class="welcome-aside-right">
|
||||
|
|
|
|||
|
|
@ -224,9 +224,33 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin: 2px;
|
||||
font-size: 0.7em;
|
||||
text-align: right;
|
||||
footer {
|
||||
p {
|
||||
margin: 2px;
|
||||
font-size: 0.7em;
|
||||
text-align: right;
|
||||
}
|
||||
.footer-flex {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
.footer-left {
|
||||
margin: auto 0px 0px 0px;
|
||||
}
|
||||
.footer-middle .nekojiru-angel {
|
||||
background-image: url("/img/nekojiru.png");
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
margin: auto 0px 0px 0px;
|
||||
vertical-align: bottom;
|
||||
&:hover { background-image: url("/img/nekojiruhalo.png"); }
|
||||
}
|
||||
|
||||
.footer-right {
|
||||
margin: auto 0px 0px 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
BIN
img/nekojiru.png
BIN
img/nekojiru.png
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 1.9 KiB |
BIN
img/nekojiruhalo.png
Normal file
BIN
img/nekojiruhalo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Loading…
Add table
Reference in a new issue