blur adulty matieral

_config/filters.js

@@ -58,7 +58,7 @@ export default function(eleventyConfig) {
 
 	/* Filter out structural tags */
 	eleventyConfig.addFilter("removeBasicTags", (tags) => {
-		return tags.filter(tag => ["all", "posts", "gallery", "reference", "tagPagination"].indexOf(tag) === -1);
+		return tags.filter(tag => ["all", "posts", "gallery", "reference", "tagPagination", "blur"].indexOf(tag) === -1);
 	});
 
 	/* What it says on the tin */

_includes/postlist.njk

@@ -1,9 +1,10 @@
 <ol id="postlist">
 	{% for post in postlist %}
-	<li class="post">
+  <li class="post">
 		<a class="postlink" href="{{ post.url }}">
 			{% if post.data.image %}
-			<img src="/img/{{ post.data.image.src }}" alt="{{ post.data.image.alt }}">
+			<img src="/img/{{ post.data.image.src }}" alt="{{ post.data.image.alt }}"
+        {% if "blur" in post.data.tags %}class="blur"{% endif %}>
 			{% endif %}
 			<h2 data-ha-exclude>{{ post.data.title }}</h2>
 			<ul class="postlist-tags">

css/lists.css

@@ -143,6 +143,11 @@
 	grid-area: img;
 }
 
+.blur {
+	filter: blur(.75rem);
+	clip-path: inset(0 round 1rem);
+}
+
 .tag-imgs {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
@@ -158,7 +163,7 @@
 	width: 100%;
 	aspect-ratio: 3 / 2;
 	background-color: var(--color-bg-alt);
-	border-radius: calc(1rem);
+	border-radius: 1rem;
 }
 
 .taglink:focus-visible .missing-image {

eleventy.config.js

@@ -30,7 +30,7 @@ export default async function(eleventyConfig) {
 	/* Tag pagination */
 	eleventyConfig.addCollection("tagPagination", function(collection) {
 		let tagSet = new Set(collection.getAllSorted().flatMap((post) => post.data.tags || []));
-		tagSet = tagSet.difference(new Set(["posts", "gallery", "reference"]));
+		tagSet = tagSet.difference(new Set(["posts", "gallery", "reference", "blur"]));
 
 		let paginationSize = 13;
 		let tagMap = [];

src/posts/2023/2023-08-19-boypussy.md

@@ -10,6 +10,7 @@ tags:
   - shirt
   - pin
   - gender
+  - blur
 ---
 
 To order this as a shirt, please fill out ~~the order form~~ (Sep 2024: no longer taking orders via this method).

src/posts/2023/2023-08-19-girldick.md

@@ -10,6 +10,7 @@ tags:
   - shirt
   - pin
   - gender
+  - blur
 ---
 
 To order this as a shirt, please fill out ~~the order form~~. (Sep 2024: no longer taking orders via this method)

src/posts/2023/2023-09-22-rope-one.md

@@ -6,6 +6,8 @@ image:
 tags:
   - gallery
   - print
+  - gender
+  - blur
 ---
 
 first in a series, probably.

src/posts/2024/2024-01-23-bottom-growth.md

@@ -7,6 +7,7 @@ tags:
   - gallery
   - print
   - gender
+  - blur
 ---
 
 Celebration of testosterone-driven bottom growth. Submitted for T! the Zine.

src/posts/2024/2024-07-11-luminescent.md

@@ -6,6 +6,8 @@ image:
 tags:
   - gallery
   - print
+  - gender
+  - blur
 ---
 
 a reduction print. total print run of 8 test prints and 18 final prints.