formatting

This commit is contained in:
Emma Tebibyte 2022-11-22 01:17:23 -05:00
parent eee84095d9
commit 2cea28bb17
3 changed files with 1280 additions and 1216 deletions

52
assets/js/nowplaying.js Normal file
View File

@ -0,0 +1,52 @@
// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL-v3-or-Later
KEY = "e8e3775fe9544e2ca72eec7575e2e09e"
username = "emmatebibyte"
url = "https://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&format=json&api_key=" + KEY + "&limit=1&user=" + username
function httpGet(url) {
var xmlHttp = new XMLHttpRequest();
xmlHttp.open("GET", url, false);
xmlHttp.send(null);
return xmlHttp.responseText;
}
var json = JSON.parse(httpGet(url))
var last_track = json.recenttracks.track[0]
var track = last_track.name
var trackLink = last_track.url
var artist = last_track.artist['#text']
var now_playing = (last_track["@attr"] == undefined) ? false : true
var imageLink = last_track.image[1]["#text"]
trackElem = document.getElementById('track')
artistElem = document.getElementById('artist')
dateElem = document.getElementById('date')
nowplayingElem = document.getElementById('now-playing')
albumcoverElem = document.getElementById('album-cover')
trackLinkElem = document.createElement('a')
trackLinkElem.id = "track"
trackLinkElem.href = trackLink
trackLinkElem.target = "_blank"
trackLinkElem.textContent = track
userLinkElem = document.createElement('a')
userLinkElem.href = "https://www.last.fm/user/vojoh"
userLinkElem.target = "_blank"
userLinkElem.textContent = (relative_time != null) ? relative_time : "Now playing..."
trackElem.appendChild(trackLinkElem)
artistElem.textContent = artist
dateElem.appendChild(userLinkElem)
albumcoverElem.src = imageLink
console.log(
"Artist: " + artist + "\n" +
"Track: " + track + "\n" +
"Date: " + relative_time + "\n" +
"Now playing: " + now_playing)
// @license-end

View File

