From 303c1a5a648a41163a95503476a9af870e9053c0 Mon Sep 17 00:00:00 2001
From: Jose Palazon <jose@palako.com>
Date: Mon, 9 Sep 2024 22:04:41 +0100
Subject: [PATCH] Sagittal logo

---
 flaskr/static/favicon.ico  | Bin 0 -> 4286 bytes
 flaskr/static/sagittal.svg |  23 +++++++++++++++++++++++
 flaskr/static/style.css    |  14 ++++++--------
 flaskr/templates/base.html |   2 +-
 4 files changed, 30 insertions(+), 9 deletions(-)
 create mode 100644 flaskr/static/favicon.ico
 create mode 100644 flaskr/static/sagittal.svg

diff --git a/flaskr/static/favicon.ico b/flaskr/static/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..5203636ffc0ecb766b84997c839c50ac28817fd2
GIT binary patch
literal 4286
zcmbuCZD?Cn7{^bRJLjA@*Gkb2G?eM`(n?*dr9&{VIbVhph760keUJ&AjIEZ|<=&e#
zsZIKlbQSB0MHp=ELs9&o_=2vJg1C0Rpv<)@wp#^PXV<zW?Pi=?<Nu%J);8qkHZkF!
zbMCq4oZoYv^W2l?3Sq+6ViEimeYXoyB!sX+Xc8`n?THWW6|PAt*<k#us)|rmS%R#J
zBJYEaDT=aNRn@{h2RnuH^|-05bGE<{iq_ae(Ie1adnjTp4bMuB(5x{)rw16|suFlk
zs2duEVo<v*yKjLOMmoZ?qBK0W8tgVG2K@|m!H!L^%M2~_HLCdivT(a)0nS}e3v>aB
zr*s~6-G{mWpSEp>4nQT_f<wX)j@}FIIVhgeZz!9fB3oxv*nLx3@ou+Uc)c?H%{6}p
z-GDSU%R#6BqJ6Yu3}Snz+V`=rh9U)E4W`(d4L5N8DYWT<?wHsZ{4=8sWH&c^IIjyD
zPR+ZR&H5>59rp$*NBvT&U+)h82f`MLtOMs%8eg;HEcU}yb|@xn9haBbfc0`dssi(k
zq~=U#XW~z$`gZN|9~bs;^bWAU(c#mMVc6)jg|Qdykp&x)F|KgGPiA3f<G=EpzfWNP
z_0VV*K5aMwKNLd=esbNa8C=HNd>;Jk81r;Z^LqkuUW)lI8t@qp!P3wSp3ew;o`|<9
zloJN*OzY?VQ{_*!e2(=;wqx!q27LP90{S{pBHq1Rd(Sf1<bMe*j=yPKpJv;`tt0e*
z{W92EJa#)mGiJn|4dZ`-IKPp;MXZ$IT)GwewiEsTg5Kz9++nhXV`i|A<-lj0@Jy|R
zu0cj@-Y4%n=qu<C=qgmbr|B*3{hgTaOb+~O==&1JzXL6YovF_mj9tGiFht*Pfo5~y
zb07LJ{_OwYcLh8zo2mjok>8ploBSWZzMLmNf^l13@ExJ=3o%#vxvRxlwvz1hGd`1_
zGqv?27H_L+ALY6C1o(4#te@wN(V3Hp%`y8LRKK{tb8ZE=hx1_5FI;;*{vXFU$Ie&Z
z=YQ@7%wu%s>g@s9`NZFGkE*P!Xd7qT)p8w>9wS>j*?a~v`B<;*AN1d~x2c<JUjyz(
zd9rC2pM9PI%RPT+6MV01OrH1AO3X0{4MXojA3`%wwl!<_c>dHPhIs}ux6@m1diy7;
zBCoD&Jx|{^LQ!a|@J%rPC_;S*(iquF#thDWh5tXyFVi`C*DWtLy$SZ*%^1)1PUHD6
zM`@J*q}$Sq{FrS12Q%MWoM-B>xlhmR_PxzBhjBj+P36I#uy;f@(`H#t<h#segOJf#
zG=)A7Rkxg=?;nT$hA!pEpGW`J(oW>%$iw)-oRCtCvLDi0JKN7ecRv~Ug8cmueL9&V
z|0Mb&|N8HpfIdJR(uPXR|6>*#zQ?_y#{z>qbKCRakAPi)vDm+*??zs)N7U6FpdBtS
z^m5=t{{Lw3G}qsg;xE_#BY018SppYD*`X^5zo-BBd_GZMUr#?U4`(i%9uEor*5KFV
zx25>MVog@m_2QprV?X*lSmK`+<*!{$$1b^66fbf@m3}}xD6O#JcSwtgG1NCak6asT
zVf@R`v(QZtp9#KyjX~P8Hi3EozAk30*+a1<tZWyIhvfUGvKh=?h-~IxEx5Oe_qC6s
z1MH3{-#-}>d?si^H}=^Hn^vN(b<L@4Xpn`+!?;Yme>+gtfqN8X4Sch<@t`7{hhy9e
zzIV|NN1^>#uO0r8_+D)EiTh3QdGkQib;<HbOtRcFBU#ptOO{mwlEv(kEG9}wmee#Z
kl$v~~LnaiOR-m4cMQ{wqQUjQ49CLDRGRPt`?)S(41;h0(g8%>k

literal 0
HcmV?d00001

diff --git a/flaskr/static/sagittal.svg b/flaskr/static/sagittal.svg
new file mode 100644
index 00000000..4eb243d5
--- /dev/null
+++ b/flaskr/static/sagittal.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg class="main-image" alt="Sagittal.ai logo" id="sagittal-logo" viewBox="0 0 457 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g id="svg_ai">
+    <path id="i2_top" d="M456.28 2.14001C456.28 1.64001 456.2 1.30001 456.05 1.11001C455.89 0.920008 455.53 0.820007 454.95 0.820007H451.78C451.02 0.820007 450.33 1.08001 449.74 1.60001C449.15 2.12001 448.85 2.82 448.85 3.7V12.98C448.85 15.2 449.89 17.3 451.67 18.63C453.2 19.77 454.73 20.9 456.28 22.01V2.14001Z" fill="#F28B2A"/>
+    <path id="i2_bottom" d="M448.85 22.93V76.56C448.85 77.68 449.38 78.23 450.46 78.23H454.6C455.72 78.23 456.27 77.68 456.27 76.56V30.4C456.27 29.16 455.67 28 454.67 27.27C452.72 25.84 450.78 24.39 448.85 22.93Z" fill="#F28B2A"/>
+    <path id="a3" d="M423.13 76.91C423.17 77.41 423.12 77.76 422.99 77.95C422.86 78.14 422.52 78.24 421.98 78.24H418.47C417.7 78.24 417.04 77.99 416.48 77.49C415.92 76.99 415.63 76.32 415.59 75.47L414.89 64.99L408.73 58.83L407.75 75.48C407.71 76.33 407.42 77 406.88 77.5C406.35 78 405.69 78.25 404.92 78.25H401.41C400.83 78.25 400.48 78.16 400.34 77.96C400.2 77.77 400.16 77.42 400.2 76.92L406.53 2.44C406.61 1.75 406.84 1.31 407.23 1.12C407.61 0.930003 408.13 0.830002 408.78 0.830002H414.59C415.29 0.830002 415.8 0.930003 416.14 1.12C416.49 1.31 416.7 1.75 416.78 2.44L423.13 76.91ZM408.73 58.82H414.6L411.67 11.7L408.73 58.82Z" fill="#F28B2A"/>
+  </g>
+  <g id="svg_dot">
+    <path id="dot" d="M363.56 43.96C366.675 43.96 369.2 41.4349 369.2 38.32C369.2 35.2051 366.675 32.68 363.56 32.68C360.445 32.68 357.92 35.2051 357.92 38.32C357.92 41.4349 360.445 43.96 363.56 43.96Z" fill="#F28B2A"/>
+  </g>
+  <g id="svg_sagittal">
+    <path id="l" d="M313.54 1.51C313.71 1.32 314.07 1.22 314.61 1.22H317.78C318.54 1.22 319.23 1.49 319.82 2.03C320.42 2.57 320.71 3.24 320.71 4.05V72.25H327.11C329.37 72.25 330.51 73.52 330.51 76.05V77.14C330.51 78.14 330.07 78.64 329.19 78.64H314.62C314.08 78.64 313.72 78.53 313.55 78.32C313.37 78.11 313.29 77.75 313.29 77.25V2.61C313.28 2.07 313.36 1.7 313.54 1.51Z" fill="#F28B2A"/>
+    <path id="a2" d="M287.36 77.31C287.4 77.81 287.35 78.16 287.22 78.35C287.09 78.54 286.75 78.64 286.21 78.64H282.7C281.93 78.64 281.27 78.39 280.71 77.89C280.15 77.39 279.86 76.72 279.82 75.87L279.12 65.39L272.96 59.23L271.98 75.88C271.94 76.73 271.65 77.4 271.11 77.9C270.58 78.4 269.92 78.65 269.15 78.65H265.64C265.06 78.65 264.71 78.56 264.57 78.36C264.43 78.17 264.39 77.82 264.43 77.32L270.76 2.84C270.84 2.15 271.07 1.71 271.46 1.52C271.84 1.33 272.36 1.23001 273.01 1.23001H278.82C279.52 1.23001 280.03 1.33 280.37 1.52C280.72 1.71 280.93 2.15 281.01 2.84L287.36 77.31ZM272.95 59.23H278.82L275.89 12.11L272.95 59.23Z" fill="#F28B2A"/>
+    <path id="t2" d="M243.01 1.22H224.34C223.46 1.22 223.02 1.72 223.02 2.72V3.81C223.02 6.34 224.15 7.61 226.42 7.61H230.11V77.02C230.11 77.59 230.22 78.01 230.45 78.26C230.68 78.51 231.08 78.63 231.66 78.63H235.92C236.99 78.63 237.53 78.09 237.53 77.02V7.62H240.93C242 7.62 242.84 7.3 243.44 6.67C244.03 6.04 244.33 5.09 244.33 3.82V2.73C244.33 1.72 243.89 1.22 243.01 1.22Z" fill="#F28B2A"/>
+    <path id="t1_top" d="M192.6 7.62001H196C197.08 7.62001 197.91 7.30001 198.51 6.67001C199.11 6.04001 199.4 5.09001 199.4 3.82001V2.73001C199.4 1.73001 198.96 1.23001 198.08 1.23001H179.42C178.54 1.23001 178.09 1.73001 178.09 2.73001V3.82001C178.09 6.35001 179.22 7.62001 181.49 7.62001H185.18V43.49C185.18 45.48 186.17 45.54 187.82 46.66C189.42 47.75 191.02 48.84 192.61 49.94V7.62001H192.6Z" fill="#F28B2A"/>
+    <path id="t1_bottom" d="M185.17 51.3V77.03C185.17 77.6 185.29 78.02 185.51 78.27C185.74 78.52 186.15 78.64 186.72 78.64H190.98C192.06 78.64 192.59 78.1 192.59 77.03V58.43C192.59 57.14 191.95 55.92 190.89 55.19C189 53.88 187.09 52.59 185.17 51.3Z" fill="#7A7B7B"/>
+    <path id="i1_top" d="M152.29 2.55001C152.29 2.05001 152.21 1.71 152.06 1.52C151.9 1.33 151.54 1.23001 150.96 1.23001H147.79C147.03 1.23001 146.34 1.49001 145.75 2.01001C145.15 2.53001 144.86 3.23001 144.86 4.11001V13.39C144.86 15.61 145.9 17.71 147.68 19.04C149.21 20.18 150.74 21.31 152.29 22.42V2.55001Z" fill="#F28B2A"/>
+    <path id="i1_bottom" d="M144.86 23.34V76.97C144.86 78.09 145.39 78.64 146.47 78.64H150.61C151.73 78.64 152.28 78.09 152.28 76.97V29.83C152.28 29.08 151.68 28.4 150.68 27.67C148.73 26.25 146.79 24.8 144.86 23.34Z" fill="#7A7B7B"/>
+    <path id="g" d="M106.55 0.0700073C108.17 0.0700073 109.63 0.310009 110.96 0.790009C112.29 1.27001 113.41 1.93001 114.33 2.78001C115.25 3.63001 115.96 4.60001 116.46 5.72001C116.96 6.83001 117.21 8.02001 117.21 9.29001V33.83C117.21 34.6 116.76 34.98 115.89 34.98H112.55C112.28 34.98 111.98 34.94 111.65 34.86C111.32 34.78 111.03 34.66 110.76 34.49C110.49 34.31 110.26 34.09 110.07 33.8C109.88 33.51 109.78 33.18 109.78 32.79V9.58001C109.78 8.81001 109.5 8.13001 108.95 7.54001C108.39 6.94001 107.56 6.65001 106.44 6.65001C105.32 6.65001 104.49 6.95001 103.93 7.54001C103.37 8.14001 103.1 8.82001 103.1 9.58001V70.29C103.1 71.06 103.37 71.73 103.91 72.31C104.44 72.89 105.29 73.18 106.44 73.18C107.67 73.18 108.53 72.86 109.03 72.23C109.53 71.6 109.78 70.95 109.78 70.3V49.45H109.03C107.96 49.45 107.22 49.14 106.82 48.53C106.41 47.92 106.21 46.99 106.21 45.76V43.97C106.21 43.01 106.66 42.53 107.54 42.53H115.95C116.79 42.53 117.22 42.93 117.22 43.74V70.52C117.22 71.83 116.97 73.05 116.47 74.18C115.97 75.31 115.24 76.29 114.28 77.12C113.32 77.95 112.17 78.59 110.83 79.05C109.49 79.51 107.99 79.74 106.34 79.74C104.68 79.74 103.21 79.51 101.9 79.05C100.6 78.59 99.48 77.95 98.56 77.12C97.64 76.3 96.93 75.31 96.43 74.18C95.93 73.05 95.68 71.83 95.68 70.52V9.29001C95.68 7.99001 95.93 6.78001 96.43 5.66001C96.93 4.54001 97.66 3.58001 98.62 2.75001C99.58 1.92001 100.72 1.27001 102.04 0.790009C103.36 0.310009 104.86 0.0700073 106.55 0.0700073Z" fill="#7A7B7B"/>
+    <path id="a" d="M70.61 77.31C70.65 77.81 70.6 78.16 70.47 78.35C70.33 78.54 70 78.64 69.46 78.64H65.94C65.18 78.64 64.51 78.39 63.96 77.89C63.4 77.39 63.1 76.72 63.06 75.87L62.37 65.39L56.21 59.23L55.23 75.88C55.19 76.73 54.9 77.4 54.36 77.9C53.82 78.4 53.17 78.65 52.4 78.65H48.88C48.3 78.65 47.95 78.56 47.81 78.36C47.68 78.17 47.63 77.82 47.67 77.32L54.01 2.84C54.09 2.15 54.32 1.71 54.7 1.52C55.08 1.33 55.6 1.23001 56.25 1.23001H62.07C62.76 1.23001 63.28 1.33 63.62 1.52C63.96 1.71 64.18 2.15 64.25 2.84L70.61 77.31ZM56.21 59.23H62.08L59.14 12.11L56.21 59.23Z" fill="#7A7B7B"/>
+    <path id="s" d="M11.11 79.73C9.41999 79.73 7.90998 79.5 6.58998 79.04C5.26998 78.58 4.13999 77.94 3.21999 77.11C2.29999 76.29 1.59999 75.3 1.11999 74.17C0.639987 73.04 0.399986 71.82 0.399986 70.51V53.11C0.399986 52.35 0.829983 51.96 1.66998 51.96H5.06998C5.33998 51.96 5.63999 52 5.96999 52.08C6.29999 52.16 6.58999 52.28 6.85999 52.45C7.12999 52.62 7.35999 52.85 7.54999 53.14C7.73999 53.43 7.83998 53.76 7.83998 54.15V70.28C7.83998 71.05 8.10999 71.72 8.64999 72.3C9.18999 72.88 10.01 73.17 11.13 73.17C12.28 73.17 13.12 72.88 13.66 72.3C14.2 71.72 14.47 71.05 14.47 70.28C14.47 66.48 14.13 62.92 13.43 59.6C12.74 56.28 11.87 53.06 10.81 49.95C9.75998 46.84 8.61999 43.77 7.40999 40.73C6.19999 37.7 5.06999 34.55 4.00999 31.28C2.95999 28.02 2.08998 24.59 1.38998 21C0.699984 17.41 0.359985 13.5 0.359985 9.28C0.359985 7.98 0.609985 6.77 1.10999 5.65C1.60999 4.53 2.31998 3.57 3.23998 2.74C4.15998 1.91 5.28999 1.26 6.60999 0.779999C7.92999 0.299999 9.39998 0.0599976 11.02 0.0599976C12.67 0.0599976 14.17 0.299999 15.51 0.779999C16.85 1.26 18.01 1.91 18.96 2.74C19.92 3.56 20.65 4.53 21.15 5.65C21.65 6.76 21.9 7.97 21.9 9.28V27.25C21.9 28.02 21.45 28.4 20.58 28.4H17.24C16.66 28.4 16.05 28.23 15.42 27.88C14.79 27.54 14.47 26.96 14.47 26.15V9.58C14.47 8.81 14.2 8.13 13.66 7.54C13.12 6.94 12.28 6.65 11.13 6.65C9.97998 6.65 9.12998 6.96 8.59998 7.57C8.05998 8.18 7.78999 8.86 7.78999 9.59C7.78999 13.12 8.12998 16.47 8.81998 19.61C9.51998 22.76 10.39 25.86 11.44 28.91C12.5 31.96 13.63 35.02 14.84 38.07C16.04 41.12 17.18 44.32 18.24 47.66C19.29 51 20.16 54.54 20.86 58.29C21.55 62.03 21.89 66.11 21.89 70.53C21.89 71.84 21.64 73.06 21.14 74.19C20.64 75.32 19.94 76.3 19.01 77.13C18.09 77.96 16.95 78.6 15.61 79.06C14.26 79.5 12.76 79.73 11.11 79.73Z" fill="#7A7B7B"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/flaskr/static/style.css b/flaskr/static/style.css
index 0b22aba7..f01a22c8 100644
--- a/flaskr/static/style.css
+++ b/flaskr/static/style.css
@@ -32,21 +32,15 @@ nav {
   background: #CCD5AE;
   display: flex;
   align-items: center;
-  padding: 0 0.5rem;
+  padding: 0.5rem;
   border-radius: 8px;
 }
 
-nav h1 {
+nav a:has(#sagittal-logo) {
   flex: auto;
   margin: 0;
 }
 
-nav h1 a {
-  text-decoration: none;
-  padding: 0.25rem 0.5rem;
-  color: #377ba8;
-}
-
 nav ul  {
   display: flex;
   list-style: none;
@@ -61,6 +55,10 @@ nav ul li a, nav ul li span, header .action {
   color: #377ba8;
 }
 
+#sagittal-logo {
+  width:150px;
+}
+
 .content {
   padding: 0 1rem 1rem;
 }
diff --git a/flaskr/templates/base.html b/flaskr/templates/base.html
index b1e01838..a7c4d16b 100644
--- a/flaskr/templates/base.html
+++ b/flaskr/templates/base.html
@@ -3,7 +3,7 @@
 <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
 <script src="https://kit.fontawesome.com/57e33e1f60.js" crossorigin="anonymous"></script>
 <nav>
-  <h1><a href="{{ url_for('index') }}">Flaskr</a></h1>
+  <a href="{{ url_for('index') }}"><img id="sagittal-logo" src="{{ url_for('static', filename='sagittal.svg') }}"></a>
   <ul>
     <li>
       <div id="theme-toggle" aria-label="Toggle Dark Mode">