refactor(reference/index.html): adds flexbox and removes serach advanced tips

Author: ff6347

_source/_includes/search-bar.html

@@ -1,20 +1,5 @@
 <div id="flex-search">
     <input class="searchfield flex-search-item" id="lunr-search" placeholder="Search" /> <button id="lunr-clear" class="flex-search-item">Clear</button>
 </div>
-<div class="flex-search-advanced-hints">
-    <div id="advanced-search-hint">
-        <label for="advanced-search-toggle">Advanced search:</label>
-        <input type="checkbox" name="toggle" id="advanced-search-toggle" checked>
-        <div id="advanced-search-text" >
-            <p>
-                <em>If your terms don't match, try to use some special search terms.<br>
-            You can use wildcards: like <code>lerp*</code> or <code>co*lor*</code>. <br>
-            Or try using boosts: <code>fill^10 color</code>. This means the weight of fill is 10 times higher then color<br>
-            Read more about the search engine <a href="https://lunrjs.com/guides/searching.html">here</a>
-          </em>
-            </p>
-        </div>
-    </div>
-</div>
-<div id="flex-search-results">
+<div id="flex-search-results" class="search-results">
 </div>

_source/reference/index.html

@@ -40,7 +40,7 @@ <h2 class="heading-category" id="{{ele.cat}}">{{ele.cat}}</h2>
             {%- for entry in ele.entries -%}
             {%- assign eid = entry.name | downcase -%}
             <div class="ref-entry" id="{{eid}}">
-              <div class="entry-heading"><a class="entry-heading-link" href="/reference/{{ele.cat}}/{{entry.name}}.html">{{entry.codetitle}}</a></div>
+              <h4 class="entry-heading"><a class="entry-heading-link" href="/reference/{{ele.cat}}/{{entry.name}}.html">{{entry.codetitle}}</a></h4>
                 {%- if entry.summary != null -%}
                 <p class="summary">{{entry.summary | markdownify | replace: '<p>', ''| replace: '</p>', '' }}</p>
                 {%- else -%}
@@ -55,6 +55,7 @@ <h2 class="heading-category" id="{{ele.cat}}">{{ele.cat}}</h2>
                   {%- endif -%}
                   </p>
               {%- endif -%}
+
             </div>
             {%- endfor -%} <!-- End of sub entries loop-->
           </section>
@@ -64,48 +65,10 @@ <h2 class="heading-category" id="{{ele.cat}}">{{ele.cat}}</h2>
       </section>
 </div>
 
-<script>
-// const searchstring = 'foo';
-// window.lunrjssearchdata = JSON.parse(searchstring);
-</script>
- {%- comment -%}
- <h2 id="cat-ndx">Categories</h2>
- <div class="index">
- {%- for element in site.data.cats-and-subcats %}
- <section class="category">
-   {%- assign newcat = true -%}
-   {%- for ele in element -%}
-   {%- if newcat == true -%}
-   <h3 class="reference-category">{{ele.cat}}</h3>
-   {%- assign newcat = false -%}
-   {%- endif -%}
-   {%- unless ele.subcat == 'null' -%}<h4 class="reference-subcategory">{{ele.subcat}}</h4>{%- endunless -%}
-   <ul class="reference-lists">
-     <!-- this is the list -->
-     {%- for entry in ele.entries -%}
-     {%- assign eid = entry.name |downcase -%}
-     <li id="{{eid}}-ndx"><a href="#{{eid}}">{{entry.codetitle}}</a></li>
-     {%- endfor -%}
-    </ul>{%- endfor -%}
-  </section>
-  {%- endfor -%}
-</div>
-
-<!-- start item in cat loop -->
 
-<div class="entries">
-  {%- for item in site.data.categories -%}{%- assign id = item.cat | downcase -%}
-  <h3 id="{{id}}">{{item.cat}}</h3>
-  <!-- start entries in cat loop -->
-  {%- for entry in item.entries -%}{%- include entry-card.html entry=entry ispage=false -%}{%- endfor -%}
-  <!-- end entries in cat loop -->
-  {%- endfor -%}
-  <!-- end item in cat loop --></div>
-
-{%- endcomment -%}
-  <div class="totop"><a href="#">☝︎ back to top</a></div>
-  <div class="totop-shadow"><a href="#">☝︎ back to top</a>
-  </div>
-  <script type="text/javascript">
-// var searchindex = {{ site.data.categories | jsonify }};
-</script>
+<div class="totop">
+  <a href="#">☝︎ back to top</a>
+</div>
+  <div class="totop-shadow">
+    <a href="#">☝︎ back to top</a>
+</div>