@ -22,63 +22,74 @@
<p>
Web browsers are kind of awful. They do too much
(<a href="https://web.archive.org/web/20220609080931/https://homepage.cs.uri.edu/~thenry/resources/unix_art/ch01s06.html">why
would I want an application to be an image viewer, pdf reader,
media player, <i>and</i> html renderer?</a>), and as a result,
would I want an application to be an image viewer, pdf reader, media
player, <i>and</i> html renderer?</a>), and as a result,
<a href="https://today.uic.edu/bloated-browser-functionality-presents-unnecessary-security-privacy-risks/">
they are bloated beyond belief</a>. 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.
they are bloated beyond belief</a>. 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.
</p>
<h2>Why Firefox?</h2>
<h2>
Why Firefox?
</h2>
<p>
I use Firefox because it is the best web browser for the kinds
of modifications I need. It is also the last major browser
standing against
I use Firefox because it is the best web browser for the kinds of
modifications I need. It is also the last major browser standing against
<a href="https://wikipedia.org/wiki/Usage_share_of_web_browsers">
Chromium domination</a> (even if Mozilla
Chromium domination
</a>
(even if Mozilla
<a href="https://www.pcmag.com/news/mozilla-signs-lucrative-3-year-google-search-deal-for-firefox">
takes money from Google</a>). If there were a
web browser that had sane defaults and all of the features I
need (<a href="https://git.tebibyte.media/emma/browser/">and I
<i>do</i> plan on creating my own that does</a>), I would
takes money from Google
</a>). If there were a web browser that had sane defaults and all of the
features I need
(<a href="https://git.tebibyte.media/emma/browser/">
and I <i>do</i> plan on creating my own that does
</a>), I would
immediately switch to it; however, until there is a satisfactory
browser, which can do what I want from Firefox, I will stick
either with it or a fork of it like
browser, which can do what I want from Firefox, I will stick either with
it or a fork of it like
<a href="https://librewolf.net/">
LibreWolf</a>. If you don't want to use Firefox, then at least
LibreWolf
</a>. If you don't want to use Firefox, then at least
<a href="https://www.unixsheikh.com/articles/choose-your-browser-carefully.html">
choose your browser carefully</a>.
choose your browser carefully
</a>.
</p>
<p>
In addition to the modifications and extensions listed here, my
script, <a href="https://git.tebibyte.media/emma/xdg-sanity">
<code>xdg-sanity</code></a>, can be used to prevent your web
browser from being used to open remote content that has a MIME
type other than <code>text/html</code>.
script,
<a href="https://git.tebibyte.media/emma/xdg-sanity">
<code>xdg-sanity</code>
</a>, can be used to prevent your web browser from being used to open
remote content that has a MIME type other than <code>text/html</code>.
</p>
</section>
<section>
<hgroup>
<h2 id="about-config">
<a href="#about-config">
Modifications to <code class="header">about:config</code>
</a>
</h2>
<h4>Read more about <code>about:config</code>
<aside>
Read more about <code>about:config</code>
<a href="https://support.mozilla.org/en-US/kb/about-config-editor-firefox">
here</a>.
</h4>
here
</a>.
</aside>
</hgroup>
<p>
These settings are advanced user settings, and I'm not
responsible for misconfigured browsers, broken web pages, or
thermonuclear war.
These settings are advanced user settings, and I'm not responsible for
misconfigured browsers, broken web pages, or thermonuclear war.
</p>
<p>
Make any entries that do not have anything written for their
values blank.
Make any entries that do not have anything written for their values
blank.
</p>
<h3 id="performance">
@ -93,12 +104,10 @@
</h3>
<ul>
<li><code>widget.use-xdg-desktop-portal = true</code></li>
<p>Allows Firefox to use KDE Plasma filechooser on
GNU/Linux.</p>
<p>Allows Firefox to use KDE Plasma filechooser on GNU/Linux.</p>
<li><code>dom.event.contextmenu.enabled = false</code></li>
<p>Prevents site from blocking the context menu from being
opened.</p>
<p>Prevents site from blocking the context menu from being opened.</p>
<li><code>extensions.screenshots.disabled = true</code></li>
<p>Disables redundant in-app screenshots.</p>
@ -134,14 +143,14 @@
</li>
<li>
<code>media.gmp-widevinecdm.visible = false</code></li>
<code>media.gmp-widevinecdm.visible = false</code>
</li>
</ul>
<h3 id="pocket">
<a href="#pocket">Disable Pocket</a>
</h3>
<p>
<a
href="https://www.ghacks.net/2015/06/23/pro-and-con-of-mozillas-pocket-integration-in-firefox/">
<a href="https://www.ghacks.net/2015/06/23/pro-and-con-of-mozillas-pocket-integration-in-firefox/">
What is Pocket and why would I want to disable it?
</a>
<p>
@ -362,7 +371,6 @@
</code>
</li>
</ul>
</ul>
<h3 id="safe-browsing">
<a href="#safe-browsing">Disable Google Safe Browsing</a>
</h3>
@ -403,15 +411,13 @@
<li>
<code>
browser.safebrowsing.downloads.remote.block_dangerous_host
= false
browser.safebrowsing.downloads.remote.block_dangerous_host = false
</code>
</li>
<li>
<code>
browser.safebrowsing.downloads.remote.block_dangerous
= false
browser.safebrowsing.downloads.remote.block_dangerous = false
</code>
</li>
@ -476,8 +482,7 @@
<li>
<code>
browser.safebrowsing.provider.google4.dataSharing.enabled
= false
browser.safebrowsing.provider.google4.dataSharing.enabled = false
</code>
</li>
@ -598,7 +603,7 @@
</li>
</ul>
</section>
<div class="full"></div>
<section class="full"></section>
<section>
<h2 id="extensions">
<a href="#extensions">Extensions</a>
@ -611,13 +616,14 @@
give the boot:
<ul>
<li>
For many use cases, containerization extensions like
Facebook Container or Google Container are redundant
with
For many use cases, containerization extensions like Facebook
Container or Google Container are redundant with
<a href="https://blog.mozilla.org/security/2021/02/23/total-cookie-protection/">
Total Cookie Protection </a> and
Total Cookie Protection
</a> and
<a href="https://blog.mozilla.org/security/2021/08/10/firefox-91-introduces-enhanced-cookie-clearing/">
Enhanced Cookie Clearing</a>.
</li>
<li>
The
@ -632,9 +638,9 @@
<li>
Privacy Badger
<a href="https://desuarchive.org/g/thread/83169287/#83170117">
has multiple issues</a>, including its lack of
finterprinting protection, its connection to Fastly CDN,
and its redundancy with uBlock Origin.
has multiple issues</a>, including its lack of fingerprinting
protection, its connection to Fastly CDN, and its redundancy with
uBlock Origin.
</li>
</ul>
</p>
@ -671,7 +677,8 @@
<ul>
<li>
<a href="https://filterlists.com/lists/actually-legitimate-url-shortener-tool">
ClearURLs functionality</a>
ClearURLs functionality
</a>
(<a href="https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#removeparam">
read more</a>)
<a href="https://raw.githubusercontent.com/DandelionSprout/adfilt/master/LegitimateURLShortener.txt">
@ -697,6 +704,7 @@
</ul>
You can find more blocklists on
<a href="https://filterlists.com/">FilterLists</a>.
</p>
</li>
</ul>
@ -812,6 +820,7 @@
<a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/discard">
discard API</a>.
</p>
</li>
<li>
<p>
@ -824,7 +833,7 @@
</li>
</ul>
</section>
<div class="full"></div>
<section class="full"></section>
<section>
<h2 id="reading">
<a href="#reading">Further Reading</a>
@ -881,7 +890,8 @@
<li>
<a href="https://trinity.moe#extensions">
Trinity's browser extensions</a>
Trinity's browser extensions
</a>
</li>
</ul>
</p>
@ -931,9 +941,17 @@
</main>
<footer>
<div class="copyleft">
<p>This site is licensed under the <a
href="agpl-3.0.txt">AGPLv3</a> or later. Its content is covered
under the <a href="legalcode.txt">CC BY-NC-SA</a> license.</p>
<p>
This site's HTML is licensed under the
<a href="agpl-3.0.txt">
AGPLv3
</a>
or later. Its content is covered under the
<a href="legalcode.txt">
CC BY-NC-SA
</a>
license.
</p>
</div>
</footer>
</body>

