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.
This commit is contained in:
2019-04-01 19:42:34 -05:00
committed by Burung Hantu
parent 5d1c51897e
commit 48fd518cb7
75 changed files with 703 additions and 382 deletions

View File

@ -1,60 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="referrer" content="no-referrer">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="privacy, anonymity, privacy tools, surveillance, encryption, edward snowden, nsa, tor">
<meta name="description" content="{{ site.description }}">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="assets/img/favicons/mstile-144x144.png">
<meta name="msapplication-config" content="assets/img/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<meta property="og:title" content="Privacy Tools | Encryption against global mass surveillance" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.privacytools.io/" />
<meta property="og:image" content="https://www.privacytools.io/assets/img/layout/ogimage.jpg" />
<meta property="og:description" content="You are being watched! Knowledge, encryption and privacy tools to protect you against global mass surveillance."/>
<meta property="og:locale" content="en_US" />
<meta property="og:site_name" content="privacytools.io" />
<!-- title -->
{% if page.title %}
<title>{{ page.title }} | {{ site.title }} </title>
{% else %}
<title>{{ site.title }}</title>
{% endif %}
<!-- icons -->
<link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="assets/img/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="assets/img/favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="assets/img/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="assets/img/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="assets/img/favicons/manifest.json">
<link rel="shortcut icon" href="assets/img/favicons/favicon.ico">
<!-- CSS stylesheets -->
<link href="assets/css/style.css?v=5" rel="stylesheet">
</head>
<body data-spy="scroll" data-target="#navbar">
{% include nav.html %}
<div id="top" class="py-4"></div>
{% include head.html %}
<body data-spy="scroll" data-target="#navbar">
<header>
{% include nav.html %}
<div id="top" class="py-4"></div>
</header>
<div class="container" role="main">
<main>
{{ content }}
</main>
<footer>
{% include footer.html %}
</footer>
</div>
{% include scripts.html %}
</body>
{% include scripts.html %}
</body>
</html>

10
_layouts/page.html Normal file
View File

@ -0,0 +1,10 @@
---
layout: default
---
<div class="jumbotron p-5">
<h1 class="display-4">{{ page.title }}</h1>
{% if page.description and page.hidedesc != true %}<p class="lead">{{ page.description }}</p>{% endif %}
</div>
{{ content }}