From c40c4cf389a4e3fa5043868146c994d0626574bf Mon Sep 17 00:00:00 2001
From: Colin <https://uninsane.org>
Date: Wed, 6 Apr 2022 00:53:31 +0000
Subject: [PATCH] inline iconography rather than relying on browser defaults

---
 sass/static/style.scss | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/sass/static/style.scss b/sass/static/style.scss
index 1592ee0..415bf79 100644
--- a/sass/static/style.scss
+++ b/sass/static/style.scss
@@ -83,8 +83,16 @@ $margin_hdr_max: $indent_hdr;
 $margin_hdr_min: 0.2rem;
 $margin_hdr_delta: $margin_hdr_max - $margin_hdr_min;
 
-$marker_title: "⤷";
-$marker_section: "➜";
+// TODO: move these into files and #include them.
+// MIT; source: https://icon-sets.iconify.design/bi/arrow-return-right/
+$icon_bootstrap_arrow_return_right: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"><path fill="currentColor" fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5z"/></svg>');
+// MIT; source: https://icon-sets.iconify.design/bi/arrow-right/
+$icon_bootstrap_arrow_right: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"><path fill="currentColor" fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/></svg>');
+// MIT; source: https://icon-sets.iconify.design/bi/arrow-bar-right/
+$icon_bootstrap_arrow_bar_right: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"><path fill="currentColor" fill-rule="evenodd" d="M6 8a.5.5 0 0 0 .5.5h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L12.293 7.5H6.5A.5.5 0 0 0 6 8zm-2.5 7a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5z"/></svg>');
+
+$marker_title: $icon_bootstrap_arrow_return_right;
+$marker_section: $icon_bootstrap_arrow_right;
 $marker_li: "⤚ ";
 
 // list of arrows: https://www.alt-codes.net/arrow_alt_codes.php
@@ -290,10 +298,12 @@ body
         h1::before
         {
             content: $marker_title;
+            font-size: 1.5rem;
 	}
         h2::before
         {
             content: $marker_section;
+            font-size: 1.5rem;
         }
         h2::after
         {