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" %}
+
+
+ {{ 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" %}
-
+
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
+---
+
+
+
+# About me
+
+## The basics
+
+ Name: Gil
+ Pronouns: he, they
+ Age: 25
+ Creating: Software & games
+ Writing: Poems, fiction, essays
+ Formerly: Electrical engineering student, student activist
+ 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
+
+
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
---
-
-
-
-# About me
-
-## The basics
-
- Name: Gil
- Pronouns: he, they
- Age: 25
- Creating: Software & games
- Writing: Poems, fiction, essays
- Formerly: Electrical engineering student, student activist
- 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
-
-
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 -%}