Update title, meta tags

colepeters · Jun 28, 2023 · c839728 · c839728
1 parent 50c81bf
commit c839728
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 10 deletions.
diff --git a/app/blog/posts/2023-06-21-introductions-and-anticipations.md b/app/blog/posts/2023-06-21-introductions-and-anticipations.md
@@ -1,12 +1,12 @@
 ---
 title: Introductions and anticipations
 description: "Welcome to my corner of the internet. I’m still getting things set up…"
-published: "March 8, 2023"
+published: "June 28, 2023"
 ---
 
 It’s a funny thing, starting a personal blog in the year 2023 — somehow awkward and a little exciting all at once. Having been born in the mid 80s, I grew up with blogs as a teenager and young adult. Over the past decade or so, personal blogs have largely fallen by the wayside, the practice slowly eroded by one social media platform after another. But 2023 may prove to be a turning point. Many of these ‘social’ edifices are crumbling, and [personal blogging, it seems, could be resurgent.](https://www.theverge.com/23513418/bring-back-personal-blogging)
 
-I’m excited about the premise of personal blogging making a comeback. There’s much to recommend it, from the DIY spirit and decentralized infrastructure to the freedom of space and expression. I admit it’s also a little intimidating, though. Is anyone out there? Will anyone read this? How do you even go about *finding* blogs in the year 2023? To what end I am tapping these words into being?
+I’m excited about the premise of personal blogging making a comeback. There’s much to recommend it, from the DIY spirit and decentralized infrastructure to the freedom of space and expression. I admit it’s also a little intimidating, though. Is anyone out there? Will anyone read this? How do you even go about *finding* blogs in 2023? To what end I am tapping these words into being?
 
 But perhaps I’m getting ahead of myself. Although I imagine that most of you reading this may already be familiar with who I am, some of you may not be — and those of you who are may be wondering what I’m up to here. So here’s what’s worth knowing if you’re planning on sticking around.
 

diff --git a/app/elements/site-header.mjs b/app/elements/site-header.mjs
@@ -8,7 +8,7 @@ export default function SiteHeader ({ html }) {
  <header>
  <a href='/' class='no-underline'>
  <h1 class='font-heading pbs4 pbe-3'>
- Monotonous Processes
+ A thin mantle of ash
  </h1>
  <p class='font-body italic text-1 pbe4'>
  A personal weblog by Cole Peters

diff --git a/app/head.mjs b/app/head.mjs
@@ -1,19 +1,35 @@
 import { getLinkTag } from '@enhance/arc-plugin-styles/get-styles'
 
-export default function Head() {
+export default function Head(state) {
+ const baseTitle = 'A thin mantle of ash'
+ const { req, store } = state
+
+ let meta = {}
+
+ if (req.path.includes('posts/')) {
+ meta.title = `${store.post.frontmatter.title} — ${baseTitle}`
+ meta.description = store.post.frontmatter.description
+ } else {
+ meta.title = `${baseTitle}`
+ meta.description = 'A personal weblog by Cole Peters'
+ }
+
  const siteUrl = process.env.SITE_URL || 'http://localhost:3333'
+
  return`
  <!DOCTYPE html>
  <html lang='en'>
  <head>
- <title>Monotonous Processes</title>
+ <meta charset='utf-8' />
  <meta name='viewport' content='width=device-width, initial-scale=1'>
+ <title>${meta.title}</title>
+ <meta name='description' content='${meta.description}' />
  ${getLinkTag()}
  <link rel='stylesheet' href='/_public/css/global.css' />
- <link rel='webmention' href='${siteUrl}/webmention'>
- <link href='https://colepeters.com' rel='me'>
- <link href='https://mastodon.online/@colepeters' rel='me'>
- <link href='https://instagram.com/titledspheres' rel='me'>
+ <link rel='webmention' href='${siteUrl}/webmention' />
+ <link href='https://colepeters.com' rel='me' />
+ <link href='https://mastodon.online/@colepeters' rel='me' />
+ <link href='https://instagram.com/titledspheres' rel='me' />
  <style>
  @font-face {
  font-family: EB Garamond;

diff --git a/src/plugins/create-rss-feed.js b/src/plugins/create-rss-feed.js
@@ -47,7 +47,7 @@ async function generate () {
  )
 
  const feed = new Feed({
- title: 'Monotonous Processes',
+ title: 'A thin mantle of ash',
  description: 'A personal weblog by Cole Peters',
  id: hostname,
  link: hostname,