veryroundbird.house
pds dash for shimaenaga.veryroundbird.house (based off of pds.witchcraft.systems)
fix popover id problem
+83
-1
+69
-1
src/App.svelte
+69
-1
src/App.svelte
···
50
50
<main>
51
51
<div id="content">
52
52
{#await accountsPromise}
53
-
<p>Loading...</p>
53
+
<div id="loadingbirds">
54
+
<div class="small">
55
+
<pre>
56
+
█▓░░░░░░░░░▒
57
+
█▓▒ ░▒
58
+
▓▒▒▒░ ▒
59
+
▓▒░░░░ ░▓
60
+
█▒ ░░ ░ ░ ▓▒ ░█
61
+
▓░ ░░ ▒▓░░▒▒░ ▒
62
+
███████ ██▓▒░▒▒░ ░░░░ ░░░ ▒
63
+
█▓▓▓▓▓▓▓▓▓▓▓▓▓▒▓▓▓▓▓▒▒▓▒▒▒▓░ ▓
64
+
███▓▒░░▒░░░░▓▓█▓▓▒░ ░
65
+
▓ ░
66
+
█ ░ ▒
67
+
█░ ▒█
68
+
▒ ▒
69
+
█▒ █
70
+
▓ ░█
71
+
▓▒ ░░ ░▒
72
+
▓▒▒░░▒▓░ ░░░▒▒▓▓▒▓▓
73
+
█▓█▓▓█ ███▓█
74
+
████ ████
75
+
</pre>
76
+
</div>
77
+
<div class="large">
78
+
<pre>
79
+
████▓▒░░░░░░░▒▓██
80
+
█▓░ ▒█
81
+
██▓░ ▒█
82
+
██▒ ▒█
83
+
███▓▒░ ▓█
84
+
█▓░ ░ █
85
+
██░ ░ ░█
86
+
█░ ▓
87
+
█▒ ▓
88
+
██▒ ▒▓▓ █
89
+
█▒ ▓█ ░▒ ▒▓ ▓█
90
+
██▒ ▒▓░ ░▒░░ ▓█
91
+
███▒░ ░▒▒▒▒▒░ ▓█
92
+
█████ ██▓░ ░░░░ █
93
+
█▓▒░░░░░░▒▒▒▓▓██████████▓▓▒░ ░▒▒▒▒▒▒▓▒▒░ ░▒▒░ ░█
94
+
██████▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░▒▒▒▒▓▒▒▓▓▓▓▒▒▒▒▒▒▓▒░░░▒▒▒░ ▒█
95
+
███▓▓▒▒░░░░ ░░░▒▓▓▓▒▒▓▓▓▓▓▒░░▒▒▒▒░ █
96
+
███▓▓▒ ▒▓▓▓▓▓▓▓█▓▒░░ █
97
+
█▓ ░▒▒▓▒░ ▓
98
+
█▓ ▓
99
+
█ █
100
+
█ ░█
101
+
█ ▓█
102
+
█░ ▒█
103
+
▒ ▓█
104
+
▓ █
105
+
█▒ ▒█
106
+
█▒ ▒█
107
+
█▓ ▒█
108
+
██ ██
109
+
█▒ ▓█
110
+
██░ ▒█
111
+
█░ ░▓█
112
+
█▓░ ▓▓▓░ ░▓▓▒ ░██
113
+
███▓▒░ ▒▓▓▓ ▒▓▓▓▓▓▓▓████▓▓▓▓▒█
114
+
█▓██▓▓▓▓██ ████▓▓▓██
115
+
██▓▓██ ██▓▓██
116
+
███▓██ █▓▓▓██
117
+
██████ ███████
118
+
</pre>
119
+
</div>
120
+
<p id="loadingText" data-text="pds is landing..." title="pds is landing...">pds is landing...</p>
121
+
</div>
54
122
{:then accountsData}
55
123
<div id="account">
56
124
<pre id="asciiart">
+14
themes/birdrights/theme.css
+14
themes/birdrights/theme.css
···
459
459
opacity: 1;
460
460
}
461
461
462
+
#loadingbird .small {
463
+
display: none;
464
+
}
465
+
466
+
@media screen and (max-width: 780px) {
467
+
#loadingbird .small {
468
+
display: block;
469
+
}
470
+
471
+
#loadingbird .large {
472
+
display: none;
473
+
}
474
+
}
475
+
462
476
/* Responsive Styling */
463
477
@media screen and (max-width: 600px) {
464
478
#accountsList {