added logo to navbar

bcgov · Feb 27, 2024 · 9766870 · 9766870
1 parent 78c2674
commit 9766870
Show file tree

Hide file tree

Showing 8 changed files with 7,041 additions and 3 deletions.
diff --git a/frontend/rctool/templates/rctool/components/navbar.html b/frontend/rctool/templates/rctool/components/navbar.html
@@ -2,8 +2,8 @@
 
 <nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #003466">
     <div class="header-title-div"></div>
-      <a class="navbar-brand" href="{% url 'home' %}"><img src="{% static 'images/gov_logo.JPG' %}" class="logo"></a>
-      <p class="header-title-text">HydRA</p>
+      <a class="navbar-brand" href="{% url 'home' %}"><img src="{% static 'images/gov_logo.JPG' %}" class="logo-gov"></a>
+      <a class="navbar-brand" href="{% url 'home' %}"><img src="{% static 'images/HydRALogo_transparent.png' %}" class="logo-hydra "></a>
     </div>
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>

diff --git a/frontend/rctool/templates/rctool/home.html b/frontend/rctool/templates/rctool/home.html
@@ -10,6 +10,9 @@
 
                     <div class="card-body py-4" style="width: 80%; margin: auto;">
                         <h3 style="color:#003466; font-family:sans-serif; font-weight:bold; margin: 5px 0px 10px 0px; text-align: center;">Welcome</h3>
+                        <!-- <div style="text-align: center;">
+                            <img src="{% static 'images/HydRALogo_transparent.png' %}" class="logo-hydra-main" style="display: inline-block;">
+                        </div> -->
                         <div style="margin-bottom: 20px;">
                             <p class="text-description-intro">
                                 A hydrometric rating curve describes the mathematical relationship between stage and discharge. <b>HydRA</b> is a platform that

diff --git a/frontend/static/css/header.css b/frontend/static/css/header.css
@@ -1,7 +1,14 @@
-.logo {
+.logo-gov {
     height: 30px;
 }
 
+.logo-hydra {
+    height: 65px;
+    opacity: 0.8;
+    padding: -10px;
+    margin: -10px;
+}
+
 .header-title-div {
     display: flex;
     align-items: start;

diff --git a/frontend/static/css/main.css b/frontend/static/css/main.css
@@ -6,6 +6,11 @@
     width: 90%;
 }
 
+.logo-hydra-main {
+  height: 240px;
+  opacity: 0.95;
+}
+
 .text-small {
     font-size: 10.5px;
     font-size: 10.5px;

diff --git a/frontend/static/images/HydRALogo1.svg b/frontend/static/images/HydRALogo1.svg
diff --git a/frontend/static/images/HydRALogo_backgroundblue.png b/frontend/static/images/HydRALogo_backgroundblue.png
diff --git a/frontend/static/images/HydRALogo_transparent.png b/frontend/static/images/HydRALogo_transparent.png
diff --git a/frontend/static/images/HydRALogo_transparent.svg b/frontend/static/images/HydRALogo_transparent.svg