let's see how we go...

src/index.html

@@ -0,0 +1,29 @@
+---
+description: "This is me saying hello to the world"
+image: "/images/robert-pearce-UwHN0jU_YqQ-unsplash-800w.jpg"
+lang: "en"
+stylesheet: "default"
+title: "Hello, world!"
+---
+
+<header>
+  <h1 class="ffs fs fs40">Hello, world!</h1>
+  <img
+    alt="A woman sitting on a bench amongst trees at the end of a boardwalk leading to a pond with mountains in the background"
+    src="/images/robert-pearce-UwHN0jU_YqQ-unsplash-800w.jpg"
+    style="max-width:500px;"
+  />
+</header>
+<main>
+  <section>
+    <h2 class="ffs fs fs32">Blog Posts</h2>
+    <ul>
+      $for(posts)$
+        <li>
+          <div><a href="$url$" class="ffss fs fs18">$title$</a></div>
+          <small class="ffss fs fs14">$date$</small>
+        </li>
+      $endfor$
+    </ul>
+  </section>
+</main>