1
0
mirror of https://github.com/privacyguides/privacyguides.org.git synced 2025-07-28 22:31:07 +00:00

Migrate to Bootstrap 5

This commit is contained in:
2021-05-03 21:13:50 -05:00
parent 25f6aed4bb
commit 6b14a9c37f
65 changed files with 374 additions and 592 deletions

View File

@@ -4,19 +4,19 @@
<div class="col-12 col-sm-4 col-md-3 text-center">
<img src="{{ item.logo }}" alt="{{ item.name }} logo" class="py-5 w-75">
</div>
<div class="col-12 col-sm-8 col-md-9 text-center text-md-left pb-4">
<div class="col-12 col-sm-8 col-md-9 text-center text-md-start pb-4">
<h2>{{ item.title }}</h2>
{% if item.info %} <p class="badge badge-info"><i class="fad fa-info-circle"></i> {{ item.info }}</p>{% endif %}
{% if item.warning %} <p class="badge badge-warning"><i class="fad fa-exclamation-triangle"></i> {{ item.warning }}</p>{% endif %}
{% if item.info %} <p class="badge rounded-pill bg-info"><i class="fad fa-info-circle"></i> {{ item.info }}</p>{% endif %}
{% if item.warning %} <p class="badge rounded-pill bg-warning"><i class="fad fa-exclamation-triangle"></i> {{ item.warning }}</p>{% endif %}
{{ item.description | markdownify }}
{% if item.downloads %}<p>{% for platform in item.downloads %}
<a href="{{ platform.url }}"><i class="{{ platform.icon }} fa-fw h2"></i></a>
{% endfor %}
</p>{% endif %}
{% if item.website or item.article %}<div class="pb-2">
{% if item.article %}<a href="{% link {{ item.article }} %}" class="btn btn-primary mt-1 mr-1"><i class="fad fa-info-circle fa-fw"></i>
{% if item.article %}<a href="{% link {{ item.article }} %}" class="btn btn-primary mt-1 me-1"><i class="fad fa-info-circle fa-fw"></i>
More Information</a>{% endif %}
{% if item.website %}<a href="{{ item.website }}" rel="noopener" class="btn btn-secondary mt-1 mr-1"><i class="fad fa-external-link-square fa-fw"></i>
{% if item.website %}<a href="{{ item.website }}" rel="noopener" class="btn btn-secondary mt-1 me-1"><i class="fad fa-external-link-square fa-fw"></i>
Visit {{ item.website | remove_first: "www." | split: "/" | slice: 2 }}</a>{% endif %}
</div>{% endif %}
</div>