Professional-ize the site a little

src/assets/logo.svg

@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="14.700005mm"
+   height="25.283333mm"
+   viewBox="0 0 14.700005 25.283333"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   sodipodi:docname="logo.svg">
+  <metadata
+     id="metadata28">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#999999"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     fit-margin-top="1"
+     fit-margin-left="1"
+     fit-margin-right="1"
+     fit-margin-bottom="1"
+     inkscape:zoom="3.1108586"
+     inkscape:cx="100.45458"
+     inkscape:cy="66.219661"
+     inkscape:window-width="1440"
+     inkscape:window-height="1302"
+     inkscape:window-x="2498"
+     inkscape:window-y="1254"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1"
+     lock-margins="true"
+     inkscape:document-rotation="0" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-20.736333,-5)">
+    <path
+       d="m 32.436665,6.0383188 c -0.513282,0.1083126 -0.929437,0.4303777 -1.141854,0.8834879 -1.951058,4.1608613 -1.250532,2.854089 -2.295776,4.2549383 L 29.278522,9.0596126 C 29.414729,8.027544 28.453798,7.1666837 27.365911,7.3473113 26.278195,7.5277755 25.686982,8.6456914 26.189631,9.5721559 l 1.729792,3.1877931 c -0.384544,0.619664 -0.738802,1.258759 -1.063117,1.916258 l 0.01752,-1.762588 c 0.005,-0.495329 -0.233222,-0.950442 -0.653285,-1.248527 -0.882081,-0.626052 -2.153303,-0.270373 -2.529629,0.70762 -0.179199,0.465723 -0.114945,0.969444 0.176266,1.381958 l 2.098417,2.972413 c -0.278682,0.736528 -0.522881,1.493082 -0.732192,2.268906 l -0.229829,-1.596738 c -0.148276,-1.030715 -1.310994,-1.631434 -2.313764,-1.195104 -1.002599,0.436277 -1.270937,1.659473 -0.533399,2.434107 l 2.562676,2.692244 c -0.416786,2.423551 -0.517017,5.022263 -0.288393,7.580864 0.01891,0.211859 0.207301,0.371971 0.429028,0.371971 0.253795,0 0.451154,-0.204063 0.430005,-0.44001 -0.163566,-1.830625 -0.21391,-4.418568 0.275751,-7.294632 l 3.598379,-0.623345 c 1.086336,-0.18815 1.668527,-1.310235 1.158463,-2.233127 -0.509949,-0.92262 -1.819909,-1.117321 -2.606643,-0.387125 l -1.840713,1.708188 c 0.223221,-0.955749 0.510926,-1.932929 0.876448,-2.915798 l 3.701944,-0.131802 c 0.885701,-0.03155 1.579446,-0.709192 1.579446,-1.542664 0,-0.173157 -0.03114,-0.34496 -0.09253,-0.510593 -0.518858,-1.40009 -2.657391,-1.225796 -2.357617,-0.430051 0.07961,0.211262 0.325866,0.321739 0.550353,0.246879 0.496558,-0.166066 1.037771,0.182251 1.037771,0.693765 0,0.395139 -0.329372,0.716337 -0.749952,0.731332 l -2.532159,0.09018 0.939898,-0.650787 c 0.191783,-0.132833 0.232991,-0.386911 0.09201,-0.567537 -0.140979,-0.180683 -0.410753,-0.219438 -0.602593,-0.08666 l -0.945933,0.654956 c 0.365522,-0.80159 0.787827,-1.601611 1.274556,-2.391671 3.998615,0.288777 3.734302,0.271671 3.826773,0.271671 1.034727,0 1.830312,-0.906705 1.5964,-1.884809 -0.242704,-1.014855 -1.456341,-1.518251 -2.415088,-1.001703 l -1.944162,1.047497 c 0.210176,-0.281793 0.430062,-0.561424 0.659089,-0.838613 L 33.66536,8.8560913 C 34.111343,8.5934599 34.390427,8.1595665 34.431232,7.6656967 34.516746,6.6289743 33.514726,5.8106034 32.436668,6.0383208 Z M 22.798267,18.096156 c -0.349834,-0.367532 -0.222705,-0.947951 0.253106,-1.154995 0.475696,-0.206987 1.027485,0.07789 1.097945,0.567105 l 0.340406,2.364877 z m 5.522483,0.787137 c 0.147819,-0.137215 0.341039,-0.211209 0.543627,-0.211209 0.946622,0 1.067429,1.294593 0.143624,1.454543 l -2.492102,0.431728 z m -2.33273,-3.59094 -1.40295,-1.987275 c -0.487132,-0.690086 0.429259,-1.47955 1.11674,-0.991527 0.199369,0.141439 0.312358,0.357412 0.310003,0.592438 z M 28.42305,8.9594209 28.11046,11.327709 26.957342,9.2026204 C 26.693948,8.7173039 27.0647,8.1354218 27.653386,8.1354218 c 0.453569,5.49e-5 0.828746,0.376139 0.769664,0.8239991 z m 3.659703,2.3334291 c 0.762825,-0.410836 1.539042,0.501988 0.975529,1.115966 -0.163279,0.177813 -0.399488,0.269453 -0.648457,0.251483 L 29.883356,12.47783 Z m 1.125474,-3.1251678 -2.148534,1.2652554 1.023749,-2.1831655 c 0.130347,-0.2780584 0.414775,-0.437414 0.714894,-0.437414 0.776218,0 1.069037,0.967223 0.409891,1.3553241 z"
+       id="path18334"
+       style="fill:#ffffff;fill-opacity:1;stroke-width:0.0557752" />
+  </g>
+</svg>

src/assets/styles.css

@@ -17,7 +17,8 @@ a {
   border-bottom: 1px solid var(--accent);
 }
 
-html, body {
+html,
+body {
   margin: 0;
   padding: 0;
 }
@@ -28,7 +29,9 @@ body {
   min-height: 100vh;
 }
 
-header, main, footer {
+header,
+main,
+footer {
   width: 100%;
   max-width: 90ch;
   margin: 0 auto;
@@ -48,7 +51,7 @@ header {
 header img {
   display: inline-block;
   margin-right: 2em;
-  width: 8em;
+  height: 8em;
 }
 
 #purple {
@@ -83,4 +86,3 @@ footer nav ul > li + li {
   padding-inline-start: 1ch;
   margin-inline-start: 1ch;
 }
-

templates/main_page.html.j2

@@ -11,7 +11,7 @@
 
   <body>
     <header>
-      <img alt="Lavender Logo" src="/assets/logo.png"> <!-- TODO: We should compress this image -->
+      <img alt="Lavender Logo" src="/assets/logo.svg">
 
       <div>
         <h1>lavender software</h1>
@@ -25,9 +25,11 @@
 
         <ul>
           <li><a href="https://git.lain.faith/videogame-hacker/discord-css-injector">lavender cord</a> - a theming platform for Discord</li>
+          <li>more soon!</li>
         </ul>
       </section>
 
+      <!--
       <section>
         <h2>who are we?</h2>
 
@@ -38,7 +40,7 @@
             </li>
           {% endfor %}
         </ul>
-      </section>
+      </section> -->
 
       <section>
         <h2>services</h2>