1
0
mirror of https://github.com/privacyguides/privacyguides.org.git synced 2025-07-23 11:51:16 +00:00

Big layout improvements

Collections make more sense, added an edit button
This commit is contained in:
2021-05-02 19:49:21 -05:00
parent 4703b6e72d
commit 749e87cc60
18 changed files with 137 additions and 124 deletions

View File

@@ -1,2 +1,2 @@
<h3 class="h5"><strike>{{ post.name }}</strike></h3>
{{ post.excerpt }}
<h3 class="h4"><a href="{{ post.url }}"><strike>{{ post.title }}</strike></a></h3>
{{ post.description | markdownify }}

View File

@@ -1,25 +1,30 @@
<div class="mb-5">
<nav id="breadcrumb" aria-label="breadcrumb">
{% assign crumbs = page.url | remove:'/index.html' | split: '/' %}
<ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
<li class="breadcrumb-item">
<a href="/"><i class="fas fa-home" aria-hidden="true"></i> <span>Home</span></a>
</li>
{% for crumb in crumbs offset: 1 %}
{% if forloop.last %}
<li class="breadcrumb-item active" aria-current="page" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<link href="{% assign crumb_limit = forloop.index | plus: 1 %}{% for crumb in crumbs limit: crumb_limit %}{{ crumb | append: '/' | replace:'without-plugin/','without-plugins/' }}{% endfor %}" itemprop="item" />
<span itemprop="name">{% if page.breadcrumb %}{{ page.breadcrumb }}{% else %}{% assign words = crumb | replace:'-',' ' | remove:'.html' | split: ' ' %}{% capture titlecase %}{% for word in words %}{{ word | capitalize }} {% endfor %}{% endcapture %}{{ titlecase }}{% endif %}
</span>
<meta itemprop="position" content="{{ forloop.index }}" />
</li>
{% else %}
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href="{% assign crumb_limit = forloop.index | plus: 1 %}{% for crumb in crumbs limit: crumb_limit %}{{ crumb | append: '/' | replace:'without-plugin/','without-plugins/' }}{% endfor %}" itemprop="item"><span itemprop="name">{{ crumb | replace:'-',' ' | remove:'.html' | capitalize }}</span></a>
<meta itemprop="position" content="{{ forloop.index }}" />
</li>
{% endif %}
{% endfor %}
</ol>
</nav>
<div class="mb-5 d-flex">
<div class="flex-grow-1">
<nav id="breadcrumb" aria-label="breadcrumb">
{% assign crumbs = page.url | remove:'/index.html' | split: '/' %}
<ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
<li class="breadcrumb-item">
<a href="/"><i class="fas fa-home" aria-hidden="true"></i> <span>Home</span></a>
</li>
{% for crumb in crumbs offset: 1 %}
{% if forloop.last %}
<li class="breadcrumb-item active" aria-current="page" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<link href="{% assign crumb_limit = forloop.index | plus: 1 %}{% for crumb in crumbs limit: crumb_limit %}{{ crumb | append: '/' | replace:'without-plugin/','without-plugins/' }}{% endfor %}" itemprop="item" />
<span itemprop="name">{% if page.breadcrumb %}{{ page.breadcrumb }}{% else %}{% assign words = crumb | replace:'-',' ' | remove:'.html' | split: ' ' %}{% capture titlecase %}{% for word in words %}{{ word | capitalize }} {% endfor %}{% endcapture %}{{ titlecase }}{% endif %}
</span>
<meta itemprop="position" content="{{ forloop.index }}" />
</li>
{% else %}
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href="{% assign crumb_limit = forloop.index | plus: 1 %}{% for crumb in crumbs limit: crumb_limit %}{{ crumb | append: '/' | replace:'without-plugin/','without-plugins/' }}{% endfor %}" itemprop="item"><span itemprop="name">{{ crumb | replace:'-',' ' | remove:'.html' | capitalize }}</span></a>
<meta itemprop="position" content="{{ forloop.index }}" />
</li>
{% endif %}
{% endfor %}
</ol>
</nav>
</div>
<div class="pl-3">
<a class="btn btn-outline-info btn-lg" href="https://github.com/privacyguides/privacyguides.org/edit/main/{%- if page.collection -%}collections/{%- endif -%}{{ page.path }}" role="button"><i class="fad fa-fw fa-pencil-alt"></i> Edit</a>
</div>
</div>

View File

@@ -1,15 +1,19 @@
{% if page.platform_win or page.platform_mac or page.platform_linux or page.platform_bsd or page.platform_android or page.platform_fdroid or page.platform_ios %}
<h2 class="pt-3">Downloads</h2>
<ul class="list-unstyled">
{% if page.platform_win or page.platform_mac or page.platform_linux or page.platform_bsd %}
<li><h3 class="h5 pt-3">Desktop/PC</h3><ul class="list-unstyled">
{% if page.platform_win %}<li><a href="{{ page.platform_win }}"><i class="fab fa-windows fa-fw"></i> Download for Windows</a></li>{% endif %}
{% if page.platform_mac %}<li><a href="{{ page.platform_mac }}"><i class="fab fa-app-store fa-fw"></i> Download for macOS</a></li>{% endif %}
{% if page.platform_linux %}<li><a href="{{ page.platform_linux }}"><i class="fab fa-linux fa-fw"></i> Download for Linux</a></li>{% endif %}
{% if page.platform_bsd %}<li><a href="{{ page.platform_bsd }}"><i class="fab fa-freebsd fa-fw"></i> Download for FreeBSD</a></li>{% endif %}
</ul></li>
{% endif %}{% if page.platform_android or page.platform_fdroid or page.platform_ios %}
<li><h3 class="h5 pt-3">Mobile</h3><ul class="list-unstyled">
{% if page.platform_android %}<li><a href="{{ page.platform_android }}"><i class="fab fa-google-play fa-fw"></i> Download for Android</a></li>{% endif %}
{% if page.platform_fdroid %}<li><a href="{{ page.platform_fdroid }}"><i class="fab fa-android fa-fw"></i> Download for Android (F-Droid)</a></li>{% endif %}
{% if page.platform_ios %}<li><a href="{{ page.platform_ios }}"><i class="fab fa-app-store-ios fa-fw"></i> Download for iOS</a></li>{% endif %}
</ul></li>
</ul></li>{% endif %}
</ul>
{% endif %}

View File

@@ -5,10 +5,10 @@
<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.name }}</h2>
<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.short | markdownify }}
{{ 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 %}

View File

@@ -1,2 +1,2 @@
<h3 class="h5">{{ post.name }}</h3>
{{ post.excerpt }}
<h3 class="h4"><a href="{{ post.url }}">{{ post.title }}</a></h3>
{{ post.description | markdownify }}