added page for RTH podcast

Author: davidwesst

.eleventy.js

@@ -14,9 +14,18 @@ module.exports = function (eleventyConfig) {
   eleventyConfig.addPlugin(EleventyRenderPlugin);
   eleventyConfig.addPlugin(pluginWebc, {
     components: [
-      "src/_includes/components/*.webc"
+      "src/_includes/components/*.webc",
+      "npm:@11ty/eleventy-img/*.webc"
     ]
   });
+  eleventyConfig.addPlugin(pluginImage.eleventyImagePlugin, {
+    formats: ["webp", "jpeg"],
+    urlPath: "/img/",
+    defaultAttributes: {
+      loading: "lazy",
+      decoding: "async"
+    }
+  })
 
   // custom filters
   eleventyConfig.addFilter("formatDate", (value) => {  

package-lock.json

@@ -2,7 +2,7 @@
   "name": "dw-website",
   "private": true,
   "description": "The personal and somewhat professional website for David Wesst, a.k.a. DW, a.k.a. Wessty.",
-  "version": "10.5.0",
+  "version": "10.5.1",
   "author": "David Wesst <[email protected]>",
   "homepage": "https://github.com/davidwesst/website#readme",
   "license": "MIT",
@@ -34,6 +34,7 @@
   "devDependencies": {
     "@11ty/eleventy": "^2.0.0",
     "@11ty/eleventy-fetch": "^3.0.0",
+    "@11ty/eleventy-img": "^3.1.0",
     "@11ty/eleventy-plugin-rss": "^1.2.0",
     "@11ty/eleventy-plugin-webc": "^0.11.1",
     "@azure/static-web-apps-cli": "^1.0.2",

package.json

@@ -9,7 +9,8 @@ <h1 class="site-title">David Wesst</h1>
             <a href="/blog">Blog</a>
             <a href="/events">Events</a>
             <a href="/talks">Talks</a>
-            <a href="/gamelog">Gamelog</a>
+            <!-- <a href="/gamelog">Gamelog</a> -->
+            <a href="/rememberthehuman">Remember The Human</a>
             <a href="/cocobokostudios">Cocoboko Studios</a>
         </nav>
     </div>

src/_includes/components/site-header.html

@@ -32,7 +32,7 @@
         {% endif %}
         {% if image %}
 		{% capture page_image %}
-		{% image_uri image %}
+		    {% image_uri image %}
 		{% endcapture %}
 		<meta name="image" property="og:image" content="{{ page_image | strip |  prepend: 'https://www.davidwesst.com' }}" />
 		<meta property="og:image:secure_url" content="{{ page_image | strip | prepend: 'https://www.davidwesst.com' }}" />

src/_layouts/base.html

@@ -109,8 +109,8 @@ main > *:not(dialog) {
 .hero {
   height: calc(100vh - 85px);
   display: flex;
+  flex-direction: column;
   justify-content: center;
-  align-items: center;
   text-align: left;
   color: #333;
 }

src/assets/images/rth_logo.png

@@ -0,0 +1,28 @@
+---
+layout: base.html
+permalink: /rememberthehuman/index.html
+title: REMEMBER THE HUMAN // David Wesst
+description: Homepage for Remember the Human, a podcast hosted by David Wesst, about artificial intelligence and the change it brings to the lives of people.
+---
+<header class="hero">
+    <img webc:is="eleventy-image" src="./src/assets/images/rth_logo.png" width="360" sizes="100vw" alt="Remember The Human podcast logo">
+    <h2><span class="reverse-colour">Remember the Human</span></h2>
+    <p><span class="reverse-colour">A podcast, hosted by David Wesst, about artificial intelligence and the change it brings to our day-to-day lives.</span></p>
+    <section>
+        <h3>Subscribe</h3>
+        <menu>
+            <li><a href="https://open.spotify.com/show/0ylqvEi3euRtIYR0n5T4V6" target="_blank">Spotify</a></li>
+            <li><a href="https://www.youtube.com/playlist?list=PLbTA1UhK0wKike9s5uPoxqTJ8HkdY9tzn" target="_blank">YouTube</a></li>
+            <li><a href="https://podcasts.apple.com/us/podcast/remember-the-human/id1697522062" target="_blank">Apple</a></li>
+            <li><a href="https://podcasts.google.com/feed/aHR0cHM6Ly9hbmNob3IuZm0vcy9lNWE4Nzk3MC9wb2RjYXN0L3Jzcw" target="_blank">Google Podcasts</a>
+        </menu>
+        <h3>Follow</h3>
+        <menu>
+            <li><a href="https://www.linkedin.com/company/rememberthehuman/" target="_blank">LinkedIn</a></li>
+        </menu>
+    </section>
+</header>
+
+
+
+