Switch to new Atkinson Hyperlegible, fix footnote formatting, add vscode shortcodes, fix font preloading

Author: gamingrobot

.vscode/shortcodes.code-snippets

@@ -0,0 +1,39 @@
+{
+	// Place your doingstuff.dev workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
+	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
+	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
+	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
+	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
+	// Placeholders with the same ids are connected.
+	// Example:
+	// "Print to console": {
+	// 	"scope": "javascript,typescript",
+	// 	"prefix": "log",
+	// 	"body": [
+	// 		"console.log('$1');",
+	// 		"$2"
+	// 	],
+	// 	"description": "Log output to console"
+	// }
+	"img": {
+		"scope": "markdown,jinja-md",
+		"prefix": ["img"],
+		"body": ["{{ img(src=\"$1\", alt=\"$2\" link=\"$3\") }}"],
+		"description": "Image"
+	},
+	"video": {
+		"scope": "markdown,jinja-md",
+		"prefix": ["video"],
+		"body": ["{{ video(src=\"$1\") }}"],
+		"description": "Video"
+	},
+	"callout": {
+		"scope": "markdown,jinja-md",
+		"prefix": ["call","callout","danger","info","tip","warning"],
+		"body": ["{% ${1|info,tip,warning,danger|}() %}",
+				"$2",
+				"{% end %}"],
+		"description": "Callout"
+	}
+
+}

content/posts/home-assistant-dashboard-tablet/index.md

@@ -70,7 +70,7 @@ KDE Plasma 6 with the Maliit keyboard gave me the best tablet mode and on-screen
 5. Reboot
 
 {% warning() %}
-When installing you might want leave the Recovery Partition. I removed it and the ThinkPad Tablet Setup broke.
+When installing you should leave the Recovery Partition. I removed it and the ThinkPad Tablet Setup broke.
 {% end %}
 
 ## After installation

content/posts/homelab-switching-salt-to-ansible.md

@@ -118,7 +118,7 @@ The roles folder structure is verbose but only requires the folders you use.
 
 The largest complaint I saw about Ansible was how slow it was compared to Salt. I saw speeds similar to Salt with this additional configuration:
 
-```toml
+```ini
 [defaults]
 strategy = free # don't block on each host per task
 [ssh_connection]

content/posts/reaper-midi-unreal-engine/index.md

@@ -9,9 +9,12 @@ tags = ["Music"]
 hide_toc = true
 +++
 
-How to setup Reaper to send MIDI to Unreal Engine. If you are looking to use OSC instead, take a look at [daw-out](https://github.com/gamingrobot/daw-out).
+How to setup Reaper to send MIDI to Unreal Engine. 
 
 <!-- more -->
+{% info() %}
+If you are looking to use OSC instead, take a look at [daw-out](https://github.com/gamingrobot/daw-out).
+{% end %}
 
 ## Setting up Reaper
 

content/posts/test/index.md

@@ -11,10 +11,6 @@ mermaid = true
 +++
 
 # Markdown: Syntax
-
-**Note:** This document is itself written using Markdown; you
-can [see the source for it by adding '.text' to the URL](/projects/markdown/syntax.text).
-
 ----
 
 ## Overview

themes/doingstuff-zola/sass/doingstuff/_base.scss

@@ -242,3 +242,13 @@ a {
 footer {
 	margin-bottom: 2rem;
 }
+
+.footnote-definition {
+	p:first-of-type {
+		display: inline-block;
+		margin: 0;
+	}
+	p {
+		margin: 0 0 0 .8rem;
+	}
+}

themes/doingstuff-zola/sass/doingstuff/_variables.scss

@@ -18,7 +18,7 @@ $cyan: #75b5aa;
 $blue: #167bc2;
 $brown: #8f5536;
 
-$root-font-family: "InterVariable", system-ui, sans-serif;
+$root-font-family: 'Atkinson Hyperlegible Next', system-ui, sans-serif;
 
 // poole's variables
 $root-font-size: 1rem;
@@ -41,7 +41,7 @@ $small-device-font-size: $root-font-size;
 $large-device-font-size: $large-font-size;
 
 // https://github.com/system-fonts/modern-font-stacks
-$code-font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
+$code-font-family: 'Atkinson Hyperlegible Mono', ui-monospace, monospace;
 $code-font-size: .9rem;
 $code-fence-font-size: .8rem;
 //$code-color: #bf616a;

themes/doingstuff-zola/sass/fonts.scss

@@ -1,17 +1,13 @@
-/*! InterVariable */
 @font-face {
-    font-family: InterVariable;
-    font-style: normal;
-    font-weight: 100 900;
-    font-display: swap;
-    src: url('fonts/inter/InterVariable.woff2') format('woff2');
+  font-family: "Atkinson Hyperlegible Next";
+  src: url("fonts/atkinson/AtkinsonHyperlegibleNext-VariableFont.ttf") format("truetype");
+  font-display: block;
+  font-weight: 200 800;
 }
 
-/* Not Required */
-// @font-face {
-//     font-family: InterVariable;
-//     font-style: italic;
-//     font-weight: 100 900;
-//     font-display: swap;
-//     src: url('fonts/inter/InterVariable-Italic.woff2') format('woff2');
-// }
+@font-face {
+  font-family: "Atkinson Hyperlegible Mono";
+  src: url("fonts/atkinson/AtkinsonHyperlegibleMono-VariableFont.ttf") format("truetype");
+  font-display: block;
+  font-weight: 200 800;
+}