tag pages, meta keywords

This commit is contained in:
Joshua Seigler 2025-06-21 18:50:15 -04:00
parent 04e4b0e51e
commit c008cedf7c
17 changed files with 61 additions and 15 deletions

View file

@ -26,7 +26,7 @@
<a class="{{ 'nav-active' if '/search' in page.url }}" href="{{ "/search/" | url }}">/search</a>
</div>
</nav>
<h1>{{ tag | capitalize if tag else title }}</h1>
<h1>{{ title }}</h1>
<div class="header-meta">
{%- if author -%}
<author>{{ author }}</author>

View file

@ -2,7 +2,7 @@
title: Joshua's Homepage
---
{%- set computedTitle = tag | capitalize if tag else title -%}
{%- set computedTitle = tag | capitalize if tag and not useTitle else title -%}
<!DOCTYPE html>
<html lang="en">
<head>
@ -19,6 +19,9 @@ title: Joshua's Homepage
<link rel="webmention" href="https://webmention.io/joshua.seigler.net/webmention"/>
<title>{{ computedTitle }} - {{ site.title }}</title>
<meta name="description" content="{{ description }}"/>
{%- if keywords -%}
<meta name="keywords" content="{{ keywords }}">
{%- endif %}
<meta property="og:title" content="{{ computedTitle }}"/>
<meta property="og:type" content="{{ article }}"/>
<meta property="og:url" content="{{ page.url | absoluteURL }}"/>

View file

@ -1,10 +1,10 @@
{% macro tagList(tags) %}
<span class="tags">
<span class="tags" style="--totalTags:{{ collections.categories | dictsort | length }}">
{%- for tag in tags -%}
<a
class="tag"
style="--tagIndex:{{ collections.categories[tag].id }}"
href="/posts/tag/{{ tag | slugify }}"
href="/tags/{{ tag | slugify }}"
>{{ tag }}</a>
{% endfor -%}
</span>

View file

