vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-09-05 12:39:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Create tag partial for easier re-use

Browse source
This commit is contained in:
davegson 2020-08-20 11:58:17 +02:00
parent d01e49915e
commit 23a44a7ef1
2 changed files with 21 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
_includes/project_card.html
View file

@ -2,31 +2,14 @@
<div class="block cardshadow p-8 rounded-lg"> <div class="block cardshadow p-8 rounded-lg">
<div class="tabs"> <div class="tabs">
<div class="tab"> <div class="tab">
<input class="dropinput" type="checkbox" id="card-{{ include.state }}-{{ forloop.index }}"> <input class="dropinput" type="checkbox" id="card{{ include.state | prepend: '-' }}{{ include.project | prepend: '-' }}-{{ forloop.index }}">
<label style="min-width: 90%; min-height: 150px; display: block;" class="absolute cursor-pointer" for="card-{{ include.state }}-{{ forloop.index }}"> <label style="min-width: 90%; min-height: 150px; display: block;" class="absolute cursor-pointer" for="card{{ include.state | prepend: '-' }}{{ include.project | prepend: '-' }}-{{ forloop.index }}">
<img class="absolute right-0" style="margin-right: 1rem;" id="icon" src="{{ site.assets_url }}/icons/arrow.svg" alt=""> <img class="absolute right-0" style="margin-right: 1rem;" id="icon" src="{{ site.assets_url }}/icons/arrow.svg" alt="">
</label> </label>
<div> <div>
<div class="flex"> <div class="flex">
{% for tag in card.projects %} {% for tag in card.projects %}
{% assign tag_bg_strength = 100 %} {% include tag.html tag=tag %}
{% if tag == 'Portmaster' %}
{% assign tag_color = 'blue' %}
{% elsif tag == 'SPN' %}
{% assign tag_color = 'green' %}
{% elsif tag == 'Website' %}
{% assign tag_color = 'pink' %}
{% elsif tag == 'Back Office' %}
{% assign tag_color = 'gray' %}
{% assign tag_bg_strength = 200 %}
{% elsif tag == 'Community' %}
{% assign tag_color = 'purple' %}
{% elsif tag == 'Marketing' %}
{% assign tag_color = 'orange' %}
{% endif %}
<span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium leading-5 bg-{{ tag_color }}-{{ tag_bg_strength }} text-{{ tag_color }}-800 mr-2">
{{ tag }}
</span>
{% endfor %} {% endfor %}
</div> </div>
<div class="flex pt-6 items-center"> <div class="flex pt-6 items-center">

18
_includes/tag.html Normal file
View file

@ -0,0 +1,18 @@
{% assign tag_bg_strength = 100 %}
{% if include.tag == 'Portmaster' %}
{% assign tag_color = 'blue' %}
{% elsif include.tag == 'SPN' %}
{% assign tag_color = 'green' %}
{% elsif include.tag == 'Website' %}
{% assign tag_color = 'pink' %}
{% elsif include.tag == 'Back Office' %}
{% assign tag_color = 'gray' %}
{% assign tag_bg_strength = 200 %}
{% elsif include.tag == 'Community' %}
{% assign tag_color = 'purple' %}
{% elsif include.tag == 'Marketing' %}
{% assign tag_color = 'orange' %}
{% endif %}
<span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium leading-5 bg-{{ tag_color }}-{{ tag_bg_strength }} text-{{ tag_color }}-800 mr-2">
{{ include.tag }}
</span>