From 64b66636d23a58cbd1b23122baec4e5e6e01b5fd Mon Sep 17 00:00:00 2001
From: Reid 'arrdem' McKenzie <me@arrdem.com>
Date: Fri, 19 May 2023 01:25:12 -0600
Subject: [PATCH] A quick logo

---
 .../python/tentacles/static/css/style.scss    | 59 ++++++++++---------
 .../src/python/tentacles/static/tentacles.svg | 59 +++++++++++++++++++
 .../python/tentacles/templates/base.html.j2   |  5 +-
 3 files changed, 92 insertions(+), 31 deletions(-)
 create mode 100644 projects/tentacles/src/python/tentacles/static/tentacles.svg

diff --git a/projects/tentacles/src/python/tentacles/static/css/style.scss b/projects/tentacles/src/python/tentacles/static/css/style.scss
index 3446f8b..89f0add 100644
--- a/projects/tentacles/src/python/tentacles/static/css/style.scss
+++ b/projects/tentacles/src/python/tentacles/static/css/style.scss
@@ -1,5 +1,6 @@
 // @use 'tirefire' as tfi;
 
+// FIXME: Why isn't this happy in the other file?
 $black: #171426;
 $beige: #F4F8EE;
 $red: #BB2D2E;
@@ -12,39 +13,39 @@ $secondary_dark_grey: #9A9A9A;
 
 
 @font-face {
-    font-family: 'Aaux Next';
-    font-style: normal;
-    font-weight: 400;
-    src: local('Aaux Next'), url('https://fonts.cdnfonts.com/s/60597/AauxNextBlk.woff') format('woff');
+  font-family: 'Aaux Next';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Aaux Next'), url('https://fonts.cdnfonts.com/s/60597/AauxNextBlk.woff') format('woff');
 }
 @font-face {
-    font-family: 'Aaux Next';
-    font-style: normal;
-    font-weight: 400;
-    src: local('Aaux Next'), url('https://fonts.cdnfonts.com/s/60597/aauxnextbdwebfont.woff') format('woff');
+  font-family: 'Aaux Next';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Aaux Next'), url('https://fonts.cdnfonts.com/s/60597/aauxnextbdwebfont.woff') format('woff');
 }
 @font-face {
-    font-family: 'Aaux Next';
-    font-style: normal;
-    font-weight: 400;
-    src: local('Aaux Next'), url('https://fonts.cdnfonts.com/s/60597/aauxnextltwebfont.woff') format('woff');
+  font-family: 'Aaux Next';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Aaux Next'), url('https://fonts.cdnfonts.com/s/60597/aauxnextltwebfont.woff') format('woff');
 }
 @font-face {
-    font-family: 'Aaux Next';
-    font-style: normal;
-    font-weight: 400;
-    src: local('Aaux Next'), url('https://fonts.cdnfonts.com/s/60597/aauxnextmdwebfont.woff') format('woff');
+  font-family: 'Aaux Next';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Aaux Next'), url('https://fonts.cdnfonts.com/s/60597/aauxnextmdwebfont.woff') format('woff');
 }
 
 html {
-    font-family: 'Aaux Next', sans-serif;
-    background-color: $beige;
-    color: $black;
-    display: flex;
+  font-family: 'Aaux Next', sans-serif;
+  background-color: $beige;
+  color: $black;
+  display: flex;
 }
 
 body {
-    width: 100vw;
+  width: 100vw;
 }
 
 *, *::before, *::after {
@@ -60,10 +61,6 @@ nav {
   padding-right: 10px;
 }
 
-.logo {
-  display: inline-block;
-}
-
 .nav-links {
   list-style: none;
 }
@@ -83,7 +80,13 @@ nav {
   color: $secondary_blue;
 }
 
-.logo img {
-  width: 175px;
-  vertical-align: middle;
+.logo {
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 60px;
+
+  img {
+    width: 60px;
+    height: 60px;
+  }
 }
diff --git a/projects/tentacles/src/python/tentacles/static/tentacles.svg b/projects/tentacles/src/python/tentacles/static/tentacles.svg
new file mode 100644
index 0000000..de66e96
--- /dev/null
+++ b/projects/tentacles/src/python/tentacles/static/tentacles.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="512px"
+   height="512px"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg166"
+   sodipodi:docname="tentacles.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   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">
+  <defs
+     id="defs170" />
+  <sodipodi:namedview
+     id="namedview168"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="3.6699219"
+     inkscape:cx="256"
+     inkscape:cy="256"
+     inkscape:window-width="3840"
+     inkscape:window-height="2130"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg166" />
+  <path
+     d="m 188.998,334.327 c -6.704,6.107 -13.19,12.418 -19.393,18.956 -36.282,38.255 -62.823,83.734 -67.52,141.51 H 213.86 c -4.61,-50.868 9.03,-91.18 32.585,-123.242 -16.34,-12.562 -34.394,-23.805 -52.687,-34.48 -1.585,-0.924 -3.173,-1.827 -4.76,-2.744 z"
+     id="path894"
+     fill="#CA4F1F" />
+  <path
+     d="m 118.664,292.047 c -17.003,13.064 -32.44,27.7 -45.414,44.28 -30.797,39.36 -48.285,89.58 -40.56,158.466 h 50.654 c 4.796,-63.304 34.116,-113.686 72.7,-154.37 5.162,-5.44 10.488,-10.716 15.946,-15.84 -18.737,-10.664 -37.06,-21.14 -53.326,-32.536 z"
+     id="path892"
+     fill="#EDB822" />
+  <path
+     d="m 161.51,219.652 c 4.17,8.77 10.877,17.174 19.603,25.903 19.714,19.717 49.5,38.93 78.616,60.564 29.114,21.632 57.785,45.835 74.77,77.458 16.173,30.112 20.78,67.03 4.98,111.215 h 143.217 c -0.466,-56.115 -19.36,-97.476 -48.385,-129.98 -30.6,-34.266 -72.642,-58.623 -115.423,-77.752 -42.782,-19.13 -86.084,-32.968 -119.335,-47.164 -14.927,-6.372 -27.85,-12.76 -38.045,-20.244 z"
+     id="path890"
+     fill="#BB2D2E" />
+  <path
+     d="m 397.926,139.499 c -2.875,7.71 -8.12,14.696 -14.764,20.61 -11.546,10.275 -27.447,18.74 -46.318,27.195 -30.636,13.725 -69.24,27.188 -108.647,43.98 14.082,5.43 29.61,11.113 45.862,17.3 6.587,-4.173 13.103,-8.248 19.48,-12.212 45.03,-27.987 83.65,-52.007 98.067,-72.623 6.244,-8.93 8.348,-16.06 6.32,-24.25 z"
+     id="path888"
+     fill="#EDB822" />
+  <path
+     d="m 213.124,101.469 c -1.223,-0.017 -2.45,-0.016 -3.685,0 -6.577,0.092 -13.303,0.65 -20.065,1.67 -27.05,4.09 -54.462,15.528 -74.797,32.592 -20.335,17.065 -33.595,39.232 -34.338,66.258 -0.73,26.587 12.66,45.837 35.547,64.514 22.886,18.677 54.888,35.46 87.39,54.426 32.5,18.965 65.604,40.2 90.624,69.19 16.576,19.203 29.33,42.048 35.682,69.275 3.974,-26.167 -1.076,-47.67 -11.445,-66.975 -14.675,-27.324 -41.03,-50.18 -69.455,-71.3 -28.424,-21.118 -58.69,-40.352 -80.686,-62.352 -21.995,-22 -35.936,-48.92 -27.003,-80.432 l 0.05,0.014 c 2.402,-11.49 10.965,-21.01 21.676,-28.418 12.418,-8.59 28.5,-14.85 45.898,-18.026 26.118,-4.766 56,-2.45 78.94,12.588 -4.537,-14.195 -13.64,-24.224 -26.005,-31.363 -13.038,-7.528 -30.003,-11.43 -48.33,-11.66 z"
+     id="path886"
+     fill="#EDB822" />
+  <path
+     d="m 309.014,25.014 c -23.568,0.1 -44.934,5.207 -60.383,15.144 -14.905,9.588 -25.017,23.102 -27.68,42.838 0.827,0.05 1.65,0.112 2.474,0.176 25.06,-19.447 60.447,-23.536 92.1,-18.772 20.404,3.072 39.644,9.75 54.843,19.106 l 0.278,-0.416 c 23.215,15.532 37.425,30.063 43.492,45.81 6.067,15.748 2.28,31.98 -7.215,45.56 -18.992,27.157 -58.648,49.897 -103.516,77.784 -2.518,1.565 -5.102,3.196 -7.65,4.79 10.143,4.06 20.443,8.352 30.762,12.966 9.08,4.06 18.176,8.382 27.193,12.984 33.81,-20.84 66.768,-39.722 89.993,-60.554 24.847,-22.287 38.456,-45.19 33.977,-77.64 C 473.138,111.867 453.932,84.77 427.125,64.438 400.319,44.104 366.01,30.926 333.18,26.586 324.972,25.501 316.87,24.98 309.016,25.014 Z"
+     id="path164"
+     fill="#CA4F1F" />
+</svg>
diff --git a/projects/tentacles/src/python/tentacles/templates/base.html.j2 b/projects/tentacles/src/python/tentacles/templates/base.html.j2
index 421f1a4..c706196 100644
--- a/projects/tentacles/src/python/tentacles/templates/base.html.j2
+++ b/projects/tentacles/src/python/tentacles/templates/base.html.j2
@@ -8,9 +8,8 @@
 </head>
 <body>
   <nav class="navbar">
-    <a href="https://freecodecamp.org" class="logo">
-      <img src="https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg" alt="freeCodeCamp logo">
-    </a>
+    <a href="https://tentacles.tirefireind.us" class="logo"><img src="/static/tentacles.svg" alt="Tentacles"><span>Tentacles; A TireFire Industries production</span></a>
+
     <ul class="nav-links">
       <li class="nav-item"><a href="#">Curriculum</a></li>
       <li class="nav-item"><a href="#">Forum</a></li>