diff --git a/assets/scss/_main.scss b/assets/scss/_main.scss
index 9896f5f2..fa750dee 100644
--- a/assets/scss/_main.scss
+++ b/assets/scss/_main.scss
@@ -232,10 +232,13 @@ article, section {
max-width: 100%;
}
}
- video, img {
+ video, img, svg {
max-width: 100%;
max-height: 50vh;
}
+ svg {
+ width: 100%;
+ }
}
.postcard {
diff --git a/assets/scss/_single.scss b/assets/scss/_single.scss
index 4a6aea4e..9d14ecb8 100644
--- a/assets/scss/_single.scss
+++ b/assets/scss/_single.scss
@@ -78,7 +78,7 @@
}
}
- &-content svg, &-info svg {
+ .reference-to svg, &-info svg {
display: inline-block;
height: 1em;
vertical-align: -0.125em;
diff --git a/content/bookmarks/a-4d-political-compass/atlas-pragmatica-inward-compass.png b/content/bookmarks/a-4d-political-compass/atlas-pragmatica-inward-compass.png
deleted file mode 100644
index 7840e616..00000000
Binary files a/content/bookmarks/a-4d-political-compass/atlas-pragmatica-inward-compass.png and /dev/null differ
diff --git a/content/bookmarks/a-4d-political-compass/atlas-pragmatica-inward-compass.svg b/content/bookmarks/a-4d-political-compass/atlas-pragmatica-inward-compass.svg
new file mode 100644
index 00000000..365625d6
--- /dev/null
+++ b/content/bookmarks/a-4d-political-compass/atlas-pragmatica-inward-compass.svg
@@ -0,0 +1,36 @@
+
\ No newline at end of file
diff --git a/content/bookmarks/a-4d-political-compass/index.md b/content/bookmarks/a-4d-political-compass/index.md
index bbc57685..a5719718 100644
--- a/content/bookmarks/a-4d-political-compass/index.md
+++ b/content/bookmarks/a-4d-political-compass/index.md
@@ -14,7 +14,9 @@ references:
to meme-fodder. This popularised version of …
summary: A friend explores some changes and additions to their favourite political compass.
---
-A friend explores some changes and additions to their favourite political compass. Changes I _really_ like! I certainly plan on spending some time thinking about a 3D version that popped itself into my head as I was reading. (Because everyone needs their own version of the political compass 😅)
+A friend explores some changes and additions to their favourite political compass. Changes I _really_ like! I particularly appreciate that it shows (what I see as) real and understandable motivation for each of the directions and places upon it; it's relatable to consider someone operating in both a "thriving" or "surviving" mindset, similarly I can understand an "obliged" mindset as much as I can an "atomised" one. I firmly believe that _good_ political outcomes derive from being able to _understand_ those who disagree with you, and this helps!
+
+I certainly plan on spending some time thinking about a 3D version that popped itself into my head as I was reading. (Because everyone needs their own version of the political compass 😅)
### Highlights
@@ -46,7 +48,7 @@ This seems like an excellent choice.
> My take on the political compass therefore looks like this:
-{{< figure alt="A square balanced on its border with four quadrants separated again into three rings from centre outwards. Centrist sits at the centre, with Nationalist above, and Fascist at the upward extreme. To the right beyond centrist is Corporatist then Feudalist. Downwards has Liberal then Anarchist. Finally leftward is Socialist then Communist." caption="Atlas Pragmatica’s political compass (CC BY-SA 4.0)" src="./atlas-pragmatica-inward-compass.png" >}}
+{{< figure alt="A square balanced on its border with four quadrants separated again into three rings from centre outwards. Centrist sits at the centre, with Nationalist above, and Fascist at the upward extreme. To the right beyond centrist is Corporatist then Feudalist. Downwards has Liberal then Anarchist. Finally leftward is Socialist then Communist." caption="My own (SVG) replica of Atlas Pragmatica’s “inward” political compass. Yes, it works in both dark and light modes and yes, it took much longer to make than I'd care to admit… (CC BY-SA 4.0)" src="./atlas-pragmatica-inward-compass.svg" >}}
---
diff --git a/layouts/shortcodes/figure.html b/layouts/shortcodes/figure.html
index be9f007b..0e15f27e 100644
--- a/layouts/shortcodes/figure.html
+++ b/layouts/shortcodes/figure.html
@@ -2,13 +2,17 @@
{{- if .Get "link" -}}
{{- end }}
-
+ {{ if eq (path.Ext (.Get "src")) ".svg" }}
+ {{ readFile (path.Join $.Page.File.Dir (.Get "src")) | safeHTML }}
+ {{ else }}
+
+ {{ end }}
{{- if .Get "link" }}{{ end -}}
{{- if or (or (.Get "title") (.Get "caption")) (.Get "attr") -}}