privacyguides.org/index.html
2020-05-12 00:30:23 -05:00

111 lines
4.4 KiB
HTML

---
layout: default
---
<div class="p-5 mb-3 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/surveillance-eye-colorbg.svg" width="100%">
</div>
</div>
</div>
</div>
<div class="container my-5 p-5">
<div class="row">
<div class="col-2 d-none d-lg-block">
<img src="/assets/img/layout/plan-icon.svg" width="100%">
</div>
<div class="col-lg-10 col-12">
<h2 class="mt-4">What should I do?</h2>
<h5 class="mt-2">First, you need to make a plan.</h5>
<p class="mt-2">Trying to protect <strong>all</strong> your data from <strong>everyone</strong> all the time is impractical, expensive, and exhausting. But, don't worry! Security is a process, and by thinking ahead you can put together a plan that's right for <strong>you</strong>. Security isn't just about the tools you use or the software you download. Rather, it begins with understanding the unique threats you face, and how you can counter them.</p>
<p>This process of identifying threats and defining countermeasures is called <strong>threat modeling</strong>, and it forms the basis of every good security and privacy plan.</p>
<a href="/threat-modeling/" class="btn btn-primary mt-2">Learn More About Threat Modeling <i class="far fa-fw fa-arrow-circle-right"></i></a>
</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 case, workflow, and threat model. 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>