91a1111182
Made the theme button toggable by keyboard Added aria-label to many <a> without any text (usually, they contains Font Awesome icons) Added aria-hidden whenever necessary Labelled the "Copy URL and Description" contained in footer Added an hidden label for the menu toggle for mobile accessibility Changed some colors to meet the Color Contrast AA level: https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html
98 lines
4.7 KiB
HTML
98 lines
4.7 KiB
HTML
<footer>
|
|
|
|
<hr class="footer-divider" />
|
|
|
|
<h3 id="participate">Spread the word and help your friends</h3>
|
|
|
|
<div class="row mb-4">
|
|
<div class="col-12 col-md-6 d-flex justify-content-between">
|
|
<a href="mailto:?subject=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance&body={{ site.production_url }}/" class="share-btn email" title="Email">
|
|
<i class="fas fa-envelope"></i>
|
|
</a>
|
|
|
|
<a href="https://www.facebook.com/sharer/sharer.php?u={{ site.production_url }}" class="share-btn facebook" title="Facebook">
|
|
<i class="fab fa-facebook-f"></i>
|
|
</a>
|
|
|
|
<a href="https://twitter.com/share?text=Knowledge%20and%20tools%20to%20protect%20your%20privacy%20against%20global%20mass%20surveillance%20&url={{ site.production_url }}/&via=privacytoolsIO" class="share-btn twitter" title="Twitter">
|
|
<i class="fab fa-twitter"></i>
|
|
</a>
|
|
|
|
<a href="https://sharetomastodon.github.io/?title=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance&url={{ site.production_url }}" class="share-btn mastodon" title="Mastodon">
|
|
<i class="fab fa-mastodon"></i>
|
|
</a>
|
|
</div>
|
|
<div class="col-12 col-md-6 d-flex justify-content-between">
|
|
<a href="https://reddit.com/submit?url={{ site.production_url }}&title=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance" class="share-btn reddit" title="reddit">
|
|
<i class="fab fa-reddit-alien"></i>
|
|
</a>
|
|
|
|
<a href="https://www.linkedin.com/shareArticle?url={{ site.production_url }}&title=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance" class="share-btn linkedin" title="LinkedIn">
|
|
<i class="fab fa-linkedin-in"></i>
|
|
</a>
|
|
|
|
<a href="https://mix.com/mixit?su=submit&url={{ site.production_url }}&title=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance" class="share-btn mix" title="Mix">
|
|
<i class="ptio-mix"></i>
|
|
</a>
|
|
|
|
<a href="https://sharetodiaspora.github.io/?title=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance&url={{ site.production_url }}" class="share-btn diaspora" title="Diaspora*">
|
|
<i class="fas fa-asterisk"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<h3><label for="copyUrl">Copy URL and Description</label></h3>
|
|
|
|
<p>
|
|
<input id="copyUrl" type="text" value="{{ site.name }} - Encryption and tools to protect against global mass surveillance - {{ site.production_url }}" class="form-control input-lg onclick-select">
|
|
<span class="help-block">For easy copy and paste. Share this text snippet.</span>
|
|
</p>
|
|
|
|
<hr class="footer-divider" />
|
|
|
|
<div class="row mt-3">
|
|
<div class="col-sm-4 mb-3 d-flex justify-content-center align-items-center">
|
|
<span class="fab fa-creative-commons-zero fa-2x mr-2"></span>
|
|
<a
|
|
href="/LICENSE.txt"
|
|
data-original-title="This work is free. You can redistribute it and/or modify it under the terms of the "Creative Commons CC0 1.0 Universal Public Domain Dedication"."
|
|
data-toggle="tooltip"
|
|
data-placement="top">
|
|
CC0
|
|
</a>
|
|
</div>
|
|
|
|
<div class="col-sm-4 mb-3 d-flex justify-content-center align-items-center">
|
|
<span class="far fa-address-card fa-2x mr-2"></span>
|
|
<a href="/about/">About Us & Contact</a>
|
|
</div>
|
|
|
|
<div class="col-sm-4 mb-3 d-flex justify-content-center align-items-center">
|
|
<span class="fas fa-donate fa-2x mr-2"></span>
|
|
<a href="/donate/" data-toggle="tooltip" data-placement="top" data-original-title="Please support this project by donating. We are ad-free and not affiliated with any providers. Your donation will cover our costs for servers and domains.">Support Us!</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="copyright-text">
|
|
<a href="/about/javascript" data-jslicense="1">
|
|
<span class="fab fa-js fa-lg"></span>
|
|
JavaScript Licenses
|
|
</a>
|
|
<p class="mt-2">
|
|
<strong>No Ads, No Google Analytics, No Affiliates, No Cross-Site Requests.</strong>
|
|
<em>{{ site.name }} is a socially motivated website that provides information for protecting your data security and privacy. Never trust any company with your privacy, always encrypt.</em>
|
|
</p>
|
|
<p class="text-left">
|
|
Tor v3: <strong>privacy2zbidut4m4jyj3ksdqidzkw3uoip2vhvhbvwxbqux5xy5obyd.onion</strong>
|
|
(<a href="https://write.privacytools.io/jonah/tor-on-privacytools-io">Learn More</a>)
|
|
</p>
|
|
<small>
|
|
<a href="/privacy/">Privacy Statement</a> |
|
|
<a href="/notices/">Notices & Disclaimers</a> |
|
|
<a href="https://github.com/privacytools/brand">Brand Assets & Guidelines</a> |
|
|
<a href="https://status.privacytools.io">Status Page</a>
|
|
</small>
|
|
|
|
</div>
|
|
</footer>
|