added search suggestions to all pages

templates/files.html

@@ -14,6 +14,10 @@
         <div class="wrapper-results">
             <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="file">search</button>
+            <div class="autocomplete">
+                <ul>
+            </ul>
+            </div>
             <input type="submit" class="hide" name="t" value="file" />
         </div>
         <div class="sub-search-button-wrapper">
@@ -105,6 +109,7 @@
             Try rephrasing your search term and/or recorrect any spelling mistakes.
         </div>
     {{ end }}
+    <script defer src="/static/js/autocomplete.js"></script>
     <script>
         // Check if JavaScript is enabled and modify the DOM accordingly
         document.getElementById('content').classList.remove('js-enabled');

templates/forums.html

@@ -14,6 +14,10 @@
         <div class="wrapper-results">
             <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="forum">search</button>
+            <div class="autocomplete">
+                <ul>
+            </ul>
+            </div>
             <input type="submit" class="hide" name="t" value="forum" />
         </div>
         <div class="sub-search-button-wrapper">
@@ -84,6 +88,7 @@
             {{ end }}
         </form>
     </div>
+    <script defer src="/static/js/autocomplete.js"></script>
     <script>
         // Check if JavaScript is enabled and modify the DOM accordingly
         document.getElementById('content').classList.remove('js-enabled');

templates/images.html

@@ -14,6 +14,10 @@
         <div class="wrapper-results">
             <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="image">search</button>
+            <div class="autocomplete">
+                <ul>
+            </ul>
+            </div>
             <input type="submit" class="hide" name="t" value="image" />
         </div>
         <div class="sub-search-button-wrapper">
@@ -101,6 +105,7 @@
     <div class="message-bottom-left" id="message-bottom-left">
         <span>Searching for new results...</span>
     </div>
+    <script defer src="/static/js/autocomplete.js"></script>
     <script>
         // Check if JavaScript is enabled and modify the DOM accordingly
         document.getElementById('content').classList.remove('js-enabled');

templates/map.html

@@ -29,6 +29,10 @@
         <div class="wrapper-results">
             <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="map">search</button>
+            <div class="autocomplete">
+                <ul>
+            </ul>
+            </div>
             <input type="submit" class="hide" name="t" value="map" />
         </div>
         <div class="sub-search-button-wrapper">

templates/text.html

@@ -14,6 +14,10 @@
         <div class="wrapper-results">
             <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="text">search</button>
+            <div class="autocomplete">
+                <ul>
+            </ul>
+            </div>
             <input type="submit" class="hide" name="t" value="text" />
         </div>
         <div class="sub-search-button-wrapper">
@@ -89,6 +93,7 @@
             {{ end }}
         </form>
     </div>
+    <script defer src="/static/js/autocomplete.js"></script>
     <script>
         // Check if JavaScript is enabled and modify the DOM accordingly
         document.getElementById('content').classList.remove('js-enabled');

templates/videos.html

@@ -14,6 +14,10 @@
         <div class="wrapper-results">
             <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="video">search</button>
+            <div class="autocomplete">
+                <ul>
+            </ul>
+            </div>
             <input type="submit" class="hide" name="t" value="video" />
         </div>
         <div class="sub-search-button-wrapper">
@@ -82,6 +86,7 @@
             {{ end }}
         </form>
     </div>
+    <script defer src="/static/js/autocomplete.js"></script>
     <script>
         // Check if JavaScript is enabled and modify the DOM accordingly
         document.getElementById('content').classList.remove('js-enabled');