prokop/thgtoa
1
0
Fork 0
mirror of https://github.com/Anon-Planet/thgtoa.git synced 2026-06-20 20:48:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

docs(web!): get new web design up

Browse Source 
Serve the new look, update licensing.
This commit is contained in:
nopeitsnothing
2026-06-18 04:51:25 -04:00
parent 4e26ae486b
commit fc3763f85c
27 changed files with 2465 additions and 1400 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/index.md
+37 -38
View File
@@ -1,5 +1,5 @@
---
title: ""
title: "Home"
description: "The Hitchhiker's Guide to Online Anonymity"
schema:
"@context": https://schema.org
@@ -14,61 +14,60 @@ schema:
- https://mastodon.social/@anonymousplanet
---
<div style="text-align: center; padding: 4em 2em;">
<h1 style="font-family: var(--code-font); font-size: 1.5rem; color: var(--accent-green); letter-spacing: 0.1em; margin-bottom: 2em;">
// THE HITCHHIKER'S GUIDE TO ONLINE ANONYMITY
</h1>
<div style="font-size: 3.5rem; font-weight: 700; line-height: 1.2; margin: 2em 0;">
<span style="color: var(--text-primary);">Privacy.</span><br>
<span style="color: var(--accent-green);">Security.</span><br>
<span style="color: var(--text-primary);">Anonymity.</span>
<div style="text-align: center; font-size: 3.9rem; font-weight: 700; line-height: 1; margin: 2em 0;">
<span>Privacy.</span><br>
<span style="color: var(--crt-green);">Security.</span><br>
<span>Anonymity.</span>
</div>
<p style="max-width: 60ch; margin: 2.5em auto; color: var(--text-secondary); font-size: 1.05rem;">
A comprehensive open-source guide for activists, journalists, scientists, lawyers, whistle-blowers — and anyone seeking true digital anonymity. No ads. No affiliates. No BS.
</p>
<div style="text-align: center; font-size: 3.0rem; font-weight: 400; line-height: 0.9; margin: 2em 0;">
<span style="color: var(--crt-green);">No ads.</span><br>
<span style="color: var(--crt-amber);">No affiliate links.</span><br>
<span style="color: var(--crt-red);">No bullshit.</span>
<div style="margin: 3em auto; display: flex; gap: 1em; justify-content: center;">
<a href="guide/index.md" class="btn-download" style="min-width: auto !important;">- Read the Guide</a>
<a href="https://github.com/Anon-Planet/thgtoa" class="btn-download" style="min-width: auto !important; border-color: var(--accent-green) !important; color: var(--accent-green) !important; background: transparent !important;">&#128197; GitHub</a>
</div>
<div style="background: rgba(255, 0, 0, 0.1); border: 1px solid rgba(255, 0, 0, 0.3); border-left: 4px solid #ff4444; padding: 1em; max-width: 70ch; margin: 3em auto; color: #ff6b6b;">
<span style="color: #ff6b6b;">&#9888;</span> <strong style="color: #ff6b6b;">NOTICE:</strong> Anonymous Planet has been the target of fake look-alike domains. Always verify you are on <a href="https://anonymousplanet.net/" style="color: #ff6b6b; text-decoration: underline;">anonymousplanet.net</a>. Bookmark the official site and check the URL before trusting any content.
<div style="text-align: center; background: rgba(255, 0, 0, 0.1); border: 1px solid rgba(255, 0, 0, 0.3);
border-left: 4px solid #ff4444; padding: 1em; max-width: 70ch; margin: 3em auto; color: var(--crt-red)">
<span style="color: #ff6b6b;">&#9888;</span> <strong style="color: var(--status-error);">NOTICE:</strong> Always
verify you are on <a href="https://anonymousplanet.net/" style="color:
var(--status-error);">anonymousplanet.net</a><strong style="color: #ff6b6b;"> &#9888;</strong>
</div>
<div style="border-top: 2px solid var(--border-color); padding-top: 3em; margin-top: 3em;">
<div style="font-family: var(--code-font); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); margin-bottom: 1.5em;">Quick Access</div>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5em; max-width:
1000px; margin: 0 auto;">
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5em; max-width: 1000px; margin: 0 auto;">
<!-- The Full Guide Card -->
<div class="quick-access-card">
<span class="md-icon" style="font-size: 2.5rem; display: block;">📖</span>
<h3 style="font-family: var(--code-font); font-size: 1.1rem; margin: 0;">The Full Guide</h3>
<p style="margin: 0 0 1em;">The Hitchhiker's Guide to Online Anonymity — comprehensive coverage of tracking techniques, ID verification, and how to create truly anonymous identities.</p>
<a href="guide/index.md" style="font-family: var(--code-font); font-size: 0.85rem; color: var(--accent-green);">Read online <span style="font-size: 0.7em;">→</span></a>
<h3 style="font-family: var(--code-font); font-size: 1.1rem; margin: 0;">Online</h3>
<p style="margin: 0 0 1em;">Comprehensive coverage of tracking techniques, ID verification, and how to create
truly anonymous identities.</p>
<a href="guide/" style="font-family: var(--code-font); font-size: 0.85rem; color: var(--crt-amber);">Read online
</a>
</div>
<!-- PDF/ODT Downloads Card -->
<div class="quick-access-card">
<span class="md-icon" style="font-size: 2.5rem; display: block;">📄</span>
<h3 style="font-family: var(--code-font); font-size: 1.1rem; margin: 0;">PDF / ODT Downloads</h3>
<p style="margin: 0 0 1em;">Download the guide as a PDF (best for readability) or ODT. Verify integrity with the provided public key before trusting any downloaded file.</p>
<a href="pgp/index.md" class="btn-download" style="min-width: auto !important;">Get the files <span style="font-size: 0.7em;">→</span></a>
<h3 style="font-family: var(--code-font); font-size: 1.1rem; margin: 0;">PDF</h3>
<p style="margin: 0 0 1em;">Download the guide as a PDF (best for readability) or ODT. Verify integrity with the
provided public key before trusting any downloaded file.</p>
<a href="export/thgtoa.pdf" class="btn-download" style="min-width: auto !important; color: var(--crt-amber);">Get
the files </a>
</div>
<!-- Tor Mirror Card -->
<div class="quick-access-card">
<span class="md-icon" style="font-size: 2.5rem; display: block;">🌐</span>
<h3 style="font-family: var(--code-font); font-size: 1.1rem; margin: 0;">Tor Mirror</h3>
<p style="margin: 0 0 1em;">Access the guide over the Tor network for maximum privacy. The .onion address ensures you reach us without exposing your IP or destination.</p>
<a href="mirrors/index.md" style="font-family: var(--code-font); font-size: 0.85rem; color: var(--accent-green);">Open .onion <span style="font-size: 0.7em;">→</span></a>
<h3 style="font-family: var(--code-font); font-size: 1.1rem; margin: 0;">Tor</h3>
<p style="margin: 0 0 1em;">Access the guide over the Tor network for maximum privacy. The .onion address ensures
you reach us without exposing your IP or destination.</p>
<a href="mirrors/" style="font-family: var(--code-font); font-size: 0.85rem; color: var(--crt-amber);">Open .onion
</a>
</div>
</div>
<div style="text-align: center; font-family: var(--code-font); font-size: 0.8rem; padding: 1.5em 0; border-top:
1px solid rgba(255,255,255,0.1); margin-top: 4em; color: var(--crt-green); opacity: 0.9;">
<strong>The Hitchhiker's Guide</strong> is
licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/" style="color: var(--crt-amber);">CC BY-SA
4.0</a>.
</div>
</div>