feat: cc logo in header

scottmckendry · May 16, 2024 · 4356287 · 4356287
1 parent b0177e9
commit 4356287
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/public/css/style.css b/public/css/style.css
@@ -34,6 +34,16 @@ header h1 {
     font-size: 20px;
 }
 
+.logo {
+    display: flex;
+}
+
+.logo img {
+    height: 30px;
+    margin-right: 10px;
+    filter: grayscale(100%) brightness(0) invert(1);
+}
+
 #spinner {
     position: fixed;
     width: 100%;

diff --git a/public/images/favicon.png b/public/images/favicon.png
diff --git a/views/index.html b/views/index.html
@@ -24,7 +24,10 @@
     <body>
         <main>
             <header>
-                <h1>Canine Club</h1>
+                <div class="logo">
+                    <img src="/images/favicon.png" alt="canine-club-logo" />
+                    <h1>Canine Club</h1>
+                </div>
                 <button
                     class="btn-add"
                     hx-get="/dogs/add"