Meep

Fix error for no having `prismjs` dependency

.github/workflows/gh-pages.yml.sample

@@ -17,7 +17,7 @@ jobs:
     concurrency:
       group: ${{ github.workflow }}-${{ github.ref }}
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - name: Setup Node
         uses: actions/setup-node@v3

README.md

@@ -93,7 +93,7 @@ Deploy this Eleventy site in just a few clicks on these services:
 - Read more about [Deploying an Eleventy project](https://www.11ty.dev/docs/deployment/) to the web.
 - [Deploy this to **Netlify**](https://app.netlify.com/start/deploy?repository=https://github.com/11ty/eleventy-base-blog)
 - [Deploy this to **Vercel**](https://vercel.com/import/project?template=11ty%2Feleventy-base-blog)
-- Look in `.github/workflows/gh-pages.yml.sample` for information on Deploying to **GitHub Pages**.
+- Look in `.github/workflows/gh-pages.yml.sample` for information on [Deploying to **GitHub Pages**](https://www.11ty.dev/docs/deployment/#deploy-an-eleventy-project-to-git-hub-pages).
 - [Try it out on **Stackblitz**](https://stackblitz.com/github/11ty/eleventy-base-blog)
 
 ### Implementation Notes

_config/filters.js

@@ -37,4 +37,7 @@ export default function(eleventyConfig) {
 		return (tags || []).filter(tag => ["all", "posts"].indexOf(tag) === -1);
 	});
 
+	eleventyConfig.addFilter("sortAlphabetically", strings =>
+		(strings || []).sort((b, a) => b.localeCompare(a))
+	);
 };

_data/metadata.js

@@ -1,11 +1,11 @@
 export default {
-	title: "Eleventy Base Blog v9",
-	url: "https://example.com/",
+	title: "Nyxblog",
+	url: "https://blog.everypizza.im/",
 	language: "en",
 	description: "I am writing about my experiences as a naval navel-gazer.",
 	author: {
 		name: "Your Name Here",
-		email: "youremailaddress@example.com",
-		url: "https://example.com/about-me/"
+		email: "me@everypizza.im",
+		url: "https://nyx.everypizza.im/"
 	}
 }

content/404.md

@@ -10,9 +10,11 @@ Go <a href="index.njk">home</a>.
 
 Read more: https://www.11ty.dev/docs/quicktips/not-found/
 
-This will work for both GitHub pages and Netlify:
-
-* https://help.github.com/articles/creating-a-custom-404-page-for-your-github-pages-site/
-* https://www.netlify.com/docs/redirects/#custom-404
+This is compatible with:
 
+- GitHub Pages: https://help.github.com/articles/creating-a-custom-404-page-for-your-github-pages-site/
+- GitLab Pages: https://docs.gitlab.com/ee/user/project/pages/introduction.html#custom-error-codes-pages
+- Netlify: https://www.netlify.com/docs/redirects/#custom-404
+- Cloudflare Pages: https://developers.cloudflare.com/pages/platform/serving-pages/#not-found-behavior
+- Vercel: https://vercel.com/guides/custom-404-page#static-site-generator-ssg
 -->

content/tags.njk

@@ -1,7 +1,7 @@
 <h1>Tags</h1>
 
 <ul>
-{% for tag in collections | getKeys | filterTagList %}
+{% for tag in collections | getKeys | filterTagList | sortAlphabetically %}
 	{% set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
 	<li><a href="{{ tagUrl }}" class="post-tag">{{ tag }}</a></li>
 {% endfor %}

package.json

@@ -42,6 +42,7 @@
 		"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
 		"cross-env": "^7.0.3",
 		"luxon": "^3.5.0",
+		"prismjs": "^1.29.0",
 		"zod": "^3.23.8",
 		"zod-validation-error": "^3.3.1"
 	},

public/css/index.css

@@ -8,11 +8,10 @@
 :root {
 	--color-gray-20: #e0e0e0;
 	--color-gray-50: #C0C0C0;
-	--color-gray-90: #333;
 
 	--background-color: #fff;
 
-	--text-color: var(--color-gray-90);
+	--text-color: #000000
 	--text-color-link: #082840;
 	--text-color-link-active: #5f2b48;
 	--text-color-link-visited: #17050F;
@@ -24,14 +23,13 @@
 	:root {
 		--color-gray-20: #e0e0e0;
 		--color-gray-50: #C0C0C0;
-		--color-gray-90: #dad8d8;
 
-		/* --text-color is assigned to --color-gray-_ above */
+		--text-color: #ffffff;
 		--text-color-link: #1493fb;
 		--text-color-link-active: #6969f7;
 		--text-color-link-visited: #a6a6f8;
 
-		--background-color: #15202b;
+		--background-color: #000000;
 	}
 }