refactor(style): fixup commit

Signed-off-by: No <no@anonymousplanet.org>
This commit is contained in:
No
2024-07-22 14:59:34 -04:00
parent 4ee27b1dae
commit a354bfec77
3 changed files with 263 additions and 256 deletions

7
.cz.toml Normal file
View File

@@ -0,0 +1,7 @@
[tool.commitizen]
bump_message = "release $current_version → $new_version []"
update_changelog_on_bump = true
changelog_incremental = true
changelog_start_rev = "v1.1.9"
gpg_sign = true
allow_abort = true

View File

@@ -1,59 +1,59 @@
markdown: kramdown markdown: kramdown
kramdown: kramdown:
hard_wrap: false hard_wrap: false
plugins: plugins:
- jekyll-relative-links - jekyll-relative-links
- jekyll-sitemap - jekyll-sitemap
- jekyll-seo-tag - jekyll-seo-tag
relative_links: relative_links:
enabled: true enabled: true
collections: true collections: true
title: The Hitchhiker's Guide to Online Anonymity title: The Hitchhiker's Guide to Online Anonymity
description: The Hitchhiker's Guide to Online Anonymity description: The Hitchhiker's Guide to Online Anonymity
tagline: The Hitchhiker's Guide to Online Anonymity tagline: The Hitchhiker's Guide to Online Anonymity
author: AnonymousPlanet author: AnonymousPlanet
theme: jekyll-theme-hacker theme: jekyll-theme-hacker
github: github:
home_url: index.html home_url: index.html
pdf_url: export/guide.pdf pdf_url: export/guide.pdf
odt_url: export/guide.odt odt_url: export/guide.odt
guide_url: guide.html guide_url: guide.html
donations_url: donations.html donations_url: donations.html
changelog_url: CHANGELOG.html changelog_url: CHANGELOG.html
license_url: LICENSE.html license_url: LICENSE.html
about_url: about.html about_url: about.html
minisign_url: minisign.pub minisign_url: minisign.pub
links_url: links.html links_url: links.html
twitter_url: https://anonymousplanet.org/twitter.html twitter_url: https://anonymousplanet.org/twitter.html
mastodon_url: https://mastodon.social/@anonymousplanet mastodon_url: https://mastodon.social/@anonymousplanet
constitution_url: constitution.html constitution_url: constitution.html
# tor_mirror_url: http://thgtoa27ujspeqxasrfvcf5aozqdczvgmwgorrmblh6jn4nino3spcqd.onion # tor_mirror_url: http://thgtoa27ujspeqxasrfvcf5aozqdczvgmwgorrmblh6jn4nino3spcqd.onion
defaults: defaults:
- -
scope: scope:
path: "" path: ""
values: values:
layout: default layout: default
sitemap: true sitemap: true
locale: "en-US" locale: "en-US"
author: author:
name: AnonymousPlanet name: AnonymousPlanet
twitter: AnonyPla twitter: AnonyPla
social: social:
name: AnonymousPlanet name: AnonymousPlanet
links: links:
- https://twitter.com/AnonyPla - https://twitter.com/AnonyPla
- https://github.com/Anon-Planet - https://github.com/Anon-Planet
- https://matrix.to/#/#privacy-security-anonymity:matrix.org - https://matrix.to/#/#privacy-security-anonymity:matrix.org
- https://mastodon.social/@anonymousplanet - https://mastodon.social/@anonymousplanet
exclude: exclude:
- Gemfile - Gemfile
- Gemfile.lock - Gemfile.lock
- .github - .github
- .gitignore - .gitignore
include: include:
- LICENSE.md - LICENSE.md
- about.md - about.md
- legacy.md - legacy.md
- briar.md - briar.md
- .well-known - .well-known

View File

