big preview images
All checks were successful
/ build (push) Successful in 55s

This commit is contained in:
Nycki 2026-02-23 12:57:10 -08:00
parent 23cebdd4f2
commit 4b2db9cfa6
4 changed files with 10 additions and 5 deletions

View file

@ -4,10 +4,6 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ metadata.title }} | {{ title }}</title> <title>{{ metadata.title }} | {{ title }}</title>
<meta name="description" content="{{ description or subtitle }}">
<meta property="og:title" content="{{ metadata.title }} | {{ title }}">
<meta property="og:description" content="{{ description or subtitle }}">
<meta property="og:image" content="{{ metadata.url + preview_image }}">
<link rel="alternate" href="/blog/feed.xml" type="application/atom+xml" title="{{ metadata.title }}"> <link rel="alternate" href="/blog/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
<link rel="alternate" href="/blog/feed.json" type="application/json" title="{{ metadata.title }}"> <link rel="alternate" href="/blog/feed.json" type="application/json" title="{{ metadata.title }}">
<meta name="generator" content="{{ eleventy.generator }}"> <meta name="generator" content="{{ eleventy.generator }}">
@ -15,6 +11,13 @@
<link rel="stylesheet" href="/index.css"> <link rel="stylesheet" href="/index.css">
<link rel="stylesheet" href="{% getBundleFileUrl 'css' %}"> <link rel="stylesheet" href="{% getBundleFileUrl 'css' %}">
<script defer src="/light-toggle.js"></script> <script defer src="/light-toggle.js"></script>
<!-- have to reference twitter:card here because of https://stackoverflow.com/questions/71228414/opengraph-show-full-image-size-in-preview -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="description" content="{{ description or subtitle }}">
<meta property="og:title" content="{{ metadata.title }}{{ title and "|" }}{{ title }}">
<meta property="og:description" content="{{ description or subtitle }}">
<meta property="og:image" content="{{ metadata.url + preview_image }}">
</head> </head>
<body> <body>
<a href="#skip" class="visually-hidden">Skip to main content</a> <a href="#skip" class="visually-hidden">Skip to main content</a>

View file

@ -1,6 +1,7 @@
--- ---
layout: home.njk layout: home.njk
title: nycki.net title: nycki.net
preview_image: /a/klay-sticker-djuan-blep.png
--- ---
{%- css %}{% include "node_modules/prismjs/themes/prism-okaidia.css" %}{% endcss %} {%- css %}{% include "node_modules/prismjs/themes/prism-okaidia.css" %}{% endcss %}

View file

@ -1,6 +1,7 @@
--- ---
layout: base.njk layout: base.njk
title: Pyramides Papyrium title: Pyramides Papyrium
preview_image: /pyramids/knifebot-lineup.jpg
subtitle: it's pronounced PEER-a-mid-es pa-PEER-ium. subtitle: it's pronounced PEER-a-mid-es pa-PEER-ium.
permalink: /pyramids/ permalink: /pyramids/
--- ---

View file

@ -6,7 +6,7 @@
"scripts": { "scripts": {
"build": "npx @11ty/eleventy", "build": "npx @11ty/eleventy",
"build-ghpages": "npx @11ty/eleventy --pathprefix=/eleventy-base-blog/", "build-ghpages": "npx @11ty/eleventy --pathprefix=/eleventy-base-blog/",
"start": "cross-env NODE_ENV=localhost npx @11ty/eleventy --serve --quiet", "serve": "cross-env NODE_ENV=localhost npx @11ty/eleventy --serve --quiet",
"debug": "cross-env DEBUG=Eleventy* npx @11ty/eleventy", "debug": "cross-env DEBUG=Eleventy* npx @11ty/eleventy",
"debugstart": "cross-env DEBUG=Eleventy* npx @11ty/eleventy --serve --quiet", "debugstart": "cross-env DEBUG=Eleventy* npx @11ty/eleventy --serve --quiet",
"benchmark": "cross-env DEBUG=Eleventy:Benchmark* npx @11ty/eleventy", "benchmark": "cross-env DEBUG=Eleventy:Benchmark* npx @11ty/eleventy",