diff --git a/.eleventy.js b/.eleventy.js index 9781da7..7e66811 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -26,12 +26,15 @@ export default function (eleventyConfig) { eleventyConfig.addFilter("formatDate", (dateObj) => { return DateTime.fromJSDate(dateObj).toFormat('dd LLL yyyy, HH:mm ZZZZ'); }); + eleventyConfig.addFilter("mdinline", (content) => { + return md.renderInline(content); + }); // Passthrough copies ["src/assets"].forEach((path) => { eleventyConfig.addPassthroughCopy(path); }); - + eleventyConfig.addWatchTarget("./src/assets/css"); return { diff --git a/scss/_theme.scss b/scss/_theme.scss new file mode 100644 index 0000000..3e1a69c --- /dev/null +++ b/scss/_theme.scss @@ -0,0 +1,27 @@ +/* + +COLORS + +$primary: #; +$secondary: #; +$tertiary: #; +$neutral: #; +$white: #; +$black: #; + +FONTS + +$head: ; +$body: ; +$mono: ; +*/ + +:root, [data-selected-theme="light"] { + --theme-background: rgb(230, 245, 230); + --theme-text: rgb(8, 10, 8); +} + +[data-selected-theme="dark"] { + --theme-background: rgb(8, 10, 8); + --theme-text: rgb(230, 245, 230); +} \ No newline at end of file diff --git a/scss/main.scss b/scss/main.scss new file mode 100644 index 0000000..5450acc --- /dev/null +++ b/scss/main.scss @@ -0,0 +1,30 @@ +@use 'theme'; + +body { + background-color: var(--theme-background); + color: var(--theme-text); +} + +#skip-navigation { + position: fixed; + top: -100%; + right: 0; + padding: 10px; + &:focus { + top: 0; + } +} + +.site { + display: flex; + flex-direction: column; +} + +.contentarea { + display: flex; + flex-direction: row-reverse; + + main { + width: 100%; + } +} \ No newline at end of file diff --git a/scss/theme.scss b/scss/theme.scss deleted file mode 100644 index 279b804..0000000 --- a/scss/theme.scss +++ /dev/null @@ -1,17 +0,0 @@ -/* - -COLORS - -$primary: #; -$secondary: #; -$tertiary: #; -$neutral: #; -$white: #; -$black: #; - -FONTS - -$head: ; -$body: ; -$mono: ; -*/ \ No newline at end of file diff --git a/src/_data/meta.js b/src/_data/meta.js index 1813bf5..27af21a 100644 --- a/src/_data/meta.js +++ b/src/_data/meta.js @@ -2,8 +2,7 @@ export default function () { return { name: "Gil.Ink", description: "Gil's personal website", - author: "Gil Caley", + author: "Gil", fediverseAuthor: "@gil@hol.ogra.ph", - year: "2025", }; } diff --git a/src/_data/updates.json b/src/_data/updates.json new file mode 100644 index 0000000..97bbba6 --- /dev/null +++ b/src/_data/updates.json @@ -0,0 +1,10 @@ +[ + { + "date": "2025-04-28", + "content": "Finally have a functioning `/now` page!" + }, + { + "date": "2025-02-20", + "content": "Hello world!" + } +] diff --git a/src/_includes/footer.njk b/src/_includes/footer.njk index 449e71a..6c1c16e 100644 --- a/src/_includes/footer.njk +++ b/src/_includes/footer.njk @@ -1,4 +1,6 @@ -
-

Created {{ page.date | formatDate }}

-

{% if lastmod %}Last modified {{ lastmod | formatDate }}{% endif %}

-

© {{ meta.year }} {{ meta.author }}

\ No newline at end of file +

Jump to top +

Created {{ page.date | formatDate }} +
+{% if lastmod %}Last modified {{ lastmod | formatDate }}{% endif %}

+{% include 'theme-switcher.njk' %} +

Made by {{ meta.author }}

\ No newline at end of file diff --git a/src/_includes/header.njk b/src/_includes/header.njk index b005ab8..7ef7e43 100644 --- a/src/_includes/header.njk +++ b/src/_includes/header.njk @@ -1,2 +1 @@ -

Gil.Ink

-{% include 'nav.njk' %} \ No newline at end of file +

Gil.Ink

\ No newline at end of file diff --git a/src/_includes/head/meta.njk b/src/_includes/meta.njk similarity index 100% rename from src/_includes/head/meta.njk rename to src/_includes/meta.njk diff --git a/src/_includes/nav.njk b/src/_includes/nav.njk index 2b02bed..b930b6e 100644 --- a/src/_includes/nav.njk +++ b/src/_includes/nav.njk @@ -10,5 +10,4 @@ {% endif %} {% endfor %} - -
\ No newline at end of file + \ No newline at end of file diff --git a/src/_includes/sidebar.njk b/src/_includes/sidebar.njk new file mode 100644 index 0000000..6c7f702 --- /dev/null +++ b/src/_includes/sidebar.njk @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/src/_includes/theme-switcher.njk b/src/_includes/theme-switcher.njk new file mode 100644 index 0000000..922d142 --- /dev/null +++ b/src/_includes/theme-switcher.njk @@ -0,0 +1 @@ +Theme Switcher \ No newline at end of file diff --git a/src/_includes/updates.njk b/src/_includes/updates.njk new file mode 100644 index 0000000..6e71920 --- /dev/null +++ b/src/_includes/updates.njk @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/src/_layouts/base.njk b/src/_layouts/base.njk index dcc9e21..7d60554 100644 --- a/src/_layouts/base.njk +++ b/src/_layouts/base.njk @@ -1,13 +1,19 @@ - {% include 'head/meta.njk' %} - + {% include 'meta.njk' %} + - {% include 'header.njk' %} -
{{ content | safe }}
- {% include 'footer.njk' %} +
+ {% include 'header.njk' %} + Skip navigation +
+ {% include 'sidebar.njk' %} +
{{ content | safe }}
+
+ {% include 'footer.njk' %} +
\ No newline at end of file diff --git a/src/assets/css/main.css b/src/assets/css/main.css new file mode 100644 index 0000000..a75dd5b --- /dev/null +++ b/src/assets/css/main.css @@ -0,0 +1,56 @@ +/* + +COLORS + +$primary: #; +$secondary: #; +$tertiary: #; +$neutral: #; +$white: #; +$black: #; + +FONTS + +$head: ; +$body: ; +$mono: ; +*/ +:root, [data-selected-theme=light] { + --theme-background: rgb(230, 245, 230); + --theme-text: rgb(8, 10, 8); +} + +[data-selected-theme=dark] { + --theme-background: rgb(8, 10, 8); + --theme-text: rgb(230, 245, 230); +} + +body { + background-color: var(--theme-background); + color: var(--theme-text); +} + +#skip-navigation { + position: fixed; + top: -100%; + right: 0; + padding: 10px; +} +#skip-navigation:focus { + top: 0; +} + +.site { + display: flex; + flex-direction: column; +} + +.contentarea { + display: flex; + flex-direction: row-reverse; +} +.contentarea main { + width: 100%; +} + +/*# sourceMappingURL=main.css.map */ diff --git a/src/assets/css/main.css.map b/src/assets/css/main.css.map new file mode 100644 index 0000000..db1b690 --- /dev/null +++ b/src/assets/css/main.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../../../scss/_theme.scss","../../../scss/main.scss"],"names":[],"mappings":"AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAkBA;EACI;EACA;;;AAGJ;EACI;EACA;;;ACvBJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;;AAEA;EACI","file":"main.css"} \ No newline at end of file diff --git a/src/assets/css/theme.css b/src/assets/css/theme.css deleted file mode 100644 index 22a76b5..0000000 --- a/src/assets/css/theme.css +++ /dev/null @@ -1,19 +0,0 @@ -/* - -COLORS - -$primary: #; -$secondary: #; -$tertiary: #; -$neutral: #; -$white: #; -$black: #; - -FONTS - -$head: ; -$body: ; -$mono: ; -*/ - -/*# sourceMappingURL=theme.css.map */ diff --git a/src/assets/css/theme.css.map b/src/assets/css/theme.css.map deleted file mode 100644 index 5bac1eb..0000000 --- a/src/assets/css/theme.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../../../scss/theme.scss"],"names":[],"mappings":"AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA","file":"theme.css"} \ No newline at end of file diff --git a/src/changelog.md b/src/changelog.md index 93de79d..8a2acf3 100644 --- a/src/changelog.md +++ b/src/changelog.md @@ -1,15 +1,13 @@ --- title: '/changelog' layout: base.njk -lastmod: 2025-02-20T02:41:32.00-06:00 +lastmod: 2025-04-28T00:48:00.00-06:00 eleventyNavigation: key: '/changelog' parent: '/slashes' --- -# 2025-02-20 (0.0.1) -- Created site/project scaffolding & Eleventy boilerplate -- Added CSS reset (from https://piccalil.li/blog/a-more-modern-css-reset/) -- Added index page and basic navigation -- Added basic layouts, includes, and styles -- First slashpages (see https://slashpages.net) \ No newline at end of file +# 2025-04-28 (0.0.1) +- Setting things up +- Added CSS reset, see *Piccalilli*'s [A (more) Modern CSS Reset](https://piccalil.li/blog/a-more-modern-css-reset/) +- First slashpages, see [/slashes](/slashes) and [slashpages.net](https://slashpages.net/) \ No newline at end of file diff --git a/src/index.md b/src/index.md index ddb7172..8c0ef4e 100644 --- a/src/index.md +++ b/src/index.md @@ -19,10 +19,18 @@ Find me: - Reads: [bookwyrm.social/user/kalanggam](https://bookwyrm.social/user/kalanggam) - Bluesky: [@kalanggam.bsky.social](https://bsky.app/profile/kalanggam.bsky.social) -Subscribe to my (upcoming) newsletter: [gilosophies.ghost.io](https://gilosophies.ghost.io) +Subscribe to my (forthcoming) newsletter: [gilosophies.ghost.io](https://gilosophies.ghost.io) + +--- + +## Recent updates + +{% include 'updates.njk' %} --- ## Publications 2022 Jul 28: ["Dear Mom, Akong Tanan"](https://www.mahalayasf.org/reflections/dear-mom-akong-tanan), _Mahalaya_ + +--- diff --git a/src/now.md b/src/now.md index de7df13..6d8d188 100644 --- a/src/now.md +++ b/src/now.md @@ -7,4 +7,4 @@ eleventyNavigation: parent: '/slashes' --- -2025-02-20: This is where I would put an update... if I had one. \ No newline at end of file +{% include 'updates.njk' %} \ No newline at end of file diff --git a/src/slashes.md b/src/slashes.md index 435b417..85673cd 100644 --- a/src/slashes.md +++ b/src/slashes.md @@ -13,14 +13,14 @@ From [slashpages.net](https://slashpages.net/): > > The name was coined independently by both [Caleb Hearth](https://calebhearth.com/) and [Shellsharks](https://shellsharks.com). -`about` - About me -`carry` - Things I carry around -`changelog` - Gil.Ink changelog +[about](/about) - About me +[carry](/carry) - Things I carry around +[changelog](/changelog) - Gil.Ink changelog `feeds` - Feeds for Gil.Ink -`ideas` - Braindump of ideas -`links` - Things I found on the web -`now` - What I’m currently up to +[ideas](/ideas) - Braindump of ideas +[links](/links) - Things I found on the web +[now](/now) - What I’m currently up to `slashes` - An index of my slash pages (<-- you are here) -`tip` - How you can support me -`uses` - What I use -`why` - Personal manifesto +[tip](/tip) - How you can support me +[uses](/uses) - What I use +[why](/why) - Personal manifesto