move static images to page resources

assets/scss/components/intro.scss

@@ -6,7 +6,7 @@
 	padding: 0;
 	display: flex;
 	flex: 1;
-	background-image: url('/images/backgrounds/ffflux1.svg');
+	background-image: url('/images/backgrounds/ffflux1.png');
 	background-size: cover;
 	background-position: center;
 	.container {

content/code/salatime/index.md

@@ -7,6 +7,15 @@ tags = ["python", "web scraping", "scraping", "beautifulsoup", "salat", "prayer"
 categories = ["Code"]
 +++
 
+<aside style="background: #ffcccc; padding: 1em; border-left: 4px solid red;">
+<p style="font-weight: bold; display: flex; align-items: center; gap: 0.5em;">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width=20 height=20>
+  <path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM8.28 7.22a.75.75 0 0 0-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 1 0 1.06 1.06L10 11.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L11.06 10l1.72-1.72a.75.75 0 0 0-1.06-1.06L10 8.94 8.28 7.22Z" clip-rule="evenodd" />
+</svg>
+This no longer works.</p>
+<p>The web service that was providing the source data is now unavailable.</p>
+</aside>
+
 ## The problem
 
 While working in a terminal environment, I would like to know what the current active prayer is, how much time I have left to pray, time to next prayer, and other such information.

content/work/go-fed/index.html

@@ -11,7 +11,7 @@ tags = ["go-fed", "redesign", "website", "web", "responsive"]
 categories = ["Work", "Design"]
 [[resources]]
 name = "cover"
-src = "/images/cover/go-fed.png"
+src = "new-1280-home1.png"
 +++
 
 
@@ -485,4 +485,4 @@ if(hashData.pid && hashData.gid) {
 // execute above function
 initPhotoSwipeFromDOM('.pswp-gallery');
 
-</script>
+</script>

content/work/mastodon/index.html

@@ -441,7 +441,7 @@ categories = ["Work"]
 	<section class="section" id="cta">
 		<div class="container">
 			<h2 class="title">Maybe you'd appreciate me doing something similar for you?</h2>
-			<img src="/images/cover/mastodocs.jpg" alt="Mastodon documentation landing page" width=1280 height=720>
+			<img src="mastodocs.jpg" alt="Mastodon documentation landing page" width=1280 height=720>
 			<div class="buttons">
 				<a href="https://docs.joinmastodon.org" class="demo secondary button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" width=16>
 						<path fill="currentColor" d="M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z" />

layouts/code/single.html

@@ -5,6 +5,7 @@
 			<div class="container">
 				<h1 class="page-title">{{ .Title }}</h1>
 				<p class="page-summary">{{.Summary}}</p>
+				<p class="page-date">Published <time datetime='{{.Date.UTC.Format "2006-01-02T03:04:05Z"}}'>{{.Date.Format "2006-01-02"}}</time></p>
 				{{ with .Resources.GetMatch "cover**" }}
 				<img src="{{.RelPermalink}}">
 				{{ end }}