Changed how things are laid out, not too sure about it

This commit is contained in:
gil 2024-06-09 17:40:36 -05:00
parent 52bf254aa1
commit c1e3edd225
11 changed files with 82 additions and 36 deletions

View file

@ -0,0 +1,11 @@
---
layout: base.njk
---
{% include "header.njk" %}
<main class="cover">
<header>
<h1>{{ title }}</h1>
</header>
{{ content | safe }}
</main>
{% include "footer.njk" %}

View file

@ -2,7 +2,7 @@
layout: base.njk layout: base.njk
--- ---
{% include "header.njk" %} {% include "header.njk" %}
<main> <main class="page">
<header> <header>
<h1>{{ title }}</h1> <h1>{{ title }}</h1>
</header> </header>

32
src/about.md Normal file
View file

@ -0,0 +1,32 @@
---
layout: page.njk
date: Last Modified
eleventyNavigation:
key: About
---
<img class="gba-portrait" src="../img/gba-gil.png" alt="Me, a brown-haired, brown-eyed man with round glasses, smiling. The picture is filtered to mimic the Game Boy Camera and create a retro vibe." />
# About me
## The basics
<img src="../img/sigil-nga.png" class="sigil" alt="Sigil Nga" /> Name: Gil
<img src="../img/sigil-pa.png" class="sigil" alt="Sigil Pa" /> Pronouns: he, they
<img src="../img/sigil-ta.png" class="sigil" alt="Sigil Ta" /> Age: 25
<img src="../img/sigil-la.png" class="sigil" alt="Sigil La" /> Creating: Software & games
<img src="../img/sigil-sa.png" class="sigil" alt="Sigil Sa" /> Writing: Poems, fiction, essays
<img src="../img/sigil-da.png" class="sigil" alt="Sigil Da" /> Formerly: Electrical engineering student, student activist
<img src="../img/sigil-a.png" class="sigil" alt="Sigil A" /> Building: [Ograph Collective](../ograph)
## Social links
- [Hot takes](https://hol.ogra.ph/@gil) fresh off the ol' brain (Sharkey)
- [Hard-coded spells](https://ide.ogra.ph/gil) (code projects) to cast (Forgejo)
- It's [really me](https://aut.ogra.ph/aspe:keyoxide.org:7IW4QEA4DIBL3YORQH3HTEGDKM), I swear! (Keyoxide)
- Peruse the [scrapbook](https://pixelfed.social/kalanggam) (Pixelfed)
- Check out my [bookshelf](https://bookwyrm.social/user/kalanggam) (Bookwyrm)
## Support me
<a href="https://www.buymeacoffee.com/gilcaley" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-violet.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important; display: inline;"></a>

View file

@ -84,11 +84,24 @@ main,
article { article {
padding: 1em; padding: 1em;
color: #802659; color: #802659;
border: 32px solid rgb(255, 252, 240); box-shadow: 0 8px rgb(52, 51, 49);
}
main.page,
article.page {
border: 32px solid transparent;
border-image: url(../img/nine-patch.png) 32 round; border-image: url(../img/nine-patch.png) 32 round;
-webkit-border-image: url(../img/nine-patch.png) 32 round; -webkit-border-image: url(../img/nine-patch.png) 32 round;
background-color: rgb(255, 252, 240); background-color: rgb(255, 252, 240);
box-shadow: 0 8px rgb(52, 51, 49); }
main.cover,
article.cover {
border-color: black;
border-style: solid;
border-width: 64px;
border-image: url(../img/book-border.png) 32 repeat;
-webkit-border-image: url(../img/book-border.png) 32 repeat;
background-color: #793a80;
image-rendering: pixelated;
} }
@media screen and (min-width: 600px) { @media screen and (min-width: 600px) {
main, main,

View file

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.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;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;ACpBA;EDcF;AAAA;AAAA;AAAA;AAAA;AAAA;IAQI;;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA7CG;EA8CH;EACA;EACA;EACA;EACA;;AC/CA;EDuCF;AAAA;IAWI;IACA;IACA;IACA;;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACrHA;ED2GF;IAYI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA","file":"global.css"} {"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.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;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;ACpBA;EDcF;AAAA;AAAA;AAAA;AAAA;AAAA;IAQI;;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA7CG;EA8CH;;AAEA;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AC3DF;EDuCF;AAAA;IAwBI;IACA;IACA;IACA;;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AClIA;EDwHF;IAYI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA","file":"global.css"}

View file

@ -54,11 +54,24 @@ main,
article { article {
padding: 1em; padding: 1em;
color: $fg; color: $fg;
border: 32px solid #{colors.$paper}; box-shadow: 0 8px #{colors.$base-850};
&.page {
border: 32px solid transparent;
border-image: url(../img/nine-patch.png) 32 round; border-image: url(../img/nine-patch.png) 32 round;
-webkit-border-image: url(../img/nine-patch.png) 32 round; -webkit-border-image: url(../img/nine-patch.png) 32 round;
background-color: #{colors.$paper}; background-color: #{colors.$paper};
box-shadow: 0 8px #{colors.$base-850}; }
&.cover {
border-color: black;
border-style: solid;
border-width: 64px;
border-image: url(../img/book-border.png) 32 repeat;
-webkit-border-image: url(../img/book-border.png) 32 repeat;
background-color: #793a80;
image-rendering: pixelated;
}
@include breakpoint("sm") { @include breakpoint("sm") {
max-width: 900px; max-width: 900px;

View file

@ -4,6 +4,7 @@ layout: page.njk
date: Last Modified date: Last Modified
eleventyNavigation: eleventyNavigation:
key: Extra key: Extra
order: 111
--- ---
Placeholder Placeholder

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

View file

@ -1,30 +1,4 @@
--- ---
layout: page.njk layout: book_cover.njk
date: Last Modified date: Last Modified
--- ---
<img class="gba-portrait" src="img/gba-gil.png" alt="Me, a brown-haired, brown-eyed man with round glasses, smiling. The picture is filtered to mimic the Game Boy Camera and create a retro vibe." />
# About me
## The basics
<img src="img/sigil-nga.png" class="sigil" alt="Sigil Nga" /> Name: Gil
<img src="img/sigil-pa.png" class="sigil" alt="Sigil Pa" /> Pronouns: he, they
<img src="img/sigil-ta.png" class="sigil" alt="Sigil Ta" /> Age: 25
<img src="img/sigil-la.png" class="sigil" alt="Sigil La" /> Creating: Software & games
<img src="img/sigil-sa.png" class="sigil" alt="Sigil Sa" /> Writing: Poems, fiction, essays
<img src="img/sigil-da.png" class="sigil" alt="Sigil Da" /> Formerly: Electrical engineering student, student activist
<img src="img/sigil-a.png" class="sigil" alt="Sigil A" /> Building: [Ograph Collective](./ograph)
## Social links
- [Hot takes](https://hol.ogra.ph/@gil) fresh off the ol' brain (Sharkey)
- [Hard-coded spells](https://ide.ogra.ph/gil) (code projects) to cast (Forgejo)
- It's [really me](https://aut.ogra.ph/aspe:keyoxide.org:7IW4QEA4DIBL3YORQH3HTEGDKM), I swear! (Keyoxide)
- Peruse the [scrapbook](https://pixelfed.social/kalanggam) (Pixelfed)
- Check out my [bookshelf](https://bookwyrm.social/user/kalanggam) (Bookwyrm)
## Support me
<a href="https://www.buymeacoffee.com/gilcaley" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-violet.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important; display: inline;"></a>

View file

@ -4,6 +4,7 @@ layout: page.njk
date: Last Modified date: Last Modified
eleventyNavigation: eleventyNavigation:
key: Ograph key: Ograph
order: 1
--- ---
The Ograph Collective aims to build an online community focused on digital liberation, through the use of free, libre, and open-source software. I co-manage the Ograph Collective with [Kersed](https://kersed.net/), and together we operate three projects: a federated microblogging platform, a Git repository service, and a Keyoxide instance; however, we plan to offer other services in the future. The Ograph Collective aims to build an online community focused on digital liberation, through the use of free, libre, and open-source software. I co-manage the Ograph Collective with [Kersed](https://kersed.net/), and together we operate three projects: a federated microblogging platform, a Git repository service, and a Keyoxide instance; however, we plan to offer other services in the future.

View file

@ -5,6 +5,7 @@ permalink: /poetry/index.html
override:tags: [] override:tags: []
eleventyNavigation: eleventyNavigation:
key: Poetry key: Poetry
order: 2
--- ---
{%- for poem in collections.poems reversed -%} {%- for poem in collections.poems reversed -%}