gil/site
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/_includes/book_cover.njk Normal file
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" %}

2
src/_includes/page.njk
View file

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

17
src/css/global.css
View file

@ -84,11 +84,24 @@ main,
article {
padding: 1em;
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;
-webkit-border-image: url(../img/nine-patch.png) 32 round;
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) {
main,

2
src/css/global.css.map
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"}

17
src/css/global.scss
View file

@ -54,11 +54,24 @@ main,
article {
padding: 1em;
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;
-webkit-border-image: url(../img/nine-patch.png) 32 round;
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") {
max-width: 900px;

1
src/extra.md
View file

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

BIN
src/img/book-border.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

28
src/index.md
View file

@ -1,30 +1,4 @@
---
layout: page.njk
layout: book_cover.njk
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>

1
src/ograph.md
View file

@ -4,6 +4,7 @@ layout: page.njk
date: Last Modified
eleventyNavigation:
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.

1
src/poetry/index.md
View file

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