site data, twitter/opengraph headers
This commit is contained in:
parent
42818405c1
commit
7cd73f703f
14 changed files with 52 additions and 16 deletions
9
site/_data/site.js
Normal file
9
site/_data/site.js
Normal 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,
|
||||
};
|
|
@ -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>
|
||||
|
|
|
@ -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" %}
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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 }}"
|
||||
}
|
||||
};
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue