Adding page image to gallery

Melindrea · Nov 1, 2024 · 10d70cb · 10d70cb
1 parent 3fe225b
commit 10d70cb
Show file tree

Hide file tree

Showing 13 changed files with 37 additions and 26 deletions.
diff --git a/docs/assets/images/page-images/gallery.jpg b/docs/assets/images/page-images/gallery.jpg
diff --git a/docs/blog/index.html b/docs/blog/index.html
@@ -71,7 +71,7 @@ <h1 class="text-slate-300">All blog posts</h1>
             <h3>Where have I been</h3>
             <img src="/assets/images/featured-images/where-have-i-been/767.jpg" alt="Collection of steel containers of mixed sizes, several of them a bit rusty" width="767" height="256">
             <span class="text-smallcaps text-xs">Published October 30, 2024</span>
-            <p></p>
+            <p>A brief essay on how my brain works (or not), and how that affects my life.</p>
           </a></li>
           <li class="max-w-prose mb-4 pb-2 border-b-4 border-double border-slate-500 dark:border-slate-400"><a href="/blog/posts/prompt-journal/index.html">
             <h3>Prompt Journal</h3>
@@ -137,7 +137,7 @@ <h3>Tags</h3>
 </div>
   <div class="mb-2 md:text-center">
     <div class="copyright">© 2022-2024 Antonius Marie Hogebrandt, all rights reserved</div>
-    <div class="last-modified">Last updated: <time datetime="2024-10-31T13:31:08.044+01:00">October 31, 2024</time></div>
+    <div class="last-modified">Last updated: <time datetime="2024-11-01T15:28:06.719+01:00">November 1, 2024</time></div>
     </div>
   <div class="mb-2 md:text-right">
     <ul>

diff --git a/docs/blog/posts/where-have-i-been/index.html b/docs/blog/posts/where-have-i-been/index.html
@@ -16,8 +16,8 @@
         <meta property="og:title" content="Where have I been / Posts / MelindreaMakes: {art, words, crafts, thoughts, code}">
         <meta name="twitter:title" content="Where have I been / Posts / MelindreaMakes: {art, words, crafts, thoughts, code}">
 
-        <meta property="og:description" content="A buffet of options to find out more about Melindrea and who they are.">
-        <meta name="twitter:description" content="A buffet of options to find out more about Melindrea and who they are.">
+        <meta property="og:description" content="A buffet of options to find out more about Melindrea and who they are.A brief essay on how my brain works (or not), and how that affects my life.">
+        <meta name="twitter:description" content="A buffet of options to find out more about Melindrea and who they are.A brief essay on how my brain works (or not), and how that affects my life.">
 
         <meta property="og:image" content="https://melindreamakes.art/assets/images/featured-images/where-have-i-been/1464.jpg">
         <meta name="twitter:image" content="https://melindreamakes.art/assets/images/featured-images/where-have-i-been/1464.jpg">
@@ -77,7 +77,7 @@
       <article class="post-content-body">
         <header class="post-head">
           <h1>Where I have been for the last few years</h1>
-          <p class="post-abstract mb-4"></p>
+          <p class="post-abstract mb-4">A brief essay on how my brain works (or not), and how that affects my life.</p>
         </header>
 
       <p>It&#39;s possible the question posed by the title doesn&#39;t make sense to you--maybe you met me on Mastodon, and while I&#39;ve moved around some, I&#39;ve been more-or-less active there for the last few years. This, however, isn&#39;t about my social media presence, but rather about this site. I made it, wrote a few posts (and smaller updates) and then stopped updating. It&#39;s now 2024, and the copyright on my site was 22-23 ...</p>
@@ -122,7 +122,7 @@ <h3>About</h3>
 </div>
   <div class="mb-2 md:text-center">
     <div class="copyright">© 2022-2024 Antonius Marie Hogebrandt, all rights reserved</div>
-    <div class="last-modified">Last updated: <time datetime="2024-10-31T13:31:08.044+01:00">October 31, 2024</time></div>
+    <div class="last-modified">Last updated: <time datetime="2024-11-01T15:28:06.719+01:00">November 1, 2024</time></div>
     </div>
   <div class="mb-2 md:text-right">
     <ul>

diff --git a/docs/blog/tags/personal/index.html b/docs/blog/tags/personal/index.html
@@ -66,7 +66,7 @@ <h1 class="text-slate-300">Sharing my authentic self</h1>
             <h3>Where have I been</h3>
             <img src="/assets/images/featured-images/where-have-i-been/767.jpg" alt="Collection of steel containers of mixed sizes, several of them a bit rusty" width="767" height="256">
             <span class="text-smallcaps text-xs">Published October 30, 2024</span>
