Footer refactor

This commit is contained in:
kalanggam 2023-10-25 00:34:15 -05:00
parent a2e8daf1a3
commit 3b110a1a23
7 changed files with 22 additions and 35 deletions

View file

@ -1 +1,5 @@
<footer></footer> <footer>
<hr>
Made with <a href="https://www.11ty.dev/">11ty</a>.
{% if page.date %}<i>Last updated on {{ page.date | postDate }}</i>{% endif %}
</footer>

View file

@ -1,5 +1,5 @@
<header> <header class="header_main">
<a class="logo" href="/"><h1>{{ meta.siteName }}</h1></a> <a class="logo" href="/">{{ meta.siteName }}</a>
<nav class="navbar">{{ collections.all | eleventyNavigation | eleventyNavigationToHtml | safe }}</nav> <nav class="navbar">{{ collections.all | eleventyNavigation | eleventyNavigationToHtml | safe }}</nav>
<hr> <hr>
</header> </header>

View file

@ -94,6 +94,10 @@ main :where(ol, ul), article :where(ol, ul) {
margin: 0; margin: 0;
} }
header.header_main {
text-align: center;
}
a { a {
color: rgb(102, 128, 11); color: rgb(102, 128, 11);
border-radius: 10px; border-radius: 10px;
@ -101,20 +105,14 @@ a {
a:hover, a:active { a:hover, a:active {
background-color: rgba(135, 154, 57, 0.25); background-color: rgba(135, 154, 57, 0.25);
color: rgb(102, 128, 11);
} }
.logo, .logo:hover, .logo:active { a.logo, a.logo:hover, a.logo:active {
font-size: 3em;
color: rgb(160, 47, 111); color: rgb(160, 47, 111);
text-align: center;
text-decoration: none; text-decoration: none;
} }
.navbar {
margin: 0 0.5em;
text-align: center;
}
.navbar :where(li) { .navbar :where(li) {
display: inline-flex; display: inline-flex;
} }

View file

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;ACzCF;AAAA;AAAA;AAAA;AAYA;EACE,kBFQM;EEPN,OATG;EAUH;EACA;;;AAGF;EACE,YAVa;;;AAaf;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE,OFEU;EEDV;;;AAGF;EACE,kBAtCS;EAuCT,OFJU;;;AEOZ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE","file":"global.css"} {"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;ACzCF;AAAA;AAAA;AAAA;AAWA;EACE,kBFSM;EERN,OARG;EASH;EACA;;;AAGF;EACE,YAVa;;;AAaf;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE,OFDU;EEEV;;;AAGF;EACE,kBAzCS;;;AA4CX;EACE;EACA,OFHY;EEIZ;;;AAGF;EACE","file":"global.css"}

View file

@ -10,7 +10,6 @@ $fg: scale-color(colors.$magenta-600, $lightness: -20%);
$fg-logo: colors.$magenta-600; $fg-logo: colors.$magenta-600;
$link: colors.$green-600; $link: colors.$green-600;
$bg-hover: scale-color(colors.$green-400, $alpha: -75%); $bg-hover: scale-color(colors.$green-400, $alpha: -75%);
$fg-hover: colors.$green-600;
$bg-highlight: scale-color(colors.$magenta-600, $alpha: -75%); $bg-highlight: scale-color(colors.$magenta-600, $alpha: -75%);
body { body {
@ -41,6 +40,10 @@ main :where(ol, ul), article :where(ol, ul) {
margin: 0; margin: 0;
} }
header.header_main {
text-align: center;
}
a { a {
color: $link; color: $link;
border-radius: 10px; border-radius: 10px;
@ -48,20 +51,14 @@ a {
a:hover, a:active { a:hover, a:active {
background-color: $bg-hover; background-color: $bg-hover;
color: $fg-hover;
} }
.logo, .logo:hover, .logo:active { a.logo, a.logo:hover, a.logo:active {
font-size: 3em;
color: $fg-logo; color: $fg-logo;
text-align: center; text-decoration: none;
text-decoration: none;
}
.navbar {
margin: 0 0.5em;
text-align: center;
} }
.navbar :where(li) { .navbar :where(li) {
display: inline-flex; display: inline-flex;
} }

View file

@ -1,9 +1,6 @@
--- ---
layout: page.njk layout: page.njk
date: Last Modified date: Last Modified
eleventyNavigation:
key: Home
order: -1
--- ---
Hello! My name is Gil and this is my site. Pronouns are he/they. I write and tinker with software/hardware. I don't have much to put here except links (for now). Hello! My name is Gil and this is my site. Pronouns are he/they. I write and tinker with software/hardware. I don't have much to put here except links (for now).
@ -14,7 +11,3 @@ Hello! My name is Gil and this is my site. Pronouns are he/they. I write and tin
- [pixelfed.social](https://pixelfed.social/kalanggam) &mdash; federated photo and video sharing - [pixelfed.social](https://pixelfed.social/kalanggam) &mdash; federated photo and video sharing
- [beehaw](https://beehaw.org/u/kalanggam) &mdash; federated link aggregator/discussions - [beehaw](https://beehaw.org/u/kalanggam) &mdash; federated link aggregator/discussions
- [bookwyrm.social](https://bookwyrm.social/user/kalanggam) &mdash; federated book reviews - [bookwyrm.social](https://bookwyrm.social/user/kalanggam) &mdash; federated book reviews
---
Made with [11ty](https://www.11ty.dev/). _Last updated on {{ page.date | postDate }}_

View file

@ -1,7 +1,6 @@
--- ---
title: Hey Girl title: Hey Girl
date: Last Modified date: Last Modified
pubDate: 2023-05-18t20:12:32-05:00
--- ---
Hey girl, Hey girl,
@ -46,7 +45,3 @@ You reminded me to fight
until we are all free. until we are all free.
[&larr; All poetry](/poetry/) [&larr; All poetry](/poetry/)
Published {{ pubDate | postDate }}
_Last modified {{ page.date | postDate }}_