Files
@ 7888cfff657b
Branch filter:
Location: light9/web/ascoltami/index.html - annotation
7888cfff657b
2.0 KiB
text/html
+ py-spy
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>
|