diff --git a/assets/style.css b/assets/style.css index 9d60cd2..d7ed4d4 100644 --- a/assets/style.css +++ b/assets/style.css @@ -1,8 +1,13 @@ @font-face { font-family: 'Ubuntu'; src: url('https://tebibyte.media/assets/fonts/ubuntu.ttf'); - url('https://tebibyte.media/assets/fonts/ubuntu.woff2'); - url('https://tebibyte.media/assets/fonts/ubuntu.woff'); + url('https://tebibyte.media/assets/fonts/ubuntu.woff2'); + url('https://tebibyte.media/assets/fonts/ubuntu.woff'); +} + +@font-face { + font-family: 'Ubuntu Mono Ligaturized'; + src: url('https://tebibyte.media/assets/fonts/UbuntuMonoLigaturized-Regular.ttf'); } * { @@ -21,28 +26,6 @@ background: #9d4e54; } -a:link { - transition-duration: 0.4s; - color: #9d4e54; - text-decoration: underline; - text-decoration-color: transparent; -} - -a:hover { - transition-duration: 0.4s; - color: #9d4e54; - text-decoration: underline; -} - -a:visited { - transition-duration: 0.5s; - color: #9d4e54; -} - -p { - text-align: justify; -} - body { background-color: #171614; color: #fafafa; @@ -53,12 +36,32 @@ body { flex-direction: column; } +a { + transition-duration: 0.4s; + color: #9d4e54; + text-decoration: underline; + text-decoration-color: transparent; +} + +a:hover { + text-decoration-color: #9d4e54; +} + +code { + font-family: 'Ubuntu Mono Ligaturized'; + word-break: break-all; +} + +p { + text-align: justify; +} + .back h5 { color: #9d4e54; text-align: left; } -.back a:link { +.back a { transition: 0.5s; padding: 0.15em; border-radius: 0.5em; @@ -66,21 +69,16 @@ body { } .back a:hover { - transition: 0.5s; color: #171614; background: #9d4e54; - padding: 0.15em; - border-radius: 0.5em; - text-decoration: none; } -.back a:visited { - transition: 0.5s; +/* +.config { padding: 0.15em; - outline: 0.15em solid #9d4e54; border-radius: 0.5em; - text-decoration: none; -} + background: #9d4e54; +} */ .content { display: flex; @@ -93,28 +91,53 @@ body { box-shadow: 1.5em 1.5em 3.5em #131211, -1.5em -1.5em 3.5em #1b1a17; } -.exposition { - flex-basis: 100%; +.header { + word-break: normal; } -#intro { +.header-full { text-align: center; } -#pronouns { - text-align: center; - font-size: 0.8em; -} - .section { margin: 1em; flex-basis: 45%; flex-grow: 1; } -.break { +.section-full { + margin: 1em; flex-basis: 100%; - height: 0; +} + +.warn { + margin: 0.5em 0; + padding: 0.5em; + display: inline-block; + color: #171614; + background: #9d4e54; + border-radius: 0.5em; +} + +.warn p { + margin: 0; + margin-right: 2em; + display: inline; +} + +.sym { + filter: invert(4%) sepia(23%) saturate(325%) hue-rotate(2deg) + brightness(96%) contrast(90%); + max-height: 1em; + margin-right: 0.5em; + margin-left: 1em; + margin-top: auto; + margin-bottom: auto; +} + +#pronouns { + text-align: center; + font-size: 0.8em; } /* diff --git a/assets/warn.svg b/assets/warn.svg new file mode 100644 index 0000000..174a13f --- /dev/null +++ b/assets/warn.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/firefox/index.html b/firefox/index.html new file mode 100644 index 0000000..d268e1e --- /dev/null +++ b/firefox/index.html @@ -0,0 +1,855 @@ + + + + Recommended Firefox Modifications + + + + + + + + + +
+
Return to my page
+
+
+
+

+ A Guide to Bettering Firefox +

+

+ Web browsers are kind of awful. They do too much + (why + would I want a combination image viewer/pdf reader/media + player/html renderer?), and as a result, + + they are bloated beyond belief. They strain developer + resources, require sandboxing because of the insane default that + JavaScript is arbitrarily executed, and yet, they're the most + prolific method of application distribution in the modern day. + Web browsers have become the most convenient place for many to + do their computing, so with this page, I'm trying to define a + more sane functionality for the browser I use—Firefox. +

+

Why Firefox?

+

+ I use Firefox because it is the easiest web browser from which + the kinds of modifications I need are available. If there were a + web browser that implemented these modifications as sane + defaults (and + I do plan on creating my own that does), I would + immediately switch to it; but until there is a satisfactory + browser, which can do what I want out of Firefox, I will stick + either with it or a fork of it like + + LibreWolf. +

+

+ If you don't want to use Firefox, then at least + + choose your browser carefully. +

+

+ In addition to the modifications and extensions listed here, my + script, + xdg-sanity, can be used to prevent your web + browser from being used to open remote content that has a MIME + type other than text/html. +

+
+
+

+ + Modifications to about:config + +

+

Read more about about:config + + here. +

+

+ These settings are advanced user settings, and I'm not + responsible for misconfigured browsers, broken web pages, or + thermonuclear war. +

+

+ Make any entries that do not have anything written for their + values blank. +

+ +

+ Performance +

+ + +

+ Disable or Enable Features +

+ + +

+ Disable DRM +

+ +

+ Disable Pocket +

+

+ + Read more here + +

+ +

+ Privacy +

+ + +

+ Peripherals +

+ + +

+ Webpage Prefetching & Caching +

+ + +

+ Mozilla Telemetry +

+ + +

+ User-Agent Spoofing +

+ + +

+ + DNS-over-HTTPS + +

+ + +

+ + Header Sanitization + +

+ + +

+ Disable Google Safe Browsing +

+

+ This is an exhaustive list of all the settings you need to + change. Typing only browser.safebrowsing into the + about:config search box will return all of them, but + make sure to apply the correct value to each. +

+ +
+
+

+ Extensions +

+

+ Note: Containerization extensions like Facebook Container or + Google Container are redundant with + + Total + Cookie Protection + and + + Enhanced Cookie Clearing. +

+

+ If there is any extension you feel is missing from this list, + feel free to send me a git + patch through e-mail adding it along with a description as + to why you believe it should be included. Before contacting me, please read through the + whole list, + + this, and + + this. +

+ +

+ Standard Privacy Extensions +

+ + +

+ + Advanced Privacy Extensions + +

+
+ +

+ These extensions may hinder or break certain functionality on + websites using heavy amounts of JavaScript. +

+
+ + +

+ Tools +

+ +
+
+

+ Further Reading +

+

+

+

+

+ Fingerprinting Tests +

+

+

+

+
+
+