@ -1,6 +1,6 @@
:root {
font-size: 16px;
font-size: clamp(14px, 8px + 0.65vw, 24px);
font-size: clamp(14px, 8px + 0.65vw, 30px);
box-sizing: border-box;
display: flex;
flex-direction: column;
@ -139,6 +139,7 @@ a[href] {
nav label:has(input:focus-visible),
nav label:has(input:checked) {
outline: none;
color: var(--c-text-dark);
background-color: var(--c-accent);
box-shadow:
0 0 0.5rem var(--c-accent),
@ -161,7 +162,7 @@ nav label:has(input:focus-visible) {
&::before {
content: "#";
}
color: oklch(var(--tag-luminance) 0.25 calc(222.5 * var(--tagIndex, 0)) / 0.8);
color: oklch(var(--tag-luminance) 0.25 calc(25 + 360 * var(--tagIndex, 0) / var(--totalTags, 1)) / 0.8);
}
main p img {

View file

@ -2,6 +2,7 @@
title: Books
layout: "page.njk"
omitTOC: true
keywords: books
---
These books had a big influence on my thinking and taste.

View file

@ -3,6 +3,7 @@ title: Now
layout: "page.njk"
date: 2025-06-07
omitTOC: true
keywords: now
---
I live in Southbridge, Massachusetts since 2022, with my wife Sara and our three cats. We're starting to get more integrated here. I'm about to start a new role, my third or fourth startup depending on how you count it. I'm active in [a local church](https://www.stmichaelorthodox.com/). I recently changed my mind about olives (I like them now).

View file

@ -1 +1,4 @@
---
keywords: recipes
---
My most-made or most-requested recipes:

24
site/pages/tag.njk Normal file
View file

@ -0,0 +1,24 @@
---
layout: "base.njk"
eleventyComputed:
title: "Posts tagged #{{ tag }}"
pagination:
data: collections
size: 1
alias: tag
filter:
- posts
- recipes
- timeline
permalink: /tags/{{ tag | slugify }}/
useTitle: true
---
{%- from "components/collectionList.njk" import collectionList with context -%}
<main>
<section data-pagefind-body>
{{ content | safe }}
</section>
{% if collections[tag] %}
{{ collectionList(collections[tag]) }}
{% endif %}
</main>

15
site/pages/tags.njk Normal file
View file

@ -0,0 +1,15 @@
---
layout: base.njk
title: Tags
permalink: /tags/
---
<main>
<ul class="collection">
{%- for tag, data in collections.categories -%}
<li>
<a class="tag" href="/posts/tag/{{tag | slugify}}">{{tag}}</a>
<aside>{{ data.count }}</aside>
</li>
{%- endfor -%}
</ul>
</main>

View file

@ -3,6 +3,7 @@ title: Unoffice Hours
layout: "page.njk"
omitDate: true
omitTOS: true
keywords: Unoffice hours
---
Working remotely has a lot of benefits, but we miss out on the serendipitous connections and socialization that happened just from being in the same room. Unoffice hours is part of an attempt to make new connections, but without applying the giant invisible filter of my own preferences.

View file

@ -2,8 +2,7 @@
title: Authority - Consent's Blind Spot
description: Authority is the idea that certain people are justified in violating consent. This belief allows people to force others to do what they want with a clear conscience.
tags:
- opinions
- worldview
- ethos
---
> 2025 disclaimer: I haven't thought through all these ideas in a while, but I probably would change some of this or soften/rephrase it.

View file

@ -2,9 +2,8 @@
title: Embracing Mysticism
description: Society is moving from a materialistic era into a mystical one. I describe my attempt to gain mystical proficiency.
tags:
- opinions
- faith
- worldview
- ethos
---
Logical arguments no longer work. This has been especially visible in the pandemic response in 2020. If you dug even a little below the surface of any mainstream narrative in the past two years, you likely found points of disagreement. But showing people scientific papers, charts, statistical analysis, or other types of evidence accomplishes nothing, or worse it invites accusations of being part of the Other Team, one of those backwards, wrong, stupid people.

View file

@ -3,7 +3,7 @@ title: Finally, a Coherent Worldview
description: Why did I think I could figure everything out on my own?
tags:
- faith
- worldview
- ethos
---
Around the time of my previous post, I had just been received into the Orthodox church. Since then I have found it to be everything I was looking for, and a great deal more. There is such a wealth of wisdom, going back thousands of years. And it was all there, un-seen, un-read, as far as I was concerned not existing at all! It seems impossible to me that I was so unaware of these treasures by chance.

View file

@ -2,7 +2,7 @@
title: Site design updated
description: New look, simpler tech.
tags:
- this site
- technical
---
New design! The tools I used before have a lot of unmaintained or outdated dependencies and I wanted something a little simpler. The new site uses [pnpm](https://pnpm.io/), [11ty](https://www.11ty.dev/), and [Nunjucks](https://mozilla.github.io/nunjucks/). Content is still in [markdown](https://daringfireball.net/projects/markdown/).

View file

@ -4,8 +4,7 @@ slug: thinking-machines
description: "The computers will start thinking, and people will stop."
cover: "/2025-04-24--computers-will-start-thinking.jpg"
tags:
- opinions
- trends
- zeitgeist
- ai
---

View file

@ -5,7 +5,6 @@ description: Some dev tools I recommend.
tags:
- technical
- software
- opinions
---
Everyone has different tools that they find especially effective. Here are some I have found with a few words about why I like them.

View file

@ -6,6 +6,7 @@ export default {
eleventyComputed: {
date: "{{ page.date }}",
slug: "{{ page.slug }}",
keywords: (data) => data.tags.join(", "),
permalink: (data) => {
if (process.env.ELEVENTY_RUN_MODE !== "build") return data.permalink;
else return data.draft ? false : data.permalink;