privacyguides/privacyguides.org
1
0
Fork 0
mirror of https://github.com/privacyguides/privacyguides.org.git synced 2025-07-02 17:42:39 +00:00
Code Issues Activity

Create basic layout

Browse Source
This commit is contained in:
Jonah Aragon
2020-05-11 22:59:21 -05:00
parent 3ebbd2728e
commit 3986217030
14 changed files with 12873 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
index.html
View File

@ -1,16 +1,93 @@
---
layout: page
layout: default
---
<div class="row">
<div class="jumbotron">
<h1 class="display-4">Matrix</h1>
<p class="lead"><code>chat.privacytools.io</code> is <a href="https://www.privacytools.io/">privacytools.io's</a> official Matrix homeserver.</p>
<hr class="my-4">
<p>You can register a user account on this homeserver using any Matrix client, no email required. However, you do not need to be a member of this homeserver to join our channels, and choosing a smaller instance or <a href="https://matrix.org/docs/guides/installing-synapse">hosting your own</a> will help promote decentralization and performance in the Matrix fediverse!</p>
<p class="lead">
<a class="btn btn-primary btn-lg" href="https://riot.privacytools.io/" role="button">Open in Riot</a>
<a class="btn btn-secondary btn-lg" href="https://www.hello-matrix.net/public_servers.php" role="button">Find Another Homeserver</a>
</p>
<div class="p-5 mb-5 bg-primary">
<div class="container">
<div class="row">
<div class="col-lg-8 col-12 mt-5">
<h2 class="display-4 mt-4">The guide to restoring your online privacy.</h2>
<h5 class="mt-5">Massive organizations are monitoring your online activities. Privacy Guides is your central privacy and security resource to protect yourself online.</h5>
</div>
<div class="col-4 p-5 d-none d-lg-block">
<img src="/assets/img/layout/privacy-guides-logo-notext-colorbg.svg" width="100%">
</div>
</div>
</div>
</div>
<div class="container">
<div class="row m-3">
<div class="col text-center">
<h2>Privacy Tools &amp; Services</h2>
<p>The devices, software, and services that will protect your privacy highly depend on your use-cases, workflows, and threat models. But, if you don't know where to get started, we've chosen some recommended tools to get you going :)</p>
</div>
</div>
<div class="row">
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<a href="/devices/" class="text-secondary">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<h5 class="card-title display-4"><i class="fal fa-phone-laptop"></i></h5>
<p class="card-subtitle">Devices</p>
</div>
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<a href="/browsers/" class="text-secondary">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<h5 class="card-title display-4"><i class="fal fa-compass"></i></h5>
<p class="card-subtitle">Browsers</p>
</div>
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<a href="/software/" class="text-secondary">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<h5 class="card-title display-4"><i class="fal fa-file-code"></i></h5>
<p class="card-subtitle">Software</p>
</div>
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<a href="/os/" class="text-secondary">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<h5 class="card-title display-4"><i class="fal fa-desktop"></i></h5>
<p class="card-subtitle">OS</p>
</div>
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<a href="/providers/" class="text-secondary">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<h5 class="card-title display-4"><i class="fal fa-cloud"></i></h5>
<p class="card-subtitle">Providers</p>
</div>
</div>
</a>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<a href="/services/" class="text-secondary">
<div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body">
<h5 class="card-title display-4"><i class="fal fa-server"></i></h5>
<p class="card-subtitle">Services</p>
</div>
</div>
</a>
</div>
</div>
</div>