View File

@ -21,30 +21,28 @@
Hi! I'm Emma Tebibyte.
</h1>
<p id="pronouns">
(<a href="https://pronoun.is/fae" title="my pronouns">
fae/faer
</a>)
(<a href="https://pronoun.is/fae" title="my pronouns">fae/faer</a>)
</p>
</hgroup>
<p>
I am the founder of Tebibyte Media, the central organizing node
of a <a href="/network">Network</a> of different free software
and open-access groups. You can read more about us on
<a href="/about">the main about page</a>.
I am the founder of Tebibyte Media, the central organizing node of a
<a href="/network">Network</a> of different free software and
open-access groups. You can read more about us on <a href="/about">the
main about page</a>.
</p>
<p>
In my spare time (which I find is quickly becoming more and more
and more rare) I am a free software and open access advocate.
Providing avenues for small projects to flourish and promoting
copyleft are values I hold to be the most important work to do;
that is why I established Tebibyte Media.
In my spare time (which I find is quickly becoming more and more and
more rare) I am a free software and open access advocate. Providing
avenues for small projects to flourish and promoting copyleft are values
I hold to be the most important work to do; that is why I established
Tebibyte Media.
</p>
</section>
<section class="full">
<h2>Webrings</h2>
<p>
The main Tebibyte Media page is a member of Yesterweb, but
my page is only a member of these rings:
The main Tebibyte Media page is a member of Yesterweb, but my page is
only a member of these rings:
</p>
<menu id="cornring">
<li>
@ -57,9 +55,7 @@
</li>
<li>
<a href="https://cornring.netlify.app/emmatebibyte/next">
>>
</a>
<a href="https://cornring.netlify.app/emmatebibyte/next">>></a>
</li>
</menu>
</section>
@ -68,30 +64,26 @@
<a href="#contact">Contact</a>
</h2>
<p>
If you'd like to contact me, the best ways to do so are as
follows, in order of preference:
If you'd like to contact me, the best ways to do so are as follows, in
order of preference:
<ul>
<li>
Via e-mail, using my
<a href="assets/pgpkey.asc">PGP key</a>
Via e-mail, using my <a href="assets/pgpkey.asc">PGP key</a>
</li>
<li>Through Matrix: @emma:tebibyte.media</li>
<li><a href="assets/session-id.txt">Using
Session</a></li>
<li><a href="assets/session-id.txt">Using Session</a></li>
<li>
Using Discord
(<a href="https://usemumble.neocities.org/">proprietary,
Using Discord (<a href="https://usemumble.neocities.org/">proprietary,
not recommended</a>): Emma Tebibyte#3123
</li>
</ul>
If you want to talk to me where I am most of the time,
that unfortunately happens to be Discord. Tebibyte Media
has a <a href="/discord">Discord "server"</a> because
the state of current free software alternatives is not
satisfactory.
If you want to talk to me where I am most of the time, that
unfortunately happens to be Discord. Tebibyte Media has a
<a href="/discord">Discord "server"</a> because the state of current
free software alternatives is not satisfactory.
</p>
</section>
<section>
@ -100,22 +92,18 @@
<a href="#ideas">Things Someone Should Make</a>
</h2>
<p>
Or: the software I (probably) won't or can't
make but which I think would be good to have
Or: the software I (probably) won't or can't make but which I think
would be good to have
</p>
</hgroup>
<p>
<ul>
<li>A fork of
<a href="https://github.com/moezbhatti/qksms">
QKSMS
</a>
<li>
A fork of <a href="https://github.com/moezbhatti/qksms">QKSMS</a>
that implements the following messengers' protocols:
<ul>
<li>
<a href="https://airmessage.org/">
AirMessage
</a>
<a href="https://airmessage.org/">AirMessage</a>
</li>
<li>
@ -140,19 +128,18 @@
<li>
An Android app that uses the method
<a href="https://auroraoss.com/">Aurora Store</a> uses
to download Google Play Store APK files for Android and
the patches that <a href="">the unofficial Minecraft
Bedrock launcher for GNU/Linux and the MacOS</a>
uses to remove signature verification to keep
Minecraft for Android up-to-date and running on
systems without Google Play Services.
<a href="https://auroraoss.com/">Aurora Store</a> uses to download
Google Play Store APK files for Android and the patches that
<a href="https://mcpelauncher.readthedocs.io/">
the unofficial Minecraft Bedrock launcher for Linux and the MacOS
</a> uses to remove signature verification to keep
Minecraft for Android up-to-date and running on systems without
Google Play Services.
</li>
<li>
An Android SoundCloud client which uses the existing
components from the
<a href="https://newpipe.net/">NewPipe</a> app.
An Android SoundCloud client which uses the existing components from
the <a href="https://newpipe.net/">NewPipe</a> app.
</li>
</ul>
</p>
@ -185,7 +172,6 @@
<li>
The <a href="https://adnilarchive.wordpress.com/">
Sarah Adnil Archives</a>, which I help run
</a>
</li>
</ul>
</p>
@ -196,20 +182,27 @@
<a href="#reviews">Reviews</a>
</h2>
<p>
Idea stolen from <a href="https://trinity.moe#praise">
Trinity's page</a>.
Idea stolen from <a href="https://trinity.moe#praise">Trinity's
page</a>.
</p>
</hgroup>
<p>
<a href="https://desuarchive.org/g/thread/82485208/#q82485390">
[2021-07-10T18:36:38] Anonymous</a>: this emmatebibyte
should really post feet pics to verify cuteness, ngl
[2021-07-10T18:36:38] Anonymous</a>: this emmatebibyte should really
post feet pics to verify cuteness, ngl
</p>
<p>
<a href="https://nightly.revolt.chat/server/01FSNXPC8QGW89RPKJC6VNXJSV/channel/01FSNXPC8QFXEB1DK7K6XBCRG2/01FWHMJW8X4E97767873KAMHYB">
[2022-02-22] @Nyann</a>: Emma Tebibyte gives me the
"non-trustworthy-female" vibes
</p>
<p>
<a href="https://tech.lgbt/@emmatebibyte/109378672682392828">
[2022-11-20T18:14]
</a>
<a href="https://tech.lgbt/@marcelinecramer">
@marcelinecramer@tech.lgbt</a>: Hasn't seen a single movie in faer life"
</p>
</section>
<section class="full">
<hgroup>
@ -274,10 +267,11 @@
<footer>
<section class="full">
<small>
This site is licensed under the
This site's HTML is licensed under the
<a href="agpl-3.0.txt">AGPLv3</a> or later and its content under the
<a href="legalcode.txt">CC BY-NC-SA</a> license.
</small>
</section>
</footer>
</body>
</html>