Thread viewer for Bluesky
mackuba.eu
1<div id="loader">
2 <img src="icons/sunny.png" alt="Loading...">
3</div>
4
5<style>
6 #loader {
7 position: fixed;
8 top: 0;
9 bottom: 0;
10 left: 0;
11 right: 0;
12 margin: auto;
13 width: 36px;
14 height: 36px;
15 }
16
17 #loader img {
18 width: 36px;
19 animation: rotation 3s infinite linear;
20 }
21
22 @media (prefers-color-scheme: dark) {
23 #loader { filter: invert(); }
24 }
25</style>