privacyguides.org/_includes/recommendation-card.html
Jonah Aragon 749e87cc60
Big layout improvements
Collections make more sense, added an edit button
2021-05-02 19:49:21 -05:00

25 lines
1.5 KiB
HTML

<div class="card my-5">
<div class="card-body">
<div class="row m-3">
<div class="col-12 col-sm-4 col-md-3 text-center">
<img src="{{ post.logo }}" alt="{{ post.name }} logo" class="py-5 w-75">
</div>
<div class="col-12 col-sm-8 col-md-9 text-center text-md-left">
<h2>{{ post.title }}</h2>
{% if post.info %} <p class="badge badge-info"><i class="fad fa-info-circle"></i> {{ post.info }}</p>{% endif %}
{% if post.warning %} <p class="badge badge-warning"><i class="fad fa-exclamation-triangle"></i> {{ post.warning }}</p>{% endif %}
{{ post.description | markdownify }}
<p>
{% if post.platform_win %}<a href="{{ post.platform_win }}"><i class="fab fa-windows fa-fw h2"></i></a>{% endif %}
{% if post.platform_mac %}<a href="{{ post.platform_mac }}"><i class="fab fa-apple fa-fw h2"></i></a>{% endif %}
{% if post.platform_linux %}<a href="{{ post.platform_linux }}"><i class="fab fa-linux fa-fw h2"></i></a>{% endif %}
{% if post.platform_android %}<a href="{{ post.platform_android }}"><i class="fab fa-google-play fa-fw h2"></i></a>{% endif %}
{% if post.platform_ios %}<a href="{{ post.platform_ios }}"><i class="fab fa-app-store-ios fa-fw h2"></i></a>{% endif %}
{% if post.website %}<a href="{{ post.website }}"><i class="far fa-globe fa-fw h2"></i></a>{% endif %}
</p>
<p><a href="{{ post.url }}" class="btn btn-primary mt-2">More Information</a></p>
</div>
</div>
</div>
</div>