From db96b479fc19657e83508a828614ba748a2b9119 Mon Sep 17 00:00:00 2001
From: Ross Trottier <ross@federated.computer>
Date: Thu, 30 May 2024 13:28:06 -0600
Subject: [PATCH] header complete

---
 header.php | 34 +++++++++++++++++++++++++---------
 style.css  | 16 +++++++++++++++-
 2 files changed, 40 insertions(+), 10 deletions(-)

diff --git a/header.php b/header.php
index 7a3b2ff..0b2947f 100644
--- a/header.php
+++ b/header.php
@@ -32,15 +32,25 @@
                         <p>Subscribe</p>
                     </div>
                     <div class="row flex-row">
-                        <img class="slowtwitch-logo-header hide-mobile" src="/wp-content/themes/slowtwitch-wp/assets/images/logo.svg" alt="slowtwitch logo">
+                        <a href="<?php echo home_url() ?>" class="slowtwitch-logo-header hide-mobile">
+                            <img src="/wp-content/themes/slowtwitch-wp/assets/images/logo.svg" alt="slowtwitch logo">
+                        </a>
                         <img class="slowtwitch-mobile-text-logo" src="/wp-content/themes/slowtwitch-wp/assets/images/txt-logo.svg" alt="slowtwitch logo">
                         <img class="slowtwitch-ad-header hide-mobile" src="/wp-content/themes/slowtwitch-wp/assets/images/ad-mock.jpg" alt="ad mock">
                     </div>
                     <div class="row flex-row-right hide-mobile">
-                        <img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/twitter.svg" alt="twitter logo">
-                        <img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/vimeo.svg" alt="vimeo logo">
-                        <img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/facebook.svg" alt="facebook logo">
-                        <img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/youtube.svg" alt="youtube logo">
+                        <a style="display: contents;" class="slowtwitch-logo-social" href="https://twitter.com/slowtwitch">
+                            <img src="/wp-content/themes/slowtwitch-wp/assets/images/twitter.svg" alt="twitter logo">
+                        </a>
+                        <a style="display: contents;" class="slowtwitch-logo-social" href="https://vimeo.com/slowtwitch">
+                            <img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/vimeo.svg" alt="vimeo logo">
+                        </a>
+                        <a style="display: contents;" class="slowtwitch-logo-social" href="https://www.facebook.com/slowtwitch/">
+                            <img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/facebook.svg" alt="facebook logo">
+                        </a>
+                        <a style="display: contents;" class="slowtwitch-logo-social" href="https://www.youtube.com/slowtwitch">
+                            <img class="slowtwitch-logo-social" src="/wp-content/themes/slowtwitch-wp/assets/images/youtube.svg" alt="youtube logo">
+                        </a>
                         <form method="get" action="">
                             <div class="searchBarContainer">
                                 <input type="text" class="searchBox" name="s" id="s" placeholder="Search" />
@@ -54,13 +64,19 @@
                 <label for="open-btn" class="menu-open-btn"><i class="fa fa-bars" aria-hidden="true"></i></label>
                 <div class="two columns desktop-tag-logos">
                     <div class="row">
-                        <img src="/wp-content/themes/slowtwitch-wp/assets/images/swim-lrg.svg" alt="swim">
+                        <a href="<?php echo home_url('tag/swim') ?>">
+                            <img src="/wp-content/themes/slowtwitch-wp/assets/images/swim-lrg.svg" alt="swim">
+                        </a>
                     </div>
                     <div class="row">
-                        <img src="/wp-content/themes/slowtwitch-wp/assets/images/bike-lrg.svg" alt="run">
+                        <a href="<?php echo home_url('tag/bike') ?>">
+                             <img src="/wp-content/themes/slowtwitch-wp/assets/images/bike-lrg.svg" alt="run">
+                        </a>
                     </div>
                     <div class="row">
-                        <img src="/wp-content/themes/slowtwitch-wp/assets/images/running-lrg.svg" alt="run">
+                        <a href="<?php echo home_url('tag/run') ?>">
+                            <img src="/wp-content/themes/slowtwitch-wp/assets/images/running-lrg.svg" alt="run">
+                        </a>
                     </div>
                 </div>
             </div>
@@ -73,7 +89,7 @@
                         'menu' => 'primary',
                         'container' => '',
                         'theme_location' => 'primary',
-                        'items_wrap' => '<input type="radio" name="slide" id="open-btn"><input type="radio" name="slide" id="cancel-btn"><ul class="nav-links" id="test"><label for="cancel-btn" class="menu-cancel-btn"><i class="fa fa-remove" aria-hidden="true"></i></label>%3$s</ul>'
+                        'items_wrap' => '<input type="radio" name="slide" id="open-btn"><input type="radio" name="slide" id="cancel-btn"><ul class="nav-links" id="test"><label for="cancel-btn" class="menu-cancel-btn"><i class="fa fa-remove" aria-hidden="true"></i></label><form class="hide-desktop" method="get" action=""><div class="searchBarContainer"><input type="text" class="searchBox" name="s" id="s" placeholder="Search" /><button class="btn-search"><img src="/wp-content/themes/slowtwitch-wp/assets/images/search.svg"></button></div></form>%3$s</ul>'
                     )
                 );
                 ?>
diff --git a/style.css b/style.css
index 57620c0..fae034e 100644
--- a/style.css
+++ b/style.css
@@ -36,7 +36,7 @@
 }
 
 .slowtwitch-logo-social {
-    margin: 0 5px 0 5px;
+    margin: 0 10px 0 10px;
 }
 
 .flex-row {
@@ -64,6 +64,7 @@
 }
 
 .desktop-tag-logos img {
+    margin-top: 10px;
     float: right;
 }
 
@@ -262,4 +263,17 @@ nav {
     .slowtwitch-mobile-text-logo {
         display: block;
     }
+
+    .hide-desktop {
+        display: block;
+    }
+
+    .hide-desktop .searchBarContainer {
+        margin-left: 35px;
+        margin-top: 10px;
+    }
+
+    .hide-desktop .searchBarContainer button {
+        background-color: white;
+    }
 }
\ No newline at end of file