mirror of
https://github.com/privacyguides/privacyguides.org
synced 2024-12-12 04:43:31 +01:00
48fd518cb7
* Split sections into pages Preliminary work * Separate everything into their own pages + Permalinks! * Navbar Link Updates * Change all asset links Assets are served from the root. Hope nobody is serving this site in a subfolder for some reason! :) * Point all navbar links to pages * Make the layouts more modular * Remove unnecessary div containers * Adjust footer and headers layout * Add link to various privacy subpages to homepage * Remove test script * Add titles and descriptions to all pages * Fix links and layouts * Adjust header margins * Create master pages * Finalize master pages * Add services page * Add Javascript redirects Okay I'm pretty garbage at Javascript so this is basically hacked together. If someone who knows what they're doing wants to do this, be my guest.
71 lines
3.1 KiB
HTML
71 lines
3.1 KiB
HTML
<div class="col-xl-4 col-lg-6 col-md-12 mb-2">
|
|
<div class="card card-{{include.color}}">
|
|
{% if include.color == "warning" %}
|
|
<div class="card-header text-dark bg-{{include.color}}">
|
|
{% else %}
|
|
<div class="card-header text-white bg-{{include.color}}">
|
|
{% endif %}
|
|
<h3 class="h5">{{include.title}}</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
{% if include.labels %}
|
|
{% assign labels = include.labels | replace:", ", "," | split:"," %}
|
|
<div class="mb-1">
|
|
{% for label in labels %}
|
|
{% assign label_data = label | split:":" %}
|
|
{% assign color = label_data[0] %}
|
|
{% assign text = label_data[1] %}
|
|
{% assign tooltip = label_data[2] | default: "" %}
|
|
{% assign help_icon = '<i class="far fa-question-circle"></i>' %}
|
|
<span class="badge badge-{{color}}" {% if tooltip %} data-toggle="tooltip" title="{{ tooltip }}">{{text}} {{ help_icon
|
|
}}
|
|
{% else %}
|
|
>{{text}}
|
|
{% endif %}
|
|
</span>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
<p>
|
|
{% if include.image %}
|
|
<img src="{{include.image}}" width="120" height="120" alt="{{include.title}}" class="panel-item">
|
|
{% elsif include.icon %}
|
|
<i class="{{ include.icon }} panel-icon{% if include.iconcolor %} text-{{include.iconcolor}}{% endif %}"></i>
|
|
{% endif %}
|
|
{{include.description}}
|
|
</p>
|
|
<div>
|
|
<p>
|
|
{% if include.url %}
|
|
<a class="btn btn-{{include.color}} mb-1" href="{{include.url}}">Website:
|
|
{% if include.website %}
|
|
{{include.website}}
|
|
{% else %}
|
|
{{ include.url | remove: "https://" | remove: "http://" | remove: "www." | remove: "/" | remove: "github.com" }}
|
|
{% endif %}
|
|
</a>
|
|
{% elsif include.page %}
|
|
<a class="btn btn-{{include.color}} mb-1" href="{{include.page}}">
|
|
{% if include.moretext %}
|
|
{{include.moretext}}
|
|
{% else %}
|
|
Learn More
|
|
{% endif %}
|
|
</a>
|
|
{% endif %}
|
|
{% if include.tor %}
|
|
<a class="mb-1" data-toggle="tooltip" data-placement="bottom" data-original-title="{{include.tor}} Requires specific software to access: torproject.org" href="{{include.tor}}"><img alt="Tor" src="/assets/img/layout/tor.png" width="35" height="35"></a>
|
|
{% endif %}
|
|
|
|
{% if include.extra_button %}
|
|
{{include.extra_button}}
|
|
{% endif %}
|
|
</p>
|
|
{% if include.footer %}
|
|
<p>{{include.footer}}</p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|