Adding some SEO metadata (#1474)

* Add breadcrumbs

* Update cardv2.html

* Dark mode fix
This commit is contained in:
Jonah Aragon 2019-11-08 16:40:37 -06:00 committed by GitHub
parent f9f048e7f4
commit 430a2ccdfc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 51 additions and 22 deletions

View File

@ -0,0 +1,22 @@
<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">{{ crumb | replace:'-',' ' | remove:'.html' | capitalize }}</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>

View File

@ -64,6 +64,7 @@
<div class="d-flex flex-shrink-0 mr-1"> <div class="d-flex flex-shrink-0 mr-1">
<a <a
href="{{include.website}}" href="{{include.website}}"
rel="noopener"
class="btn btn-primary mt-1 mr-1"> class="btn btn-primary mt-1 mr-1">
<i class="fas fa-external-link-alt fa-fw"></i> <i class="fas fa-external-link-alt fa-fw"></i>
Website Website
@ -71,6 +72,7 @@
{% if include.forum %} {% if include.forum %}
<a <a
href="{{include.forum}}" href="{{include.forum}}"
rel="noopener"
class="btn btn-success mt-1 mr-1"> class="btn btn-success mt-1 mr-1">
<i class="fab fa-discourse fa-fw"></i> <i class="fab fa-discourse fa-fw"></i>
Forum Forum
@ -79,6 +81,7 @@
{% if include.tor %} {% if include.tor %}
<a <a
href="{{include.tor}}" href="{{include.tor}}"
rel="noopener"
class="hover-text-decoration-none mt-1 mr-1" class="hover-text-decoration-none mt-1 mr-1"
data-toggle="tooltip" data-toggle="tooltip"
data-placement="bottom" data-placement="bottom"
@ -89,6 +92,7 @@
{% if include.i2p %} {% if include.i2p %}
<a <a
href="{{include.i2p}}" href="{{include.i2p}}"
rel="noopener"
class="hover-text-decoration-none mt-1 mr-1" class="hover-text-decoration-none mt-1 mr-1"
data-toggle="tooltip" data-toggle="tooltip"
data-placement="bottom" data-placement="bottom"
@ -101,7 +105,7 @@
<div class="mt-2"> <div class="mt-2">
{% if include.windows %} {% if include.windows %}
{% if include.windows != "" %} {% if include.windows != "" %}
<a href="{{ include.windows }}" class="text-decoration-none hover-text-decoration-none"> <a href="{{ include.windows }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-windows fa-2x fa-fw d-inline pr-1"></i> <i class="fab fa-windows fa-2x fa-fw d-inline pr-1"></i>
</a> </a>
{% else %} {% else %}
@ -111,7 +115,7 @@
{% if include.mac %} {% if include.mac %}
{% if include.mac != "" %} {% if include.mac != "" %}
<a href="{{ include.mac }}" class="text-decoration-none hover-text-decoration-none"> <a href="{{ include.mac }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-macos fa-2x fa-fw d-inline pr-1"></i> <i class="ptio-macos fa-2x fa-fw d-inline pr-1"></i>
</a> </a>
{% else %} {% else %}
@ -121,7 +125,7 @@
{% if include.linux %} {% if include.linux %}
{% if include.linux != "" %} {% if include.linux != "" %}
<a href="{{ include.linux }}" class="text-decoration-none hover-text-decoration-none"> <a href="{{ include.linux }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-linux fa-2x fa-fw d-inline pr-1"></i> <i class="ptio-linux fa-2x fa-fw d-inline pr-1"></i>
</a> </a>
{% else %} {% else %}
@ -131,7 +135,7 @@
{% if include.freebsd %} {% if include.freebsd %}
{% if include.freebsd != "" %} {% if include.freebsd != "" %}
<a href="{{ include.freebsd }}" class="text-decoration-none hover-text-decoration-none"> <a href="{{ include.freebsd }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-freebsd fa-2x fa-fw d-inline pr-1"></i> <i class="fab fa-freebsd fa-2x fa-fw d-inline pr-1"></i>
</a> </a>
{% else %} {% else %}
@ -141,7 +145,7 @@
{% if include.openbsd %} {% if include.openbsd %}
{% if include.openbsd != "" %} {% if include.openbsd != "" %}
<a href="{{ include.openbsd }}" class="text-decoration-none hover-text-decoration-none"> <a href="{{ include.openbsd }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-openbsd fa-2x fa-fw d-inline pr-1"></i> <i class="ptio-openbsd fa-2x fa-fw d-inline pr-1"></i>
</a> </a>
{% else %} {% else %}
@ -151,7 +155,7 @@
{% if include.netbsd %} {% if include.netbsd %}
{% if include.netbsd != "" %} {% if include.netbsd != "" %}
<a href="{{ include.netbsd }}" class="text-decoration-none hover-text-decoration-none"> <a href="{{ include.netbsd }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-netbsd fa-2x fa-fw d-inline pr-1"></i> <i class="ptio-netbsd fa-2x fa-fw d-inline pr-1"></i>
</a> </a>
{% else %} {% else %}
@ -161,7 +165,7 @@
{% if include.firefox %} {% if include.firefox %}
{% if include.firefox != "" %} {% if include.firefox != "" %}
<a href="{{ include.firefox }}" class="text-decoration-none hover-text-decoration-none"> <a href="{{ include.firefox }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-firefox fa-2x fa-fw d-inline pr-1"></i> <i class="fab fa-firefox fa-2x fa-fw d-inline pr-1"></i>
</a> </a>
{% else %} {% else %}
@ -171,7 +175,7 @@
{% if include.chrome %} {% if include.chrome %}
{% if include.chrome != "" %} {% if include.chrome != "" %}
<a href="{{ include.chrome }}" class="text-decoration-none hover-text-decoration-none"> <a href="{{ include.chrome }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-chrome fa-2x fa-fw d-inline pr-1"></i> <i class="fab fa-chrome fa-2x fa-fw d-inline pr-1"></i>
</a> </a>
{% else %} {% else %}
@ -181,7 +185,7 @@
{% if include.safari %} {% if include.safari %}
{% if include.safari != "" %} {% if include.safari != "" %}
<a href="{{ include.safari }}" class="text-decoration-none hover-text-decoration-none"> <a href="{{ include.safari }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-safari fa-2x fa-fw d-inline pr-1"></i> <i class="fab fa-safari fa-2x fa-fw d-inline pr-1"></i>
</a> </a>
{% else %} {% else %}
@ -191,7 +195,7 @@
{% if include.opera %} {% if include.opera %}
{% if include.opera != "" %} {% if include.opera != "" %}
<a href="{{ include.opera }}" class="text-decoration-none hover-text-decoration-none"> <a href="{{ include.opera }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-opera fa-2x fa-fw d-inline pr-1"></i> <i class="fab fa-opera fa-2x fa-fw d-inline pr-1"></i>
</a> </a>
{% else %} {% else %}
@ -201,7 +205,7 @@
{% if include.edge %} {% if include.edge %}
{% if include.edge != "" %} {% if include.edge != "" %}
<a href="{{ include.edge }}" class="text-decoration-none hover-text-decoration-none"> <a href="{{ include.edge }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-edge fa-2x fa-fw d-inline pr-1"></i> <i class="fab fa-edge fa-2x fa-fw d-inline pr-1"></i>
</a> </a>
{% else %} {% else %}
@ -211,7 +215,7 @@
{% if include.fdroid %} {% if include.fdroid %}
{% if include.fdroid != "" %} {% if include.fdroid != "" %}
<a href="{{ include.fdroid }}" class="text-decoration-none hover-text-decoration-none"> <a href="{{ include.fdroid }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-f-droid fa-2x fa-fw d-inline pr-1"></i> <i class="ptio-f-droid fa-2x fa-fw d-inline pr-1"></i>
</a> </a>
{% else %} {% else %}
@ -221,7 +225,7 @@
{% if include.googleplay %} {% if include.googleplay %}
{% if include.googleplay != "" %} {% if include.googleplay != "" %}
<a href="{{ include.googleplay }}" class="text-decoration-none hover-text-decoration-none"> <a href="{{ include.googleplay }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-google-play fa-2x fa-fw d-inline pr-1"></i> <i class="fab fa-google-play fa-2x fa-fw d-inline pr-1"></i>
</a> </a>
{% else %} {% else %}
@ -231,7 +235,7 @@
{% if include.android %} {% if include.android %}
{% if include.android != "" %} {% if include.android != "" %}
<a href="{{ include.android }}" class="text-decoration-none hover-text-decoration-none"> <a href="{{ include.android }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-android fa-2x fa-fw d-inline pr-1"></i> <i class="fab fa-android fa-2x fa-fw d-inline pr-1"></i>
</a> </a>
{% else %} {% else %}
@ -241,7 +245,7 @@
{% if include.ios %} {% if include.ios %}
{% if include.ios != "" %} {% if include.ios != "" %}
<a href="{{ include.ios }}" class="text-decoration-none hover-text-decoration-none"> <a href="{{ include.ios }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-ios fa-2x fa-fw d-inline pr-1"></i> <i class="ptio-ios fa-2x fa-fw d-inline pr-1"></i>
</a> </a>
{% else %} {% else %}
@ -251,7 +255,7 @@
{% if include.sailfish %} {% if include.sailfish %}
{% if include.sailfish != "" %} {% if include.sailfish != "" %}
<a href="{{ include.sailfish }}" class="text-decoration-none hover-text-decoration-none"> <a href="{{ include.sailfish }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="ptio-sailfish-os fa-2x fa-fw d-inline pr-1"></i> <i class="ptio-sailfish-os fa-2x fa-fw d-inline pr-1"></i>
</a> </a>
{% else %} {% else %}
@ -261,7 +265,7 @@
{% if include.web %} {% if include.web %}
{% if include.web != "" %} {% if include.web != "" %}
<a href="{{ include.web }}" class="text-decoration-none hover-text-decoration-none"> <a href="{{ include.web }}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fas fa-globe-americas fa-2x fa-fw d-inline pr-1"></i> <i class="fas fa-globe-americas fa-2x fa-fw d-inline pr-1"></i>
</a> </a>
{% else %} {% else %}
@ -274,25 +278,25 @@
{{include.icon3}} {{include.icon3}}
{% if include.github %} {% if include.github %}
<a href="{{include.github}}" class="text-decoration-none hover-text-decoration-none"> <a href="{{include.github}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-github fa-2x fa-fw d-inline"></i> <i class="fab fa-github fa-2x fa-fw d-inline"></i>
</a> </a>
{% endif %} {% endif %}
{% if include.gitlab %} {% if include.gitlab %}
<a href="{{include.gitlab}}" class="text-decoration-none hover-text-decoration-none"> <a href="{{include.gitlab}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-gitlab fa-2x fa-fw d-inline"></i> <i class="fab fa-gitlab fa-2x fa-fw d-inline"></i>
</a> </a>
{% endif %} {% endif %}
{% if include.git %} {% if include.git %}
<a href="{{include.git}}" class="text-decoration-none hover-text-decoration-none"> <a href="{{include.git}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fab fa-git-square fa-2x fa-fw d-inline"></i> <i class="fab fa-git-square fa-2x fa-fw d-inline"></i>
</a> </a>
{% endif %} {% endif %}
{% if include.source %} {% if include.source %}
<a href="{{include.source}}" class="text-decoration-none hover-text-decoration-none"> <a href="{{include.source}}" rel="noopener" class="text-decoration-none hover-text-decoration-none">
<i class="fas fa-code-branch fa-2x fa-fw d-inline"></i> <i class="fas fa-code-branch fa-2x fa-fw d-inline"></i>
</a> </a>
{% endif %} {% endif %}

View File

@ -2,6 +2,8 @@
layout: default layout: default
--- ---
{% include breadcrumbs.html %}
<div class="jumbotron p-5"> <div class="jumbotron p-5">
<h1 class="display-4">{{ page.title }}</h1> <h1 class="display-4">{{ page.title }}</h1>
{% if page.description and page.hidedesc != true %}<p class="lead">{{ page.description }}</p>{% endif %} {% if page.description and page.hidedesc != true %}<p class="lead">{{ page.description }}</p>{% endif %}

View File

@ -125,7 +125,8 @@ img {
.card, .card,
.jumbotron, .jumbotron,
.list-group-item { .list-group-item,
ol.breadcrumb {
background: $dark-800; background: $dark-800;
} }