search working but too small

pages/chat.html

@@ -119,6 +119,11 @@
 
 <footer>AI Cheat Sheet &mdash; A learning reference for artificial intelligence</footer>
 
+<div class="search-results-dropdown" id="searchResultsContainer"></div>
+
+<script src="../lib/search.js"></script>
+<script>Search.init();</script>
+
 <script>
 (function(){
   var chatMessages = document.getElementById('chatMessages');

pages/image-gen.html

@@ -115,6 +115,11 @@
 
 <footer>AI Cheat Sheet &mdash; A learning reference for artificial intelligence</footer>
 
+<div class="search-results-dropdown" id="searchResultsContainer"></div>
+
+<script src="../lib/search.js"></script>
+<script>Search.init();</script>
+
 <script>
 (function(){
   var apiUrlInput = document.getElementById('apiUrl');

pages/math.html

@@ -260,8 +260,12 @@
 
 <footer>AI Cheat Sheet &mdash; A learning reference for artificial intelligence</footer>
 
+<div class="search-results-dropdown" id="searchResultsContainer"></div>
+
 <script src="../lib/modal.js"></script>
 <script src="../lib/llm.js"></script>
+<script src="../lib/search.js"></script>
+<script>Search.init();</script>
 <script>
 (function(){
   function walkThrough(title, prompt) {

pages/model-types.html

@@ -237,8 +237,12 @@
 
 <footer>AI Cheat Sheet &mdash; A learning reference for artificial intelligence</footer>
 
+<div class="search-results-dropdown" id="searchResultsContainer"></div>
+
 <script src="../lib/modal.js"></script>
 <script src="../lib/llm.js"></script>
+<script src="../lib/search.js"></script>
+<script>Search.init();</script>
 <script>
 (function(){
   function explainModel(title, definition) {

pages/prompts.html

@@ -236,8 +236,12 @@
 
 <footer>AI Cheat Sheet &mdash; A learning reference for artificial intelligence</footer>
 
+<div class="search-results-dropdown" id="searchResultsContainer"></div>
+
 <script src="../lib/modal.js"></script>
 <script src="../lib/llm.js"></script>
+<script src="../lib/search.js"></script>
+<script>Search.init();</script>
 <script>
 (function(){
   var techniquePrompts = {

pages/techniques.html

@@ -200,8 +200,12 @@
 
 <footer>AI Cheat Sheet &mdash; A learning reference for artificial intelligence</footer>
 
+<div class="search-results-dropdown" id="searchResultsContainer"></div>
+
 <script src="../lib/modal.js"></script>
 <script src="../lib/llm.js"></script>
+<script src="../lib/search.js"></script>
+<script>Search.init();</script>
 <script>
 (function(){
   function demoTechnique(title, prompt) {

pages/terminology.html

@@ -237,8 +237,12 @@
 
 <footer>AI Cheat Sheet &mdash; A learning reference for artificial intelligence</footer>
 
+<div class="search-results-dropdown" id="searchResultsContainer"></div>
+
 <script src="../lib/modal.js"></script>
 <script src="../lib/llm.js"></script>
+<script src="../lib/search.js"></script>
+<script>Search.init();</script>
 <script>
 (function(){
   function explainTerm(title, definition) {

pages/use-cases.html

@@ -232,8 +232,12 @@
 
 <footer>AI Cheat Sheet &mdash; A learning reference for artificial intelligence</footer>
 
+<div class="search-results-dropdown" id="searchResultsContainer"></div>
+
 <script src="../lib/modal.js"></script>
 <script src="../lib/llm.js"></script>
+<script src="../lib/search.js"></script>
+<script>Search.init();</script>
 <script>
 (function(){
   function brainstormUseCase(title, prompt) {