fix: search select links and add ad placements

Author: wuda-io

partials/footer.html

@@ -3,7 +3,7 @@
     <div class="row" style="margin-bottom: 0;">
       <div class="s12 m10 offset-m1">
         <div class="row" style="gap:2rem;">
-          <div class="s12 l4">
+          <div class="s12 m6 l4">
             <h5>Help Materialize Grow</h5>
             <p class="grey-text text-darken-2">
               We hope you have enjoyed using Materialize and if you feel like it
@@ -17,7 +17,8 @@ <h5>Help Materialize Grow</h5>
               >Contribute</a
             >
           </div>
-          <div class="s12 l4">
+
+          <div class="s12 m6 l4">
             <h5>Join the Discussion</h5>
             <p class="grey-text text-darken-2">
               We have a Gitter chat room set up where you can talk directly with
@@ -31,18 +32,30 @@ <h5>Join the Discussion</h5>
               >Chat</a
             >
           </div>
-          <div class="s12 l4" style="overflow: hidden;">
+
+          <div class="s12 m6 l4" style="overflow: hidden;">
             <h5>Star us</h5>
-            <iframe
-              src="https://ghbtns.com/github-btn.html?user=materializecss&amp;repo=materialize&amp;type=watch&amp;count=true&amp;size=large"
-              allowtransparency="true"
-              frameborder="0"
-              scrolling="0"
-              width="170"
-              height="30"
-            ></iframe>
+            <div>
+              <iframe
+                src="https://ghbtns.com/github-btn.html?user=materializecss&amp;repo=materialize&amp;type=watch&amp;count=true&amp;size=large"
+                allowtransparency="true"
+                frameborder="0"
+                scrolling="0"
+                width="170"
+                height="30"
+              ></iframe>
+            </div>
+
+            <!-- Ad Placements -->
+            <div style="width: 100%;">
+              <small>Advertisment</small>
+              <div
+                style="border: 1px dotted red; height: 90px; width: 100%; "
+              ></div>
+            </div>
           </div>
         </div>
+
         <div class="footer-copyright">
           © 2014-
           <noscript>2018</noscript>

partials/navbar.html

@@ -96,5 +96,14 @@
         </li>
       </ul>
     </li>
+
+    <!-- Ad Placements -->
+    <li
+      class="surface"
+      style="height: 100px; width: 100%; left: 0; bottom: 0; position: sticky;"
+    >
+      <small>Advertisment</small>
+      <div style="border: 1px dotted red; height: 90px; width: 100%; "></div>
+    </li>
   </ul>
 </header>

src/main.ts

@@ -50,7 +50,7 @@ document.addEventListener("DOMContentLoaded", function() {
       onAutocomplete: (items) => {
         if (items.length === 1) {
           const targetItem = items[0];
-          document.location.assign("/" + targetItem.url);
+          document.location.href = targetItem.url;
         }
       },
     });
@@ -84,11 +84,11 @@ document.addEventListener("DOMContentLoaded", function() {
 
   const footerElem = document.querySelector("body > footer");
   const footerOffset = footerElem
-    ? // https://youmightnotneedjquery.com/#offset
-      footerElem.getBoundingClientRect().top -
+    ? footerElem.getBoundingClientRect().top -
       window.scrollY +
       document.documentElement.clientTop
     : 0;
+
   const bottomOffset =
     footerOffset - socialHeight - tocHeight - tocWrapperHeight;