nihilist/privacyguides.org
1
0
Fork 0
mirror of https://github.com/privacyguides/privacyguides.org synced 2024-09-20 04:46:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix the terrible dark mode again

Browse Source
This commit is contained in:
Jonah Aragon 2021-01-15 23:13:01 -06:00
parent 10e744d42c
commit e2bc10d8e8
No known key found for this signature in database
GPG Key ID: 6A957C9A9A9429F7
22 changed files with 155 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
_includes/legacy/sections/dns.html
View File

@ -36,7 +36,7 @@
</td> </td>
<td> <td>
<a <a
class="btn-secondary btn-icon" class="btn-info btn-icon"
href="https://adguard.com/en/privacy/dns.html"> href="https://adguard.com/en/privacy/dns.html">
<span class="fas fa-globe"></span> <span class="fas fa-globe"></span>
</a> </a>
@ -55,7 +55,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td> </td>
<td> <td>
<a <a
class="btn-secondary btn-icon" class="btn-info btn-icon"
href="https://github.com/AdguardTeam/AdGuardDNS/"> href="https://github.com/AdguardTeam/AdGuardDNS/">
<span class="fas fa-globe"></span> <span class="fas fa-globe"></span>
</a> </a>
@ -94,7 +94,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td> </td>
<td> <td>
<div <div
class="btn-secondary btn-icon" class="btn-info btn-icon"
data-original-title="&quot;No logs.&quot;" data-original-title="&quot;No logs.&quot;"
data-toggle="tooltip" data-toggle="tooltip"
data-placement="bottom"> data-placement="bottom">
@ -107,7 +107,7 @@ We also log how many times this or that tracker has been blocked. We need this i
<span class="no-text-wrap"> <span class="no-text-wrap">
DoH, DoH,
<span data-toggle="tooltip" data-placement="bottom" data-original-title="Supports port 443 in addition to 853"> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Supports port 443 in addition to 853">
DoT <span class="fas fa-info-circle fa-sm text-secondary"></span>, DoT <span class="fas fa-info-circle fa-sm text-muted"></span>,
</span> </span>
</span> </span>
DNSCrypt DNSCrypt
@ -127,7 +127,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td> </td>
<td> <td>
<a <a
class="btn-secondary btn-icon" class="btn-info btn-icon"
href="https://github.com/ookangzheng/blahdns/"> href="https://github.com/ookangzheng/blahdns/">
<span class="fas fa-globe"></span> <span class="fas fa-globe"></span>
</a> </a>
@ -154,7 +154,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td> </td>
<td> <td>
<a <a
class="btn-secondary btn-icon" class="btn-info btn-icon"
href="https://www.cloudflare.com/privacypolicy/"> href="https://www.cloudflare.com/privacypolicy/">
<span class="fas fa-globe"></span> <span class="fas fa-globe"></span>
</a> </a>
@ -185,12 +185,11 @@ We also log how many times this or that tracker has been blocked. We need this i
</td> </td>
<td> <td>
<div <div
class="btn-secondary btn-icon" class="btn-info btn-icon"
data-original-title="&quot;CZ.NIC resolvers neither collect any personal data nor gather information on pages where your computer sends personal data.&quot;" data-original-title="&quot;CZ.NIC resolvers neither collect any personal data nor gather information on pages where your computer sends personal data.&quot;"
data-toggle="tooltip" data-toggle="tooltip"
data-placement="bottom"> data-placement="bottom">
<span class="fas fa-globe"></span> <span class="fas fa-globe"></span>
</a>
</td> </td>
<td><a data-toggle="tooltip" data-placement="bottom" data-original-title='"CZ.NIC is an interest association of legal entities, founded in 1998 by leading providers of Internet services."' href="https://www.nic.cz/page/351/about-association/">Association</a></td> <td><a data-toggle="tooltip" data-placement="bottom" data-original-title='"CZ.NIC is an interest association of legal entities, founded in 1998 by leading providers of Internet services."' href="https://www.nic.cz/page/351/about-association/">Association</a></td>
<td>No</td> <td>No</td>
@ -214,7 +213,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td> </td>
<td> <td>
<a <a
class="btn-secondary btn-icon" class="btn-info btn-icon"
href="https://appliedprivacy.net/privacy-policy"> href="https://appliedprivacy.net/privacy-policy">
<span class="fas fa-globe"></span> <span class="fas fa-globe"></span>
</a> </a>
@ -225,7 +224,7 @@ We also log how many times this or that tracker has been blocked. We need this i
<span class="no-text-wrap"> <span class="no-text-wrap">
DoH, DoH,
<span data-toggle="tooltip" data-placement="bottom" data-original-title="Supports port 443 in addition to 853"> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Supports port 443 in addition to 853">
DoT <span class="fas fa-info-circle fa-sm text-secondary"></span> DoT <span class="fas fa-info-circle fa-sm text-muted"></span>
</span> </span>
</span> </span>
</td> </td>
@ -252,7 +251,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td> </td>
<td> <td>
<a <a
class="btn-secondary btn-icon" class="btn-info btn-icon"
href="https://libreops.cc/terms.html"> href="https://libreops.cc/terms.html">
<span class="fas fa-globe"></span> <span class="fas fa-globe"></span>
</a> </a>
@ -273,7 +272,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td> </td>
<td> <td>
<a <a
class="btn-secondary btn-icon" class="btn-info btn-icon"
href="https://gitlab.com/libreops/libredns"> href="https://gitlab.com/libreops/libredns">
<span class="fas fa-globe"></span> <span class="fas fa-globe"></span>
</a> </a>
@ -297,7 +296,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td> </td>
<td> <td>
<a <a
class="btn-secondary btn-icon" class="btn-info btn-icon"
href="https://www.nextdns.io/privacy"> href="https://www.nextdns.io/privacy">
<span class="fas fa-globe"></span> <span class="fas fa-globe"></span>
</a> </a>
@ -339,7 +338,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td> </td>
<td> <td>
<a <a
class="btn-secondary btn-icon" class="btn-info btn-icon"
href="https://nixnet.xyz/privacy/"> href="https://nixnet.xyz/privacy/">
<span class="fas fa-globe"></span> <span class="fas fa-globe"></span>
</a> </a>
@ -360,7 +359,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td> </td>
<td> <td>
<a <a
class="btn-secondary btn-icon" class="btn-info btn-icon"
href="https://git.nixnet.xyz/NixNet/dns"> href="https://git.nixnet.xyz/NixNet/dns">
<span class="fas fa-globe"></span> <span class="fas fa-globe"></span>
</a> </a>
@ -384,7 +383,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td> </td>
<td> <td>
<a <a
class="btn-secondary btn-icon" class="btn-info btn-icon"
href="https://powerdns.org/doh/privacy.html"> href="https://powerdns.org/doh/privacy.html">
<span class="fas fa-globe"></span> <span class="fas fa-globe"></span>
</a> </a>
@ -397,7 +396,7 @@ We also log how many times this or that tracker has been blocked. We need this i
<td>No</td> <td>No</td>
<td> <td>
<a <a
class="btn-secondary btn-icon" class="btn-info btn-icon"
href="https://github.com/PowerDNS/pdns"> href="https://github.com/PowerDNS/pdns">
<span class="fas fa-globe"></span> <span class="fas fa-globe"></span>
</a> </a>
@ -421,7 +420,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td> </td>
<td> <td>
<a <a
class="btn-secondary btn-icon" class="btn-info btn-icon"
href="https://quad9.net/policy/"> href="https://quad9.net/policy/">
<span class="fas fa-globe"></span> <span class="fas fa-globe"></span>
</a> </a>
@ -457,7 +456,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td> </td>
<td> <td>
<a <a
class="btn-secondary btn-icon" class="btn-info btn-icon"
href="https://snopyta.org/privacy_policy/"> href="https://snopyta.org/privacy_policy/">
<span class="fas fa-globe"></span> <span class="fas fa-globe"></span>
</a> </a>
@ -506,7 +505,7 @@ We also log how many times this or that tracker has been blocked. We need this i
</td> </td>
<td> <td>
<div <div
class="btn-secondary btn-icon" class="btn-info btn-icon"
data-original-title="&quot;Absolutely nothing is being logged, neither about the users nor the usage of this service. I do keep graphs of the total number of queries, but no personally identifiable information is saved. The data that is saved will never be sold or used for anything except capacity planning of the service.&quot;" data-original-title="&quot;Absolutely nothing is being logged, neither about the users nor the usage of this service. I do keep graphs of the total number of queries, but no personally identifiable information is saved. The data that is saved will never be sold or used for anything except capacity planning of the service.&quot;"
data-toggle="tooltip" data-toggle="tooltip"
data-placement="bottom"> data-placement="bottom">

