Files
@ ffa2f340ffdf
Branch filter:
Location: light9/web/ascoltami/index.html - annotation
ffa2f340ffdf
2.0 KiB
text/html
revive effectSequencer
4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 4556eebe5d73 | <!DOCTYPE html>
<html>
<head>
<title>ascoltami on {{host}}</title>
<link rel="stylesheet" href="../style.css" />
<style>
#cmd-go {
min-width: 5em;
}
.song-name {
padding-left: 0.4em;
}
.dimStalled #currentTime {
font-size: 20px;
background: green;
color: black;
padding: 3px;
}
.dimStalled {
font-size: 90%;
}
body {
margin: 0;
padding: 0;
overflow: hidden;
min-height: 100vh;
}
#page {
width: 100%;
height: 100vh; /* my phone was losing the bottom :( */
display: flex;
flex-direction: column;
}
#page > div,
#page > p {
flex: 0 1 auto;
margin: 0;
}
light9-ascoltami-ui {
flex: 1 1 auto;
}
</style>
<meta
name="viewport"
content="user-scalable=no, width=device-width, initial-scale=.7"
/>
<script type="module" src="./Light9AscoltamiUi"></script>
</head>
<body>
<div id="page">
<h1>ascoltami on {{host}}</h1>
<div class="songs" style="display: none"></div>
<div class="dimStalled">
<table>
<tr>
<td colspan="3">
<strong>Song:</strong> <span id="currentSong"></span>
</td>
</tr>
<tr>
<td><strong>Time:</strong> <span id="currentTime"></span></td>
<td><strong>Left:</strong> <span id="leftTime"></span></td>
<td>
<strong>Until autostop:</strong>
<span id="leftAutoStopTime"></span>
</td>
</tr>
<tr>
<td colspan="3">
<span id="states"></span>
</td>
</tr>
</table>
</div>
<hr />
<light9-ascoltami-ui></light9-ascoltami-ui>
<p><a href="">reload</a></p>
</div>
<script type="module" src="./main.ts"></script>
</body>
</html>
|