-            <p></p>
+            <p>A brief essay on how my brain works (or not), and how that affects my life.</p>
           </a></li>
       </ul>    
     <div class="widgets-bottom">
@@ -108,7 +108,7 @@ <h3>Tags</h3>
 </div>
   <div class="mb-2 md:text-center">
     <div class="copyright">© 2022-2024 Antonius Marie Hogebrandt, all rights reserved</div>
-    <div class="last-modified">Last updated: <time datetime="2024-10-31T13:31:08.044+01:00">October 31, 2024</time></div>
+    <div class="last-modified">Last updated: <time datetime="2024-11-01T15:28:06.719+01:00">November 1, 2024</time></div>
     </div>
   <div class="mb-2 md:text-right">
     <ul>

diff --git a/docs/colophon/index.html b/docs/colophon/index.html
@@ -146,6 +146,7 @@ <h2>Featured Images</h2>
                       specific set of rules added, a key thing is to ensure each image has the right amount of darks and lights for my theme.</p>
                   <ul>
                       <li class="list-disc list-inside">Photo on page <a href="/colophon/index.html">Colophon</a> is from photographer <a href="https://unsplash.com/photos/2vdkNvgbgno">Carmen Peñaranda</a></li>
+                      <li class="list-disc list-inside">Photo on page <a href="/gallery/index.html">Gallery</a> is from photographer <a href="https://unsplash.com/photos/woman-standing-in-front-of-paintings-iRZQjV--Z_4">kevin laminto</a></li>
                       <li class="list-disc list-inside">Photo on page <a href="/privacy-cookies/index.html">Privacy &amp; Cookies Policy</a> is from photographer <a href="https://unsplash.com/photos/a-close-up-of-a-text-on-a-piece-of-paper-NRieeIvcC4k">Abhinav Arya</a></li>
                       <li class="list-disc list-inside">Photo on post <a href="/blog/posts/where-have-i-been/index.html">Where have I been</a> is from photographer <a href="https://unsplash.com/photos/pile-of-assorted-color-steel-containers-yOblHvTdKug">Clem Onojeghuo</a></li>
                       <li class="list-disc list-inside">Photo on post <a href="/blog/posts/prompt-journal/index.html">Prompt Journal</a> is from photographer <a href="/">AMH</a></li>

diff --git a/docs/feed.rss b/docs/feed.rss
@@ -15,7 +15,7 @@
             <height>122</height>
             <width>140</width>
         </image>
-        <lastBuildDate>Fri, 01 Nov 2024 04:03:22 +0100</lastBuildDate>
+        <lastBuildDate>Fri, 01 Nov 2024 15:28:16 +0100</lastBuildDate>
         <webMaster>[email protected] (Antonius Marie Hogebrandt)</webMaster>
         <item>
             <title>Valkyia Calling</title>
@@ -29,7 +29,7 @@
             <title>Where have I been</title>
             <pubDate>Wed, 30 Oct 2024 20:46:58 +0100</pubDate>
             <guid isPermaLink="true">https://melindreamakes.art/blog/posts/where-have-i-been/index.html/</guid>