4
_includes/legacy/sections/email-warning.html
View File

@ -4,7 +4,7 @@
<div class="card-body"> <div class="card-body">
<p class="card-text text-danger">When using end-to-end encryption (E2EE) technology like <a href="https://en.wikipedia.org/wiki/Pretty_Good_Privacy">OpenPGP</a>, email will still have some metadata that is not encrypted in the header of the email. <a href="/providers/email/#metadata">Read more about email metadata.</a></p> <p class="card-text text-danger">When using end-to-end encryption (E2EE) technology like <a href="https://en.wikipedia.org/wiki/Pretty_Good_Privacy">OpenPGP</a>, email will still have some metadata that is not encrypted in the header of the email. <a href="/providers/email/#metadata">Read more about email metadata.</a></p>
<p class="card-text text-danger">OpenPGP also does not support <a href="https://en.wikipedia.org/wiki/Forward_secrecy">Forward secrecy</a>, which means if either your or the recipient's private key is ever stolen, <strong>all</strong> previous messages encrypted with it will be exposed. <a href="/providers/email/#email-encryption">How do I protect my private keys?</a></p> <p class="card-text text-danger">OpenPGP also does not support <a href="https://en.wikipedia.org/wiki/Forward_secrecy">Forward secrecy</a>, which means if either your or the recipient's private key is ever stolen, <strong>all</strong> previous messages encrypted with it will be exposed. <a href="/providers/email/#email-encryption">How do I protect my private keys?</a></p>
<p class="card-text text-secondary">Rather than use email for prolonged conversations, consider using a medium that does support Forward secrecy.</p> <p class="card-text text-info">Rather than use email for prolonged conversations, consider using a medium that does support Forward secrecy.</p>
<a href="/software/real-time-communication/" class="btn btn-outline-secondary">Recommended Instant Messengers</a> <a href="/software/real-time-communication/" class="btn btn-outline-info">Recommended Instant Messengers</a>
</div> </div>
</div> </div>

4
_includes/nav.html
View File

@ -1,7 +1,7 @@
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <nav class="navbar navbar-expand-lg navbar-light">
<div class="container"> <div class="container">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<h1>{% include privacy-guides-logo.svg %}</h1> <h1>{% include svg/privacy-guides-logo.svg %}</h1>
</a> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>

1
_includes/svg/phone-like-icon.svg Normal file
View File

@ -0,0 +1 @@
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" fill="none" rx="0" ry="0"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5H5C4.44772 5 4 5.44772 4 6V22C4 22.5523 4.44772 23 5 23H9" class="svg-primary"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M6.50072 4C6.50072 3.72386 6.72458 3.5 7.00072 3.5H15.0007C15.2769 3.5 15.5007 3.72386 15.5007 4V8C15.5007 8.27614 15.7246 8.5 16.0007 8.5C16.2769 8.5 16.5007 8.27614 16.5007 8V4C16.5007 3.17157 15.8291 2.5 15.0007 2.5H7.00072C6.17229 2.5 5.50072 3.17157 5.50072 4V14.1906L1.3536 16.5849C1.11445 16.723 1.03252 17.0288 1.17059 17.268C1.30866 17.5071 1.61445 17.589 1.8536 17.451L8.7818 13.451C9.01753 13.3149 9.31802 13.3925 9.45879 13.6238L9.4587 13.6242L9.4588 13.6258L9.45923 13.6291C9.46145 13.6459 9.4691 13.7038 9.45158 13.823C9.42828 13.9815 9.37046 14.1792 9.28549 14.3852C9.20114 14.5897 9.09746 14.7845 8.99374 14.9376C8.94204 15.014 8.89398 15.0746 8.85251 15.1189C8.83202 15.1408 8.81495 15.1568 8.80171 15.1679C8.789 15.1786 8.78229 15.1827 8.78182 15.183C8.78179 15.183 8.78178 15.183 8.7818 15.183L4.88469 17.433C4.47371 17.6703 4.21649 18.0767 4.12641 18.5056C4.05028 18.868 3.91544 19.3777 3.69621 19.8523C3.47235 20.337 3.18981 20.721 2.8536 20.9151C2.61445 21.0531 2.53252 21.3589 2.67059 21.5981C2.80866 21.8372 3.11445 21.9192 3.3536 21.7811C3.95226 21.4354 4.34564 20.8311 4.60405 20.2716C4.86709 19.7022 5.02089 19.1118 5.10505 18.7111C5.14438 18.5239 5.25049 18.3765 5.38469 18.299L5.50072 18.232V20C5.50072 20.8284 6.17229 21.5 7.00072 21.5H15.0007C15.8291 21.5 16.5007 20.8284 16.5007 20V19C16.5007 18.7239 16.2769 18.5 16.0007 18.5C15.7246 18.5 15.5007 18.7239 15.5007 19V20C15.5007 20.2761 15.2769 20.5 15.0007 20.5H7.00072C6.72458 20.5 6.50072 20.2761 6.50072 20V17.6547L9.2818 16.049C9.50168 15.9221 9.68465 15.7008 9.82172 15.4984C9.96837 15.2819 10.1031 15.0256 10.21 14.7664C10.3162 14.5087 10.4025 14.2301 10.441 13.9684C10.4759 13.7305 10.4874 13.4052 10.3308 13.134C9.91663 12.4165 8.99924 12.1707 8.2818 12.5849L6.50072 13.6132V4ZM9.50072 5C9.50072 4.72386 9.72458 4.5 10.0007 4.5H12.0007C12.2769 4.5 12.5007 4.72386 12.5007 5C12.5007 5.27614 12.2769 5.5 12.0007 5.5H10.0007C9.72458 5.5 9.50072 5.27614 9.50072 5ZM11.2685 13.1317C10.2922 12.1554 10.2922 10.5725 11.2685 9.59619C12.2448 8.61988 13.8277 8.61988 14.804 9.59619L15.8647 10.6569L16.9253 9.5962C17.9017 8.61989 19.4846 8.61989 20.4609 9.5962C21.4372 10.5725 21.4372 12.1554 20.4609 13.1317L19.0467 14.5459L18.6931 14.8995L16.2182 17.3744L15.8647 17.7279L15.5111 17.3744L11.2685 13.1317ZM18.6931 13.4853L16.5718 11.364L17.6325 10.3033C18.2182 9.71752 19.168 9.71752 19.7538 10.3033C20.3396 10.8891 20.3396 11.8388 19.7538 12.4246L18.6931 13.4853ZM14.0969 10.3033L15.1576 11.364L15.5111 11.7175L17.986 14.1924L15.8647 16.3137L11.9756 12.4246C11.3898 11.8388 11.3898 10.8891 11.9756 10.3033C12.5614 9.71751 13.5111 9.71751 14.0969 10.3033Z" class="svg-dark"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

1
_includes/svg/plan-icon.svg Normal file
View File

