Merge pull request 'Tag page updates, changelog' (#5) from lessImages into main
Reviewed-on: #5
This commit is contained in:
commit
1494d22859
@ -25,36 +25,42 @@ export default {
|
||||
linkDisplay: "Blog",
|
||||
linkURL: "/blog/",
|
||||
},
|
||||
{
|
||||
iconURL: "/img/icons/breeze/view-list-text.svg",
|
||||
linkDisplay: "Blogroll",
|
||||
linkURL: "/blogroll/",
|
||||
},
|
||||
{
|
||||
iconURL: "/img/icons/breeze/view-preview.svg",
|
||||
linkDisplay: "Galleries",
|
||||
linkURL: "/galleries/",
|
||||
},
|
||||
{
|
||||
iconURL: "/img/icons/breeze/document-edit-sign.svg",
|
||||
linkDisplay: "Quizzes",
|
||||
linkURL: "/quizzes/",
|
||||
},
|
||||
{
|
||||
iconURL: "/img/icons/breeze/news-subscribe.svg",
|
||||
linkDisplay: "Life Updates",
|
||||
linkURL: "/now/",
|
||||
},
|
||||
{
|
||||
iconURL: "/img/icons/breeze/document-edit-sign.svg",
|
||||
linkDisplay: "Quizzes",
|
||||
linkURL: "/quizzes/",
|
||||
},
|
||||
|
||||
{
|
||||
iconURL: "/img/icons/breeze/map-globe.svg",
|
||||
linkDisplay: "Sitemap",
|
||||
linkURL: "/sitemap/",
|
||||
},
|
||||
{
|
||||
iconURL: "/img/icons/breeze/view-list-text.svg",
|
||||
linkDisplay: "Blogroll",
|
||||
linkURL: "/blogroll/",
|
||||
},
|
||||
{
|
||||
iconURL: "/img/icons/breeze/tag.svg",
|
||||
linkDisplay: "Topics",
|
||||
linkURL: "/tags/",
|
||||
},
|
||||
{
|
||||
iconURL: "/img/icons/breeze/kstars_supernovae.svg",
|
||||
linkDisplay: "Wishes",
|
||||
linkURL: "/wish/",
|
||||
},
|
||||
],
|
||||
postlistHeaderText: "Latest blog posts:",
|
||||
socialLinks: [
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<section class="postlist">
|
||||
{% if showPostListHeader %}<h2>{{ metadata.postlistHeaderText }}</h2>{% endif %}
|
||||
{% if postlistHeaderText %}<h2>{{ postlistHeaderText }}</h2>{% endif %}
|
||||
<div class="postlist-item-container">
|
||||
{% for post in postslist | reverse %}
|
||||
<article class="postlist-item{% if post.url == url %} postlist-item-active{% endif %}">
|
||||
|
||||
@ -6,8 +6,13 @@ structuredData: none
|
||||
|
||||
# Colophon
|
||||
## What I used to build this website
|
||||
I built this website using [the 11ty static site generator](https://www.11ty.dev/), free and open source variable typefaces [Fraunces](https://fraunces.undercase.xyz/)[^1] and [Manrope](https://www.gent.media/manrope)[^2], and plain-old HTML, CSS, with some vanilla JavaScript for the web components that I built to handle comments. I used the handy calculators on [utopia.fyi](https://utopia.fyi)[^3] to help me implement fluid typography and spacing. [Here's the repo](https://upchur.ch/gitea/n_u/nathanupchurch.com) in case you'd like to have a look at the source.
|
||||
I built this website in plain-old HTML, CSS, and a touch of vanilla JavaScript using [Zach Leatherman](https://www.zachleat.com/)'s [11ty static site generator](https://www.11ty.dev/) and Mozilla's [Nunjucks templating language](https://mozilla.github.io/nunjucks/). I used free and open source variable typefaces [Fraunces](https://fraunces.undercase.xyz/), designed by Phaedra Charles and Flavia Zimbardi[^1], and [Manrope](https://www.gent.media/manrope), designed by Mikhail Sharanda[^2].
|
||||
|
||||
[^1]: Designed by Phaedra Charles and Flavia Zimbardi, with contributions by Ethan Cohen, and Andy Clymer.
|
||||
[^2]: Designed by Mikhail Sharanda with thanks to Mirko Velimirovic for contribution.
|
||||
[^3]: Created by James Gilyead & Trys Mudford.
|
||||
The handy calculators on [utopia.fyi](https://utopia.fyi), created by James Gilyead and Trys Mudford, helped me implement fluid typography and spacing, which has allowed me to make this website responsive without using a single media query. The future is upon us.
|
||||
|
||||
Icons on the index page navigator section are from the [Breeze icon set](https://develop.kde.org/frameworks/breeze-icons/) made by the fine folks at [KDE](https://kde.org/).
|
||||
|
||||
If you'd like to inspect the source for this site, you can [find the repo here](https://upchur.ch/gitea/n_u/nathanupchurch.com).
|
||||
|
||||
[^1]: With contributions by Ethan Cohen, and Andy Clymer.
|
||||
[^2]: With contributions by Mirko Velimirovic.
|
||||
|
||||
@ -2,9 +2,7 @@
|
||||
layout: layouts/base.njk
|
||||
title: Nathan Upchurch | Blog
|
||||
structuredData: none
|
||||
eleventyNavigation:
|
||||
key: Blog
|
||||
order: 3
|
||||
postlistHeaderText: "What’s New:"
|
||||
---
|
||||
<h1>My personal blog.</h1>
|
||||
|
||||
@ -18,6 +16,5 @@ I write about whatever I like here, from <a href="/tags/storytime">personal stor
|
||||
<button type="button">Blogroll »</button>
|
||||
</a>
|
||||
</p>
|
||||
<h2>What’s New:</h2>
|
||||
{% set postslist = collections.posts %}
|
||||
{% include "postslist.njk" %}
|
||||
|
||||
@ -4,6 +4,10 @@ title: Nathan Upchurch | Changelog
|
||||
structuredData: none
|
||||
---
|
||||
# Changelog
|
||||
* 2025-04-08
|
||||
* Updated the [index page](/) with a new "navigator" feature, and removed the post lists for a cleaner look.
|
||||
* On the individual [tag](/tags/) pages: got rid of the big RSS logo, tweaked the text a little, added a "subscribe" button, and moved the buttons above the post list.
|
||||
* Updated the [colophon](/about/colophon/).
|
||||
* 2025-04-03
|
||||
* Added [Graphic Rage with Aubrey Hirsch](https://aubreyhirsch.substack.com/) and [Usermag](https://www.usermag.co/) to the [blogroll](/blogroll).
|
||||
* 2025-03-28
|
||||
|
||||
@ -1,8 +1,5 @@
|
||||
---
|
||||
layout: layouts/base.njk
|
||||
eleventyNavigation:
|
||||
key: Pics
|
||||
order: 4
|
||||
---
|
||||
<h1>My image galleries.</h1>
|
||||
<p class="page-block nodropcap">
|
||||
|
||||
@ -1,4 +1,7 @@
|
||||
---
|
||||
title: Nathan Upchurch
|
||||
layout: layouts/links.njk
|
||||
eleventyNavigation:
|
||||
key: Contact
|
||||
order: 3
|
||||
---
|
||||
|
||||
@ -10,41 +10,29 @@ pagination:
|
||||
- tagList
|
||||
addAllPagesToCollections: true
|
||||
layout: layouts/base.njk
|
||||
postlistHeaderText: "Latest Posts:"
|
||||
structuredData: none
|
||||
eleventyComputed:
|
||||
title: Posts tagged “{{ tag }}”
|
||||
permalink: "/tags/{{ tag | slugify }}/"
|
||||
description: A list of every post I've written tagged “{{ tag }}.”
|
||||
---
|
||||
<h1>More posts tagged “{{ tag }}.”
|
||||
<a href="/feeds/{{ tag | slugify }}.xml">
|
||||
<!-- RSS Logo -->
|
||||
<svg class="tag-feed-icon" viewBox="0 0 155 155" width="153.349" height="152.909" version="1.0" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>RSS feed for posts tagged {{tag}}.</title>
|
||||
<g transform="translate(-427.323 -373.814)">
|
||||
<ellipse
|
||||
style="opacity:1;fill-opacity:1;fill-rule:nonzero;"
|
||||
transform="matrix(.86996 0 0 .86996 135.156 330.529)"
|
||||
cx="360.357" cy="200.643" rx="24.643" ry="23.929"
|
||||
/>
|
||||
<path
|
||||
style="fill-opacity:1;fill-rule:evenodd;"
|
||||
d="m427.835 455.057-.073-30.273c64.706 3.375 100.619 49.673 101.5 101.94h-30.318c-.503-45.942-31.74-69.996-71.11-71.667z"
|
||||
/>
|
||||
<path
|
||||
style="fill-opacity:1;fill-rule:evenodd;"
|
||||
d="m428.201 404.571-.878-30.757C526.75 378.43 580 450.582 580.67 526.724l-31.197-.44c1.365-48.704-34.665-120.267-121.273-121.713Z"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
<h1>Topic: “{{ tag }}.”
|
||||
</h1>
|
||||
<p class="page-block nodropcap">Here’s everything I’ve posted tagged “{{ tag }}.” Want to be notified when I post on this topic? <a href="/feeds/{{ tag | slugify }}.xml">Subscribe to “{{ tag }}.”</a></p>
|
||||
<p class="page-block nodropcap">
|
||||
Here’s everything I’ve posted tagged “{{ tag }}.” Want to be notified when I post on this topic? Subscribe to “{{ tag }}” using the button below.<br>
|
||||
<a class="link-button" href="/tags/">
|
||||
<button type="button">
|
||||
More topics »
|
||||
</button>
|
||||
</a>
|
||||
<a class="link-button" href="/feeds/{{ tag | slugify }}.xml">
|
||||
<button type="button">
|
||||
<img src="/img/RSS.svg">
|
||||
Subscribe »
|
||||
</button>
|
||||
</a>
|
||||
</p>
|
||||
|
||||
{% set postslist = collections[ tag ] %}
|
||||
{% include "postslist.njk" %}
|
||||
<a class="link-button" href="/tags/">
|
||||
<button type="button">
|
||||
See all tags
|
||||
</button>
|
||||
</a>
|
||||
|
||||
88
public/img/icons/breeze/kstars_supernovae.svg
Normal file
88
public/img/icons/breeze/kstars_supernovae.svg
Normal file
@ -0,0 +1,88 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
viewBox="0 0 22 22"
|
||||
id="svg2"
|
||||
version="1.1"
|
||||
inkscape:version="1.4.1 (93de688d07, 2025-03-30)"
|
||||
sodipodi:docname="kstars_supernovae.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="41.5"
|
||||
inkscape:cx="11"
|
||||
inkscape:cy="11"
|
||||
inkscape:window-width="2048"
|
||||
inkscape:window-height="1080"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg2" />
|
||||
<metadata
|
||||
id="metadata12">
|
||||
<RDF>
|
||||
<Work
|
||||
rdf:about="">
|
||||
<format>image/svg+xml</format>
|
||||
<type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
</Work>
|
||||
</RDF>
|
||||
</metadata>
|
||||
<namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1360"
|
||||
inkscape:window-height="708"
|
||||
id="namedview10"
|
||||
showgrid="true"
|
||||
inkscape:zoom="21.454545"
|
||||
inkscape:cx="7.6795112"
|
||||
inkscape:cy="12.007271"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg2">
|
||||
<grid
|
||||
type="xygrid"
|
||||
id="grid4134" />
|
||||
</namedview>
|
||||
<defs
|
||||
id="defs3051">
|
||||
<style
|
||||
type="text/css"
|
||||
id="current-color-scheme">.ColorScheme-Accent { color: #3daee9; } .ColorScheme-Text { color: #fcfcfc; } </style>
|
||||
</defs>
|
||||
<path
|
||||
sodipodi:type="star"
|
||||
style="opacity:1;fill:#faf5f5;fill-opacity:1;stroke:none;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
class="ColorScheme-Text"
|
||||
id="path4136"
|
||||
sodipodi:sides="4"
|
||||
sodipodi:cx="11"
|
||||
sodipodi:cy="11"
|
||||
sodipodi:r1="9"
|
||||
sodipodi:r2="2.8284271"
|
||||
sodipodi:arg1="0"
|
||||
sodipodi:arg2="0.78539816"
|
||||
inkscape:flatsided="false"
|
||||
inkscape:rounded="0"
|
||||
inkscape:randomized="0"
|
||||
d="M 20,11 13,13 11,20 9,13 2,11 9,9 11,2 13,9 Z" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
Loading…
x
Reference in New Issue
Block a user