diff --git a/templates/tag.html b/templates/tag.html index f6a69b5..f2c212f 100644 --- a/templates/tag.html +++ b/templates/tag.html @@ -93,12 +93,11 @@ } } - .pill, - .hashtag { + .pill { border-radius: 2em; background-color: rgba(197, 209, 222, 0.25); - margin: 0 0.5em 0.5em 0; - padding: 1em; + margin-bottom: 0.5em; + padding: 0.5em 1em; display: inline-block; font-size: var(--font-size-sm); color: var(--text-color-dark); @@ -285,8 +284,7 @@ } } - .pill, - .hashtag { + .pill { background-color: rgba(0, 0, 0, 0.15); color: var(--text-color-light-faded); @@ -307,25 +305,20 @@
{% if tags is defined%} - + {% with tags=tags %} + {% include "tags.html" %} + {% endwith %} {% endif %}
Back
{% for thread in threads %} - {% with is_tag=tag!=None, thread=thread, parent_id=thread.id, is_thread=threads|length > 1 %} + {% with is_tag=tag!=None, thread=thread, parent_id=thread.id, is_thread=threads|length > 1, server=app.server %} {% include "card.html" %} {% endwith %} {% if thread.descendants is defined %} {% for descendant in thread.descendants %} - {% with is_tag=tag!=None, thread=descendant, parent_id=thread.id %} + {% with is_tag=tag!=None, thread=descendant, parent_id=thread.id, server=app.server%} {% include "card.html" %} {% endwith %} {% endfor %} @@ -348,7 +341,8 @@

Rendered on {{ render_date }} in Europe/Amsterdam

- + \ No newline at end of file diff --git a/templates/tags.html b/templates/tags.html new file mode 100644 index 0000000..4bf2ea3 --- /dev/null +++ b/templates/tags.html @@ -0,0 +1,8 @@ + \ No newline at end of file diff --git a/templates/threads.html b/templates/threads.html index 077acd4..4fbd317 100644 --- a/templates/threads.html +++ b/templates/threads.html @@ -99,12 +99,15 @@ } } - .pill, .hashtag { + display: none; + } + + .pill { border-radius: 2em; background-color: rgba(197, 209, 222, 0.25); - margin: 0 0.5em 0.5em 0; - padding: 1em; + margin-bottom: 0.5em; + padding: 0.5em 1em; display: inline-block; font-size: var(--font-size-sm); color: var(--text-color-dark); @@ -292,8 +295,7 @@ } } - .pill, - .hashtag { + .pill { background-color: rgba(0, 0, 0, 0.15); color: var(--text-color-light-faded); @@ -315,25 +317,20 @@
{% if tags is defined%} - + {% with tags=tags %} + {% include "tags.html" %} + {% endwith %} {% endif %} {% for thread in threads %} - {% with thread=thread, parent_id=thread.id, is_thread=threads|length > 1 %} + {% with thread=thread, parent_id=thread.id, is_thread=threads|length > 1, server=app.server %} {% include "card.html" %} {% endwith %} {% if thread.descendants is defined %} {% for descendant in thread.descendants %} - {% with thread=descendant, parent_id=thread.id %} + {% with thread=descendant, parent_id=thread.id, server=app.server %} {% include "card.html" %} {% endwith %} {% endfor %} @@ -357,6 +354,8 @@

Rendered on {{ render_date }} in Europe/Amsterdam

+ \ No newline at end of file