Add listing of all tags at beginning

cat-list · Dec 11, 2023 · 3bde4e2 · 3bde4e2
1 parent 0e7e5ce
commit 3bde4e2
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/css/main.scss b/css/main.scss
@@ -37,6 +37,12 @@ form {
     }
 }
 
+.all_tags{
+    padding-top: 10px;
+    line-height: 1.5;
+    text-align: center;
+}
+
 input[type="text"] {
     outline: none;
     border: none;

diff --git a/index.html b/index.html
@@ -19,9 +19,26 @@ <h1 class="main_head">
   Hint: Press enter to add the current search term as a tag filter.
 </p>
 <table>
+  Chosen tags:
 <td class="software_tags hidden" id="filter-tags">
 </td></table>
 </div>
+
+<div class="all_tags">
+  All tags:
+  <br>
+{% capture tags_content %}{% include_relative metadata/all-tags.txt %}{% endcapture %}
+  {% assign tags = tags_content | newline_to_br | split: '<br />' %}
+  {% for tag in tags %}
+{%- assign stripped_tag = tag | strip_newlines -%}
+{% if stripped_tag != "" %}
+  {%- assign tag_main = stripped_tag | split:"/" | first -%}
+<span class="TAG_{{ tag_main}} pill">{{ stripped_tag }}&nbsp;<button onclick="addTag('{{ stripped_tag }}', true)" class="add-button">➕</button></span>
+{% endif %}
+{% endfor %}
+</div>
+
+
 <table>
     <thead>
         <th>Software</th>