add category system

theycallmezeal · Jun 3, 2024 · 59d7874 · 59d7874
1 parent b92081d
commit 59d7874
Show file tree

Hide file tree

Showing 11 changed files with 67 additions and 3 deletions.
diff --git a/_categories/just-for-fun.md b/_categories/just-for-fun.md
@@ -0,0 +1,4 @@
+---
+layout: category
+category: just-for-fun
+---
diff --git a/_categories/linguistics.md b/_categories/linguistics.md
@@ -0,0 +1,4 @@
+---
+layout: category
+category: linguistics
+---
diff --git a/_config.yml b/_config.yml
@@ -5,4 +5,7 @@ markdown: kramdown
 
 collections:
   posts:
-    permalink: /posts/:title
+    permalink: /article/:title
+  categories:
+    output: true
+    permalink: /articles/:title
diff --git a/_layouts/category.html b/_layouts/category.html
@@ -0,0 +1,16 @@
+---
+layout: default
+css: articles
+---
+
+<p><a href="/articles">All posts</a></p>
+
+{% for post in site.posts %}
+    {% if post.categories contains page.category %}
+        <section class="post">
+            <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
+            {{ post.excerpt }}
+            <p><a href="{{ post.url }}">Continue reading &rarr;</a></p>
+        </section>
+    {% endif %}
+{% endfor %}
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -10,6 +10,11 @@
 				<link rel="stylesheet" href="/css/{{ stylesheet }}.css" media="screen" type="text/css">
 			{% endfor %}
 		{% endif %}
+		{% if layout.css %}
+			{% for stylesheet in layout.css %}
+				<link rel="stylesheet" href="/css/{{ stylesheet }}.css" media="screen" type="text/css">
+			{% endfor %}
+		{% endif %}
 	</head>
 	<body>
 		<header>
@@ -26,7 +31,7 @@ <h1><a href="/index">Adam An</a></h1>
 		<main>
 			<section id="title">
 				<h1>{{page.title}}</h1>
-				{% if page.date %}
+				{% if page.collection == 'posts' %}
 					<h2 id="date">{{ page.date | date: '%B %d, %Y' }}</h2>
 				{% endif %}
 				{% if page.subtitle %}
@@ -36,6 +41,5 @@ <h2>{{page.subtitle}}</h2>
 			</section>
 			<section id="content">{{content}}</section>
 		</main>
-
 	</body>
 </html>
diff --git a/_posts/2024-01-23-syntax-cookbook.md b/_posts/2024-01-23-syntax-cookbook.md
@@ -2,6 +2,8 @@
 layout: default
 title: Syntax cookbook
 css: syntax
+categories:
+    - linguistics
 ---
 
 Here's a "cookbook" of various kinds of English syntax trees. This is my attempt at capturing a happy medium of what's commonly introduced in introductory texts and my own undergrad syntax class.

diff --git a/_posts/2024-05-20-ten-things.md b/_posts/2024-05-20-ten-things.md
@@ -2,6 +2,8 @@
 layout: default
 title: Ten things
 css: ten-things
+categories:
+    - just-for-fun
 ---
 
 I once saw a kooky old professor website with a page full of lists of ten things. I never found it again, but in tribute to that, here are some lists of ten things.

diff --git a/_posts/2024-06-02-connections-vault.md b/_posts/2024-06-02-connections-vault.md
@@ -1,6 +1,8 @@
 ---
 layout: default
 title: The Connections vault
+categories:
+    - just-for-fun
 ---
 
 Here are some Connections puzzles I've written.

diff --git a/articles.html b/articles.html
@@ -4,6 +4,15 @@
 css: articles
 ---
 
+<div id="categories">
+	<p>Categories:</p>
+	<ul id="categories">
+		{% for category in site.categories %}
+			<li><a href="{{ category.url }}">{{ category.title }}</a></li>
+		{% endfor %}
+	</ul>
+</div>
+
 {% if site.posts.size == 0 %}
 	<p>Coming soon...</p>
 {% endif %}

diff --git a/css/articles.css b/css/articles.css
@@ -4,4 +4,18 @@
 
 .post > * + * {
     margin-top: 0.5rem;
+}
+
+#categories {
+    display: flex;
+    gap: 1rem;
+}
+
+#categories ul {
+    list-style-type: none;
+}
+
+#categories li:not(:last-child):after {
+    content: "|";
+    padding-left: 1rem;
 }
diff --git a/css/style.css b/css/style.css
@@ -148,4 +148,8 @@ a[name] {
 
 img {
 	max-width: 100%;
+}
+
+li ol, li ul {
+	margin-left: 1rem;
 }