@ -0,0 +1 @@
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" fill="none" rx="0" ry="0"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 14C18.5376 14 21 11.5376 21 8.5C21 5.46243 18.5376 3 15.5 3C12.4624 3 10 5.46243 10 8.5C10 11.5376 12.4624 14 15.5 14Z" class="svg-primary"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13.0103 4.4999C13.2864 4.49421 13.5056 4.2658 13.4999 3.98971C13.4942 3.71363 13.2658 3.49442 12.9897 3.50011L6.88472 3.62578C6.76152 3.62832 6.66578 3.63238 6.48031 3.68721C6.40031 3.71086 6.2943 3.76246 6.2358 3.79183C6.17942 3.82014 6.08012 3.87152 6.01325 3.92C5.98335 3.9339 5.95981 3.94843 5.94324 3.95967C5.92253 3.97371 5.90643 3.98691 5.89552 3.99641C5.87465 4.01456 5.85983 4.03056 5.85339 4.03763C5.84121 4.05103 5.83176 4.06301 5.8303 4.06486L5.82515 4.07143C5.77526 4.13563 5.73108 4.20394 5.69266 4.27578C5.5509 4.54084 5.5 4.79567 5.5 5.28194V18.7181C5.5 19.2043 5.5509 19.4592 5.69266 19.7242C5.82641 19.9743 6.02568 20.1736 6.27578 20.3073C6.54084 20.4491 6.79567 20.5 7.28194 20.5L14 20.5L15.4361 20.5C16.3681 20.5 16.7846 20.4027 17.2126 20.1738C17.6257 19.9529 17.9529 19.6257 18.1738 19.2126C18.4027 18.7846 18.5 18.3681 18.5 17.4361V16.5V14.2819C18.5 14.0058 18.2761 13.7819 18 13.7819C17.7239 13.7819 17.5 14.0058 17.5 14.2819V16H15C14.1716 16 13.5 16.6716 13.5 17.5V19.5H7.28194C7.07243 19.5 6.95676 19.4887 6.88551 19.475C6.8261 19.4635 6.79228 19.4495 6.74738 19.4255C6.67155 19.385 6.61503 19.3285 6.57447 19.2526C6.55046 19.2077 6.5365 19.1739 6.52503 19.1145C6.51127 19.0432 6.5 18.9276 6.5 18.7181V5.28194C6.5 5.07243 6.51127 4.95677 6.52503 4.88552C6.53635 4.82691 6.55008 4.7932 6.5735 4.7492L6.59553 4.73314L6.61189 4.72375C6.63137 4.71286 6.65695 4.69935 6.68454 4.6855C6.71212 4.67165 6.73824 4.6592 6.75861 4.65008L6.77519 4.64287C6.81586 4.63121 6.83068 4.62908 6.83563 4.62843C6.84411 4.62732 6.85282 4.62665 6.9053 4.62557L13.0103 4.4999ZM14.5 19.5H15.4361C16.2871 19.5 16.5172 19.4117 16.741 19.292C16.9798 19.1643 17.1643 18.9798 17.292 18.741C17.4117 18.5172 17.5 18.2871 17.5 17.4361V17H15C14.7239 17 14.5 17.2239 14.5 17.5V19.5ZM6.67207 4.15097L6.67081 4.14845C6.67277 4.1523 6.67346 4.15378 6.67207 4.15097ZM7.5 16C7.5 15.7239 7.72386 15.5 8 15.5H13C13.2761 15.5 13.5 15.7239 13.5 16C13.5 16.2761 13.2761 16.5 13 16.5H8C7.72386 16.5 7.5 16.2761 7.5 16ZM8 17.5C7.72386 17.5 7.5 17.7239 7.5 18C7.5 18.2761 7.72386 18.5 8 18.5H11C11.2761 18.5 11.5 18.2761 11.5 18C11.5 17.7239 11.2761 17.5 11 17.5H8ZM7.5 14C7.5 13.7239 7.72386 13.5 8 13.5H11C11.2761 13.5 11.5 13.7239 11.5 14C11.5 14.2761 11.2761 14.5 11 14.5H8C7.72386 14.5 7.5 14.2761 7.5 14ZM17 3.5C14.5147 3.5 12.5 5.51472 12.5 8C12.5 10.4853 14.5147 12.5 17 12.5C19.4853 12.5 21.5 10.4853 21.5 8C21.5 5.51472 19.4853 3.5 17 3.5ZM13.5 8C13.5 9.76324 14.8039 11.2219 16.5 11.4646V8C16.5 7.72386 16.7239 7.5 17 7.5C17.2761 7.5 17.5 7.72386 17.5 8V11.4646C19.1961 11.2219 20.5 9.76324 20.5 8C20.5 6.067 18.933 4.5 17 4.5C15.067 4.5 13.5 6.067 13.5 8ZM17 6.89999C16.5858 6.89999 16.25 6.56421 16.25 6.14999C16.25 5.73578 16.5858 5.39999 17 5.39999C17.4142 5.39999 17.75 5.73578 17.75 6.14999C17.75 6.56421 17.4142 6.89999 17 6.89999Z" class="svg-dark"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

2
_includes/privacy-guides-logo.svg → _includes/svg/privacy-guides-logo.svg
View File

@ -3,7 +3,7 @@
<g transform="matrix(1,0,0,1,-1326.26,-2865.87)"> <g transform="matrix(1,0,0,1,-1326.26,-2865.87)">
<g transform="matrix(0.602992,0,0,0.602992,1163.28,2174.58)"> <g transform="matrix(0.602992,0,0,0.602992,1163.28,2174.58)">
<g transform="matrix(4.16667,0,0,4.16667,225,1108.44)"> <g transform="matrix(4.16667,0,0,4.16667,225,1108.44)">
<path d="M18.466,16.31C18.279,16.938 18.384,17.673 18.594,19.141L21.253,37.755C21.713,40.971 21.942,42.578 22.551,44.015C23.09,45.289 23.845,46.46 24.783,47.476C25.842,48.623 27.212,49.494 29.952,51.238L33.848,53.717C35.716,54.906 36.65,55.5 37.654,55.732C38.426,55.91 39.224,55.933 40.003,55.801C39.359,54.33 39.002,52.706 39.002,50.997C39.002,44.37 44.375,38.997 51.002,38.997C52.936,38.997 54.763,39.455 56.381,40.267C56.494,39.55 56.612,38.726 56.751,37.755L56.751,37.755L59.41,19.141C59.62,17.673 59.725,16.938 59.538,16.31C59.374,15.756 59.053,15.261 58.615,14.885C58.117,14.458 57.403,14.255 55.977,13.847L40.321,9.374C39.83,9.234 39.585,9.164 39.335,9.136C39.114,9.111 38.891,9.111 38.669,9.136C38.42,9.164 38.174,9.234 37.684,9.374L22.027,13.847C20.601,14.255 19.887,14.458 19.39,14.885C18.951,15.261 18.63,15.756 18.466,16.31Z" style="fill:rgb(255,208,111);"/> <path d="M18.466,16.31C18.279,16.938 18.384,17.673 18.594,19.141L21.253,37.755C21.713,40.971 21.942,42.578 22.551,44.015C23.09,45.289 23.845,46.46 24.783,47.476C25.842,48.623 27.212,49.494 29.952,51.238L33.848,53.717C35.716,54.906 36.65,55.5 37.654,55.732C38.426,55.91 39.224,55.933 40.003,55.801C39.359,54.33 39.002,52.706 39.002,50.997C39.002,44.37 44.375,38.997 51.002,38.997C52.936,38.997 54.763,39.455 56.381,40.267C56.494,39.55 56.612,38.726 56.751,37.755L56.751,37.755L59.41,19.141C59.62,17.673 59.725,16.938 59.538,16.31C59.374,15.756 59.053,15.261 58.615,14.885C58.117,14.458 57.403,14.255 55.977,13.847L40.321,9.374C39.83,9.234 39.585,9.164 39.335,9.136C39.114,9.111 38.891,9.111 38.669,9.136C38.42,9.164 38.174,9.234 37.684,9.374L22.027,13.847C20.601,14.255 19.887,14.458 19.39,14.885C18.951,15.261 18.63,15.756 18.466,16.31Z" class="logoColor"/>
</g> </g>
</g> </g>
<g transform="matrix(0.602992,0,0,0.602992,1163.28,2174.58)"> <g transform="matrix(0.602992,0,0,0.602992,1163.28,2174.58)">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

