From 97e31d0e8bcf24303d15164b443e53f6e563b493 Mon Sep 17 00:00:00 2001
From: Xe Iaso <me@christine.website>
Date: Tue, 11 Jan 2022 09:28:32 -0500
Subject: [PATCH] templates/header: add logo image that is responsive to theme
 preference

Thanks to many people on Twitter that helped with this:
https://twitter.com/theprincessxena/status/1480767115993010177

Signed-off-by: Xe <me@christine.website>
---
 css/shim.css             | 18 +++++++++++++++
 static/img/xeiaso.svg    | 48 ++++++++++++++++++++++++++++++++++++++++
 templates/header.rs.html |  2 +-
 3 files changed, 67 insertions(+), 1 deletion(-)
 create mode 100644 static/img/xeiaso.svg

diff --git a/css/shim.css b/css/shim.css
index 16b9d8c..d44b230 100644
--- a/css/shim.css
+++ b/css/shim.css
@@ -58,8 +58,26 @@ img {
     background-color: #282828;
 }
 
+.logo {
+    background-color: #fdf5d7;
+    -webkit-mask: url("/static/img/xeiaso.svg");
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-size: 100%;
+    mask: url("/static/img/xeiaso.svg");
+    height: 32px;
+    width: 19px;
+    float: left;
+    display: inline;
+    margin: 3px;
+    vertical-align: middle;
+}
+
 @media (prefers-color-scheme: light) {
     .warning {
         background-color: #fbf1c7;
     }
+
+    .logo {
+        background-color: #1d2021;
+    }
 }
