Add Services Page #788

Closed
jonah wants to merge 3 commits from services into master
8 changed files with 205 additions and 2 deletions

View File

@ -15,9 +15,9 @@
{% include card.html color="primary"
title="Etherpad"
image="assets/img/tools/Etherpad.png"
url="http://etherpad.org/"
url="https://etherpad.org/"
footer="OS: Windows, macOS, Linux."
description="Etherpad is a highly customizable Open Source online editor providing collaborative editing in really real-time. Etherpad allows you to edit documents collaboratively in real-time, much like a live multi-player editor that runs in your browser. Write articles, press releases, to-do lists, etc."
description="Etherpad is a highly customizable Open Source online editor providing collaborative editing in really real-time. Etherpad allows you to edit documents collaboratively in real-time, much like a live multi-player editor that runs in your browser. Write articles, press releases, to-do lists, etc. <a href=https://github.com/ether/etherpad-lite/wiki/Sites-that-run-Etherpad>Sites That Run Etherpad</a>"
%}
{% include card.html color="warning"

View File

@ -0,0 +1,27 @@
<footer>
<div class="page-header">
<h4>No Ads, No Google Analytics, No Affiliates, No Cross-Site Requests</h4>
</div>
<div class="row mt-3">
<div class="col-md-3 col-sm-6 mb-3 d-flex justify-content-center d-flex justify-content-center">
<a href="http://www.wtfpl.net/" data-toggle="tooltip" data-placement="top" data-original-title="This work is free. You can redistribute it and/or modify it under the terms of the ''Do What The Fuck You Want To Public License'', Version 2, as published by Sam Hocevar."><img alt="WTFPL" src="assets/img/layout/wtfpl.png">WTFPL</a>
</div>
<div class="col-md-3 col-sm-6 mb-3 d-flex justify-content-center">
<a href="https://www.kopimi.com/" data-toggle="tooltip" data-placement="top" data-original-title="kopimi (copyme), symbol showing that you want to be copied. use kopimi in your own fancy. kopimi may be put on homepages or blogs, in books, in software, as sound logos in music or whatever."><img alt="kopimi" src="assets/img/layout/kopimi.png">kopimi</a>
</div>
<div class="col-md-3 col-sm-6 mb-3 d-flex justify-content-center">
<a href="donate.html" data-toggle="tooltip" data-placement="top" data-original-title="Please support this project by donating Bitcoins. We are ad free and not affiliated with any providers. Your donation will cover our cost for server and domain."><img alt="Bitcoin" src="assets/img/layout/Bitcoin.png">Donate BTC</a>
</div>
<div class="col-md-3 col-sm-6 mb-3 d-flex justify-content-center">
<i class="fab fa-paypal fa-2x"></i>
<a data-toggle="tooltip" data-placement="top" data-original-title="You can also donate using Paypal." href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=5G9CBU8P6F4K2">PayPal</a>
</div>
</div>
<p><em>privacytools.io 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>
</footer>

View File

@ -0,0 +1,24 @@
<div class="jumbotron p-5">
<h1 class="display-4"><a href="https://www.privacytools.io/" title="privacytools.io"><img style="max-height: 75px;" src="assets/img/layout/logo_icon_only.png" class="img-fluid" alt="privacytools.io"></a> privacytools.io services</h1>
<p class="lead">The privacytools.io team is proud to introduce a suite of privacy-centric online services to connect you with other privacy-minded individuals and stay safe and secure online. No advertisers, no Google Analytics, no tracking, no third party requests of any kind.</p>
</div>
<div class="page-header">
<h1>Privacy? I don't have anything to hide.</h1>
</div>
<blockquote class="blockquote">
<p>
<a href="https://www.ted.com/talks/glenn_greenwald_why_privacy_matters" title="Glenn Greenwald - Why privacy matters - TED Talk"><img src="assets/img/layout/Glenn-Greenwald-Why-privacy-matters.jpg" class="img-fluid float-right ml-2" alt="Glenn Greenwald: Why privacy matters"></a>
Over the last 16 months, as I've debated this issue around the world, every single time somebody has said to me, "I don't really worry about invasions of privacy because I don't have anything to hide." I always say the same thing to them. I get out a
pen, I write down my email address. I say, "Here's my email address. What I want you to do when you get home is email me the passwords to all of your email accounts, not just the nice, respectable work one in your name, but all of them, because I
want to be able to just troll through what it is you're doing online, read what I want to read and publish whatever I find interesting. After all, if you're not a bad person, if you're doing nothing wrong, you should have nothing to hide." <strong>Not a single person has taken me up on that offer.</strong></p>
<footer class="blockquote-footer">Glenn Greenwald in <cite title="Why privacy matters - TED Talk"><a href="https://www.ted.com/talks/glenn_greenwald_why_privacy_matters">Why privacy matters - TED Talk</a></cite></footer>
</blockquote>
<h4>Read also:</h4>
<ul>
<li><a href="https://en.wikipedia.org/wiki/Nothing_to_hide_argument">Nothing to hide argument (Wikipedia)</a></li>
<li><a href="https://www.reddit.com/r/privacy/comments/3hynvp/how_do_you_counter_the_i_have_nothing_to_hide/">How do you counter the "I have nothing to hide?" argument? (reddit.com)</a></li>
<li><a href="https://papers.ssrn.com/sol3/papers.cfm?abstract_id=998565">'I've Got Nothing to Hide' and Other Misunderstandings of Privacy (Daniel J. Solove - San Diego Law Review)</a></li>
</ul>

View File

@ -0,0 +1,81 @@
<h1 id="participate" class="anchor"><a href="#participate"><i class="fas fa-link anchor-icon"></i></a> Spread the word and help your friends</h1>
<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=https://www.privacytools.io/" class="share-btn email" title="Email">
<i class="fas fa-envelope"></i>
</a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://www.privacytools.io" 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&amp;url=https://www.privacytools.io/&amp;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=https://www.privacytools.io" 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=https://www.privacytools.io&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=https://www.privacytools.io&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="http://www.stumbleupon.com/submit?url=https://www.privacytools.io&title=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance" class="share-btn stumbleupon" title="StumbleUpon">
<i class="fab fa-stumbleupon"></i>
</a>
<a href="https://sharetodiaspora.github.io/?title=privacytools.io%20-%20encryption%20against%20global%20mass%20surveillance&url=https://www.privacytools.io" class="share-btn diaspora" title="Diaspora*">
<i class="fas fa-asterisk"></i>
</a>
</div>
</div>
<h3>Copy URL and Description</h3>
<p>
<input type="text" value="services.privacytools.io - privacy-centric services from the creators of privacytools.io" onclick="this.focus();this.select()" class="form-control input-lg">
<span class="help-block">For easy copy and paste. Share this text snippet.</span>
</p>
<div class="page-header">
<h1>Participate with suggestions and constructive criticism</h1>
</div>
<p>It's important for a website like privacytools.io to be up-to-date. Keep an eye on software updates of the applications listed here. Follow recent news about providers that are recommended. We try our best to keep up but we're not perfect and the internet is changing fast. If you find an error, or you think a provider should not be listed here, or a qualified service provider is missing or a browser plugin is not the best choice anymore and anything else... <strong>Talk to us please.</strong> You can find us also on <a rel="me" href="https://social.privacytools.io/@BurungHantu">our own Mastodon instance.</a></p>
<div class="row">
{% include card.html color="success"
title="Make suggestions on Reddit"
image="assets/img/icons/reddit.png"
url="https://www.reddit.com/r/privacytoolsIO/"
website="reddit.com"
description='Our active community subreddit to stay up to date or to make suggestions. Join now!'
%}
{% include card.html color="primary"
title="Follow on Twitter"
image="assets/img/icons/twitter.png"
url="https://twitter.com/privacytoolsIO"
website="twitter.com"
description="Get the latest privacy-related updates from our Twitter Feed. Follow now!"
%}
{% include card.html color="warning"
title="Develop on GitHub"
image="assets/img/icons/github.png"
url="https://github.com/privacytoolsIO/privacytools.io"
website="github.com"
description="The complete website source code is available on GitHub. Join our developer team!"
%}
</div>
<p>This is a community project and we're aiming to deliver the best information available for a better privacy. Thank you for participating. This project needs you.</p>

View File

@ -0,0 +1,20 @@
<h1 id="social" class="anchor"><a href="#search"><i class="fas fa-link anchor-icon"></i></a> Privacy Respecting Search</h1>
<div class="alert alert-warning" role="alert">
<strong> If you are currently using search engines like Google, Bing, or Yandex, check out our new meta search engine!</strong>
</div>
<div class="row mb-2">
{% include card.html color="primary"
title="search.privacytools.io"
image="assets/img/provider/searx.jpg"
url="https://search.privacytools.io/"
description="Privacytools.io is now running an open-source Searx instance, which aggregates the results of other search engines while not storing information about its users."
%}
</div>
<h3>More Information</h3>
<p>Find out more about <a href="/index.html#search">Privacy Respecting Search Engines</a> on our homepage.</p>

View File

@ -0,0 +1,34 @@
<h1 id="social" class="anchor"><a href="#social"><i class="fas fa-link anchor-icon"></i></a> Social</h1>
<div class="alert alert-warning" role="alert">
<strong> If you are currently using Social Networks or Messaging like Facebook, Twitter, Discord, or Messenger, give one of our instances a try! </strong>
</div>
<div class="row mb-2">
{% include card.html color="success"
title="Social"
image="assets/img/tools/Mastodon.png"
url="https://social.privacytools.io/"
website="social.privacytools.io"
description='We are now operating an open, federated Mastodon instance to anyone looking to get away from Twitter or Facebook for their social networking needs. Our instance is
completely free of advertising and third party trackers.'
%}
{% include card.html color="info"
title="Video"
image="assets/img/tools/peertube.png"
url="https://video.privacytools.io/"
description="Video content creators are welcome to host their content on our PeerTube platform! PeerTube is a federated video sharing site, so your videos will be accessible from
any other instance regardless of their install."
%}
{% include card.html color="info"
title="Messaging"
image="assets/img/tools/riot.png"
url="https://chat.privacytools.io/"
description="If you're looking for a messaging solution for yourself or your organization, look no further. We are now offering a free-to-use Matrix/Riot installation featuring
end-to-end encrypted chats, group chats, and everything else the Matrix federated ecosystem has to offer."
%}
</div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

17
services.html Normal file
View File

@ -0,0 +1,17 @@
---
layout: default
active_page: services
---
<div class="container" role="main">
{% include services/header.html %}
{% include services/search.html %}
{% include services/social.html %}
{% include services/participate.html %}
{% include services/footer.html %}
</div>