1
_includes/svg/surveillance-eye.svg Normal file
View File

@ -0,0 +1 @@
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" fill="none" rx="0" ry="0"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M12.1924 12.6062C11.8595 12.8537 11.4471 13.0001 11.0004 13.0001C9.89586 13.0001 9.00043 12.1046 9.00043 11.0001C9.00043 10.9413 9.00297 10.8832 9.00944 10.8241C8.76369 10.9759 8.50845 11.1445 8.24085 11.3318L4.17076 14.1808C3.71831 14.4975 3.60828 15.1211 3.92499 15.5735C3.99194 15.6692 4.07512 15.7523 4.17076 15.8193L8.24085 18.6684C9.49902 19.5491 10.4841 20.0159 11.4928 20.2614C12.5015 20.5068 13.4994 20.5068 14.508 20.2614C15.5167 20.0159 16.5018 19.5491 17.76 18.6684L21.8301 15.8193C22.2826 15.5026 22.3926 14.879 22.0759 14.4266C22.0089 14.331 21.9257 14.2478 21.8301 14.1808L17.76 11.3318C16.5018 10.451 15.5167 9.98422 14.508 9.73877C13.8356 9.57514 13.1679 9.5206 12.4987 9.57514L12.4127 9.58392C12.6696 9.84013 12.8572 10.1658 12.945 10.5304L17.9606 15.546C18.3511 15.9365 18.3511 16.5697 17.9606 16.9602C17.5701 17.3507 16.9369 17.3507 16.5464 16.9602L12.1924 12.6062Z" class="svg-light"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M7.70744 6.00192C7.51217 5.80665 7.19559 5.80665 7.00033 6.00192C6.80507 6.19718 6.80507 6.51376 7.00033 6.70902L16.8998 16.6085C17.0951 16.8038 17.4117 16.8038 17.6069 16.6085C17.8022 16.4133 17.8022 16.0967 17.6069 15.9014L7.70744 6.00192ZM5.39589 9.01469C6.12088 8.50715 6.74012 8.07364 7.29251 7.70829L8.01527 8.43106C7.42771 8.81442 6.73368 9.2989 5.8643 9.90746L4.15961 11.1007C3.83687 11.3267 3.62278 11.4771 3.47275 11.6037C3.32425 11.729 3.29082 11.7892 3.28056 11.8146C3.232 11.9347 3.232 12.0691 3.28056 12.1892C3.29082 12.2146 3.32425 12.2748 3.47275 12.4001C3.62278 12.5267 3.83687 12.6771 4.15961 12.9031L5.8643 14.0963C8.21228 15.7399 9.28125 16.4784 10.4282 16.7643C11.4605 17.0216 12.5402 17.0216 13.5725 16.7643C14.166 16.6164 14.7386 16.3472 15.4784 15.8942L16.2049 16.6207C15.3111 17.1821 14.5824 17.5432 13.8144 17.7346C12.6232 18.0315 11.3775 18.0315 10.1863 17.7346C8.83736 17.3984 7.60959 16.5389 5.39588 14.9891L5.29083 14.9156L3.58615 13.7223L3.56726 13.7091C3.26836 13.4999 3.01663 13.3236 2.8279 13.1644C2.63368 13.0006 2.45413 12.8132 2.3534 12.5639C2.20772 12.2034 2.20772 11.8004 2.3534 11.4399C2.45413 11.1906 2.63368 11.0033 2.8279 10.8394C3.01662 10.6802 3.26834 10.504 3.56724 10.2948L3.56728 10.2947L3.56732 10.2947L3.56733 10.2947L3.58615 10.2815L5.29084 9.08823L5.39589 9.01469ZM11.4626 9.04992L11.47 9.05736C12.1973 9.2324 12.7699 9.80491 12.9449 10.5323L14.9523 12.5396C14.9839 12.3652 15.0003 12.1855 15.0003 12.0019C15.0003 10.3451 13.6572 9.00191 12.0003 9.00191C11.8166 9.00191 11.6368 9.01842 11.4626 9.04992ZM11.0003 13.0019C11.447 13.0019 11.8594 12.8555 12.1923 12.6081L13.9045 14.3203C13.3865 14.7462 12.7233 15.0019 12.0003 15.0019C10.3435 15.0019 9.00035 13.6588 9.00035 12.0019C9.00035 11.8134 9.01773 11.629 9.05099 11.4501C9.25449 12.3391 10.05 13.0019 11.0003 13.0019ZM18.1364 14.0963C17.7906 14.3384 17.4725 14.5609 17.1778 14.7651L17.8967 15.484C18.121 15.3278 18.3562 15.1632 18.6037 14.9899L18.6048 14.9891L18.7099 14.9156L20.4145 13.7223L20.4334 13.7091L20.4334 13.7091C20.7323 13.4999 20.9841 13.3237 21.1728 13.1644C21.367 13.0006 21.5466 12.8132 21.6473 12.5639C21.793 12.2034 21.793 11.8004 21.6473 11.4399C21.5466 11.1906 21.367 11.0033 21.1728 10.8394C20.9841 10.6802 20.7323 10.5039 20.4334 10.2947L20.4333 10.2947L20.4145 10.2815L18.7099 9.08824L18.6048 9.0147C16.3911 7.46496 15.1633 6.60543 13.8144 6.26918C12.6232 5.97227 11.3775 5.97227 10.1863 6.26918C9.81616 6.36145 9.45511 6.49313 9.0803 6.66766L9.84051 7.42787C10.0386 7.35036 10.2323 7.28832 10.4282 7.23948C11.4605 6.98216 12.5402 6.98216 13.5725 7.23948C14.7194 7.52538 15.7884 8.26388 18.1364 9.90747L19.8411 11.1008C20.1638 11.3267 20.3779 11.4771 20.5279 11.6037C20.6764 11.729 20.7099 11.7892 20.7201 11.8146C20.7687 11.9347 20.7687 12.0691 20.7201 12.1892C20.7099 12.2146 20.6764 12.2748 20.5279 12.4001C20.3779 12.5267 20.1638 12.6771 19.8411 12.9031L18.1364 14.0963Z" class="svg-dark"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

3
_layouts/default.html
View File

@ -9,8 +9,7 @@
{{ content }} {{ content }}
</main> </main>
<script src="/assets/js/jquery.min.js?v=5"></script> <script src="/assets/js/jquery.min.js?v=5"></script>
<script src="/assets/js/popper.min.js?v=5"></script> <script src="/assets/js/bootstrap.bundle.js?v=5"></script>
<script src="/assets/js/bootstrap.min.js?v=5"></script>
<script src="/assets/js/sortable.min.js?v=5"></script> <script src="/assets/js/sortable.min.js?v=5"></script>
<script src="/assets/js/main.js?v=6"></script> <script src="/assets/js/main.js?v=6"></script>
</body> </body>

12
_sass/custom.scss
View File

