formatting
This commit is contained in:
parent
eee84095d9
commit
2cea28bb17
|
@ -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
|
1892
firefox/index.html
1892
firefox/index.html
File diff suppressed because it is too large
Load Diff
552
index.html
552
index.html
|
@ -1,283 +1,277 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Emma Tebibyte @ Tebibyte Media</title>
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
|
||||
<meta charset="UTF-8">
|
||||
<meta content="Emma Tebibyte" name="author" />
|
||||
<meta content="Emma Tebibyte's personal web page." name="description" />
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
<meta content="interest-cohort=()" http-equiv="Permissions-Policy" /> <!-- FUCK GOOGLE -->
|
||||
</head>
|
||||
<body>
|
||||
<small class="back">
|
||||
<a href="/">Return Home</a>
|
||||
<head>
|
||||
<title>Emma Tebibyte @ Tebibyte Media</title>
|
||||
<link rel="stylesheet" href="assets/style.css">
|
||||
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
|
||||
<meta charset="UTF-8">
|
||||
<meta content="Emma Tebibyte" name="author" />
|
||||
<meta content="Emma Tebibyte's personal web page." name="description" />
|
||||
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||
<meta content="interest-cohort=()" http-equiv="Permissions-Policy" /> <!-- FUCK GOOGLE -->
|
||||
</head>
|
||||
<body>
|
||||
<small class="back">
|
||||
<a href="/">Return Home</a>
|
||||
</small>
|
||||
<main>
|
||||
<section class="intro">
|
||||
<hgroup>
|
||||
<h1>
|
||||
Hi! I'm Emma Tebibyte.
|
||||
</h1>
|
||||
<p id="pronouns">
|
||||
(<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>.
|
||||
</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.
|
||||
</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:
|
||||
</p>
|
||||
<menu id="cornring">
|
||||
<li>
|
||||
<a href="https://cornring.netlify.app/emmatebibyte/previous">
|
||||
<<</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://cornring.netlify.app/">Cornring</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://cornring.netlify.app/emmatebibyte/next">>></a>
|
||||
</li>
|
||||
</menu>
|
||||
</section>
|
||||
<section>
|
||||
<h2 class="full" id="contact">
|
||||
<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:
|
||||
<ul>
|
||||
<li>
|
||||
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>
|
||||
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.
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<hgroup class="full">
|
||||
<h2 id="ideas">
|
||||
<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
|
||||
</p>
|
||||
</hgroup>
|
||||
<p>
|
||||
<ul>
|
||||
<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>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://github.com/wrwrabbit/Partisan-SMS">
|
||||
Partisan-SMS
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://signal.org/">Signal</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://silence.dev/">Silence</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://telegram.org/">Telegram</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<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="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.
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<h2 class="full" id="links">
|
||||
<a href="#links">Links</a>
|
||||
</h2>
|
||||
<p>
|
||||
Some useful links you might like to click on:
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://git.tebibyte.media/emma/site/">
|
||||
The link to the source for this web page
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="firefox">
|
||||
My recommended Firefox configuration
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://git.tebibyte.media/emma/">
|
||||
The link to my git profile
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
The <a href="https://adnilarchive.wordpress.com/">
|
||||
Sarah Adnil Archives</a>, which I help run
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<hgroup class="full">
|
||||
<h2 id="reviews">
|
||||
<a href="#reviews">Reviews</a>
|
||||
</h2>
|
||||
<p>
|
||||
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
|
||||
</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>
|
||||
<h3 id="frens">
|
||||
<a href="#frens">I have friends!</a>
|
||||
</h3>
|
||||
<p>
|
||||
Riveting content here, folks.
|
||||
</p>
|
||||
</hgroup>
|
||||
<p>
|
||||
Here are some of their stickers:
|
||||
</p>
|
||||
<div id="stickers">
|
||||
<a href="https://holanet.xyz/">
|
||||
<img src="assets/img/holanet.webp" />
|
||||
</a>
|
||||
<a href="https://sleepy.zone/">
|
||||
<img src="assets/img/sleepy.png" />
|
||||
</a>
|
||||
<a href="https://trinity.moe/">
|
||||
<img src="assets/img/trinitydotmoe88x31.bmp" />
|
||||
</a>
|
||||
<a href="https://versary.town/">
|
||||
<img src="assets/img/versarytown.png" />
|
||||
</a>
|
||||
</div>
|
||||
<p>
|
||||
And here some of their links:
|
||||
</p>
|
||||
<div id="frens-links">
|
||||
<a href="/~mars">
|
||||
<img class="favicon" src="/favicon.ico" />
|
||||
My girlfriend, Marcie
|
||||
</a>
|
||||
<a href="https://donotresearch.net/">
|
||||
<img class="favicon" src="https://donotresearch.net/favicon-32x32.png" />
|
||||
Do Not Research
|
||||
</a>
|
||||
<a href="https://metaspinoza.wordpress.com/">
|
||||
<img src="https://metaspinoza.wordpress.com/favicon.ico" />
|
||||
Ulysse Malcoeur
|
||||
</a>
|
||||
<a href="https://embeddedscript.net/">
|
||||
<img class="favicon" src="https://embeddedscript.net/favicon.ico" />
|
||||
New Media artist Richard Williams
|
||||
<a href="https://nihilistcommunism.wordpress.com/">
|
||||
<img class="favicon" src="https://nihilistcommunism.wordpress.com/favicon.ico" />
|
||||
Nihilist Communism
|
||||
</a>
|
||||
<a href="https://ortusjournal.org/">
|
||||
<img class="favicon" src="https://ortusjournal.org/favicon.ico" />
|
||||
Ortus Journal
|
||||
</a>
|
||||
<a href="https://thenostomodernreview.substack.com/">
|
||||
<img class="favicon" src="https://thenostomodernreview.substack.com/favicon.ico" />
|
||||
The Nostomodern Review by classic5000
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
<section class="full">
|
||||
<small>
|
||||
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>
|
||||
<main>
|
||||
<section class="intro">
|
||||
<hgroup>
|
||||
<h1>
|
||||
Hi! I'm Emma Tebibyte.
|
||||
</h1>
|
||||
<p id="pronouns">
|
||||
(<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>.
|
||||
</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.
|
||||
</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:
|
||||
</p>
|
||||
<menu id="cornring">
|
||||
<li>
|
||||
<a href="https://cornring.netlify.app/emmatebibyte/previous">
|
||||
<<</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://cornring.netlify.app/">Cornring</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://cornring.netlify.app/emmatebibyte/next">
|
||||
>>
|
||||
</a>
|
||||
</li>
|
||||
</menu>
|
||||
</section>
|
||||
<section>
|
||||
<h2 class="full" id="contact">
|
||||
<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:
|
||||
<ul>
|
||||
<li>
|
||||
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>
|
||||
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.
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<hgroup class="full">
|
||||
<h2 id="ideas">
|
||||
<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
|
||||
</p>
|
||||
</hgroup>
|
||||
<p>
|
||||
<ul>
|
||||
<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>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://github.com/wrwrabbit/Partisan-SMS">
|
||||
Partisan-SMS
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://signal.org/">Signal</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://silence.dev/">Silence</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://telegram.org/">Telegram</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<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.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
An Android SoundCloud client which uses the existing
|
||||
components from the
|
||||
<a href="https://newpipe.net/">NewPipe</a> app.
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<h2 class="full" id="links">
|
||||
<a href="#links">Links</a>
|
||||
</h2>
|
||||
<p>
|
||||
Some useful links you might like to click on:
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://git.tebibyte.media/emma/site/">
|
||||
The link to the source for this web page
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="firefox">
|
||||
My recommended Firefox configuration
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="https://git.tebibyte.media/emma/">
|
||||
The link to my git profile
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
The <a href="https://adnilarchive.wordpress.com/">
|
||||
Sarah Adnil Archives</a>, which I help run
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<hgroup class="full">
|
||||
<h2 id="reviews">
|
||||
<a href="#reviews">Reviews</a>
|
||||
</h2>
|
||||
<p>
|
||||
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
|
||||
</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>
|
||||
</section>
|
||||
<section class="full">
|
||||
<hgroup>
|
||||
<h3 id="frens">
|
||||
<a href="#frens">I have friends!</a>
|
||||
</h3>
|
||||
<p>
|
||||
Riveting content here, folks.
|
||||
</p>
|
||||
</hgroup>
|
||||
<p>
|
||||
Here are some of their stickers:
|
||||
</p>
|
||||
<div id="stickers">
|
||||
<a href="https://holanet.xyz/">
|
||||
<img src="assets/img/holanet.webp" />
|
||||
</a>
|
||||
<a href="https://sleepy.zone/">
|
||||
<img src="assets/img/sleepy.png" />
|
||||
</a>
|
||||
<a href="https://trinity.moe/">
|
||||
<img src="assets/img/trinitydotmoe88x31.bmp" />
|
||||
</a>
|
||||
<a href="https://versary.town/">
|
||||
<img src="assets/img/versarytown.png" />
|
||||
</a>
|
||||
</div>
|
||||
<p>
|
||||
And here some of their links:
|
||||
</p>
|
||||
<div id="frens-links">
|
||||
<a href="/~mars">
|
||||
<img class="favicon" src="/favicon.ico" />
|
||||
My girlfriend, Marcie
|
||||
</a>
|
||||
<a href="https://donotresearch.net/">
|
||||
<img class="favicon" src="https://donotresearch.net/favicon-32x32.png" />
|
||||
Do Not Research
|
||||
</a>
|
||||
<a href="https://metaspinoza.wordpress.com/">
|
||||
<img src="https://metaspinoza.wordpress.com/favicon.ico" />
|
||||
Ulysse Malcoeur
|
||||
</a>
|
||||
<a href="https://embeddedscript.net/">
|
||||
<img class="favicon" src="https://embeddedscript.net/favicon.ico" />
|
||||
New Media artist Richard Williams
|
||||
<a href="https://nihilistcommunism.wordpress.com/">
|
||||
<img class="favicon" src="https://nihilistcommunism.wordpress.com/favicon.ico" />
|
||||
Nihilist Communism
|
||||
</a>
|
||||
<a href="https://ortusjournal.org/">
|
||||
<img class="favicon" src="https://ortusjournal.org/favicon.ico" />
|
||||
Ortus Journal
|
||||
</a>
|
||||
<a href="https://thenostomodernreview.substack.com/">
|
||||
<img class="favicon" src="https://thenostomodernreview.substack.com/favicon.ico" />
|
||||
The Nostomodern Review by classic5000
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
<section class="full">
|
||||
<small>
|
||||
This site 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>
|
||||
</body>
|
||||
</section>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Reference in New Issue