pretty navbar

src/public/css/seca.css

@@ -21,6 +21,12 @@
   .top-notification-good {
     top: 25px;
   }
+
+
+  #app-nav-bar > #laseca-logo {
+    height: 30px;
+  }
+
 }
 
 @media (min-width: 769px) {
@@ -41,8 +47,18 @@
   .top-notification-good {
     top: 50px;
   }
+
+  #app-nav-bar > #laseca-logo {
+    height: 30px;
+  }
 }
 
+#app-nav-bar > #laseca-logo {
+  margin-top: 0;
+  transform: translateY(20%);
+}
+
+
 body {
   background-color: #bdd5ea;
 }
@@ -140,7 +156,7 @@ h1 {
 .over-background {
   background-color: white;
   border-radius: 1vw;
-  padding: 2vw;
+  padding: 10px;
   margin: 1%;
 }
 

src/public/img/laseca-logo-transparent-textonly.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="59.403683mm"
+   height="11.539121mm"
+   viewBox="0 0 59.403683 11.539121"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs1" /><g
+     id="layer1"
+     transform="translate(111.82987,-65.432599)"><rect
+       style="fill:#ffffff;stroke:none;stroke-width:0.91734;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none"
+       id="rect58-1"
+       width="86.405785"
+       height="86.405769"
+       x="-125.3309"
+       y="-3.5853474" /><text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17.5542px;line-height:1.35;font-family:Bocklin;-inkscape-font-specification:Bocklin;text-align:center;letter-spacing:-1.29658px;text-anchor:middle;fill:#d4aa00;stroke-width:0.0731426"
+       x="-81.934418"
+       y="76.533325"
+       id="text1-6"><tspan
+         id="tspan1-0"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17.5542px;line-height:1.35;font-family:Bocklin;-inkscape-font-specification:Bocklin;letter-spacing:-1.29658px;fill:#d4aa00;stroke-width:0.0731426"
+         x="-82.58271"
+         y="76.533325">LASECA</tspan></text></g></svg>

src/views/partials/appCommonHeader.ejs

@@ -1,5 +1,5 @@
-<div class="over-background">
-  <h1>la seca</h1>
+<div id="app-nav-bar" class="over-background">
+  <img id="laseca-logo" src="/img/laseca-logo-transparent-textonly.svg">
   <button id="navbutton-home" class="button-primary font-medium button-medium">
     Home
   </button>