@ -185,7 +185,6 @@ h2, h3:not(.h5), h4, h5 {
vertical-align: middle; vertical-align: middle;
} }
.btn-icon { .btn-icon {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -217,4 +216,15 @@ h2, h3:not(.h5), h4, h5 {
display: flow-root; display: flow-root;
} }
// SVG Color Inversion
.svg-primary {
fill: $svg-primary;
}
.svg-dark {
fill: $svg-dark;
}
.svg-light {
fill: $svg-light;
}
@import "sortable"; @import "sortable";

20
_sass/sortable.scss
View File

@ -59,32 +59,32 @@ table[data-sortable].sortable-theme-bootstrap {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
color: #333333; color: $table-color;
background: white; background: $table-bg;
} }
/* line 12, ../sass/sortable-theme-bootstrap.sass */ /* line 12, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap thead th { table[data-sortable].sortable-theme-bootstrap thead th {
border-bottom: 2px solid #e0e0e0; border-bottom: 2px solid $table-border-color;
} }
/* line 15, ../sass/sortable-theme-bootstrap.sass */ /* line 15, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap tbody td { table[data-sortable].sortable-theme-bootstrap tbody td {
border-top: 1px solid #e0e0e0; border-top: 1px solid $table-border-color;
} }
/* line 18, ../sass/sortable-theme-bootstrap.sass */ /* line 18, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"] { table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"] {
color: #3a87ad; color: $table-head-color;
background: #d9edf7; background: $table-active-bg;
border-bottom-color: #bce8f1; border-bottom-color: $table-border-color;
} }
/* line 23, ../sass/sortable-theme-bootstrap.sass */ /* line 23, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"][data-sorted-direction="descending"]:after { table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"][data-sorted-direction="descending"]:after {
border-top-color: #3a87ad; border-top-color: $table-border-color;
} }
/* line 26, ../sass/sortable-theme-bootstrap.sass */ /* line 26, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"][data-sorted-direction="ascending"]:after { table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"][data-sorted-direction="ascending"]:after {
border-bottom-color: #3a87ad; border-bottom-color: $table-head-color;
} }
/* line 31, ../sass/sortable-theme-bootstrap.sass */ /* line 31, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap.sortable-theme-bootstrap-striped tbody > tr:nth-child(odd) > td { table[data-sortable].sortable-theme-bootstrap.sortable-theme-bootstrap-striped tbody > tr:nth-child(odd) > td {
background-color: #f9f9f9; background-color: $table-active-bg;
} }

50
_sass/variables.scss
View File

@ -1,15 +1,46 @@
/* Variables */ /* Variables */
$theme-colors: ( // Default Bootstrap Colors for Now
"primary": #FFD06F, $white: #fff;
"secondary": #3913B8, $gray-100: #f8f9fa;
"warning": #ffab6f, $gray-200: #e9ecef;
"info": #C5B6FF, $gray-300: #dee2e6;
"success": #b6ffb8 $gray-400: #ced4da;
); $gray-500: #adb5bd;
$gray-600: #6c757d;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;
$black: #000;
// Default Bootstrap Colors for Now
$blue: #007bff;
$indigo: #6610f2;
$purple: #6f42c1;
$pink: #e83e8c;
$red: #dc3545;
$orange: #fd7e14;
$yellow: #ffc107;
$green: #28a745;
$teal: #20c997;
$cyan: #17a2b8;
// Fancy new Privacy Guides Color Scheme
$primary: #FFD06F;
$secondary: #3913B8;
$success: #03CEA4;
$info: #AA78A6;
$warning: #FB4D3D;
$danger: #CA1551;
$light: #FFF6EB;
$dark: #101619;
$body-color: #28323F; $body-color: #28323F;
$link-color: #3913B8; $link-color: #3913B8;
$navbar-light-color: rgba($black, .7);
$dropdown-link-color: $navbar-light-color;
$navbar-light-active-color: $dark;
$dropdown-link-hover-color: $navbar-light-active-color;
/* Cards */ /* Cards */
$card-shadow: 0 3px 10px 0 rgba(150, 150, 150, .2); $card-shadow: 0 3px 10px 0 rgba(150, 150, 150, .2);
@ -36,3 +67,8 @@ $linkedin: #FFD06F;
$email: #FFD06F; $email: #FFD06F;
$diaspora: #FFD06F; $diaspora: #FFD06F;
$tor: #7d4698; $tor: #7d4698;
/* SVG Colors */
$svg-primary: $primary !default;
$svg-dark: $body-color;
$svg-light: $light !default;

5
assets/css/app.scss
View File

