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

Fix the terrible dark mode again

This commit is contained in:
2021-01-15 23:13:01 -06:00
parent 10e744d42c
commit e2bc10d8e8
22 changed files with 155 additions and 91 deletions

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>
</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">
{% include svg/surveillance-eye.svg %}
</div>
</div>
</div>
@ -27,13 +27,13 @@ layout: default
<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">
{% include svg/phone-like-icon.svg %}
</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">
{% include svg/plan-icon.svg %}
</div>
<div class="col-lg-10 col-12">
<h2 class="mt-4">What should I do?</h2>
@ -56,7 +56,7 @@ layout: default
</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">
<a href="/devices/">
<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>
@ -66,7 +66,7 @@ layout: default
</a>
</div>
<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-body">
<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>
</div>
<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-body">
<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>
</div>
<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-body">
<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>
</div>
<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-body">
<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>
</div>
<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-body">
<span class="card-title display-4"><i class="fal fa-server mb-3" aria-hidden="true"></i></span>