dynamic page title products page,remove hotjar tracking, clean up

dahltina · May 28, 2021 · 0cc0d2a · 0cc0d2a
1 parent f112511
commit 0cc0d2a
Show file tree

Hide file tree

Showing 16 changed files with 59 additions and 382 deletions.
diff --git a/CSS/index.css b/CSS/index.css
@@ -769,9 +769,8 @@ footer p {
   }
 
   .btn-large {
-    padding: 0.4rem 6rem;
     font-weight: 700;
-    font-size: 0.7rem;
+    font-size: 0.9rem;
   }
 
   .btn-large.one {

diff --git a/about.html b/about.html
@@ -8,17 +8,6 @@
     <title>About | Rainy Days</title>
     <meta name="description" content="About Rainy Days - our story"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <!-- Hotjar Tracking Code for https://dahltina-firstproject.netlify.app/index.html -->
-    <script>
-      (function(h,o,t,j,a,r){
-          h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
-          h._hjSettings={hjid:2262018,hjsv:6};
-          a=o.getElementsByTagName('head')[0];
-          r=o.createElement('script');r.async=1;
-          r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
-          a.appendChild(r);
-      })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
-    </script>
   </head>
   <!-------------------------------------- header --------------------------------------------->
   <body>
@@ -36,15 +25,15 @@
       </div>
     </header>
     <!------------------------------- side navigation ------------------------------------------->
-    <label for="hamburger-menu"><i class="fas fa-bars"></i></label> 
-    <input type="checkbox" id="hamburger-menu"> 
+    <label for="hamburger-menu"><i class="fas fa-bars"></i></label>
+    <input type="checkbox" id="hamburger-menu">
       <nav role="navigation" aria-label="main menu">
         <ul class="navbar">
           <li><a href="index.html">home</a></li>
           <li><a href="womens.html">womens</li>
           <li><a href="mens.html">mens</a></li>
           <li><a href="outlet.html">outlet</a></li>
-          <li><a href="new-in.html">new in</a></li> 
+          <li><a href="new-in.html">new in</a></li>
           <div class="line-nav"></div>
           <li><a href="about.html" class="active">about</a></li>
           <li><a href="contact.html">contact</a></li>
@@ -141,7 +130,7 @@ <h4>Laura Jones</h4>
           <input id="subcribe" type="submit" value="SUBSCRIBE" />
           <p>&copy; 2020 Rainy Days</p>
         </form>
-    </section> 
+    </section>
   </footer>
   </body>
 </html>
diff --git a/checkout-2.html b/checkout-2.html
@@ -8,17 +8,6 @@
     <title>Shipping | Rainy Days</title>
     <meta name="description" content="Shopping cart. Confirm shipping address - Rainy Days"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <!-- Hotjar Tracking Code for https://dahltina-firstproject.netlify.app/index.html -->
-    <script>
-      (function(h,o,t,j,a,r){
-          h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
-          h._hjSettings={hjid:2262018,hjsv:6};
-          a=o.getElementsByTagName('head')[0];
-          r=o.createElement('script');r.async=1;
-          r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
-          a.appendChild(r);
-      })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
-    </script>
   </head>
   <!-------------------------------------- header --------------------------------------------->
   <body>
@@ -90,7 +79,7 @@ <h1 class="h1-about">Shopping Cart</h1>
           <div class="back-continue">
             <a class="back" href="mens.html"><b><--Back to Shopping</b></a>
             <p class="continue"><b>Continue</b></p>
-          </div> 
+          </div>
         </div>
 
         <section class="login">
@@ -106,7 +95,7 @@ <h5>Confirm Shipping address</h5>
             <input type="zip" name="zip" id="zip" required/>
             <label for="city">City </label>
             <input type="city" name="city" id="city" required/>
-            
+
             <input id="continueBtn" type="submit" value="CONTINUE" />
           </form>
         </section>

diff --git a/checkout.html b/checkout.html
@@ -8,17 +8,6 @@
     <title>Shopping Cart | Rainy Days</title>
     <meta name="description" content="Shopping cart. Login. sign up or continue as a guest - Rainy Days"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <!-- Hotjar Tracking Code for https://dahltina-firstproject.netlify.app/index.html -->
-    <script>
-      (function(h,o,t,j,a,r){
-          h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
-          h._hjSettings={hjid:2262018,hjsv:6};
-          a=o.getElementsByTagName('head')[0];
-          r=o.createElement('script');r.async=1;
-          r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
-          a.appendChild(r);
-      })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
-    </script>
   </head>
   <!-------------------------------------- header --------------------------------------------->
   <body>
@@ -90,7 +79,7 @@ <h1 class="h1-about">Shopping Cart</h1>
           <div class="back-continue">
             <a class="back" href="mens.html"><b><--Back to Shopping</b></a>
             <p class="continue"><b>Continue</b></p>
-          </div> 
+          </div>
         </div>
 
         <section class="login">

diff --git a/contact.html b/contact.html
@@ -8,17 +8,6 @@
     <title>Home | Rainy Days</title>
     <meta name="description" content="Shop rain jackets suited for all kinds of adventures"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <!-- Hotjar Tracking Code for https://dahltina-firstproject.netlify.app/index.html -->
-    <script>
-      (function(h,o,t,j,a,r){
-          h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
-          h._hjSettings={hjid:2262018,hjsv:6};
-          a=o.getElementsByTagName('head')[0];
-          r=o.createElement('script');r.async=1;
-          r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
-          a.appendChild(r);
-      })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
-    </script>
   </head>
   <!-------------------------------------- header --------------------------------------------->
   <body>
@@ -36,15 +25,15 @@
           </div>
         </header>
         <!------------------------------- side navigation ------------------------------------------->
-        <label for="hamburger-menu"><i class="fas fa-bars"></i></label> 
-        <input type="checkbox" id="hamburger-menu"> 
+        <label for="hamburger-menu"><i class="fas fa-bars"></i></label>
+        <input type="checkbox" id="hamburger-menu">
         <nav role="navigation" aria-label="main menu">
           <ul class="navbar">
             <li><a href="index.html">home</a></li>
             <li><a href="womens.html">womens</li>
             <li><a href="mens.html">mens</a></li>
             <li><a href="outlet.html">outlet</a></li>
-            <li><a href="new-in.html">new in</a></li> 
+            <li><a href="new-in.html">new in</a></li>
             <div class="line-nav"></div>
             <li><a href="about.html">about</a></li>
             <li><a href="contact.html" class="active">contact</a></li>
@@ -114,7 +103,7 @@ <h1 class="h1-contact">Get in Touch</h1>
             <input id="subcribe" type="submit" value="SUBSCRIBE" />
             <p>&copy; 2020 Rainy Days</p>
             </form>
-        </section> 
+        </section>
       </footer>
       <script src="js/form.js"></script>
     </body>

diff --git a/forest-jacket.html b/forest-jacket.html
diff --git a/images/icons/icon-cart-white.png b/images/icons/icon-cart-white.png
diff --git a/index.html b/index.html
@@ -8,17 +8,6 @@
     <title>Home | Rainy Days</title>
     <meta name="description" content="Shop rain jackets suited for all kinds of adventures"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <!-- Hotjar Tracking Code for https://dahltina-firstproject.netlify.app/index.html -->
-    <script>
-      (function(h,o,t,j,a,r){
-          h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
-          h._hjSettings={hjid:2262018,hjsv:6};
-          a=o.getElementsByTagName('head')[0];
-          r=o.createElement('script');r.async=1;
-          r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
-          a.appendChild(r);
-      })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
-    </script>
   </head>
   <!------------ header ------------->
   <body>

diff --git a/js/product.js b/js/product.js
@@ -1,6 +1,7 @@
 
 const productContainer = document.querySelector(".container-jacket");
 const breadcrumb = document.querySelector(".breadcrumb");
+const pageTitle = document.querySelector("title");
 
 const queryString = document.location.search;
 const params = new URLSearchParams(queryString);
@@ -19,6 +20,8 @@ async function getProduct() {
 
         console.log(results);
 
+        pageTitle.innerHTML +=  `${results.name}`;
+
         breadcrumb.innerHTML += `<a href="index.html" class="breadcrumb">Home ></a>
                                 <a href="mens.html" class="breadcrumb"> Mens ></a> <b>${results.name}</b>`
 
@@ -35,7 +38,7 @@ async function getProduct() {
                                         <img class="favorite-icon" src="images/icons/like.svg" alt="add to favorites">
                                         <p>USD ${results.prices.regular_price}</p>
                                         <div><img src="images/buttons/rating2.svg" alt="rating"></div>
-                                        
+
                                             <ul class="jacket-specs">
                                             <li>Waterproof</li>
                                             <li>Windproof</li>
@@ -71,4 +74,4 @@ async function getProduct() {
     }
 }
 
-getProduct();
+getProduct();