@ -22,7 +22,10 @@ h1, h2, h3:not(.h5), h4 {
@import "flag-icon"; @import "flag-icon";
.textColor { .textColor {
fill: rgb(40,50,63); fill: $dark;
}
.logoColor { // Navbar logo text
fill: $primary;
} }
.post-info, .post-title { .post-info, .post-title {

73
assets/css/dark.scss
View File

@ -2,23 +2,43 @@
--- ---
@import "variables"; @import "variables";
$theme-colors: ( $primary: darken( $primary, 48% );
"primary": #FFD06F, $secondary: lighten( $secondary, 15% );
"secondary": #3913B8, $success: darken( $success, 10% );
"warning": #943E00, $info: darken( $info, 5% );
"info": #C5B6FF, $danger: lighten( $warning, 20% );
"success": #b6ffb8 $warning: darken( $warning, 30% );
);
$body-bg: #181b21; $body-bg: $dark;
$card-bg: #212529; $card-bg: lighten( $dark, 5% );
$body-color: #d8d8d8; $body-color: $light;
$link-color: #C5B6FF; $link-color: lighten( $secondary, 30% );
$mark-bg: #343a40; $mark-bg: darken( $primary, 10% );
$breadcrumb-bg: #212529; $breadcrumb-bg: lighten( $dark, 5% );
$hr-border-color: $body-color; $hr-border-color: $body-color;
$card-shadow: 0 3px 10px 0 rgba(50, 50, 50, .2); $card-shadow: 0 3px 10px 0 $dark;
$list-group-color: $body-color;
$list-group-bg: $card-bg;
$alert-bg-level: 4;
$alert-border-level: 3;
$alert-color-level: -10;
$table-border-color: lighten( $dark, 20% );
$table-active-bg: rgba($white, .075);
$table-head-color: $white;
$navbar-light-color: rgba($white, .5);
$navbar-light-hover-color: rgba($white, .75);
$navbar-light-active-color: $white;
$navbar-light-disabled-color: rgba($white, .25);
$navbar-light-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
$navbar-light-toggler-border-color: rgba($white, .1);
$dropdown-bg: $card-bg;
$dropdown-link-color: $navbar-light-color;
$dropdown-link-hover-color: $navbar-light-active-color;
$dropdown-link-hover-bg: lighten( $dropdown-bg, 10% );
.container-fullwidth { .container-fullwidth {
margin: 0 auto; margin: 0 auto;
@ -30,12 +50,18 @@ $card-shadow: 0 3px 10px 0 rgba(50, 50, 50, .2);
@import "ptio-font"; @import "ptio-font";
@import "flag-icon"; @import "flag-icon";
.textColor { $svg-primary: $primary;
fill: #d8d8d8; $svg-dark: $light;
$svg-light: $card-bg;
.textColor { // Navbar logo text
fill: $light;
}
.logoColor { // Navbar logo text
fill: $primary;
} }
.post-info, .post-title { .post-info, .post-title {
color: #d8d8d8; color: $light;
display: inline; display: inline;
padding: $spacer; padding: $spacer;
/* Needs prefixing */ /* Needs prefixing */
@ -47,17 +73,4 @@ mark, .mark {
color: $body-color; color: $body-color;
} }
.bg-primary .container .row div, .btn-primary {
color: #28323F !important;
}
.bg-secondary .container .row .text-secondary .card-body {
color: $body-color !important;
}
nav.bg-light.navbar-light, nav.bg-light.navbar-light li a, .dropdown div.dropdown-menu.show, .list-group-item {
background-color: #212529 !important;
color: #adb5bd !important;
}
@import "custom"; @import "custom";

1
assets/img/layout/phone-like-icon.svg
View File

@ -1 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" fill="none" rx="0" ry="0"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M14 5H5C4.44772 5 4 5.44772 4 6V22C4 22.5523 4.44772 23 5 23H9" fill="#ffd06f"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M6.50072 4C6.50072 3.72386 6.72458 3.5 7.00072 3.5H15.0007C15.2769 3.5 15.5007 3.72386 15.5007 4V8C15.5007 8.27614 15.7246 8.5 16.0007 8.5C16.2769 8.5 16.5007 8.27614 16.5007 8V4C16.5007 3.17157 15.8291 2.5 15.0007 2.5H7.00072C6.17229 2.5 5.50072 3.17157 5.50072 4V14.1906L1.3536 16.5849C1.11445 16.723 1.03252 17.0288 1.17059 17.268C1.30866 17.5071 1.61445 17.589 1.8536 17.451L8.7818 13.451C9.01753 13.3149 9.31802 13.3925 9.45879 13.6238L9.4587 13.6242L9.4588 13.6258L9.45923 13.6291C9.46145 13.6459 9.4691 13.7038 9.45158 13.823C9.42828 13.9815 9.37046 14.1792 9.28549 14.3852C9.20114 14.5897 9.09746 14.7845 8.99374 14.9376C8.94204 15.014 8.89398 15.0746 8.85251 15.1189C8.83202 15.1408 8.81495 15.1568 8.80171 15.1679C8.789 15.1786 8.78229 15.1827 8.78182 15.183C8.78179 15.183 8.78178 15.183 8.7818 15.183L4.88469 17.433C4.47371 17.6703 4.21649 18.0767 4.12641 18.5056C4.05028 18.868 3.91544 19.3777 3.69621 19.8523C3.47235 20.337 3.18981 20.721 2.8536 20.9151C2.61445 21.0531 2.53252 21.3589 2.67059 21.5981C2.80866 21.8372 3.11445 21.9192 3.3536 21.7811C3.95226 21.4354 4.34564 20.8311 4.60405 20.2716C4.86709 19.7022 5.02089 19.1118 5.10505 18.7111C5.14438 18.5239 5.25049 18.3765 5.38469 18.299L5.50072 18.232V20C5.50072 20.8284 6.17229 21.5 7.00072 21.5H15.0007C15.8291 21.5 16.5007 20.8284 16.5007 20V19C16.5007 18.7239 16.2769 18.5 16.0007 18.5C15.7246 18.5 15.5007 18.7239 15.5007 19V20C15.5007 20.2761 15.2769 20.5 15.0007 20.5H7.00072C6.72458 20.5 6.50072 20.2761 6.50072 20V17.6547L9.2818 16.049C9.50168 15.9221 9.68465 15.7008 9.82172 15.4984C9.96837 15.2819 10.1031 15.0256 10.21 14.7664C10.3162 14.5087 10.4025 14.2301 10.441 13.9684C10.4759 13.7305 10.4874 13.4052 10.3308 13.134C9.91663 12.4165 8.99924 12.1707 8.2818 12.5849L6.50072 13.6132V4ZM9.50072 5C9.50072 4.72386 9.72458 4.5 10.0007 4.5H12.0007C12.2769 4.5 12.5007 4.72386 12.5007 5C12.5007 5.27614 12.2769 5.5 12.0007 5.5H10.0007C9.72458 5.5 9.50072 5.27614 9.50072 5ZM11.2685 13.1317C10.2922 12.1554 10.2922 10.5725 11.2685 9.59619C12.2448 8.61988 13.8277 8.61988 14.804 9.59619L15.8647 10.6569L16.9253 9.5962C17.9017 8.61989 19.4846 8.61989 20.4609 9.5962C21.4372 10.5725 21.4372 12.1554 20.4609 13.1317L19.0467 14.5459L18.6931 14.8995L16.2182 17.3744L15.8647 17.7279L15.5111 17.3744L11.2685 13.1317ZM18.6931 13.4853L16.5718 11.364L17.6325 10.3033C18.2182 9.71752 19.168 9.71752 19.7538 10.3033C20.3396 10.8891 20.3396 11.8388 19.7538 12.4246L18.6931 13.4853ZM14.0969 10.3033L15.1576 11.364L15.5111 11.7175L17.986 14.1924L15.8647 16.3137L11.9756 12.4246C11.3898 11.8388 11.3898 10.8891 11.9756 10.3033C12.5614 9.71751 13.5111 9.71751 14.0969 10.3033Z" fill="#28323f"></path></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.9 KiB

1
assets/img/layout/plan-icon.svg
View File

@ -1 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" fill="none" rx="0" ry="0"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 14C18.5376 14 21 11.5376 21 8.5C21 5.46243 18.5376 3 15.5 3C12.4624 3 10 5.46243 10 8.5C10 11.5376 12.4624 14 15.5 14Z" fill="#ffd06f"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M13.0103 4.4999C13.2864 4.49421 13.5056 4.2658 13.4999 3.98971C13.4942 3.71363 13.2658 3.49442 12.9897 3.50011L6.88472 3.62578C6.76152 3.62832 6.66578 3.63238 6.48031 3.68721C6.40031 3.71086 6.2943 3.76246 6.2358 3.79183C6.17942 3.82014 6.08012 3.87152 6.01325 3.92C5.98335 3.9339 5.95981 3.94843 5.94324 3.95967C5.92253 3.97371 5.90643 3.98691 5.89552 3.99641C5.87465 4.01456 5.85983 4.03056 5.85339 4.03763C5.84121 4.05103 5.83176 4.06301 5.8303 4.06486L5.82515 4.07143C5.77526 4.13563 5.73108 4.20394 5.69266 4.27578C5.5509 4.54084 5.5 4.79567 5.5 5.28194V18.7181C5.5 19.2043 5.5509 19.4592 5.69266 19.7242C5.82641 19.9743 6.02568 20.1736 6.27578 20.3073C6.54084 20.4491 6.79567 20.5 7.28194 20.5L14 20.5L15.4361 20.5C16.3681 20.5 16.7846 20.4027 17.2126 20.1738C17.6257 19.9529 17.9529 19.6257 18.1738 19.2126C18.4027 18.7846 18.5 18.3681 18.5 17.4361V16.5V14.2819C18.5 14.0058 18.2761 13.7819 18 13.7819C17.7239 13.7819 17.5 14.0058 17.5 14.2819V16H15C14.1716 16 13.5 16.6716 13.5 17.5V19.5H7.28194C7.07243 19.5 6.95676 19.4887 6.88551 19.475C6.8261 19.4635 6.79228 19.4495 6.74738 19.4255C6.67155 19.385 6.61503 19.3285 6.57447 19.2526C6.55046 19.2077 6.5365 19.1739 6.52503 19.1145C6.51127 19.0432 6.5 18.9276 6.5 18.7181V5.28194C6.5 5.07243 6.51127 4.95677 6.52503 4.88552C6.53635 4.82691 6.55008 4.7932 6.5735 4.7492L6.59553 4.73314L6.61189 4.72375C6.63137 4.71286 6.65695 4.69935 6.68454 4.6855C6.71212 4.67165 6.73824 4.6592 6.75861 4.65008L6.77519 4.64287C6.81586 4.63121 6.83068 4.62908 6.83563 4.62843C6.84411 4.62732 6.85282 4.62665 6.9053 4.62557L13.0103 4.4999ZM14.5 19.5H15.4361C16.2871 19.5 16.5172 19.4117 16.741 19.292C16.9798 19.1643 17.1643 18.9798 17.292 18.741C17.4117 18.5172 17.5 18.2871 17.5 17.4361V17H15C14.7239 17 14.5 17.2239 14.5 17.5V19.5ZM6.67207 4.15097L6.67081 4.14845C6.67277 4.1523 6.67346 4.15378 6.67207 4.15097ZM7.5 16C7.5 15.7239 7.72386 15.5 8 15.5H13C13.2761 15.5 13.5 15.7239 13.5 16C13.5 16.2761 13.2761 16.5 13 16.5H8C7.72386 16.5 7.5 16.2761 7.5 16ZM8 17.5C7.72386 17.5 7.5 17.7239 7.5 18C7.5 18.2761 7.72386 18.5 8 18.5H11C11.2761 18.5 11.5 18.2761 11.5 18C11.5 17.7239 11.2761 17.5 11 17.5H8ZM7.5 14C7.5 13.7239 7.72386 13.5 8 13.5H11C11.2761 13.5 11.5 13.7239 11.5 14C11.5 14.2761 11.2761 14.5 11 14.5H8C7.72386 14.5 7.5 14.2761 7.5 14ZM17 3.5C14.5147 3.5 12.5 5.51472 12.5 8C12.5 10.4853 14.5147 12.5 17 12.5C19.4853 12.5 21.5 10.4853 21.5 8C21.5 5.51472 19.4853 3.5 17 3.5ZM13.5 8C13.5 9.76324 14.8039 11.2219 16.5 11.4646V8C16.5 7.72386 16.7239 7.5 17 7.5C17.2761 7.5 17.5 7.72386 17.5 8V11.4646C19.1961 11.2219 20.5 9.76324 20.5 8C20.5 6.067 18.933 4.5 17 4.5C15.067 4.5 13.5 6.067 13.5 8ZM17 6.89999C16.5858 6.89999 16.25 6.56421 16.25 6.14999C16.25 5.73578 16.5858 5.39999 17 5.39999C17.4142 5.39999 17.75 5.73578 17.75 6.14999C17.75 6.56421 17.4142 6.89999 17 6.89999Z" fill="#28323f"></path></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.2 KiB

1
assets/img/layout/surveillance-eye-colorbg.svg
View File

@ -1 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" fill="none" rx="0" ry="0"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M12.1924 12.6062C11.8595 12.8537 11.4471 13.0001 11.0004 13.0001C9.89586 13.0001 9.00043 12.1046 9.00043 11.0001C9.00043 10.9413 9.00297 10.8832 9.00944 10.8241C8.76369 10.9759 8.50845 11.1445 8.24085 11.3318L4.17076 14.1808C3.71831 14.4975 3.60828 15.1211 3.92499 15.5735C3.99194 15.6692 4.07512 15.7523 4.17076 15.8193L8.24085 18.6684C9.49902 19.5491 10.4841 20.0159 11.4928 20.2614C12.5015 20.5068 13.4994 20.5068 14.508 20.2614C15.5167 20.0159 16.5018 19.5491 17.76 18.6684L21.8301 15.8193C22.2826 15.5026 22.3926 14.879 22.0759 14.4266C22.0089 14.331 21.9257 14.2478 21.8301 14.1808L17.76 11.3318C16.5018 10.451 15.5167 9.98422 14.508 9.73877C13.8356 9.57514 13.1679 9.5206 12.4987 9.57514L12.4127 9.58392C12.6696 9.84013 12.8572 10.1658 12.945 10.5304L17.9606 15.546C18.3511 15.9365 18.3511 16.5697 17.9606 16.9602C17.5701 17.3507 16.9369 17.3507 16.5464 16.9602L12.1924 12.6062Z" fill="#ffffff"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M7.70744 6.00192C7.51217 5.80665 7.19559 5.80665 7.00033 6.00192C6.80507 6.19718 6.80507 6.51376 7.00033 6.70902L16.8998 16.6085C17.0951 16.8038 17.4117 16.8038 17.6069 16.6085C17.8022 16.4133 17.8022 16.0967 17.6069 15.9014L7.70744 6.00192ZM5.39589 9.01469C6.12088 8.50715 6.74012 8.07364 7.29251 7.70829L8.01527 8.43106C7.42771 8.81442 6.73368 9.2989 5.8643 9.90746L4.15961 11.1007C3.83687 11.3267 3.62278 11.4771 3.47275 11.6037C3.32425 11.729 3.29082 11.7892 3.28056 11.8146C3.232 11.9347 3.232 12.0691 3.28056 12.1892C3.29082 12.2146 3.32425 12.2748 3.47275 12.4001C3.62278 12.5267 3.83687 12.6771 4.15961 12.9031L5.8643 14.0963C8.21228 15.7399 9.28125 16.4784 10.4282 16.7643C11.4605 17.0216 12.5402 17.0216 13.5725 16.7643C14.166 16.6164 14.7386 16.3472 15.4784 15.8942L16.2049 16.6207C15.3111 17.1821 14.5824 17.5432 13.8144 17.7346C12.6232 18.0315 11.3775 18.0315 10.1863 17.7346C8.83736 17.3984 7.60959 16.5389 5.39588 14.9891L5.29083 14.9156L3.58615 13.7223L3.56726 13.7091C3.26836 13.4999 3.01663 13.3236 2.8279 13.1644C2.63368 13.0006 2.45413 12.8132 2.3534 12.5639C2.20772 12.2034 2.20772 11.8004 2.3534 11.4399C2.45413 11.1906 2.63368 11.0033 2.8279 10.8394C3.01662 10.6802 3.26834 10.504 3.56724 10.2948L3.56728 10.2947L3.56732 10.2947L3.56733 10.2947L3.58615 10.2815L5.29084 9.08823L5.39589 9.01469ZM11.4626 9.04992L11.47 9.05736C12.1973 9.2324 12.7699 9.80491 12.9449 10.5323L14.9523 12.5396C14.9839 12.3652 15.0003 12.1855 15.0003 12.0019C15.0003 10.3451 13.6572 9.00191 12.0003 9.00191C11.8166 9.00191 11.6368 9.01842 11.4626 9.04992ZM11.0003 13.0019C11.447 13.0019 11.8594 12.8555 12.1923 12.6081L13.9045 14.3203C13.3865 14.7462 12.7233 15.0019 12.0003 15.0019C10.3435 15.0019 9.00035 13.6588 9.00035 12.0019C9.00035 11.8134 9.01773 11.629 9.05099 11.4501C9.25449 12.3391 10.05 13.0019 11.0003 13.0019ZM18.1364 14.0963C17.7906 14.3384 17.4725 14.5609 17.1778 14.7651L17.8967 15.484C18.121 15.3278 18.3562 15.1632 18.6037 14.9899L18.6048 14.9891L18.7099 14.9156L20.4145 13.7223L20.4334 13.7091L20.4334 13.7091C20.7323 13.4999 20.9841 13.3237 21.1728 13.1644C21.367 13.0006 21.5466 12.8132 21.6473 12.5639C21.793 12.2034 21.793 11.8004 21.6473 11.4399C21.5466 11.1906 21.367 11.0033 21.1728 10.8394C20.9841 10.6802 20.7323 10.5039 20.4334 10.2947L20.4333 10.2947L20.4145 10.2815L18.7099 9.08824L18.6048 9.0147C16.3911 7.46496 15.1633 6.60543 13.8144 6.26918C12.6232 5.97227 11.3775 5.97227 10.1863 6.26918C9.81616 6.36145 9.45511 6.49313 9.0803 6.66766L9.84051 7.42787C10.0386 7.35036 10.2323 7.28832 10.4282 7.23948C11.4605 6.98216 12.5402 6.98216 13.5725 7.23948C14.7194 7.52538 15.7884 8.26388 18.1364 9.90747L19.8411 11.1008C20.1638 11.3267 20.3779 11.4771 20.5279 11.6037C20.6764 11.729 20.7099 11.7892 20.7201 11.8146C20.7687 11.9347 20.7687 12.0691 20.7201 12.1892C20.7099 12.2146 20.6764 12.2748 20.5279 12.4001C20.3779 12.5267 20.1638 12.6771 19.8411 12.9031L18.1364 14.0963Z" fill="#28323f"></path></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 4.0 KiB

1
assets/js/bootstrap.bundle.js vendored Symbolic link
View File

@ -0,0 +1 @@
../../node_modules/bootstrap/dist/js/bootstrap.bundle.js

1
assets/js/bootstrap.bundle.js.map Symbolic link
View File

@ -0,0 +1 @@
../../node_modules/bootstrap/dist/js/bootstrap.bundle.js.map

3
assets/js/main.js
View File

@ -1,3 +1,6 @@
document.querySelectorAll(".onclick-select").forEach(element => { document.querySelectorAll(".onclick-select").forEach(element => {
element.addEventListener("click", element.select); element.addEventListener("click", element.select);
}); });
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})

1
assets/js/popper.min.js vendored
View File

@ -1 +0,0 @@
../../node_modules/popper.js/dist/popper.min.js

18
index.html
View File

@ -10,7 +10,7 @@ layout: default
<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> <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>
<div class="col-4 p-3 d-none d-lg-block"> <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"> {% include svg/surveillance-eye.svg %}
</div> </div>
</div> </div>
</div> </div>
@ -27,13 +27,13 @@ layout: default
<a href="/privacy/" class="btn btn-primary mt-2">Learn More About Privacy</a> <a href="/privacy/" class="btn btn-primary mt-2">Learn More About Privacy</a>
</div> </div>
<div class="col-2 d-none d-lg-block"> <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"> {% include svg/phone-like-icon.svg %}
</div> </div>
</div> </div>
<div class="row mt-5"> <div class="row mt-5">
<div class="col-2 d-none d-lg-block"> <div class="col-2 d-none d-lg-block">
<img src="/assets/img/layout/plan-icon.svg" alt="Informational planning icon" class="w-100"> {% include svg/plan-icon.svg %}
</div> </div>
<div class="col-lg-10 col-12"> <div class="col-lg-10 col-12">
<h2 class="mt-4">What should I do?</h2> <h2 class="mt-4">What should I do?</h2>
@ -56,7 +56,7 @@ layout: default
</div> </div>
<div class="row mb-5"> <div class="row mb-5">
<div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3"> <div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3">
<a href="/devices/" class="text-secondary"> <a href="/devices/">
<div class="card text-center mx-auto" style="width: 160px;"> <div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body"> <div class="card-body">
<span class="card-title display-4"><i class="fal fa-phone-laptop mb-3" aria-hidden="true"></i></span> <span class="card-title display-4"><i class="fal fa-phone-laptop mb-3" aria-hidden="true"></i></span>
@ -66,7 +66,7 @@ layout: default
</a> </a>
</div> </div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3"> <div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3">
<a href="/browsers/" class="text-secondary"> <a href="/browsers/">
<div class="card text-center mx-auto" style="width: 160px;"> <div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body"> <div class="card-body">
<span class="card-title display-4"><i class="fal fa-compass mb-3" aria-hidden="true"></i></span> <span class="card-title display-4"><i class="fal fa-compass mb-3" aria-hidden="true"></i></span>
@ -76,7 +76,7 @@ layout: default
</a> </a>
</div> </div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3"> <div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3">
<a href="/software/" class="text-secondary"> <a href="/software/">
<div class="card text-center mx-auto" style="width: 160px;"> <div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body"> <div class="card-body">
<span class="card-title display-4"><i class="fal fa-file-code mb-3" aria-hidden="true"></i></span> <span class="card-title display-4"><i class="fal fa-file-code mb-3" aria-hidden="true"></i></span>
@ -86,7 +86,7 @@ layout: default
</a> </a>
</div> </div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3"> <div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3">
<a href="/operating-systems/" class="text-secondary"> <a href="/operating-systems/">
<div class="card text-center mx-auto" style="width: 160px;"> <div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body"> <div class="card-body">
<span class="card-title display-4"><i class="fal fa-desktop mb-3" aria-hidden="true"></i></span> <span class="card-title display-4"><i class="fal fa-desktop mb-3" aria-hidden="true"></i></span>
@ -96,7 +96,7 @@ layout: default
</a> </a>
</div> </div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3"> <div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3">
<a href="/providers/" class="text-secondary"> <a href="/providers/">
<div class="card text-center mx-auto" style="width: 160px;"> <div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body"> <div class="card-body">
<span class="card-title display-4"><i class="fal fa-cloud mb-3" aria-hidden="true"></i></span> <span class="card-title display-4"><i class="fal fa-cloud mb-3" aria-hidden="true"></i></span>
@ -106,7 +106,7 @@ layout: default
</a> </a>
</div> </div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3"> <div class="col-6 col-sm-4 col-md-3 col-xl-2 mt-3">
<a href="/services/" class="text-secondary"> <a href="/services/">
<div class="card text-center mx-auto" style="width: 160px;"> <div class="card text-center mx-auto" style="width: 160px;">
<div class="card-body"> <div class="card-body">
<span class="card-title display-4"><i class="fal fa-server mb-3" aria-hidden="true"></i></span> <span class="card-title display-4"><i class="fal fa-server mb-3" aria-hidden="true"></i></span>

4
legacy_pages/providers/vpn.html
View File

@ -12,10 +12,10 @@ breadcrumb: "VPN"
<p class="card-text text-danger">Using a VPN will <strong>not</strong> keep your browsing habits anonymous, nor will it add additional security to non-secure (HTTP) traffic.</p> <p class="card-text text-danger">Using a VPN will <strong>not</strong> keep your browsing habits anonymous, nor will it add additional security to non-secure (HTTP) traffic.</p>
<p class="card-text text-danger">If you are looking for <strong>anonymity</strong>, you should use the Tor Browser <strong>instead</strong> of a VPN.</p> <p class="card-text text-danger">If you are looking for <strong>anonymity</strong>, you should use the Tor Browser <strong>instead</strong> of a VPN.</p>
<p class="card-text text-danger">If you're looking for added <strong>security</strong>, you should always ensure you're connecting to websites using <a href="/providers/dns/#icanndns">encrypted DNS</a> and <a href="https://en.wikipedia.org/wiki/HTTPS">HTTPS</a>. A VPN is not a replacement for good security practices.</p> <p class="card-text text-danger">If you're looking for added <strong>security</strong>, you should always ensure you're connecting to websites using <a href="/providers/dns/#icanndns">encrypted DNS</a> and <a href="https://en.wikipedia.org/wiki/HTTPS">HTTPS</a>. A VPN is not a replacement for good security practices.</p>
<p class="card-text text-secondary">If you're looking for additional <strong>privacy</strong> from your ISP, on a public Wi-Fi network, or while torrenting files, a VPN may be the solution for you as long as you understand <a href="#info">the risks involved</a>.</p> <p class="card-text text-info">If you're looking for additional <strong>privacy</strong> from your ISP, on a public Wi-Fi network, or while torrenting files, a VPN may be the solution for you as long as you understand <a href="#info">the risks involved</a>.</p>
<a href="https://www.torproject.org/" class="btn btn-danger">Download Tor</a> <a href="https://www.torproject.org/" class="btn btn-danger">Download Tor</a>
<a href="https://write.privacytools.io/my-thoughts-on-security/slicing-onions-part-1-myth-busting-tor" class="btn btn-outline-danger">Tor Myths &amp; FAQ</a> <a href="https://write.privacytools.io/my-thoughts-on-security/slicing-onions-part-1-myth-busting-tor" class="btn btn-outline-danger">Tor Myths &amp; FAQ</a>
<a href="#info" class="btn btn-outline-secondary">More Info</a> <a href="#info" class="btn btn-outline-info">More Info</a>
</div> </div>
</div> </div>