Add Key icon and links in the /about/ page #1498
@ -14,36 +14,38 @@
|
||||
<meta itemprop="affiliation" content="PrivacyTools" />
|
||||
<h6 class="card-subtitle mb-2 text-muted" itemprop="jobTitle">{{ include.role | default: "Contributor" }}</h6>
|
||||
<p class="card-text" {% if include.bio %}itemprop="description"{% endif %}>{{ include.bio | default: "<i>Hmm, this user hasn't written a bio quite yet :(</i>" }}</p>
|
||||
<div class="mx-n2">
|
||||
{% if include.email %}
|
||||
<a href="mailto:{{ include.email }}" aria-label="Email" class="card-link" itemprop="email">
|
||||
<a href="mailto:{{ include.email }}" aria-label="Email" class="mx-2 text-decoration-none" itemprop="email">
|
||||
<i class="fas fa-envelope" aria-hidden="true" title="{{ include.email }}"></i>
|
||||
</a>
|
||||
{% endif %}
|
||||
{% if include.website %}
|
||||
|
||||
<a href="{{ include.website }}" aria-label="Website" class="card-link" itemprop="url">
|
||||
<a href="{{ include.website }}" aria-label="Website" class="mx-2 text-decoration-none" itemprop="url">
|
||||
<i class="fas fa-link" aria-hidden="true" title="Website"></i>
|
||||
</a>
|
||||
{% endif %}
|
||||
{% if include.keys %}
|
||||
<a href="{{ include.keys }}" aria-label="Keys" class="card-link" itemprop="sameAs">
|
||||
<a href="{{ include.keys }}" aria-label="Keys" class="mx-2 text-decoration-none" itemprop="sameAs">
|
||||
<i class="fas fa-key" aria-hidden="true" title="Keys"></i>
|
||||
</a>
|
||||
{% endif %}
|
||||
{% if include.mastodon %}
|
||||
<a href="{{ include.mastodon }}" aria-label="Mastodon" class="card-link" itemprop="sameAs">
|
||||
<a href="{{ include.mastodon }}" aria-label="Mastodon" class="mx-2 text-decoration-none" itemprop="sameAs">
|
||||
<i class="fab fa-mastodon" aria-hidden="true" title="Mastodon Profile"></i>
|
||||
</a>
|
||||
{% endif %}
|
||||
{% if include.twitter %}
|
||||
<a href="https://twitter.com/{{ include.twitter }}" aria-label="Twitter" class="card-link" itemprop="sameAs">
|
||||
<a href="https://twitter.com/{{ include.twitter }}" aria-label="Twitter" class="mx-2 text-decoration-none" itemprop="sameAs">
|
||||
<i class="fab fa-twitter" aria-hidden="true" title="Twitter Profile"></i>
|
||||
</a>
|
||||
{% endif %}
|
||||
{% if include.blog %}
|
||||
<a href="https://blog.privacytools.io/author/{{ include.blog }}" aria-label="Blog" class="card-link" itemprop="sameAs">
|
||||
<a href="https://blog.privacytools.io/author/{{ include.blog }}" aria-label="Blog" class="mx-2 text-decoration-none" itemprop="sameAs">
|
||||
<i class="fas fa-pen-nib" aria-hidden="true" title="PrivacyTools Blog Author"></i>
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -220,6 +220,22 @@ footer {
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* Bootstrap 4.2+ features
|
||||
*/
|
||||
|
||||
.text-decoration-none {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.mx-n2 {
|
||||
margin-left: -0.5rem;
|
||||
margin-right: -0.5rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
* Navbar
|
||||
*/
|
||||
|
Reference in New Issue
Block a user
https://schema.org/Person