tokono.ma
A music player that connects to your cloud/distributed storage.
1<main>
2 <div class="window" style="height: auto">
3 <div class="title-bar">
4 <div class="title-bar-icon">
5 <img src="images/icons/windows_98/gears-0.png" height="14" />
6 </div>
7 <div class="title-bar-text" draggable="false">Process tracks</div>
8 <div class="title-bar-controls">
9 <button aria-label="Close" onclick="window.close()"></button>
10 </div>
11 </div>
12 <div class="window-body">
13 <div id="placeholder"></div>
14 </div>
15 </div>
16</main>
17
18<style>
19 @import "./styles/variables.css";
20 @import "./themes/winamp/fonts.css";
21 @import "./themes/winamp/facet.css";
22
23 @import "./vendor/98.css";
24 @import "./themes/winamp/98-vars.css";
25 @import "./themes/winamp/98-extra.css";
26
27 main {
28 opacity: 0;
29 pointer-events: none;
30
31 &.has-loaded {
32 opacity: 1;
33 pointer-events: auto;
34 }
35 }
36</style>
37
38<script type="module" src="facets/data/process-tracks/index.inline.js"></script>