From ea555155c9424732dc73502b647a223ab6a29545 Mon Sep 17 00:00:00 2001
From: Lucas Patenaude <LUPA7501@colorado.edu>
Date: Wed, 10 Apr 2024 00:10:49 -0600
Subject: [PATCH] Start of adding skewed lines to navigation bar

---
 .../resources/css/navigation-bar/navigation-bar.css    | 10 ++++++++++
 .../src/views/partials/navigation-bar/nav.hbs          |  1 +
 2 files changed, 11 insertions(+)

diff --git a/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css b/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
index 4298ff6..74cc966 100644
--- a/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
+++ b/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
@@ -30,3 +30,13 @@
 #logo:hover {
     font-size: 30px;
 }
+
+#line {
+    height: 100%; /* spans the entire height of the navigation bar */
+    width: 10px;
+    background-color: white; /* makes the line white */
+    transform: skewx(-20deg); /* rotates the line by 20 degrees */
+    transform-origin: top left; /* sets the rotation origin to top left */
+    margin-left: 10px; /* Add margin to separate the line from the logo */
+  }
+  
diff --git a/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs b/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
index 247019d..b95fdd2 100644
--- a/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
+++ b/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
@@ -7,6 +7,7 @@
         <span class="navbar-toggler-icon"></span>
       </button>
       <a class="logo" id="logo" href="/home">ScoreSpot</a>
+      <div id="line"></div>
     </div>
 
     <div class="collapse navbar-collapse" id="navbarToggler">