pds dash for shimaenaga.veryroundbird.house (based off of pds.witchcraft.systems)

fix popover id problem

Changed files
+83 -1
src
themes
birdrights
+69 -1
src/App.svelte
···
<main>
<div id="content">
{#await accountsPromise}
-
<p>Loading...</p>
+
<div id="loadingbirds">
+
<div class="small">
+
<pre>
+
█▓░░░░░░░░░▒
+
█▓▒ ░▒
+
▓▒▒▒░ ▒
+
▓▒░░░░ ░▓
+
█▒ ░░ ░ ░ ▓▒ ░█
+
▓░ ░░ ▒▓░░▒▒░ ▒
+
███████ ██▓▒░▒▒░ ░░░░ ░░░ ▒
+
█▓▓▓▓▓▓▓▓▓▓▓▓▓▒▓▓▓▓▓▒▒▓▒▒▒▓░ ▓
+
███▓▒░░▒░░░░▓▓█▓▓▒░ ░
+
▓ ░
+
█ ░ ▒
+
█░ ▒█
+
▒ ▒
+
█▒ █
+
▓ ░█
+
▓▒ ░░ ░▒
+
▓▒▒░░▒▓░ ░░░▒▒▓▓▒▓▓
+
█▓█▓▓█ ███▓█
+
████ ████
+
</pre>
+
</div>
+
<div class="large">
+
<pre>
+
████▓▒░░░░░░░▒▓██
+
█▓░ ▒█
+
██▓░ ▒█
+
██▒ ▒█
+
███▓▒░ ▓█
+
█▓░ ░ █
+
██░ ░ ░█
+
█░ ▓
+
█▒ ▓
+
██▒ ▒▓▓ █
+
█▒ ▓█ ░▒ ▒▓ ▓█
+
██▒ ▒▓░ ░▒░░ ▓█
+
███▒░ ░▒▒▒▒▒░ ▓█
+
█████ ██▓░ ░░░░ █
+
█▓▒░░░░░░▒▒▒▓▓██████████▓▓▒░ ░▒▒▒▒▒▒▓▒▒░ ░▒▒░ ░█
+
██████▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░▒▒▒▒▓▒▒▓▓▓▓▒▒▒▒▒▒▓▒░░░▒▒▒░ ▒█
+
███▓▓▒▒░░░░ ░░░▒▓▓▓▒▒▓▓▓▓▓▒░░▒▒▒▒░ █
+
███▓▓▒ ▒▓▓▓▓▓▓▓█▓▒░░ █
+
█▓ ░▒▒▓▒░ ▓
+
█▓ ▓
+
█ █
+
█ ░█
+
█ ▓█
+
█░ ▒█
+
▒ ▓█
+
▓ █
+
█▒ ▒█
+
█▒ ▒█
+
█▓ ▒█
+
██ ██
+
█▒ ▓█
+
██░ ▒█
+
█░ ░▓█
+
█▓░ ▓▓▓░ ░▓▓▒ ░██
+
███▓▒░ ▒▓▓▓ ▒▓▓▓▓▓▓▓████▓▓▓▓▒█
+
█▓██▓▓▓▓██ ████▓▓▓██
+
██▓▓██ ██▓▓██
+
███▓██ █▓▓▓██
+
██████ ███████
+
</pre>
+
</div>
+
<p id="loadingText" data-text="pds is landing..." title="pds is landing...">pds is landing...</p>
+
</div>
{:then accountsData}
<div id="account">
<pre id="asciiart">
+14
themes/birdrights/theme.css
···
opacity: 1;
}
+
#loadingbird .small {
+
display: none;
+
}
+
+
@media screen and (max-width: 780px) {
+
#loadingbird .small {
+
display: block;
+
}
+
+
#loadingbird .large {
+
display: none;
+
}
+
}
+
/* Responsive Styling */
@media screen and (max-width: 600px) {
#accountsList {