Split All Services into Individual Pages (#807)

* Split sections into pages

Preliminary work

* Separate everything into their own pages

+ Permalinks!

* Navbar Link Updates

* Change all asset links

Assets are served from the root. Hope nobody is serving this site in a subfolder for some reason! :)

* Point all navbar links to pages

* Make the layouts more modular

* Remove unnecessary div containers

* Adjust footer and headers layout

* Add link to various privacy subpages to homepage

* Remove test script

* Add titles and descriptions to all pages

* Fix links and layouts

* Adjust header margins

* Create master pages

* Finalize master pages

* Add services page

* Add Javascript redirects

Okay I'm pretty garbage at Javascript so this is basically hacked together. If someone who knows what they're doing wants to do this, be my guest.

pages/browsers.html

@@ -0,0 +1,16 @@
+---
+layout: page
+permalink: /browsers/
+title: "Web Browsers"
+description: "These are our current web browser recommendations and some tweaks you can use to preserve your privacy."
+---
+
+{% include sections/browser-recommendation.html %}
+
+{% include sections/browser-fingerprint.html %}
+
+{% include sections/browser-webrtc.html %}
+
+{% include sections/browser-addons.html %}
+
+{% include sections/browser-tweaks.html %}

pages/os.html

@@ -0,0 +1,18 @@
+---
+layout: page
+permalink: /operating-systems/
+title: "Operating Systems"
+description: "Even your own computer could be compromising your privacy. Discover our recommended OS choices for all the devices you use."
+---
+
+{% include sections/operating-systems.html %}
+
+{% include sections/live-operating-systems.html %}
+
+{% include sections/mobile-operating-systems.html %}
+
+{% include sections/android-addons.html %}
+
+{% include sections/router-firmware.html %}
+
+{% include sections/windows10.html %}

pages/providers.html

@@ -0,0 +1,27 @@
+---
+layout: page
+permalink: /providers/
+title: "Providers"
+description: "There's a ton of people providing services online. Discover which ones you should avoid and our recommendations for a variety of services."
+---
+
+{% include sections/fourteen-eyes.html %}
+
+{% include sections/key-disclosure-law.html %}
+
+<h1 id="os" class="anchor">Services</h1>
+
+<p>Click on whatever service you need to view our recommendations.</p>
+
+<div class="card card-list">
+  <ul class="list-group list-group-flush">
+    <li class="list-group-item"><a href="/providers/vpn/"><i class="far fa-eye-slash"></i> Virtual Private Network (VPN)</a></li>
+    <li class="list-group-item"><a href="/providers/email/"><i class="fas fa-mail-bulk"></i> Privacy Email</a></li>
+    <li class="list-group-item"><a href="/providers/cloud-storage/"><i class="fas fa-cloud"></i> Encrypted Cloud Storage Services</a></li>
+    <li class="list-group-item"><a href="/providers/social-networks/"><i class="fas fa-expand-arrows-alt"></i> Decentralized Social Networks</a></li>
+    <li class="list-group-item"><a href="/providers/dns/"><i class="fa fa-tasks"></i> Domain Name System (DNS)</a></li>
+    <li class="list-group-item"><a href="/providers/search-engines/"><i class="fab fa-searchengin"></i> Privacy Respecting Search Engines</a></li>
+    <li class="list-group-item"><a href="/providers/hosting/"><i class="fas fa-database"></i> Secure Hosting Providers</a></li>
+    <li class="list-group-item"><a href="/providers/paste"><i class="fas fa-paste"></i> Paste Services</a></li>
+  </ul>
+</div>

pages/providers/dns.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /providers/dns/
+title: "DNS"
+description: "Don't let Google see all your DNS traffic. Discover privacy-centric alternatives to the traditional DNS providers."
+---
+
+{% include sections/dns.html %}

pages/providers/email.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /providers/email/
+title: "Email"
+description: "Find an email provider that will keep your privacy in mind. Don't settle for ad-supported platforms."
+---
+
+{% include sections/email-providers.html %}

pages/providers/hosting.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /providers/hosting/
+title: "Web Hosting"
+description: "Find a web hosting provider that won't track your visitors or give into government data requests."
+---
+
+{% include sections/hosting-provider.html %}

pages/providers/paste.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /providers/paste/
+title: "Paste"
+description: "Find a pastebin provider that won't read your content to share sensitive code or other information."
+---
+
+{% include sections/paste-services.html %}

pages/providers/search-engines.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /providers/search-engines/
+title: "Search Engines"
+description: "Find a search engine that doesn't track your queries or build an advertising profile based on your searches."
+---
+
+{% include sections/search-engines.html %}

pages/providers/social-networks.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /providers/social-networks/
+title: "Social Networks"
+description: "Find a social network that doesn't pry into your data or monetize your profile."
+---
+
+{% include sections/social-networks.html %}

pages/providers/storage.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /providers/cloud-storage/
+title: "Cloud Storage"
+description: "Find a cloud storage provider that won't look through your files."
+---
+
+{% include sections/cloud-storage.html %}

pages/providers/vpn.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /providers/vpn/
+title: "VPN Providers"
+description: "Find a no-logging VPN operator who isn't out to sell or read your web traffic."
+---
+
+{% include sections/vpn.html %}

pages/services.html