@@ -1,197 +1,197 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ site.lang | default: "en-US" }}"> <html lang="{{ site.lang | default: "en-US" }}">
<head> <head>
<meta charset='utf-8'> <meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Offline --> <!-- Offline -->
<!-- <meta http-equiv="onion-location" content="{{ site.github.tor_mirror_url }}{{ page.url }}" /> --> <!-- <meta http-equiv="onion-location" content="{{ site.github.tor_mirror_url }}{{ page.url }}" /> -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline'; base-uri 'self'; form-action 'self'; object-src 'self'; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline'"> <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline'; base-uri 'self'; form-action 'self'; object-src 'self'; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline'">
<meta http-equiv=”X-XSS-Protection” content=”1"> <meta http-equiv=”X-XSS-Protection” content=”1">
<meta http-equiv="Permissions-Policy" content="interest-cohort=()"/> <meta http-equiv="Permissions-Policy" content="interest-cohort=()"/>
<meta name="referrer" content="no-referrer"> <meta name="referrer" content="no-referrer">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{{ 'assets/css/style.css' }}" id="dark"> <link rel="stylesheet" href="{{ 'assets/css/style.css' }}" id="dark">
<link rel="stylesheet" href="{{ 'assets/css/light_style.css' }}" media="none" id="light"> <link rel="stylesheet" href="{{ 'assets/css/light_style.css' }}" media="none" id="light">
<link rel="shortcut icon" type="image/x-icon" href="media/favicon.ico"> <link rel="shortcut icon" type="image/x-icon" href="media/favicon.ico">
<script> <script>
function SetDark() { function SetDark() {
document.getElementById('dark').media = ""; document.getElementById('dark').media = "";
document.getElementById('light').media = "none"; document.getElementById('light').media = "none";
themeicon.innerHTML = '<svg height="24px" viewBox="0 0 24 24" width="24px" fill="#FFF"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6zm0-10c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"/></svg>'; themeicon.innerHTML = '<svg height="24px" viewBox="0 0 24 24" width="24px" fill="#FFF"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6zm0-10c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"/></svg>';
} }
function SetLight() { function SetLight() {
document.getElementById('light').media = ""; document.getElementById('light').media = "";
document.getElementById('dark').media = "none"; document.getElementById('dark').media = "none";
themeicon.innerHTML = '<svg enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><rect fill="none" height="24" width="24"/><path d="M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36c-0.98,1.37-2.58,2.26-4.4,2.26 c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"/></svg>'; themeicon.innerHTML = '<svg enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><rect fill="none" height="24" width="24"/><path d="M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36c-0.98,1.37-2.58,2.26-4.4,2.26 c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"/></svg>';
} }
window.addEventListener('load', window.addEventListener('load',
function() { function() {
if (window.matchMedia("(prefers-color-scheme: dark)").matches) { if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
if (localStorage.getItem("theme") == "light") { if (localStorage.getItem("theme") == "light") {
SetLight(); SetLight();
document.getElementById('switch').checked = true; document.getElementById('switch').checked = true;
} else { } else {
SetDark(); SetDark();
document.getElementById('switch').checked = false; document.getElementById('switch').checked = false;
} }
} else if (window.matchMedia("(prefers-color-scheme: light)").matches) { } else if (window.matchMedia("(prefers-color-scheme: light)").matches) {
if (localStorage.getItem("theme") == "dark") { if (localStorage.getItem("theme") == "dark") {
SetDark(); SetDark();
document.getElementById('switch').checked = false; document.getElementById('switch').checked = false;
} else { } else {
SetLight(); SetLight();
document.getElementById('switch').checked = true; document.getElementById('switch').checked = true;
} }
} else { } else {
SetDark(); SetDark();
document.getElementById('switch').checked = false; document.getElementById('switch').checked = false;
} }
}, false); }, false);
function switch_theme(state) { function switch_theme(state) {
if (state) { if (state) {
SetLight(); SetLight();
localStorage.setItem("theme", "light"); localStorage.setItem("theme", "light");
} else { } else {
SetDark(); SetDark();
localStorage.setItem("theme", "dark"); localStorage.setItem("theme", "dark");
} }
}; };
</script> </script>
<style> <style>
.theme-switch-wrapper { .theme-switch-wrapper {
display: inline-block; display: inline-block;
z-index: 100; z-index: 100;
position: absolute; position: absolute;
right: 0; right: 0;
top: -10px; top: -10px;
} }
.jswarning { .jswarning {
display: inline-block; display: inline-block;
border: 1px solid green; border: 1px solid green;
} }
.theme-switch-wrapper span { .theme-switch-wrapper span {
margin-right: 2px; margin-right: 2px;
} }
.theme-switch { .theme-switch {
display: inline-block; display: inline-block;
height: 25px; height: 25px;
position: relative; position: relative;
width: 40px; width: 40px;
} }
.theme-switch input { .theme-switch input {
display: none; display: none;
} }
.slider { .slider {
background: #696969; background: #696969;
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
transition: 0.5s; transition: 0.5s;
} }
.slider::before { .slider::before {
background: #fff; background: #fff;
bottom: 4px; bottom: 4px;
content: ''; content: '';
height: 17px; height: 17px;
left: 4px; left: 4px;
position: absolute; position: absolute;
transition: 0.5s; transition: 0.5s;
width: 17px; width: 17px;
} }
input:checked + .slider { input:checked + .slider {
background: #151515; background: #151515;
} }
input:checked + .slider::before { input:checked + .slider::before {
transform: translateX(15px); transform: translateX(15px);
} }
.slider.round { .slider.round {
border-radius: 34px; border-radius: 34px;
} }
.slider.round::before { .slider.round::before {
border-radius: 50%; border-radius: 50%;
} }
.fas { .fas {
font-size: 30px; font-size: 30px;
} }
</style> </style>
<noscript> <noscript>
<style>.theme-switch-wrapper {display:none;}</style> <style>.theme-switch-wrapper {display:none;}</style>
</noscript> </noscript>
{% seo %} {% seo %}
</head> </head>
<body style="transition: all 0.5s ease;"> <body style="transition: all 0.5s ease;">
<header> <header>
<div class="container" style="position: relative;"> <div class="container" style="position: relative;">
<div class="theme-switch-wrapper"> <div class="theme-switch-wrapper">
<!-- Icon --> <!-- Icon -->
<span id="toggle-icon"> <span id="toggle-icon">
<i id="themeicon" class="fas fa-sun"></i> <i id="themeicon" class="fas fa-sun"></i>
</span> </span>
<!-- Switch --> <!-- Switch -->
<label class="theme-switch"> <label class="theme-switch">
<input type="checkbox" id="switch" onclick="switch_theme(this.checked)"> <input type="checkbox" id="switch" onclick="switch_theme(this.checked)">
<div class="slider round"></div> <div class="slider round"></div>
</label> </label>
</div> </div>
<a id="a-title"> <a id="a-title">
<h1>The Hitchhikers Guide to Online Anonymity</h1> <h1>The Hitchhikers Guide to Online Anonymity</h1>
</a> </a>
<h2>How I learned to start worrying and love <del>privacy</del> anonymity</h2> <h2>How I learned to start worrying and love <del>privacy</del> anonymity</h2>
<h4 class="project-version">The latest Version is v1.1.9. See the <a href="{{ site.github.changelog_url }}" style="color:#ff4700">changelog.</a></h4> <h4 class="project-version">The latest Version is v1.1.9. See the <a href="{{ site.github.changelog_url }}" style="color:#ff4700">changelog.</a></h4>
<section id="downloads"> <section id="downloads">
{% if page.url != "/" %} {% if page.url != "/" %}
<a href="{{ site.github.home_url }}" class="btn_small">Home</a> <a href="{{ site.github.home_url }}" class="btn_small">Home</a>
{% endif %} {% endif %}
{% if page.url != "/guide.html" %} {% if page.url != "/guide.html" %}
<a href="{{ site.github.guide_url }}" class="btn_small" style="color:#FF0000">View Online</a> <a href="{{ site.github.guide_url }}" class="btn_small" style="color:#FF0000">View Online</a>
{% endif %} {% endif %}
<a href="{{ site.github.pdf_url }}" class="btn_small">PDF</a> <a href="{{ site.github.pdf_url }}" class="btn_small">PDF</a>
<!--<a href="{{ site.github.pdf_dark_url }}" class="btn_small">PDF (Dark)</a>--> <!--<a href="{{ site.github.pdf_dark_url }}" class="btn_small">PDF (Dark)</a>-->
<a href="{{ site.github.odt_url }}" class="btn_small">OpenDocument</a> <a href="{{ site.github.odt_url }}" class="btn_small">OpenDocument</a>
{% if page.url != "/donations.html" %} {% if page.url != "/donations.html" %}
<a href="{{ site.github.donations_url }}" class="btn_small">Donate</a> <a href="{{ site.github.donations_url }}" class="btn_small">Donate</a>
{% endif %} {% endif %}
{% if page.url != "/constitution.html" %} {% if page.url != "/constitution.html" %}
<a href="{{ site.github.constitution_url }}" class="btn_small">Constitution</a> <a href="{{ site.github.constitution_url }}" class="btn_small">Constitution</a>
{% endif %} {% endif %}
<a href="{{ site.github.repository_url }}" target="_blank" class="btn_small">Repository</a> <a href="{{ site.github.repository_url }}" target="_blank" class="btn_small">Repository</a>
<!--<a href="{{ site.github.keyoxide_url }}" target="_blank" class="btn_small">Keyoxide</a>--> <!--<a href="{{ site.github.keyoxide_url }}" target="_blank" class="btn_small">Keyoxide</a>-->
<a rel="me" href="{{ site.github.mastodon_url }}" target="_blank" class="btn_small">Mastodon</a> <a rel="me" href="{{ site.github.mastodon_url }}" target="_blank" class="btn_small">Mastodon</a>
<a rel="me" href="{{ site.github.twitter_url }}" target="_blank" class="btn_small">Twitter</a> <a rel="me" href="{{ site.github.twitter_url }}" target="_blank" class="btn_small">Twitter</a>
<!--<a rel="me" href="{{ site.github.mastodon_url }}" target="_blank" class="btn_small">Mastodon</a>--> <!--<a rel="me" href="{{ site.github.mastodon_url }}" target="_blank" class="btn_small">Mastodon</a>-->
{% if page.url != "/links.html" %} {% if page.url != "/links.html" %}
<a href="{{ site.github.links_url }}" class="btn_small">Links</a> <a href="{{ site.github.links_url }}" class="btn_small">Links</a>
{% endif %} {% endif %}
{% if page.url != "/about.html" %} {% if page.url != "/about.html" %}
<a href="{{ site.github.about_url }}" class="btn_small">About</a> <a href="{{ site.github.about_url }}" class="btn_small">About</a>
{% endif %} {% endif %}
</section> </section>
<h5>GPG Key Fingerprint: 9EA9 8278 639F 1CD8 53E0 96CB FF94 5075 87A6 A9B9 / Minisign public key: <a href="{{ site.github.minisign_url }}" style="color:#ff4700">minisign.pub</a></h5> <h5>GPG Key Fingerprint: 9EA9 8278 639F 1CD8 53E0 96CB FF94 5075 87A6 A9B9 / Minisign public key: <a href="{{ site.github.minisign_url }}" style="color:#ff4700">minisign.pub</a></h5>
<noscript><p class="jswarning">JavaScript is required to toggle light mode. JavaScript is not used for any other purpose.</p></noscript> <noscript><p class="jswarning">JavaScript is required to toggle light mode. JavaScript is not used for any other purpose.</p></noscript>
</div> </div>
</header> </header>
<div class="container"> <div class="container">
<section id="main_content"> <section id="main_content">
{{ content }} {{ content }}
</section> </section>
</div> </div>
</body> </body>
</html> </html>