feat: another project reorg

config/filters/index.js

@@ -85,6 +85,8 @@ const filterCatalogueTags = (tags) => {
   return filter(tags, [tags[0], tags[1]]);
 };
 
+const limit = (collection, limit = 5) => collection.slice(0, limit);
+
 module.exports = {
   allTagCounts,
   allTags,
@@ -93,6 +95,7 @@ module.exports = {
   filterCatalogueTags,
   formatDate,
   keys,
+  limit,
   minifyCss,
   organizeByDate,
   pluralize,

eleventy.config.js

@@ -16,6 +16,7 @@ const {
   filter,
   pluralize,
   filterCatalogueTags,
+  limit,
 } = require("./config/filters/index.js");
 const markdown = require("./config/plugins/markdown.js");
 const imageShortcode = require("./config/shortcodes/image.js");
@@ -38,6 +39,7 @@ module.exports = (eleventyConfig) => {
   eleventyConfig.addFilter("filterCatalogueTags", filterCatalogueTags);
   eleventyConfig.addFilter("formatDate", formatDate);
   eleventyConfig.addFilter("keys", keys);
+  eleventyConfig.addFilter("limit", limit);
   eleventyConfig.addFilter("minifyCss", minifyCss);
   eleventyConfig.addFilter("organizeByDate", organizeByDate);
   eleventyConfig.addFilter("values", values);

src/404.html

@@ -1,4 +1,5 @@
 ---
+layout: "layouts/base"
 permalink: /404.html
 youtube: true
 ---

src/about.md

@@ -1,4 +1,5 @@
 ---
+layout: "layouts/base"
 permalink: /about/index.html
 title: About
 ---

src/blogroll.html

@@ -1,4 +1,5 @@
 ---
+layout: "layouts/base"
 permalink: /blogroll/index.html
 title: Blogroll
 ---

src/colophon.md

@@ -1,4 +1,5 @@
 ---
+layout: "layouts/base"
 permalink: /colophon/index.html
 title: Colophon
 ---

src/content/pages/index.html

@@ -1,5 +0,0 @@
----
-permalink: /
----
-
-Hello from index.

src/content/pages/pages.json

@@ -1,3 +0,0 @@
-{
-  "layout": "layouts/base"
-}

src/css/blocks/archive.css

@@ -9,3 +9,19 @@
   color: var(--color-fadeText);
   letter-spacing: 0.05em;
 }
+
+.archive-item {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--s1);
+}
+
+.archive-item > * {
+  flex-grow: 1;
+  flex-basis: calc((30rem - 100%) * 999);
+}
+
+.archive-item > :nth-last-child(n + 4),
+.archive-item > :nth-last-child(n + 4) ~ * {
+  flex-basis: 100%;
+}

src/index.html

@@ -0,0 +1,27 @@
+---
+layout: "layouts/base"
+permalink: /
+---
+
+<h1>Ahoj!</h1>
+<p>Hello! My name is Devin.</p>
+<p>I'm a creative developer who specializes in web and mobile development.</p>
+<p>
+    Welcome to my little slice of the internet. I like to <a href="/posts">write</a> and <a href="/catalogue">catalogue</a> things. There's a lot to explore, and I hope you have fun!
+</p>
+<p>
+    If you're interested, I have an <a href="/about">about page</a> all about me!
+</p>
+<h2>Favourite posts</h2>
+<h2>Recent posts</h2>
+<ul class="[ list-none p-0 flow mt-1 mb-0 ]"
+    style="--flow-space: 0.25rem">
+    {% for item in collections.post | reverse | limit(5) %}
+        <li class="[ flex flex-wrap column-gap-0.5 row-gap-0 ]">
+            <div>
+                <a href="{{ item.url }}">{{ item.data.title }}</a>
+            </div>
+            <div class="[ text-fadeText ]" style="font-size: 0.8rem">{{ item.data.date | formatDate("MM/DD/YYYY") }}</div>
+        </li>
+    {% endfor %}
+</ul>

src/links.md

@@ -1,4 +1,5 @@
 ---
+layout: "layouts/base"
 permalink: /links/index.html
 title: Links
 ---

src/now.html

@@ -1,4 +1,5 @@
 ---
+layout: "layouts/base"
 permalink: /now/index.html
 title: /now
 ---

src/posts.html

@@ -1,4 +1,5 @@
 ---
+layout: "layouts/base"
 permalink: /posts/index.html
 title: Posts
 ---