Mercurial > code > home > repos > light9

annotate light9/ascoltami/index.html @ 2364:1d9a0a304dc7

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
rm dead features
author drewp@bigasterisk.com
date Sat, 03 Jun 2023 18:31:35 -0700
parents 7f30a35f3bf5
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
2050
7ed414bdaab9 wip porting asco to TS and not-jquery
drewp@bigasterisk.com
parents: 1928
diff changeset
1 <!DOCTYPE html>
7ed414bdaab9 wip porting asco to TS and not-jquery
drewp@bigasterisk.com
parents: 1928
diff changeset
2 <html>
529
1156d3531327 new ascoltami2, using gstreamer
drewp@bigasterisk.com
parents:
diff changeset
3 <head>
1928
1cb63991eb19 asco use cyclone templating instead of genshi
Drew Perttula <drewp@bigasterisk.com>
parents: 1845
diff changeset
4 <title>ascoltami on {{host}}</title>
2111
bd443e4bff0d asco styling
drewp@bigasterisk.com
parents: 2066
diff changeset
5 <link rel="stylesheet" href="./style.css" />
1844
736784c0db93 ascoltami: Go button, style updates
drewp@bigasterisk.com
parents: 1294
diff changeset
6 <style>
2066
8f2540fe0df5 reformat
drewp@bigasterisk.com
parents: 2058
diff changeset
7 #cmd-go {
8f2540fe0df5 reformat
drewp@bigasterisk.com
parents: 2058
diff changeset
8 min-width: 5em;
8f2540fe0df5 reformat
drewp@bigasterisk.com
parents: 2058
diff changeset
9 }
8f2540fe0df5 reformat
drewp@bigasterisk.com
parents: 2058
diff changeset
10 .song-name {
8f2540fe0df5 reformat
drewp@bigasterisk.com
parents: 2058
diff changeset
11 padding-left: 0.4em;
8f2540fe0df5 reformat
drewp@bigasterisk.com
parents: 2058
diff changeset
12 }
2131
636bd87d0eb3 current time really big
drewp@bigasterisk.com
parents: 2127
diff changeset
13 .dimStalled #currentTime {
2361
7f30a35f3bf5 asco cleanup
drewp@bigasterisk.com
parents: 2312
diff changeset
14 font-size: 20px;
2135
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
15 background: green;
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
16 color: black;
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
17 padding: 3px;
2131
636bd87d0eb3 current time really big
drewp@bigasterisk.com
parents: 2127
diff changeset
18 }
636bd87d0eb3 current time really big
drewp@bigasterisk.com
parents: 2127
diff changeset
19 .dimStalled {
2135
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
20 font-size: 90%;
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
21 }
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
22 body {
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
23 margin: 0;
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
24 padding: 0;
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
25 overflow: hidden;
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
26 min-height: 100vh;
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
27 }
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
28 #page {
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
29 width: 100%;
2361
7f30a35f3bf5 asco cleanup
drewp@bigasterisk.com
parents: 2312
diff changeset
30 height: 100vh; /* my phone was losing the bottom :( */
2135
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
31 display: flex;
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
32 flex-direction: column;
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
33 }
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
34 #page > div,
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
35 #page > p {
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
36 flex: 0 1 auto;
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
37 margin: 0;
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
38 }
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
39 light9-ascoltami-ui {
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
40 flex: 1 1 auto;
2131
636bd87d0eb3 current time really big
drewp@bigasterisk.com
parents: 2127
diff changeset
41 }
1844
736784c0db93 ascoltami: Go button, style updates
drewp@bigasterisk.com
parents: 1294
diff changeset
42 </style>
2135
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
43 <meta
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
44 name="viewport"
2312
3f0b889c8fa9 don't let phone users click on song uris by mistake
drewp@bigasterisk.com
parents: 2135
diff changeset
45 content="user-scalable=no, width=device-width, initial-scale=.7"
2135
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
46 />
2122
7c70f3e0af9f reformat
drewp@bigasterisk.com
parents: 2114
diff changeset
47 <script type="module" src="../ascoltami/Light9AscoltamiUi"></script>
529
1156d3531327 new ascoltami2, using gstreamer
drewp@bigasterisk.com
parents:
diff changeset
48 </head>
1156d3531327 new ascoltami2, using gstreamer
drewp@bigasterisk.com
parents:
diff changeset
49 <body>
2135
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
50 <div id="page">
2361
7f30a35f3bf5 asco cleanup
drewp@bigasterisk.com
parents: 2312
diff changeset
51 <h1>ascoltami on {{host}}</h1>
2135
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
52 <div class="songs" style="display: none"></div>
529
1156d3531327 new ascoltami2, using gstreamer
drewp@bigasterisk.com
parents:
diff changeset
53
2135
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
54 <div class="dimStalled">
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
55 <table>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
56 <tr>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
57 <td colspan="3">
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
58 <strong>Song:</strong> <span id="currentSong"></span>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
59 </td>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
60 </tr>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
61 <tr>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
62 <td><strong>Time:</strong> <span id="currentTime"></span></td>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
63 <td><strong>Left:</strong> <span id="leftTime"></span></td>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
64 <td>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
65 <strong>Until autostop:</strong>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
66 <span id="leftAutoStopTime"></span>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
67 </td>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
68 </tr>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
69 <tr>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
70 <td colspan="3">
2364
1d9a0a304dc7 rm dead features
drewp@bigasterisk.com
parents: 2361
diff changeset
71 <span id="states"></span>
2135
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
72 </td>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
73 </tr>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
74 </table>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
75 </div>
2066
8f2540fe0df5 reformat
drewp@bigasterisk.com
parents: 2058
diff changeset
76
2135
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
77 <hr />
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
78 <light9-ascoltami-ui></light9-ascoltami-ui>
197a4ec877a7 acso relayout so only the song list scrolls
drewp@bigasterisk.com
parents: 2131
diff changeset
79 <p><a href="">reload</a></p>
529
1156d3531327 new ascoltami2, using gstreamer
drewp@bigasterisk.com
parents:
diff changeset
80 </div>
2123
c4427fd59306 port some of ascoltami into lit
drewp@bigasterisk.com
parents: 2122
diff changeset
81 <script type="module" src="../ascoltami/main.ts"></script>
529
1156d3531327 new ascoltami2, using gstreamer
drewp@bigasterisk.com
parents:
diff changeset
82 </body>
788
8d87a3528369 go button support
drewp@bigasterisk.com
parents: 732
diff changeset
83 </html>