Merge pull request #126 from soehlert/topic/soehlert/logo

feat(logo): add a logo!
soehlert · Oct 23, 2023 · 61f7368 · 61f7368
2 parents 67988d7 + ea5fd10
commit 61f7368
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/concert_elephant/static/css/project.css b/concert_elephant/static/css/project.css
@@ -161,3 +161,8 @@ td[onclick]:hover {
   cursor: pointer;
   background-color: #D3D3D3;
 }
+
+.logo {
+    width: 100px;
+    height: auto;  /* This maintains the aspect ratio */
+}
diff --git a/concert_elephant/static/images/logo.png b/concert_elephant/static/images/logo.png
diff --git a/concert_elephant/templates/navbar.html b/concert_elephant/templates/navbar.html
@@ -3,7 +3,10 @@
 <div class="mb-1">
   <nav class="navbar navbar-custom sticky-top navbar-expand-md navbar-dark justify-content-between bg-dark">
     <div class="container-fluid">
-      <a class="navbar-brand" href="{% url 'concerts:home' %}">Concert Elephant<span class="visually-hidden">(current)</span></a>
+      <a class="navbar-brand" href="{% url 'concerts:home' %}">
+          <img src="{% static 'images/logo.png' %}" alt="Concert Elephant Logo" class="logo">
+          <span class="visually-hidden">(current)</span>
+      </a>
       <button class="navbar-toggler navbar-toggler-right"
               type="button"
               data-bs-toggle="collapse"