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

View File

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