Some user icon stuff

3 files changed, 101 insertions, 2 deletions

diff --git a/static/css/style.css b/static/css/style.css
index 93672c0..69eaa44 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -97,6 +97,8 @@ header {
 }
 
 header h1 {
+    font-family: "Raleway";
+    font-weight: normal;
     background: var(--color-fg2);
     padding: 10px 7px 7px 7px;
     font-size: 130%;
@@ -104,6 +106,12 @@ header h1 {
     color: var(--color-fg1);
 }
 
+header h1 img {
+    display: inline;
+    vertical-align: top;
+    margin: 0 3px 0 0;
+}
+
 header a {
     color: inherit;
     text-decoration: none;
@@ -117,8 +125,9 @@ header menu {
 }
 
 header menu li {
-    padding: 20px 10px 7px 10px;
+    padding: 10px 10px 7px 10px;
     color: #eee;
+    line-height: 32px;
 }
 
 main {
@@ -150,10 +159,28 @@ main {
 
 .modal .option {
     display: block;
-    padding: 20px 30px;
+    padding: 15px 20px;
     color: var(--color-text-main);
     text-decoration: none;
     border-left: 3px solid transparent;
+    line-height: 32px;
+}
+
+.modal .option img {
+    display: inline;
+    vertical-align: middle;
+    margin: 0 10px 3px 0;
+}
+
+.modal .option i {
+    display: inline-block;
+    vertical-align: middle;
+    width: 32px;
+    height: 32px;
+    text-align: center;
+    line-height: 32px;
+    font-size: 150%;
+    margin: 0 10px 3px 0;
 }
 
 .modal a.option:hover {
@@ -165,6 +192,11 @@ main {
     color: var(--color-text-dull);
 }
 
+.modal .option small {
+    margin: 0 0 0 5px;
+    color: var(--color-text-dull);
+}
+
 .modal form {
     padding: 10px 10px 1px 10px;
 }
diff --git a/static/img/unknown-icon-128.png b/static/img/unknown-icon-128.png
new file mode 100644
index 0000000..0bfef8e
--- /dev/null
+++ b/static/img/unknown-icon-128.png
diff --git a/static/img/unknown_icon.svg b/static/img/unknown_icon.svg
new file mode 100644
index 0000000..0801de8
--- /dev/null
+++ b/static/img/unknown_icon.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1024"
+   height="1024"
+   viewBox="0 0 270.93333 270.93333"
+   version="1.1"
+   id="svg5"
+   xml:space="preserve"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   sodipodi:docname="unknown_icon.svg"
+   inkscape:export-filename="unknown-icon-128.png"
+   inkscape:export-xdpi="12.000001"
+   inkscape:export-ydpi="12.000001"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="0.5946522"
+     inkscape:cx="794.58211"
+     inkscape:cy="476.74927"
+     inkscape:current-layer="layer1"><inkscape:grid
+       type="xygrid"
+       id="grid111" /></sodipodi:namedview><defs
+     id="defs2" /><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"><rect
+       style="fill:#bdcdd4;stroke-width:4.23333"
+       id="rect971"
+       width="270.93332"
+       height="270.93332"
+       x="0"
+       y="0" /><path
+       style="opacity:1;fill:#9eabb0;fill-opacity:1;stroke-width:0.264583"
+       d="m 0,69.41032 c 0,0 15.97341,-15.642206 48.0533,-21.973129 34.750862,-6.858036 65.71908,-10e-7 65.71908,-10e-7 l 29.94258,29.982012 -1.77975,90.322408 c 0,0 20.77918,34.00148 8.1347,35.37354 -26.69628,2.89682 -33.27837,33.1808 -28.04801,50.49948 5.23035,17.31867 4.34048,17.3187 4.34048,17.3187 L 0,270.9333 Z"
+       id="path18329"
+       sodipodi:nodetypes="cscccssccc" /><path
+       style="fill:#9eabb0;fill-opacity:1;stroke-width:0.264583"
+       d="m 113.77238,47.437191 c 0,0 14.85651,51.896699 13.28342,78.010049 -1.5731,26.11334 -5.0339,27.68645 -5.0339,27.68645 l 73.1442,-51.48951 C 179.27554,82.720765 145.61903,53.85498 113.77238,47.437191 Z"
+       id="path12139"
+       sodipodi:nodetypes="csccc" /><path
+       style="opacity:1;fill:#9eabb0;fill-opacity:1;stroke-width:0.264583"
+       d="m 122.0219,153.13369 73.1442,-51.48951 c 0,0 17.14886,15.4811 33.97498,41.63762 16.02811,24.91601 28.61719,57.75025 28.61719,57.75025 0,0 -36.26795,-3.41078 -67.93143,-3.01587 -46.29774,0.57743 -66.45321,7.99579 -66.45321,7.99579 -9.60125,-22.07547 -9.60125,-30.80281 -1.35173,-52.87828 z"
+       id="path13694"
+       sodipodi:nodetypes="ccscscc" /><text
+       xml:space="preserve"
+       style="font-weight:200;font-size:154.312px;font-family:Raleway;-inkscape-font-specification:'Raleway Ultra-Light';opacity:0.608833;fill:#ffffff;stroke-width:33.0667"
+       x="98.045929"
+       y="187.69951"
+       id="text1027"><tspan
+         sodipodi:role="line"
+         id="tspan1025"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Raleway;-inkscape-font-specification:'Raleway Bold';fill:#ffffff;stroke-width:33.0667"
+         x="98.045929"
+         y="187.69951">?</tspan></text></g></svg>