mirror of
https://github.com/privacyguides/privacyguides.org.git
synced 2024-12-29 17:36:28 -05:00
143 lines
6.3 KiB
HTML
143 lines
6.3 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-4">
|
|
<h1 class="display-4 pt-1 mt-5">The guide to restoring your online privacy.</h1>
|
|
<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-3 d-none d-lg-block">
|
|
<img src="/assets/img/layout/surveillance-eye-colorbg.svg" alt="Crossed out eye surveillance icon" class="w-100">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container my-5 p-5">
|
|
|
|
<div class="row">
|
|
<div class="col-lg-10 col-12 text-right">
|
|
<h2 class="mt-4">Why should I care?</h2>
|
|
<h5 class="mt-2">“I have nothing to hide. Why should I care about my privacy?”</h5>
|
|
<p class="mt-2">Much like the right to interracial marriage, woman's suffrage, freedom of speech, and many others, we didn't always have the right to privacy. In several dictatorships, many still don't. Generations before ours fought for our right to privacy. <mark>Privacy is a human right inherent to all of us</mark>, that we are entitled to without discrimination.</p>
|
|
<p>You shouldn't confuse privacy with secrecy. We know what happens in the bathroom, but you still close the door. That's because you want privacy, not secrecy. <strong>Everyone</strong> has something to hide, privacy is something that makes you human.</p>
|
|
<a href="/privacy/" class="btn btn-primary mt-2">Learn More About Privacy</a>
|
|
</div>
|
|
<div class="col-2 d-none d-lg-block">
|
|
<img src="/assets/img/layout/phone-like-icon.svg" alt="Phone icon with like heart" class="w-100">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-5">
|
|
<div class="col-2 d-none d-lg-block">
|
|
<img src="/assets/img/layout/plan-icon.svg" alt="Informational planning icon" class="w-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><mark>This process of identifying threats and defining countermeasures is called <strong>threat modeling</strong></mark>, 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</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="p-5 bg-secondary text-light">
|
|
<div class="container">
|
|
<div class="row mt-3">
|
|
<div class="col text-center">
|
|
<h2>Privacy Tools & 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 mb-5">
|
|
<div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3">
|
|
<a href="/devices/" class="text-secondary">
|
|
<div class="card text-center mx-auto" style="width: 160px;">
|
|
<div class="card-body">
|
|
<span class="card-title display-4"><i class="fal fa-phone-laptop mb-3" aria-hidden="true"></i></span>
|
|
<p class="card-subtitle">Devices</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3">
|
|
<a href="/browsers/" class="text-secondary">
|
|
<div class="card text-center mx-auto" style="width: 160px;">
|
|
<div class="card-body">
|
|
<span class="card-title display-4"><i class="fal fa-compass mb-3" aria-hidden="true"></i></span>
|
|
<p class="card-subtitle">Browsers</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3">
|
|
<a href="/software/" class="text-secondary">
|
|
<div class="card text-center mx-auto" style="width: 160px;">
|
|
<div class="card-body">
|
|
<span class="card-title display-4"><i class="fal fa-file-code mb-3" aria-hidden="true"></i></span>
|
|
<p class="card-subtitle">Software</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3">
|
|
<a href="/operating-systems/" class="text-secondary">
|
|
<div class="card text-center mx-auto" style="width: 160px;">
|
|
<div class="card-body">
|
|
<span class="card-title display-4"><i class="fal fa-desktop mb-3" aria-hidden="true"></i></span>
|
|
<p class="card-subtitle">OS</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3">
|
|
<a href="/providers/" class="text-secondary">
|
|
<div class="card text-center mx-auto" style="width: 160px;">
|
|
<div class="card-body">
|
|
<span class="card-title display-4"><i class="fal fa-cloud mb-3" aria-hidden="true"></i></span>
|
|
<p class="card-subtitle">Providers</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3">
|
|
<a href="/services/" class="text-secondary">
|
|
<div class="card text-center mx-auto" style="width: 160px;">
|
|
<div class="card-body">
|
|
<span class="card-title display-4"><i class="fal fa-server mb-3" aria-hidden="true"></i></span>
|
|
<p class="card-subtitle">Services</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row my-5">
|
|
<div class="col text-center">
|
|
<h2>Latest Updates</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
{% for post in site.posts limit:2 %}
|
|
{% include blog-card.html %}
|
|
{% endfor %}
|
|
</div>
|
|
<div class="row my-3">
|
|
<div class="col text-center">
|
|
<a href="/blog/" class="btn btn-primary mt-2">Read More <i class="far fa-chevron-circle-right fa-fw"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container mb-5">
|
|
{% include footer.html %}
|
|
</div>
|