add imgs to pages

content/pages/About.md

@@ -3,18 +3,19 @@ Author: Matt Gibson
 Summary:  I am a software and machine learning developer in Sydney, NSW, Australia. I like computing, data, machine learning and cooking. 
 Save_as: about.html
 
+![A bad photo of me in my darkest days]({attach}../images/me_bad.png)
 
-
+<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdw2dfyAgW_CbI9CoJfZ2dUKom718nER47I1LyXezAqYSCsaw/viewform?embedded=true" width="640" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
 <!-- Save_as: index.html -->
 
 I am a software and machine learning developer in [Sydney](http://en.wikipedia.org/wiki/Sydney), NSW, Australia. I like [computing](https://en.wikipedia.org/wiki/MOS_Technology_6502), [data](https://search.r-project.org/CRAN/refmans/vcd/html/HorseKicks.html), [machine learning](https://pytorch.org/) and [cooking](https://web.archive.org/web/20160210065535/http://www.seriouseats.com/the-food-lab/?ref=nav_main). I'm delighted by the scientific enterprise which allows us ["to see a World in a Grain of Sand"](https://www.poetryfoundation.org/poems/43650/auguries-of-innocence). 
 
 I'm also quite keen on gibbons 🐒.
 
-I acknowledge and pay my respects to the Traditional Custodians of the land on which I work and live, and their elders past and present. Sovereignty was never ceded. 
+I acknowledge and pay my respects to Gadigal and Wangal people of the Eora nation, the Traditional Custodians of the land on which I work and live, and their elders past and present. Sovereignty was never ceded. 
 
 ## About Website 
-This second version of my homepage hosted by [Github Pages](https://docs.github.com/en/pages), [DNS with Cloudflare](https://www.cloudflare.com/) and created using [Pelican](https://github.com/getpelican/pelican).
+This second version of my homepage hosted by [Github Pages](https://docs.github.com/en/pages), [CDN, DNS, and Analytics with Cloudflare](https://www.cloudflare.com/), image compression with [squoosh.app](https://squoosh.app/) and [oxiPNG](https://github.com/shssoichiro/oxipng) and created using [Pelican](https://github.com/getpelican/pelican).
 
 
 

content/pages/CV.md

@@ -1,10 +1,11 @@
 Title: CV
 Author: Matt Gibson
-Summary: Experienced professional always open to opportunities. Ph.D. in Computer Vision and Machine Learning with practical experience.
+Summary: Experienced professional open to opportunities. Ph.D. in Computer Vision and Machine Learning with practical experience.
 Save_as: cv.html
 
+![A bad photo of me in my darkest days]({attach}../images/vanitas_detail.png)
 
-Looking for work. My email can be found on my github commits.
+My email can be found on my github commits.
 
 ## Experience
 

content/pages/Index.md

@@ -4,6 +4,61 @@ Summary: Experienced professional always open to opportunities. Ph.D. in Compute
 Save_as: index.html
 Template: homepage
 
+
+
 👋 hi there, thanks for visiting. My name is Matt and I am a software / machine learning person in Sydney. I am an irregular blogger, this is mostly to order my thoughts. 
 
+![Detail from Anni Albers]({attach}../images/anni_albers_detail.png)
+
+
+  <form id="subscribeInfo" class="notice" >
+  <p>Crave tepid content? Subscribe to my monthly newsletter below! <small>It's just the blog</small></p>
+    <fieldset id="formCtrls">
+      <label for="email">Email</label>
+        <input id="email" name="email" type="email" autocomplete="email" placeholder="[email protected]" required />
+      <button value="Submit" type="submit" >Submit</button>
+    </fieldset>
+      <div id="messageDiv"></div>
+  </form>
+
+<script>
+const form = document.querySelector("#subscribeInfo");
+const messageDiv = document.querySelector("#messageDiv");
+const formCtrls = document.querySelector("#formCtrls");
+async function sendData() {
+  // Associate the FormData object with the form element
+  const formData = new FormData(form);
+  formCtrls.setAttribute("disabled", "disabled")
+  messageDiv.innerHTML = "Sending...";
+  try {
+    const response = await fetch('https://contact-list-api.matthew-gibson.workers.dev/submit', {
+      method: "POST",
+      // Set the FormData instance as the request body
+      body: formData,
+    });
+    console.log("fetch response", await response.json());
+    if (response.ok) {
+      console.log("response ok", response);
+      messageDiv.innerHTML = "Thanks for subscribing!";
+      formCtrls.style.display = "none";
+    } else {
+      console.log("response bad", response.status);
+
+      messageDiv.innerHTML = "Uh oh, something went wrong with request, maybe shoot me an email? ";
+
+    }
+  } catch (e) {
+    console.error(e);
+    messageDiv.innerHTML = "Uh oh, something went wrong!";
+  }
+}
+
+// Take over form submission
+form.addEventListener("submit", (event) => {
+  event.preventDefault();
+  sendData();
+});
+</script>
+
+
 The most recent mid content I wrote: 

themes/my-basic/templates/homepage.html

@@ -22,10 +22,12 @@ <h1>{{ page.title }}</h1>
 
     {{ page.content }}
     <dl>
-    {% for article in dates[:4] %}
-        <dt>{{ article.locale_date }}</dt>
-        <dd><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></dd>
-    {% endfor %}
+    <ul>
+    {% for article in dates[:4] -%}
+        <li><dt>{{ article.date.strftime('%Y-%m-%d') }}</dt><dd><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></dd>
+        </li>
+    {%- endfor %}
+    </ul>
     </dl>
 
     </article>

themes/my-basic/templates/index.html

@@ -1,27 +1,28 @@
 {% extends "base.html" %}
 {% block content %}
   {% block content_title %}
-  <h1>All Blog posts</h1>
+  <h2>All articles</h2>
   {% endblock %}
 
 
-  {% for article in articles %}
-  <article>
-    <header>
-      <h3><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{
-          article.title }}</a></h3>
-    </header>
-    <section>{{ article.summary }}</section>
-    <footer>
-      <p>Published: <time datetime="{{ article.date.isoformat() }}"> {{ article.locale_date }} </time></p>
-      <address>By
-        {% for author in article.authors %}
-        <a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
-        {% endfor %}
-      </address>
-    </footer>
-  </article>
-  {% endfor %}
+{% for article in articles %}
+<article>
+  <header>
+    <h3><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{
+        article.title }}</a></h3>
+      <span> <address>{% for author in article.authors +%}{{ author|safe }}{% endfor +%} </address> | <time datetime="{{ article.date.isoformat() }}"> {{ article.locale_date }} </time></span>
+  </header>
+  <section>{{ article.summary }}  <a href="{{ SITEURL }}/{{ article.url }}"> More </a></section>
+  <!-- <footer>
+    <p>Published: <time datetime="{{ article.date.isoformat() }}"> {{ article.locale_date }} </time></p>
+    <address>By
+      {% for author in article.authors %}
+      <a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
+      {% endfor %}
+    </address>
+  </footer> -->
+</article>
+{% endfor %}
 
 {% if articles_page.has_other_pages() %}
 {% include 'pagination.html' %}