include a nice-looking Ranger logo

burningmantech · Dec 16, 2024 · c0e395e · c0e395e
1 parent a41cb3c
commit c0e395e
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 4 deletions.
diff --git a/src/ims/element/page/nav/template.xhtml b/src/ims/element/page/nav/template.xhtml
@@ -5,20 +5,29 @@
   <!-- These svgs are courtesy of https://icons.getbootstrap.com/icons/ -->
   <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
     <symbol id="circle-half" viewBox="0 0 16 16">
-      <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"></path>
+      <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" />
     </symbol>
     <symbol id="moon-stars-fill" viewBox="0 0 16 16">
-      <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"></path>
-      <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"></path>
+      <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z" />
+      <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z" />
     </symbol>
     <symbol id="sun-fill" viewBox="0 0 16 16">
-      <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
+      <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" />
+    </symbol>
+  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
+    <symbol id="brr" viewBox="0 0 16 10.46">
+      <path d="M 5.322448,0.10659939 C 2.2979073,0.73997271 0.11092844,2.423026 0.11092844,4.3715326 c 0,1.9815733 2.23212696,3.9765599 5.33732966,4.7131466 L 6.1787765,7.3166525 C 3.5828547,6.8903192 1.6317384,5.5747459 1.6317384,3.8615993 c 0,-1.5375866 1.5195862,-2.8617066 3.7076953,-3.46690658 0.021488,0.0358667 0.039009,0.0626667 0.039009,0.0626667 0.409841,0.62593328 1.6466757,2.18473328 1.72884,4.10099988 0.075611,1.7644666 -1.9630732,5.8053727 -1.8520644,5.8647597 0.171774,0.092 0.3584382,-0.34848 0.3584382,-0.34848 0,0 2.3002014,-4.1516664 2.1508521,-5.6614397 C 7.6271523,3.024786 5.7163289,0.42838605 5.6659069,0.36307939 c -0.045028,-0.0584 -0.2242468,-0.24396 -0.3418092,-0.25153333 z m 5.357135,0 -0.0015,0.005333 c -0.117606,0.012 -0.292546,0.19383999 -0.337039,0.25149332 -0.05042,0.0653333 -1.961245,2.66170669 -2.0985571,4.05011999 -0.1493494,1.5097732 2.1508961,5.6614403 2.1508961,5.6614403 0,0 0.18662,0.4404 0.358439,0.348466 C 10.862811,10.364119 8.8240372,6.3231726 8.8996927,4.5587059 8.981902,2.6424393 10.218736,1.0836394 10.628533,0.45770605 c 0,0 0.01855,-0.0288 0.04093,-0.0664 2.125931,0.58455999 3.623793,1.84681325 3.716211,3.32531995 0.0029,0.048267 0.0045,0.096667 0.0045,0.1452933 0,1.7423466 -1.949566,3.0535866 -4.5841753,3.4567466 l 0.7588723,1.7754666 c 3.095452,-0.7291333 5.346124,-2.7324666 5.346124,-4.7222799 0,-1.9534533 -2.194944,-3.63517322 -5.23137,-4.26493321 z M 8.0258478,0.15833272 6.846167,0.83378604 8.0258478,2.6908927 9.2055286,0.83378604 Z m -1.337e-4,0.24524 L 8.8676426,0.89986604 8.0257141,2.158986 7.1958226,0.89986604 Z m -0.8438456,7.01659978 -0.8441131,1.8366 c 0.5393515,0.081333 1.0991213,0.1249333 1.673202,0.1249333 0.5762652,0 1.138175,-0.043867 1.6793989,-0.1258666 L 8.847447,7.4327992 c -0.2882218,0.0208 -0.5373452,0.0152 -0.8364896,0.0152 -0.2809549,0 -0.5576745,-0.00933 -0.8290444,-0.027733 z" />
     </symbol>
   </svg>
 
   <div class="container-fluid">
     <a class="navbar-brand" t:render="url" url="app">
+      <svg class="logo-icon me-1">
+        <use href="#brr" />
+      </svg>
       IMS
+
     </a>
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
             aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

diff --git a/src/ims/element/static/style.css b/src/ims/element/static/style.css
@@ -250,6 +250,12 @@ h1 {
   fill: currentcolor
 }
 
+.logo-icon {
+  width: 2.5rem;
+  height: 1.8rem;
+  fill: currentcolor
+}
+
 @media print {
   .no-print {
     display: none;