-            <description><![CDATA[<img src="https://melindreamakes.art/assets/images/featured-images/where-have-i-been/952.jpg" alt="Collection of steel containers of mixed sizes, several of them a bit rusty" width="952" height="317"><p>null</p><p>It's possible the question posed by the title doesn't make sense to you--maybe you met me on Mastodon, and while I've moved around some, I've been more-or-less active there for the last few years. This, however, isn't about my social media presence, but rather about this site. I made it, wrote a few posts (and smaller updates) and then stopped updating. It's now 2024, and the copyright on my site was 22-23 ...</p>
+            <description><![CDATA[<img src="https://melindreamakes.art/assets/images/featured-images/where-have-i-been/952.jpg" alt="Collection of steel containers of mixed sizes, several of them a bit rusty" width="952" height="317"><p>A brief essay on how my brain works (or not), and how that affects my life.</p><p>It's possible the question posed by the title doesn't make sense to you--maybe you met me on Mastodon, and while I've moved around some, I've been more-or-less active there for the last few years. This, however, isn't about my social media presence, but rather about this site. I made it, wrote a few posts (and smaller updates) and then stopped updating. It's now 2024, and the copyright on my site was 22-23 ...</p>
 <p>Well, the first (and most important) bit is that the computer I bought off of work (an old macbook on its last legs) finally crashed and I was forced to get a new computer. Since I couldn't afford a macbook (and unfortunately the art for my older images are on the dead computer), I moved to Windows, including with all the code. You know, all the code I'd developed on MacOS because there was no chance of me having a non-*nix computer? Yeah. Things broke, badly, and I decided I didn't have the energy to deal with it.</p>
 <p>Especially since I still live wih chronic pain (medication took it down from ~6-7 on a normal day to ~5 or even 4, but I have worse days still), and I got an explanation for a lot of my past concerns (why I have trouble <em>starting things</em>, why peopling seems to be harder on me than on the general person, why no one else talks about their strategies for dealing with, say, unable to get going ...): I'm autistic. At this point I have the actual diagnosis too, with lots of big words that explain so much, at least to me.</p>
 <h3 id="whats-next">What's next?</h3>

diff --git a/docs/gallery/index.html b/docs/gallery/index.html
@@ -9,18 +9,18 @@
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <title>Gallery / MelindreaMakes: {art, words, crafts, thoughts, code}</title>
-        <meta name="description" content="My art in an easy-to-view format">
+        <meta name="description" content="my art in an easy-to-view format">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <link rel="canonical" href="https://melindreamakes.art/gallery/">
 
         <meta property="og:title" content="Gallery / MelindreaMakes: {art, words, crafts, thoughts, code}">
         <meta name="twitter:title" content="Gallery / MelindreaMakes: {art, words, crafts, thoughts, code}">
 
-        <meta property="og:description" content="My art in an easy-to-view format">
-        <meta name="twitter:description" content="My art in an easy-to-view format">
+        <meta property="og:description" content="my art in an easy-to-view format">
+        <meta name="twitter:description" content="my art in an easy-to-view format">
 
-        <meta property="og:image" content="https://melindreamakes.art/assets/images/site-image.jpg">
-        <meta name="twitter:image" content="https://melindreamakes.art/assets/images/site-image.jpg">
+        <meta property="og:image" content="https://melindreamakes.art/assets/images/page-images/gallery.jpg">
+        <meta name="twitter:image" content="https://melindreamakes.art/assets/images/page-images/gallery.jpg">
 
         <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
@@ -56,9 +56,14 @@
  </nav>
  </header>
 <main>
+   <style>
+       .page-header {
+           background-image: url('/assets/images/page-images/gallery.jpg')
+       }
+   </style>
    <header class="page-header mb-2 p-2 md:p-4 lg:p-8 bg-slate-700 h-50 md:h-132 lg:h-159 xl:h-202 2xl:h-244">
        <h1 class="text-slate-300">Art and artwork</h1>
-       <p class="max-w-prose mb-2 text-slate-300 border-b">My art in an easy-to-view format</p>
+       <p class="max-w-prose mb-2 text-slate-300 border-b">my art in an easy-to-view format</p>
    </header>
 <section class="content">
     <ul id="js-gallery">
@@ -577,7 +582,7 @@ <h4 class="text-slate-300 text-xl">Modern Valkyria <small class="italic">©2022<
 </div>
   <div class="mb-2 md:text-center">
     <div class="copyright">© 2022-2024 Antonius Marie Hogebrandt, all rights reserved</div>
-    <div class="last-modified">Last updated: <time datetime="2024-10-31T13:27:47.030+01:00">October 31, 2024</time></div>
+    <div class="last-modified">Last updated: <time datetime="2024-11-01T15:27:20.317+01:00">November 1, 2024</time></div>
     </div>
   <div class="mb-2 md:text-right">
     <ul>

diff --git a/docs/sitemap.xml b/docs/sitemap.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
 <url> <loc>https://melindreamakes.art/colophon/</loc> <lastmod>2024-10-30</lastmod> </url>
-<url> <loc>https://melindreamakes.art/gallery/</loc> <lastmod>2024-10-31</lastmod> </url>
+<url> <loc>https://melindreamakes.art/gallery/</loc> <lastmod>2024-11-01</lastmod> </url>
 <url> <loc>https://melindreamakes.art/</loc> <lastmod>2024-10-30</lastmod> </url>
 <url> <loc>https://melindreamakes.art/privacy-cookies/</loc> <lastmod>2024-11-01</lastmod> </url>
 <url> <loc>https://melindreamakes.art/updates/begone-google-fonts/</loc> <lastmod>2024-10-30</lastmod> </url>
@@ -17,7 +17,7 @@
 <url> <loc>https://melindreamakes.art/blog/tags/artwork/</loc> <lastmod>2024-10-30</lastmod> </url>
 <url> <loc>https://melindreamakes.art/blog/tags/geek/</loc> <lastmod>2024-10-30</lastmod> </url>
 <url> <loc>https://melindreamakes.art/blog/tags/how-to/</loc> <lastmod>2024-10-30</lastmod> </url>
-<url> <loc>https://melindreamakes.art/blog/tags/personal/</loc> <lastmod>2024-10-31</lastmod> </url>
+<url> <loc>https://melindreamakes.art/blog/tags/personal/</loc> <lastmod>2024-11-01</lastmod> </url>
 <url> <loc>https://melindreamakes.art/blog/tags/writing/</loc> <lastmod>2024-10-30</lastmod> </url>
 <url> <loc>https://melindreamakes.art/blog/tags/dymphna/</loc> <lastmod>2024-10-30</lastmod> </url>
 <url> <loc>https://melindreamakes.art/blog/tags/automation/</loc> <lastmod>2024-10-30</lastmod> </url>
@@ -27,11 +27,11 @@
 <url> <loc>https://melindreamakes.art/blog/tags/kofi/</loc> <lastmod>2024-10-30</lastmod> </url>
 <url> <loc>https://melindreamakes.art/blog/tags/for-sale/</loc> <lastmod>2024-10-30</lastmod> </url>
 <url> <loc>https://melindreamakes.art/blog/tags/printable/</loc> <lastmod>2024-10-30</lastmod> </url>
-<url> <loc>https://melindreamakes.art/blog/posts/where-have-i-been/</loc> <lastmod>2024-10-31</lastmod> </url>
+<url> <loc>https://melindreamakes.art/blog/posts/where-have-i-been/</loc> <lastmod>2024-11-01</lastmod> </url>
 <url> <loc>https://melindreamakes.art/blog/posts/prompt-journal/</loc> <lastmod>2024-10-30</lastmod> </url>
 <url> <loc>https://melindreamakes.art/blog/posts/social-media-integration/</loc> <lastmod>2024-10-30</lastmod> </url>
 <url> <loc>https://melindreamakes.art/blog/posts/saint-dymphna/</loc> <lastmod>2024-10-30</lastmod> </url>
 <url> <loc>https://melindreamakes.art/blog/posts/new-site/</loc> <lastmod>2024-10-30</lastmod> </url>
-<url> <loc>https://melindreamakes.art/blog/</loc> <lastmod>2024-10-31</lastmod> </url>
+<url> <loc>https://melindreamakes.art/blog/</loc> <lastmod>2024-11-01</lastmod> </url>
 <url> <loc>https://melindreamakes.art/updates/</loc> <lastmod>2024-10-30</lastmod> </url>
 </urlset>
diff --git a/images/page-images/gallery.jpg b/images/page-images/gallery.jpg
diff --git a/package.json b/package.json
@@ -13,7 +13,8 @@
         "test": "echo \"Error: no test specified\" && exit 1",
         "server": "cd docs && python -m http.server 8000",
         "minify:css": "postcss build/assets/css/style.css > build/assets/css/style.min.css && rm build/assets/css/style.css",
-        "prebuild": "python bin/images.py -f images.config.json && npm run favicons:update",
+        "prebuild_old": "python bin/images.py -f images.config.json && npm run favicons:update",
+        "prebuild": "python bin/images.py -f images.config.json",
         "build": "set NODE_ENV=prod && node metalsmith.js",
         "dev": "node metalsmith.js",
         "cypress:open": "cypress open",

diff --git a/posts.json b/posts.json
@@ -1,14 +1,14 @@
 {
     "where-have-i-been": {
         "title": "Where have I been",
-        "summary": null,
+        "summary": "A brief essay on how my brain works (or not), and how that affects my life.",
         "link": "https://melindreamakes.art/blog/posts/where-have-i-been/index.html/",
         "image": {
             "description": "Collection of steel containers of mixed sizes, several of them a bit rusty",
             "path": "/assets/images/featured-images/where-have-i-been/1464.jpg"
         },
         "stats": {
-            "modified": "2024-10-31T12:31:08.044Z",
+            "modified": "2024-11-01T14:28:06.719Z",
             "published": "2024-10-30T19:46:58.557Z"
         },
         "pushed": false

diff --git a/src/blog/where-i-have-been.md b/src/blog/where-i-have-been.md
@@ -1,7 +1,7 @@
 ---
 title: Where have I been
 header: Where I have been for the last few years 
-abstract: 
+abstract: A brief essay on how my brain works (or not), and how that affects my life.
 image:
     description: Collection of steel containers of mixed sizes, several of them a bit rusty
     source: https://unsplash.com/photos/pile-of-assorted-color-steel-containers-yOblHvTdKug

diff --git a/src/gallery.md b/src/gallery.md
@@ -1,12 +1,16 @@
 ---
 title: Gallery
 header: Art and artwork
-description: My art in an easy-to-view format
+description: my art in an easy-to-view format
 layout: gallery.hbs
 stylesheets:
     - lightgallery
 javascript:
     - lightgallery.min
+image:
+    slug: gallery.jpg
+    source: https://unsplash.com/photos/woman-standing-in-front-of-paintings-iRZQjV--Z_4
+    creator: kevin laminto
 ---