From c1e3edd225de3bd2ecc24cac0f5436c907ceb0bc Mon Sep 17 00:00:00 2001 From: gil Date: Sun, 9 Jun 2024 17:40:36 -0500 Subject: [PATCH] Changed how things are laid out, not too sure about it --- src/_includes/book_cover.njk | 11 +++++++++++ src/_includes/page.njk | 2 +- src/about.md | 32 ++++++++++++++++++++++++++++++++ src/css/global.css | 17 +++++++++++++++-- src/css/global.css.map | 2 +- src/css/global.scss | 23 ++++++++++++++++++----- src/extra.md | 1 + src/img/book-border.png | Bin 2153 -> 1179 bytes src/index.md | 28 +--------------------------- src/ograph.md | 1 + src/poetry/index.md | 1 + 11 files changed, 82 insertions(+), 36 deletions(-) create mode 100644 src/_includes/book_cover.njk create mode 100644 src/about.md 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 267719d674a6867c161bc3f2a6a41b41761f3d65..07482879e39af190824ef9ddfd4696617fc05c85 100644 GIT binary patch literal 1179 zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGojKx9jP7LeL$-HD>Ugp~(`KdGATW{y-&->&CD(JEH8alC1mDbekG&&ebecf zW7~M={_p}*Xd_iSjBz+5W0D@ROi)F`?DuLItw}6 zV{tHcXuZ$(b`#5Se$V@CcUcy5CVdXJUsi3qSU}`lF~ds!bxsQydEG>tn%GPvq!f5~ zGng_QgdLe%7BU{Xz>t{HU|`|^78ht^<8U4jVL`(McXhk(tNl67Yp!t1KFFXj)>?4C zuY~A^hiprXHS1p;E7NANt~oGkU!3FysZPbZ*(*-7+%8;VaQAiM#(aSt&Sf{5{_OeP zd~}~<^2*0t@&ytL+ShLn-I`=7WX!iEbi?8B`?__rH8|quZ@V;qU)+4#T2rCJ=U$dI z?{|9raF=WYSNzl0dzz1(dug_hzvt0|ecZce-e+jgpZ)%I?H=8u?Pu4sp5LkV-i%9O zuIEFm+Gp$cSN`j`+avjJ_4VW(Hv0{xsrUz|IbOalKBr~<<@AX6^_|VXa~NN&;E(Il zef&(Tb?J?wwf+D1KmYXS(9b>hK5J(&OyKDmqI)SoL?E?1WDoxefusF3euSSD2Yj z888^^Uce<4Agjt75Ps0nSAbW;HATov%k2`SoH&#&}!;7_RPIgb}mnY;aiiI!VCLJ3!brae2kvJr>oJsT3tlM zZh`25(qBA>FBYzOQYZM=&Yyru|8ec-x%~z{~Pb4xBqtS_x*n6ib|iK zU$6PA|1CFL87{OW@$~j3*nd16zy0v_nIDdE%~nWdoUs4<&p)@^?(*#j{b}*@WJLJG z*IVT|Bxa=YFTarQ6wg_v@4#D|$==j7|HCHrti=p{ld418b02fX+iyraD0gz%2KK0z zw|DMqwtaAhPwqrJKZ7iH@n(Mpu5-*wzP&i8{bymPaqwhb+Zkm^hop(M7fq?qNGK~`k_`$WS|ABp zMXSQb94V4T=)o$y$cIuu8%WSfMa!2J$if>4DkX`S1kogrkh~p!=wH$OX=d)+dG0g! z+~>}m`y`sPY-!+90KhVCRAejwI5@=t-z9MP{8&xO;wn3qvj;TvtuX`OyPg}l`@r%4 zTE@c8uF+AJ%xG7vXMEg=tjp}e?_M7E=?D1SGPglpK$I=8*O7`WW z%HWB0r->meRM(oq(rLcP&Ho7S_zlORKG?nV#k#+Ax#sh2*7OvKEho?IkzOpT=%^SP z*SCwb;f%cJR!$ssklDx27i(38%W~XP=!YJCT)^B3@UZ(F6SsQ)*<3u`FA6Mwb)Fa+ zIA6K_jlM9`)KlBcA?M z+z7l}p!A!lVGlELpEC>0ip*8TN^<4csMGP!bta{p2<`=u>u0V8(hYA)5^InS?!;;T zO>slxw1G>~y?BVpI66D|o?E)I$_9eAQozlI7-DtwB5d9cdG)`s!l4$0*0zLQu?Tgh z8L*|>q%MVQ%iaOVyXORGI?d)zd}#*qelrl9hvT0qATx{tLa!0z8?O_i7?+M zYY;6GW?5J^Yn~bw484_*hUR%+`$L7iXiiX<7N!d)MY0&I-L2zKZveinwugT1hZmjyys%!X_WR=~{+qEXyNvQ{O=?izccq%vpsb$a#Brqqe{l>gy`0SDqI>1$s&4xp6?w%h?YzvZM zPwB4YPoa2}srXjnjH_0};|h77k62fkN$RmPPpXCo?c6zE%}k4?rKL8)Vw`_fVA z))uPWnIM_>NU#Gu9?Nx4f*>y+i?Epii*vm;0IV*51JU)tTxI5EtEk`mFJt|M$S9ceil+TQ0stqCypTUoQ}Adn>(_HL=_$9LW% zi$V1??gHD}x^Q0fQA0x3cW5!Jz7$ztlQ|Vvekwyos^e9tD_&%vqs|{)o;Ba-Y759& zGQM1K7{%DIR*uLvMcA5(^(g%d>Xyd-oeyo|a_5-*=i-Hn5XeE3=PnT(c|XytSwB;8 zqmMTfO&*!rKyJoo&5bT#gWcFK%9uFb5Xm4bFg#R%wf{?Q6KVK7o-st@8elk@aTjTz z$k?I_fldh`J}U7HcC&u*TA?oK+x-V5xL*HNhsIm - -# 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 -%}