@@ -0,0 +1,18 @@
+---
+layout: page
+permalink: /services/
+title: "Services from privacytools.io"
+description: "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>We currently have the following free-to-use services online now.</p>
+
+<div class="card card-list">
+  <ul class="list-group list-group-flush">
+    <li class="list-group-item"><a href="https://social.privacytools.io/"><i class="fas fa-retweet"></i> Mastodon - Tracker Free Social Networking at social.privacytools.io</a></li>
+    <li class="list-group-item"><a href="https://bin.privacytools.io/"><i class="fas fa-clipboard"></i> PrivateBin - Encrypted Pastebin at bin.privacytools.io</a></li>
+    <li class="list-group-item"><a href="https://search.privacytools.io/"><i class="fas fa-search"></i> Searx - Privacy Friendly Search at search.privacytools.io</a></li>
+  </ul>
+</div>
+
+<p>More services are on the way! If there's something that would be super beneficial for us to run, don't hesitate to reach out and ask! And of course, if you like our services, please consider <a href="/donate/">donating to support our server costs</a>, <em>any donation helps!</em></p>

pages/software.html

@@ -0,0 +1,26 @@
+---
+layout: page
+permalink: /software/
+title: "Software"
+description: "Discover a variety of open source software built to protect your privacy and keep your digital data secure."
+---
+
+<p>Click on whatever software you need to view our recommendations.</p>
+
+<div class="card card-list">
+  <ul class="list-group list-group-flush">
+    <li class="list-group-item"><a href="/software/email/"><i class="fas fa-envelope"></i> Email Clients</a></li>
+    <li class="list-group-item"><a href="/software/email/#messaging"><i class="fas fa-random"></i> Email Alternatives</a></li>
+    <li class="list-group-item"><a href="/software/im/"><i class="fab fa-telegram-plane"></i> Instant Messenger</a></li>
+    <li class="list-group-item"><a href="/software/voip/"><i class="fas fa-phone"></i> Video & Voice Messenger</a></li>
+    <li class="list-group-item"><a href="/software/file-sharing/"><i class="fas fa-file-export"></i> File Sharing</a></li>
+    <li class="list-group-item"><a href="/software/cloud/"><i class="fas fa-hdd"></i> Self-Hosted Cloud Server</a></li>
+    <li class="list-group-item"><a href="/software/file-sync/"><i class="fas fa-copy"></i> Secure File Sync</a></li>
+    <li class="list-group-item"><a href="/software/passwords/"><i class="fas fa-user-lock"></i> Password Manager</a></li>
+    <li class="list-group-item"><a href="/software/calendar-contacts/"><i class="far fa-calendar-alt"></i> Calendar and Contacts Sync</a></li>
+    <li class="list-group-item"><a href="/software/encryption-tools/"><i class="fas fa-lock"></i> File Encryption</a></li>
+    <li class="list-group-item"><a href="/software/networks/"><i class="fas fa-user-secret"></i> Self-contained Networks</a></li>
+    <li class="list-group-item"><a href="/software/notebooks/"><i class="far fa-sticky-note"></i> Digital Notebook</a></li>
+    <li class="list-group-item"><a href="/software/productivity/"><i class="fas fa-briefcase"></i> Productivity Tools</a></li>
+  </ul>
+</div>

pages/software/cal-card.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /software/calendar-contacts/
+title: "Calendar/Contacts Sync Tools"
+description: "Discover free, open source, and secure ways to sync your contacts and calendars across your devices."
+---
+
+{% include sections/calendar-contacts-sync.html %}

pages/software/cloud.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /software/cloud/
+title: "Self Hosted \"Cloud\""
+description: "Discover how to securely and privately self-host your cloud with open source software."
+---
+
+{% include sections/selfhosted-cloud.html %}

pages/software/email.html

@@ -0,0 +1,10 @@
+---
+layout: page
+permalink: /software/email/
+title: "Email Clients"
+description: "Discover free, open source, and secure ways email clients, and some email alternatives you may not have considered."
+---
+
+{% include sections/email-clients.html %}
+
+{% include sections/email-alternatives.html %}

pages/software/encryption.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /software/encryption-tools/
+title: "Encryption Tools"
+description: "Discover free, open source, and secure ways to encrypt your sensitive data to keep it from prying eyes."
+---
+
+{% include sections/file-encryption.html %}

pages/software/file-sharing.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /software/file-sharing/
+title: "File Sharing"
+description: "Discover how to share your files with your friends and family or anonymously, without a middleman."
+---
+
+{% include sections/file-sharing.html %}

pages/software/file-sync.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /software/file-sync/
+title: "File Sync Tools"
+description: "Discover free, open source, and secure ways to sync your files across your devices."
+---
+
+{% include sections/file-sync.html %}

pages/software/im.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /software/im/
+title: "Instant Messaging"
+description: "Discover secure and private ways to message others online without letting any third parties read your messages."
+---
+
+{% include sections/instant-messenger.html %}

pages/software/networks.html

@@ -0,0 +1,9 @@
+---
+layout: page
+permalink: /software/networks/
+title: "Self-Contained Networks"
+description: "If you are currently browsing clearnet and want to access the dark web, this section is for you."
+hidedesc: true
+---
+
+{% include sections/self-contained-networks.html %}

pages/software/notebooks.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /software/notebooks/
+title: "Notebooks"
+description: "Keep track of your notes and journalings without giving them to a third-party."
+---
+
+{% include sections/notebooks.html %}

pages/software/passwords.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /software/passwords/
+title: "Password Managers"
+description: "Stay safe and secure online with an encrypted and open-source password manager."
+---
+
+{% include sections/password-managers.html %}

pages/software/productivity.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /software/productivity/
+title: "Productivity Tools"
+description: "Get working and collaborating without sharing your documents with a middleman or trusting a cloud provider."
+---
+
+{% include sections/productivity-tools.html %}

pages/software/video-voice.html

@@ -0,0 +1,8 @@
+---
+layout: page
+permalink: /software/voip/
+title: "VoIP"
+description: "Find a voice and video messenger that supports completely End-to-End encrypted calls."
+---
+
+{% include sections/voice-video-messenger.html %}