From c48f10bebbd310405596051a9bdf85104fb98ddc Mon Sep 17 00:00:00 2001
From: pathummadhusanka <pathummadhusanka.dev@gmail.com>
Date: Thu, 13 Jun 2024 14:46:52 +0530
Subject: [PATCH] Add navbar logo text

---
 css/main.css        |  2 +-
 partials/blocks.css | 24 +++++++++++++++++++++++-
 partials/blocks.js  |  9 ++++++++-
 3 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/css/main.css b/css/main.css
index 039c7d9..7e2ff8d 100644
--- a/css/main.css
+++ b/css/main.css
@@ -257,7 +257,7 @@
 }
 
 .spe-card-img {
-    height: 12rem;
+    height: 10rem;
 }
 
 .spe-card-title {
diff --git a/partials/blocks.css b/partials/blocks.css
index faf3641..3e23641 100644
--- a/partials/blocks.css
+++ b/partials/blocks.css
@@ -38,7 +38,7 @@ body {
     outline: none;
     box-sizing: border-box;
     text-decoration: none;
-    font-weight: 200;
+    /* font-weight: 200; */
     opacity: inherit;
 }
 /* CSS Reset >> */
@@ -108,10 +108,32 @@ body {
     left: 0;
 }
 
+.nav-logo {
+    display: flex;
+    flex-direction: row;
+    gap: 0.4rem;
+    justify-content: center;
+    align-items: center;
+}
+
+.nav-logo a {
+    text-decoration: none;
+}
+
 .nav-logo img {
     width: 3.4rem;
 }
 
+.logo-text {
+    font-size: 1.4rem;
+    color: var(--clr-dark-green);
+    font-weight: var(--fw-extra-bold);
+}
+
+.nav-logo .logo-text .contrast{
+    color: var(--clr-blue);
+}
+
 .top-nav {
     display: flex;
     flex-direction: row;
diff --git a/partials/blocks.js b/partials/blocks.js
index ffc8c4d..e4051da 100644
--- a/partials/blocks.js
+++ b/partials/blocks.js
@@ -8,7 +8,14 @@ let innerNavWidth;
 
 const navBarContent = `
 <div class="nav-logo">
-            <a href="./index.html"><img src="./img/nav-logo.webp" alt="eDOC24 Logo"></a>
+            <a href="./index.html">
+                <img src="./img/nav-logo.webp" alt="eDOC24 Logo">
+            </a>
+            <a href="./index.html">
+                <div class="logo-text">
+                    <span>e<span class="contrast">DOC</span>24</span>
+                </div>
+            </a>
         </div>
 
         <nav class="top-nav">