Files
@ 8e0ae92d918d
Branch filter:
Location: light9/web/ascoltami/index.html - annotation
8e0ae92d918d
2.0 KiB
text/html
metrics link on home
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>
|