From d0e7f43601e90229b95191a1cdc85039e233b622 Mon Sep 17 00:00:00 2001
From: Zach Berwaldt <zberwaldt@tutamail.com>
Date: Mon, 9 Oct 2023 21:08:24 -0400
Subject: add icons, refine styles, update layouts

---
 assets/Darkmode.svg  | 12 ++++++++++++
 assets/Lightmode.svg | 39 +++++++++++++++++++++++++++++++++++++++
 assets/css/main.css  |  6 ++++++
 3 files changed, 57 insertions(+)
 create mode 100755 assets/Darkmode.svg
 create mode 100755 assets/Lightmode.svg

(limited to 'assets')

diff --git a/assets/Darkmode.svg b/assets/Darkmode.svg
new file mode 100755
index 0000000..e6d13b6
--- /dev/null
+++ b/assets/Darkmode.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-218,-222)">
+        <g id="Darkmode" transform="matrix(1,0,0,1,218,222)">
+            <rect x="0" y="0" width="200" height="200" style="fill:none;"/>
+            <g transform="matrix(1,0,0,1,-218,-222)">
+                <path d="M365.271,362.102C353.894,375.496 336.932,384 318,384C283.781,384 256,356.219 256,322C256,293.05 275.885,268.708 302.729,261.898C303.974,261.582 306.224,261.239 309.047,260.973C313.025,260.577 316.857,262.591 318.786,266.093C320.716,269.595 320.372,273.91 317.913,277.061C316.807,278.445 315.809,279.915 314.908,281.449C311.365,287.481 309.333,294.505 309.333,302C309.333,324.445 327.555,342.667 350,342.667C351.04,342.667 352.072,342.628 353.092,342.551C355.017,342.406 356.904,342.127 358.744,341.723C362.735,340.836 366.862,342.48 369.15,345.867C371.437,349.255 371.42,353.697 369.107,357.068C367.92,358.817 366.636,360.495 365.271,362.102ZM288.511,294.008C281.585,301.301 277.333,311.158 277.333,322C277.333,344.445 295.555,362.667 318,362.667C322.27,362.667 326.387,362.007 330.255,360.784C305.705,352.531 288,329.317 288,302C288,299.292 288.174,296.625 288.511,294.008Z"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/assets/Lightmode.svg b/assets/Lightmode.svg
new file mode 100755
index 0000000..f4c4319
--- /dev/null
+++ b/assets/Lightmode.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,0,-221)">
+        <g id="Lightmode" transform="matrix(1,0,0,1,0,221)">
+            <rect x="0" y="0" width="200" height="200" style="fill:none;"/>
+            <g transform="matrix(1,0,0,1,0,-221)">
+                <path d="M100,259C134.219,259 162,286.781 162,321C162,355.219 134.219,383 100,383C65.781,383 38,355.219 38,321C38,286.781 65.781,259 100,259ZM100,280.333C77.555,280.333 59.333,298.555 59.333,321C59.333,343.445 77.555,361.667 100,361.667C122.445,361.667 140.667,343.445 140.667,321C140.667,298.555 122.445,280.333 100,280.333Z"/>
+            </g>
+            <g transform="matrix(1,0,0,1,-40,-249)">
+                <path d="M140,287C174.219,287 202,314.781 202,349C202,383.219 174.219,411 140,411C105.781,411 78,383.219 78,349C78,314.781 105.781,287 140,287ZM140,308.333C117.555,308.333 99.333,326.555 99.333,349C99.333,371.445 117.555,389.667 140,389.667C162.445,389.667 180.667,371.445 180.667,349C180.667,326.555 162.445,308.333 140,308.333Z" style="fill:none;"/>
+            </g>
+            <g transform="matrix(1.00049,-0.00710059,-0.00710059,1.10296,1.86158,-247.993)">
+                <path d="M89.157,243.55C89.12,238.213 93.866,233.91 99.751,233.948C105.635,233.985 110.443,238.35 110.481,243.688L110.61,261.822C110.648,267.159 105.901,271.462 100.017,271.424C94.132,271.386 89.324,267.022 89.286,261.684L89.157,243.55Z"/>
+            </g>
+            <g transform="matrix(0.712474,0.702432,-0.78493,0.774889,276.674,-215.462)">
+                <path d="M89.157,243.55C89.12,238.213 93.866,233.91 99.751,233.948C105.635,233.985 110.443,238.35 110.481,243.688L110.61,261.822C110.648,267.159 105.901,271.462 100.017,271.424C94.132,271.386 89.324,267.022 89.286,261.684L89.157,243.55Z"/>
+            </g>
+            <g transform="matrix(0.00710059,1.00049,-1.10296,-0.00710059,447.993,1.86158)">
+                <path d="M89.157,243.55C89.12,238.213 93.866,233.91 99.751,233.948C105.635,233.985 110.443,238.35 110.481,243.688L110.61,261.822C110.648,267.159 105.901,271.462 100.017,271.424C94.132,271.386 89.324,267.022 89.286,261.684L89.157,243.55Z"/>
+            </g>
+            <g transform="matrix(-0.702432,0.712474,-0.774889,-0.78493,415.462,276.674)">
+                <path d="M89.157,243.55C89.12,238.213 93.866,233.91 99.751,233.948C105.635,233.985 110.443,238.35 110.481,243.688L110.61,261.822C110.648,267.159 105.901,271.462 100.017,271.424C94.132,271.386 89.324,267.022 89.286,261.684L89.157,243.55Z"/>
+            </g>
+            <g transform="matrix(-1.00049,0.00710059,0.00710059,-1.10296,198.138,447.993)">
+                <path d="M89.157,243.55C89.12,238.213 93.866,233.91 99.751,233.948C105.635,233.985 110.443,238.35 110.481,243.688L110.61,261.822C110.648,267.159 105.901,271.462 100.017,271.424C94.132,271.386 89.324,267.022 89.286,261.684L89.157,243.55Z"/>
+            </g>
+            <g transform="matrix(-0.712474,-0.702432,0.78493,-0.774889,-76.6738,415.462)">
+                <path d="M89.157,243.55C89.12,238.213 93.866,233.91 99.751,233.948C105.635,233.985 110.443,238.35 110.481,243.688L110.61,261.822C110.648,267.159 105.901,271.462 100.017,271.424C94.132,271.386 89.324,267.022 89.286,261.684L89.157,243.55Z"/>
+            </g>
+            <g transform="matrix(-0.00710059,-1.00049,1.10296,0.00710059,-247.993,198.138)">
+                <path d="M89.157,243.55C89.12,238.213 93.866,233.91 99.751,233.948C105.635,233.985 110.443,238.35 110.481,243.688L110.61,261.822C110.648,267.159 105.901,271.462 100.017,271.424C94.132,271.386 89.324,267.022 89.286,261.684L89.157,243.55Z"/>
+            </g>
+            <g transform="matrix(0.702432,-0.712474,0.774889,0.78493,-215.462,-76.6738)">
+                <path d="M89.157,243.55C89.12,238.213 93.866,233.91 99.751,233.948C105.635,233.985 110.443,238.35 110.481,243.688L110.61,261.822C110.648,267.159 105.901,271.462 100.017,271.424C94.132,271.386 89.324,267.022 89.286,261.684L89.157,243.55Z"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/assets/css/main.css b/assets/css/main.css
index a7d2bf8..af25dae 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -110,6 +110,12 @@ footer {
     font-weight: 600;
 }
 
+.icon span {
+    display: inline-block;
+    width: fit-content;
+    height: fit-content;
+}
+
 .icon svg {
     width: 1em;
     height: 1em;
-- 
cgit v1.1