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

src/_includes/book_cover.njk

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

src/_includes/page.njk

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

src/about.md

@@ -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>

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,

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"}
+{"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"}

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%;

src/extra.md

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

src/index.md

@@ -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>

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.

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 -%}