re

static/img/logo.svg

@@ -0,0 +1,133 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="217.18312"
+   height="217.18312"
+   viewBox="0 0 217.18312 217.18313"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   sodipodi:docname="logo.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#000000"
+     bordercolor="#ffffff"
+     borderopacity="0.24705882"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="2.8284272"
+     inkscape:cx="123.39013"
+     inkscape:cy="141.77491"
+     inkscape:window-width="1860"
+     inkscape:window-height="1004"
+     inkscape:window-x="30"
+     inkscape:window-y="46"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showgrid="false" />
+  <defs
+     id="defs1">
+    <linearGradient
+       id="linearGradient6"
+       inkscape:collect="always">
+      <stop
+         style="stop-color:#f65293;stop-opacity:1;"
+         offset="0"
+         id="stop6" />
+      <stop
+         style="stop-color:#ff1111;stop-opacity:1;"
+         offset="0.72731298"
+         id="stop7" />
+      <stop
+         style="stop-color:#4f0000;stop-opacity:1;"
+         offset="1"
+         id="stop8" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6"
+       id="radialGradient7"
+       cx="60.930248"
+       cy="140.8663"
+       fx="60.930248"
+       fy="140.8663"
+       r="108.59156"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter11"
+       x="-0.12659915"
+       y="-0.08366658"
+       width="1.2531983"
+       height="1.1673332">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="3.8961098"
+         id="feGaussianBlur11" />
+    </filter>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(47.661312,-32.274754)">
+    <rect
+       style="fill:url(#radialGradient7);stroke:#ffffff;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+       id="rect6"
+       width="202.18312"
+       height="202.18312"
+       x="-40.161312"
+       y="39.774754" />
+    <g
+       id="g8"
+       transform="translate(15.184998,1.703197)">
+      <path
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 20.63569,98.589129 H 72.37674 L 24.577583,181.3797 h 49.4048"
+         id="path3" />
+      <path
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 34.506057,124.20157 61.311986,151.0075"
+         id="path4" />
+      <path
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:8.26156;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M -7.4993527,58.596639 H 10.36879 L -6.1380687,99.503969 H 10.923279"
+         id="path5" />
+      <path
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:8.26156;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 80.567225,178.82227 H 98.435368 L 81.928509,219.7296 h 17.061348"
+         id="path6" />
+    </g>
+    <g
+       id="g11"
+       style="mix-blend-mode:normal;filter:url(#filter11)"
+       transform="translate(15.185,1.7031898)">
+      <path
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 20.63569,98.589129 H 72.37674 L 24.577583,181.3797 h 49.4048"
+         id="path8" />
+      <path
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 34.506057,124.20157 61.311986,151.0075"
+         id="path9" />
+      <path
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:8.26156;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M -7.4993527,58.596639 H 10.36879 L -6.1380687,99.503969 H 10.923279"
+         id="path10" />
+      <path
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:8.26156;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+         d="M 80.567225,178.82227 H 98.435368 L 81.928509,219.7296 h 17.061348"
+         id="path11" />
+    </g>
+  </g>
+</svg>

static/main.css

@@ -92,9 +92,16 @@ form {
     display: flex;
     width: 100vw;
     margin: 0;
+    font-size: 1.2em;
+    align-items: center;
 }
 
 .header a {
     font-weight: bold;
     color: white;
 }
+
+.header img {
+    height: 2em;
+    margin-right: 1em;
+}

views/header_block.ejs

@@ -1,3 +1,4 @@
 <div class='header'>
+    <img src='/static/img/logo.svg'>
     <a href='/'>BiglyChat</a>
 </div>