website/css/main.css
the website's source · 2530 lines · read it on GitHub
WHAT IT DOES
One stylesheet, no framework, no web fonts, no third-party requests of any kind. A site for a privacy tool has no business loading a CDN: every remote asset is a request that tells someone else you were here.
Typography is monospace throughout, from the fonts the reader already has.
IN PLAIN WORDS
This is what the site looks like: the spacing, the type, the buttons, the diagrams and the animations.
There is no framework and no font downloaded from anywhere else. Every remote thing a page loads is a request that tells somebody else you were here, and a site for a privacy tool has no business making them. The type you see is one you already have.
THE SECTIONS IT IS MADE OF
| Section | Line |
|---|---|
| header | 102 |
| header on a phone | 166 |
| hero | 285 |
| the banner, drawn in CSS | 324 |
| the journey: a file in, a file out | 505 |
| the demonstration | 719 |
| the questions page | 936 |
| the recorded terminal | 964 |
| tooltips | 1056 |
| the cycling fact line | 1186 |
| the veil animation | 1253 |
| reveal on scroll | 1290 |
| the walkthrough | 1309 |
| buttons | 1370 |
| sections | 1396 |
| verifier | 1508 |
| repo panel | 1556 |
| the repository panel, while it loads | 1563 |
| the screenshot gallery | 1614 |
| wiki | 1679 |
| a source file, on this site | 1770 |
| the releases page | 1839 |
| footer | 1874 |
| welcome / legal gate | 1899 |
| search | 2016 |
| the JavaScript edition toggle | 2186 |