diff --git a/src/_includes/book_cover.njk b/src/_includes/book_cover.njk new file mode 100644 index 0000000..5400c5d --- /dev/null +++ b/src/_includes/book_cover.njk @@ -0,0 +1,11 @@ +--- +layout: base.njk +--- +{% include "header.njk" %} +
+
+

{{ title }}

+
+ {{ content | safe }} +
+{% include "footer.njk" %} \ No newline at end of file diff --git a/src/_includes/page.njk b/src/_includes/page.njk index 97d77b3..8cffb67 100644 --- a/src/_includes/page.njk +++ b/src/_includes/page.njk @@ -2,7 +2,7 @@ layout: base.njk --- {% include "header.njk" %} -
+

{{ title }}

diff --git a/src/about.md b/src/about.md new file mode 100644 index 0000000..4eeadbf --- /dev/null +++ b/src/about.md @@ -0,0 +1,32 @@ +--- +layout: page.njk +date: Last Modified +eleventyNavigation: + key: About +--- + +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 + +Sigil Nga Name: Gil +Sigil Pa Pronouns: he, they +Sigil Ta Age: 25 +Sigil La Creating: Software & games +Sigil Sa Writing: Poems, fiction, essays +Sigil Da Formerly: Electrical engineering student, student activist +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 + +Buy Me A Coffee diff --git a/src/css/global.css b/src/css/global.css index 1acbaf4..2a600a5 100644 --- a/src/css/global.css +++ b/src/css/global.css @@ -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, diff --git a/src/css/global.css.map b/src/css/global.css.map index d63d8ef..9e49308 100644 --- a/src/css/global.css.map +++ b/src/css/global.css.map @@ -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"} \ No newline at end of file +{"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"} \ No newline at end of file diff --git a/src/css/global.scss b/src/css/global.scss index 6412224..4652696 100644 --- a/src/css/global.scss +++ b/src/css/global.scss @@ -54,12 +54,25 @@ main, article { padding: 1em; color: $fg; - border: 32px solid #{colors.$paper}; - 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}; - + + &.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}; + } + + &.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; width: 90%; diff --git a/src/extra.md b/src/extra.md index 80fd417..6b84412 100644 --- a/src/extra.md +++ b/src/extra.md @@ -4,6 +4,7 @@ layout: page.njk date: Last Modified eleventyNavigation: key: Extra + order: 111 --- Placeholder diff --git a/src/img/book-border.png b/src/img/book-border.png index 267719d..0748287 100644 Binary files a/src/img/book-border.png and b/src/img/book-border.png differ diff --git a/src/index.md b/src/index.md index 6e31702..e621e6b 100644 --- a/src/index.md +++ b/src/index.md @@ -1,30 +1,4 @@ --- -layout: page.njk +layout: book_cover.njk date: Last Modified --- - -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 - -Sigil Nga Name: Gil -Sigil Pa Pronouns: he, they -Sigil Ta Age: 25 -Sigil La Creating: Software & games -Sigil Sa Writing: Poems, fiction, essays -Sigil Da Formerly: Electrical engineering student, student activist -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 - -Buy Me A Coffee diff --git a/src/ograph.md b/src/ograph.md index 7cab6e7..156cfe0 100644 --- a/src/ograph.md +++ b/src/ograph.md @@ -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. diff --git a/src/poetry/index.md b/src/poetry/index.md index 7863d84..a84d7e0 100644 --- a/src/poetry/index.md +++ b/src/poetry/index.md @@ -5,6 +5,7 @@ permalink: /poetry/index.html override:tags: [] eleventyNavigation: key: Poetry + order: 2 --- {%- for poem in collections.poems reversed -%}