make publishable to NPM

Makefile

@@ -1,3 +1,4 @@
+VERSION=$(shell jq -r .version package.json)
 
 all: index.html
 
@@ -5,6 +6,6 @@ clean:
 	rm -f index.html
 
 index.html: index.md template.html Makefile
-	pandoc --toc -s --css reset.css --css index.css -i $< -o $@ --template=template.html
+	pandoc --toc -s --css reset.css --css index.css -Vversion=v$(VERSION) -i $< -o $@ --template=template.html
 
 .PHONY: all clean

index.html

@@ -18,7 +18,7 @@
       <span class="subtitle">A minimalist design exploration</span>
     </td>
     <th>Version</th>
-    <td class="width-min">v0.1.1</td>
+    <td class="width-min">v0.1.2</td>
   </tr>
   <tr>
     <th>Updated</th>
@@ -61,7 +61,7 @@ responsive, shrinking in character-sized steps. Standard elements should
 <em>just work</em>, at least that’s the goal. It’s semantic HTML,
 rendered as if we were back in the 70s.</p>
 <p>All right, but is this even a good idea? It’s a technical and
-creative challenge and I like the aesthetic. If you’d like to use it,
+creative challenge and I like the aestethic. If you’d like to use it,
 feel free to fork or copy the bits you need, respecting the license. I
 might update it over time with improvements and support for more
 standard elements.</p>
@@ -203,10 +203,11 @@ Save
 name <input type="text" placeholder="Text goes here..." /></label>
 <label>Age <input type="text" value="30" /></label>
 </form>
+<p>And radio buttons:</p>
 <form class="grid">
-<label><input name="radio" type="radio" /> One</label>
-<label><input name="radio" type="radio" /> Two</label>
-<label><input name="radio" type="radio" /> Three</label>
+<label><input name="radio" type="radio" /> Option #1</label>
+<label><input name="radio" type="radio" /> Option #2</label>
+<label><input name="radio" type="radio" /> Option #3</label>
 </form>
 <h2 id="grids">Grids</h2>
 <p>Add the <code>grid</code> class to a container to divide up the

index.md

@@ -6,7 +6,6 @@ author-url: "https://wickstrom.tech"
 date: 2024-08-26
 lang: en
 toc-title: Contents
-version: v0.1.2
 ---
 
 ## Introduction

package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@owickstrom/the-monospace-web",
+  "version": "0.1.2",
+  "description": " A minimalist design exploration",
+  "main": "index.css",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/owickstrom/the-monospace-web.git"
+  },
+  "keywords": [
+    "css"
+  ],
+  "author": "Oskar Wickström",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/owickstrom/the-monospace-web/issues"
+  },
+  "homepage": "https://github.com/owickstrom/the-monospace-web#readme"
+}