diff --git a/static/img/xeiaso.svg b/static/img/xeiaso.svg
new file mode 100644
index 0000000..327b9e9
--- /dev/null
+++ b/static/img/xeiaso.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="19"
+   height="32"
+   viewBox="0 0 19 32"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   sodipodi:docname="xeiaso.svg"
+   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="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="false"
+     width="31px"
+     inkscape:zoom="22.46875"
+     inkscape:cx="9.3685675"
+     inkscape:cy="19.538248"
+     inkscape:window-width="2560"
+     inkscape:window-height="1417"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:#000000;stroke-width:0.0294414"
+       d="m 6.2148944,31.662208 c -0.78304,-0.114022 -1.436388,-0.408574 -1.999763,-0.90157 -0.343552,-0.300635 -0.528097,-0.588546 -0.693285,-1.081597 -0.1689193,-0.504192 -0.2187681,-0.924656 -0.1753773,-1.479264 0.081385,-1.040238 0.3356013,-1.588141 1.0563523,-2.276743 0.30743,-0.293719 0.479464,-0.403962 0.91721,-0.58777 l 0.364917,-0.153228 0.48222,0.0084 c 1.152663,0.02012 1.9364003,-0.182299 2.5905503,-0.669094 0.665099,-0.494942 0.9086032,-0.954216 1.0057422,-1.896949 0.04657,-0.45189 0.02186,-1.392204 -0.04459,-1.696657 -0.0978,-0.448126 -0.3632872,-0.847865 -0.6066402,-0.913394 -0.132472,-0.03567 -0.203449,-0.09845 -0.203449,-0.179975 0,-0.103227 0.05676,-0.169544 0.162029,-0.189292 0.05633,-0.01063 0.09513,-0.03101 0.08623,-0.04543 -0.0089,-0.01442 -0.0031,-0.02621 0.01286,-0.02621 0.05373,0 0.121605,-0.09189 0.121605,-0.164661 0,-0.0513 0.02336,-0.08136 0.08096,-0.104106 0.04452,-0.01759 0.104302,-0.04401 0.1328372,-0.05872 0.109811,-0.0566 0.315148,-0.114193 0.6694401,-0.187712 0.368518,-0.07648 1.086911,-0.275629 1.50151,-0.416246 0.706755,-0.239707 1.707436,-1.162942 1.915279,-1.76706 0.155811,-0.452862 0.140228,-1.208421 -0.03482,-1.688255 -0.13813,-0.378652 -0.487285,-0.87318 -0.755505,-1.070071 -0.295774,-0.217118 -0.836276,-0.427933 -1.220133,-0.475893 -0.135409,-0.01692 -0.20004,-0.0047 -0.465297,0.08814 -0.359783,0.125895 -1.2665771,0.350502 -1.5982371,0.395868 -0.1266692,0.01733 -0.3402432,0.0315 -0.4746152,0.0315 -0.134373,0 -0.441445,0.02124 -0.682382,0.0472 -0.8890253,0.09579 -1.6600943,-0.0041 -2.2291453,-0.288541 -0.135254,-0.06762 -0.248638,-0.0949 -0.532968,-0.128164 -0.491973,-0.05756 -0.80711,-0.120149 -1.057283,-0.209943 C 3.8954034,13.344985 3.3996014,12.950269 2.919633,12.28585 2.7912984,12.108192 2.6037683,11.849041 2.5029083,11.70996 2.20209,11.295144 2.0853007,11.023592 1.9468954,10.417162 1.806273,9.8010184 1.7728507,9.476619 1.7769409,8.7675648 1.787173,6.9866927 2.069416,5.7826022 2.8048612,4.3816802 3.0498513,3.9150073 3.2701728,3.5935116 3.6360714,3.1687665 4.5687464,2.0860941 5.8642854,1.2252277 7.3630934,0.69221781 7.8426034,0.52169337 8.1369517,0.4480178 8.6814297,0.36223709 c 0.289463,-0.0456038 1.4476903,-0.0726757 1.8270593,-0.0427034 1.198956,0.0947207 2.133694,0.48736158 2.900209,1.21824491 0.533746,0.5089342 1.029764,1.4084562 1.397732,2.5347678 0.225168,0.6892176 0.295483,1.0085043 0.389024,1.7664826 0.02597,0.2105057 0.08701,0.674207 0.135622,1.030448 0.149541,1.0958368 0.145089,1.6883973 -0.0188,2.5025171 -0.147821,0.7343209 -0.304668,1.1529369 -0.641356,1.7117439 -0.414811,0.688474 -0.805819,1.085139 -1.635389,1.659062 -0.148473,0.102715 -0.269789,0.194474 -0.269588,0.203902 2.94e-4,0.0094 0.09084,0.05376 0.201417,0.0985 0.767254,0.310503 1.384162,0.980422 1.678273,1.822482 0.125291,0.358698 0.182144,0.6606 0.20147,1.069731 0.03093,0.654877 -0.08136,1.114431 -0.388465,1.589835 -0.293532,0.454385 -1.118583,1.210986 -1.678338,1.53909 -0.49437,0.289779 -1.229939,0.569124 -1.921049,0.729549 -0.182169,0.04229 -0.331215,0.08769 -0.331215,0.100904 0,0.01321 0.0451,0.141276 0.100222,0.284587 0.221689,0.576376 0.295503,1.178042 0.275138,2.242629 -0.01476,0.771092 -0.04691,1.009735 -0.182748,1.356363 -0.290435,0.741101 -1.1296031,1.444004 -2.3120563,1.93662 -0.6797293,0.283177 -1.2290363,0.399349 -2.1363863,0.451822 -0.290616,0.0168 -0.558433,0.03712 -0.595148,0.04515 -0.03672,0.008 -0.147538,0.09709 -0.246273,0.197911 -0.471543,0.481528 -0.6945,1.00419 -0.764084,1.791178 -0.03872,0.437953 -0.0087,0.751573 0.109983,1.144911 0.101468,0.336596 0.179101,0.459323 0.454279,0.718189 0.606101,0.570177 1.135552,0.769136 2.043801,0.768023 0.467031,-5.6e-4 0.476352,-0.0018 1.0893303,-0.152701 1.061571,-0.261201 1.098727,-0.261733 1.2351202,-0.0177 0.101416,0.181444 0.109641,0.285914 0.02349,0.29815 -0.03643,0.0051 -0.06625,0.02146 -0.06625,0.03621 0,0.03766 -0.2201332,0.145758 -0.2968402,0.145758 -0.03501,0 -0.343569,0.09242 -0.685685,0.205378 -0.342117,0.11296 -0.7545153,0.233535 -0.9164433,0.267945 -0.37086,0.07881 -1.062199,0.100367 -1.442627,0.04497 z M 8.5113217,12.992997 c 0.542473,-0.114364 1.6673483,-0.844118 1.9285073,-1.251099 0.217648,-0.339178 0.303405,-0.710136 0.306235,-1.324712 0.0018,-0.389567 -0.0076,-0.4899398 -0.06409,-0.68596 C 10.593034,9.4227245 10.47513,9.1998043 10.294617,8.9988386 9.9753379,8.6433808 9.5812219,8.4122211 9.0704637,8.2808366 c -0.248635,-0.063951 -0.344286,-0.074104 -0.618019,-0.065538 -0.368549,0.011544 -0.5233213,0.0658 -0.8266073,0.2898567 -0.349886,0.2584755 -0.589329,0.5700296 -0.823936,1.0720732 -0.184521,0.3948647 -0.233394,0.5592125 -0.355674,1.1960445 -0.09401,0.489593 -0.109982,0.632375 -0.111635,0.998213 -0.0011,0.234795 0.01642,0.539513 0.03884,0.677151 0.03817,0.234275 0.04888,0.25811 0.16767,0.373331 0.145759,0.141382 0.160545,0.144719 0.807278,0.182168 0.6650103,0.0385 0.9399303,0.03588 1.1629353,-0.01115 z M 10.80663,12.816423 c 0.193698,-0.02416 0.45996,-0.04393 0.591696,-0.04393 0.238336,0 0.240738,-7.69e-4 0.486901,-0.155663 0.664648,-0.41822 1.230282,-0.866339 1.433147,-1.135397 0.687527,-0.911859 1.096468,-2.2003344 1.058838,-3.3361565 C 14.356315,7.5144951 14.095774,5.6728385 13.938678,5.0454431 13.680079,4.0126868 13.167443,3.0239006 12.598476,2.4604306 12.063403,1.9305268 11.362036,1.5480804 10.664712,1.4059746 10.410732,1.354217 10.263617,1.3458936 9.6313159,1.347511 8.1712087,1.351251 7.8240254,1.408152 7.1320224,1.7571845 6.1703824,2.2422152 5.6245714,2.624858 5.0077984,3.2463773 4.5339894,3.7238313 4.3445014,3.9662406 4.0742994,4.4405868 3.3102788,5.7818417 3.0394867,6.8812505 3.0373169,8.6507034 c -9.012e-4,0.7346135 0.025672,0.9751434 0.1772705,1.6045546 0.098215,0.407751 0.2224938,0.642271 0.601621,1.135237 0.495723,0.644575 0.846958,0.975537 1.262124,1.189275 0.09629,0.04957 0.09921,0.04947 0.07923,-0.0026 -0.01141,-0.02974 -0.02806,-0.252987 -0.03699,-0.496118 -0.01511,-0.411289 -0.0087,-0.489191 0.09239,-1.119209 0.05975,-0.372434 0.127075,-0.756644 0.14961,-0.853801 0.103411,-0.4457238 0.337605,-1.0038802 0.574434,-1.3690231 0.238272,-0.3673678 0.8042,-0.8578011 1.247392,-1.0809889 0.232446,-0.117053 0.791632,-0.3073563 1.1619693,-0.395434 0.271874,-0.064659 0.760024,-0.076951 1.029169,-0.025908 0.4075922,0.077305 0.8948673,0.2347974 1.1143703,0.3601896 0.38575,0.2203634 0.817879,0.6773259 1.010467,1.0685332 0.404927,0.8225338 0.465974,2.0925542 0.134014,2.7879972 -0.103371,0.216547 -0.607897,0.851918 -0.802115,1.010128 -0.08834,0.07197 -0.245924,0.186007 -0.350186,0.253434 -0.104263,0.06743 -0.189566,0.127377 -0.189566,0.133216 0,0.02057 0.16559,0.0097 0.514105,-0.03378 z m 5.26706,17.960678 c -0.03516,-0.02462 -0.09622,-0.03663 -0.143103,-0.02812 -0.09442,0.01712 -0.220849,-0.08062 -0.220849,-0.170752 0,-0.08436 0.100551,-0.263871 0.409099,-0.730304 0.155525,-0.235111 0.388762,-0.603802 0.518305,-0.819316 0.831107,-1.382655 1.226949,-1.909025 1.546873,-2.056945 0.07843,-0.03626 0.21229,-0.06598 0.323855,-0.07191 l 0.190167,-0.0101 0.0433,0.1711 c 0.03811,0.150571 0.03811,0.179144 0,0.238171 -0.02382,0.03689 -0.157571,0.238119 -0.297237,0.447171 -0.139665,0.209054 -0.407489,0.647948 -0.595166,0.975324 -0.817873,1.426654 -1.300385,2.147063 -1.369089,2.044097 -0.02046,-0.03067 -0.04065,-0.03231 -0.08764,-0.0072 -0.04909,0.02628 -0.06642,0.02309 -0.08844,-0.01625 -0.02474,-0.04422 -0.03261,-0.04282 -0.08171,0.01452 -0.06444,0.07526 -0.06922,0.07593 -0.148358,0.0205 z m -2.139744,-0.468966 c -0.250993,-0.09352 -0.281091,-0.205406 -0.13377,-0.497282 0.110835,-0.219576 0.158873,-0.285619 0.540156,-0.742538 0.594815,-0.712811 2.616887,-2.782228 2.718575,-2.782228 0.03251,0 0.06353,-0.01194 0.06892,-0.02647 0.0054,-0.01456 0.09206,-0.03461 0.192589,-0.04454 0.214532,-0.02119 0.244124,0.0071 0.244124,0.233243 0,0.163382 -0.05579,0.241561 -0.652155,0.913752 -1.046594,1.179677 -1.952511,2.293762 -2.189415,2.692517 -0.06253,0.105246 -0.127744,0.201102 -0.14493,0.212998 -0.04989,0.03454 -0.0754,0.02612 -0.0754,-0.0249 0,-0.03724 -0.01115,-0.03361 -0.05208,0.0169 -0.06765,0.08355 -0.35118,0.110193 -0.516614,0.04855 z M 1.4159496,23.663659 C 0.81955262,23.563581 0.40771616,23.166788 0.26461206,22.554394 c -0.061323,-0.262427 -0.042315,-0.454778 0.067814,-0.686255 0.17283216,-0.363266 0.71280784,-0.89365 1.11594474,-1.096123 0.4716912,-0.236904 1.1060338,-0.385334 1.357457,-0.317633 0.3541132,0.09536 0.6483815,0.52605 0.8156656,1.193824 l 0.06617,0.264108 0.109064,-0.146342 c 0.145532,-0.195288 0.468542,-0.854295 0.561924,-1.146439 0.2477,-0.774938 0.444529,-2.322366 0.408306,-3.210021 -0.01632,-0.39982 -0.08271,-0.912158 -0.171324,-1.322003 -0.08899,-0.411597 -0.0924,-0.57189 -0.01541,-0.722801 0.07578,-0.148547 0.2807,-0.314531 0.420564,-0.340658 0.06091,-0.01141 0.117984,-0.03243 0.126865,-0.04679 0.02399,-0.03882 0.148118,-0.03158 0.183194,0.01076 0.03538,0.04263 0.266511,0.627515 0.355313,0.899106 0.306383,0.93705 0.397335,2.313886 0.230118,3.48356 -0.129581,0.906395 -0.283116,1.407808 -0.630074,2.057635 -0.223501,0.418603 -0.390647,0.647352 -0.699287,0.957013 -0.476275,0.477854 -0.902239,0.756902 -1.5758255,1.032326 -0.5585736,0.228395 -1.1395503,0.319154 -1.5751142,0.24606 z m 1.0065511,-0.953044 c 0.2883613,-0.05075 0.4304922,-0.115624 0.4101302,-0.187195 -0.00787,-0.0275 -0.03454,-0.132073 -0.05936,-0.232398 C 2.7063034,22.020418 2.5702856,21.742493 2.4001934,21.528735 2.2124547,21.292801 2.182506,21.276036 2.0377056,21.325816 c -0.1427829,0.04909 -0.2776897,0.178621 -0.4529376,0.4349 -0.1203325,0.175979 -0.1381705,0.222408 -0.1486506,0.386995 l -0.011938,0.187024 0.1283608,0.125199 c 0.139257,0.135833 0.4372614,0.293151 0.5552576,0.293122 0.040483,-10e-6 0.1820874,-0.01911 0.3146788,-0.04244 z M 2.6475028,18.633186 C 2.507615,18.569668 2.4606679,18.50071 2.4621621,18.360933 c 0.00131,-0.128401 0.044208,-0.200489 0.2364948,-0.398007 0.1528786,-0.157037 0.405039,-0.303161 0.5231494,-0.303161 0.028834,0 0.078131,-0.01945 0.1095625,-0.04322 0.1437117,-0.108697 0.2547536,-0.02424 0.3765646,0.286428 0.08611,0.219602 0.09419,0.28863 0.04501,0.384363 -0.04261,0.08295 -0.1762,0.226235 -0.210912,0.226235 -0.01476,0 -0.068595,0.01905 -0.1196113,0.04232 -0.3361926,0.15337 -0.5585224,0.175548 -0.7749098,0.0773 z"
+       id="path74"
+       sodipodi:nodetypes="csssssccsssssccsscccssssscssscscssscsssssssscsssccsssssssccssccscsccscsssscccsccscccssscsscccsssssssssssscsscsccssscsssssscccsssssscsssssccsccsssscsssssscsscssssscssssscscsssssccsccsssccssssscsscssscss" />
+  </g>
+</svg>
diff --git a/templates/header.rs.html b/templates/header.rs.html
index d17e486..a4b7fd2 100644
--- a/templates/header.rs.html
+++ b/templates/header.rs.html
@@ -92,7 +92,7 @@ la budza pu cusku lu
     <body class="snow hack gruvbox-dark">
         <div class="container">
             <header>
-                <p><a href="/">Xe</a> - <a href="/blog">Blog</a> - <a href="/contact">Contact</a> - <a href="/gallery">Gallery</a> - <a href="/resume">Resume</a> - <a href="/talks">Talks</a> - <a href="/signalboost">Signal Boost</a> - <a href="/feeds">Feeds</a> | <a target="_blank" rel="noopener noreferrer" href="https://graphviz.christine.website">GraphViz</a> - <a target="_blank" rel="noopener noreferrer" href="https://when-then-zen.christine.website/">When Then Zen</a></p>
+                <span class="logo"></span><nav><a href="/">Xe</a> - <a href="/blog">Blog</a> - <a href="/contact">Contact</a> - <a href="/gallery">Gallery</a> - <a href="/resume">Resume</a> - <a href="/talks">Talks</a> - <a href="/signalboost">Signal Boost</a> - <a href="/feeds">Feeds</a> | <a target="_blank" rel="noopener noreferrer" href="https://graphviz.christine.website">GraphViz</a> - <a target="_blank" rel="noopener noreferrer" href="https://when-then-zen.christine.website/">When Then Zen</a></nav>
             </header>
 
             <div class="snowframe">