site data, twitter/opengraph headers

This commit is contained in:
Joshua Seigler 2024-06-07 15:39:27 -04:00
parent 42818405c1
commit 7cd73f703f
14 changed files with 52 additions and 16 deletions

9
site/_data/site.js Normal file
View file

@ -0,0 +1,9 @@
const isDev = process.env.ELEVENTY_ENV === "development";
const baseUrl = isDev ? "localhost:8080" : "https://joshua.seigler.net/";
module.exports = {
title: "joshua.seigler.net",
description: "Personal homepage of Joshua Seigler",
baseUrl,
};

View file

@ -1,7 +1,7 @@
<header>
<nav>
<div class="nav-categories">
<a href="{{ "/" | url }}">joshua.seigler.net</a>
<a href="{{ "/" | url }}">{{ site.title }}</a>
<a href="{{ "/posts" | url }}">/posts</a>
<a href="{{ "/timeline" | url }}">/timeline</a>
<a href="{{ "/recipes" | url }}">/recipes</a>
@ -31,8 +31,8 @@
{%-if author -%}
<author>{{ author }}</author>
{%- endif -%}
{%- if dateString -%}
<date>{{ dateString }}</date>
{%- if date -%}
<date>{{ date | formatDate("MMMM D, YYYY") }}</date>
{%- endif -%}
</div>
</header>

View file

@ -1,14 +1,22 @@
---
title: Joshua's Homepage
---
{%- set computedTitle = tag | capitalize if tag else title -%}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="{{ "/site.css" | url }}"/>
<title>{{ tag | capitalize if tag else title }} - joshua.seigler.net</title>
<title>{{ computedTitle }} - {{ site.title }}</title>
<meta property="og:title" content="{{ computedTitle }}" />
<meta property="og:type" content="{{ article }}" />
<meta property="og:url" content="{{ url | absoluteURL }}" />
{# <meta property="og:image" content="https://....jpg" /> #}
<meta name="twitter:title" content="{{ computedTitle }}">
<meta name="twitter:description" content="{{ description }}">
{# <meta name="twitter:image" content="https://....jpg"> #}
<meta name="twitter:card" content="summary">
</head>
<body data-font="english" data-path="{{page.url}}">
{% include "-header.njk" %}

View file

@ -10,7 +10,7 @@ eleventyComputed:
{% for item in collections[tag] | reverse %}
<article class="item-summary">
<a href="{{ item.url }}">{{ item.data.title }}</a>
{% if item.data.dateString %}<aside>{{item.data.dateString}}</aside>{% endif %}
{% if item.data.date %}<aside>{{item.data.date | formatDate("MMMM DD, YYYY")}}</aside>{% endif %}
<p class="item-summary-description">{{ item.data.description }}</p>
</article>
{% endfor %}

View file

@ -1,11 +1,9 @@
const { DateTime } = require("luxon");
module.exports = {
layout: "post.njk",
permalink: "/posts/{{ title | slugify }}/",
tags: ["posts"],
author: "Joshua Seigler",
eleventyComputed: {
dateString: ({ page }) => DateTime.fromJSDate(page.date, { zone: 'utc' }).toLocaleString(DateTime.DATE_FULL)
},
author: "Joshua Seigler"
date: "{{ page.date }}"
}
};