adding badge color variable

Signed-off-by: Vanessa Sochat <[email protected]>

Author: vsoch

_config.yml

@@ -50,6 +50,7 @@ markdown: kramdown
 # If you add tags to pages, you can link them to some external search
 # If you want to disable this, comment the URL.
 tag_search_endpoint: https://ask.cyberinfrastructure.org/search?q=
+tag_color: danger # danger, success, warning, primary, info, secondary
 
 accentColor: red # purple, green, etc.
 themeColor: red # purple, green, blue, orange, purple, grey

_includes/tags.html

@@ -1,4 +1,2 @@
-{% if site.tag_search_endpoint %}<div style="float:right; margin-bottom:30px">{% for tag in page.tags %}
-<span class="badge badge-secondary"><a style="cursor:pointer; color:white" href="{{ site.tag_search_endpoint }}{{ tag }}">{{ tag }}</a></span>
-{% endfor %}</div>{% endif %}
-
+{% if site.tag_search_endpoint %}{% if page.tags %}<script>
+$('h1').first().append('<div>{% for tag in page.tags %}<span class="badge badge-{{ site.tag_color }}"><a style="cursor:pointer; color:white" href="{{ site.tag_search_endpoint }}{{ tag }}">{{ tag }}</a></span>{% endfor %}</div>')</script>{% endif %}{% endif %}

_layouts/default.html

@@ -16,6 +16,7 @@
         </main>
     </div>
     {% include footer.html %}
+    {% include tags.html %}
     {% include scrolltop.html %}
   </body>
 </html>

_layouts/page.html

@@ -4,7 +4,6 @@
 <div class="md-content"> 
     <article class="md-content__inner md-typeset">
     {{ content }}
-    {% include tags.html %}
     {% include toc.html %}
     {% include editable.html %}
     </article>