c-ctrl/infoscreens
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make bar history more similar layout as other screens

Browse source
This commit is contained in:
Henri Bergius 2017-12-05 12:18:42 +01:00
parent e34698612a
commit 3ea503a2dc
1 changed files with 26 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
bar-history/index.html
View file

@ -9,14 +9,6 @@
<script src="../dist/infoscreens.js"></script> <script src="../dist/infoscreens.js"></script>
<link rel="stylesheet" href="../theme/c-base.css"> <link rel="stylesheet" href="../theme/c-base.css">
<style> <style>
h1 {
font-size: 6vmin;
width: 100vw;
text-align: center;
line-height: 8vmin;
margin-bottom: 0px;
padding-bottom: 0px;
}
main { main {
display: flex; display: flex;
width: 98vw; width: 98vw;
@ -36,6 +28,29 @@
height: 65vmin; height: 65vmin;
width: 65vmin; width: 65vmin;
} }
cbase-time, h1 {
font-family: 'ceva', sans-serif;
font-weight: normal;
font-size: 6vmin;
line-height: 10vh;
color: #fff;
margin: 0px;
padding: 0px;
}
#screen-title {
text-align: left;
padding-left: 3vw;
position: absolute;
left: 0px;
bottom: 0px;
}
#current-time {
position: absolute;
right: 0px;
bottom: 0px;
text-align: right;
padding-right: 3vw;
}
@media (orientation: portrait) { @media (orientation: portrait) {
p { p {
width: 95vw; width: 95vw;
@ -46,12 +61,13 @@
</head> </head>
<body class="station"> <body class="station">
<main> <main>
<h1>bar historical data</h1>
<cbase-polar timeseries="bar.open" days="90" size="65" percentage></cbase-polar>
<p> <p>
Likelihood of bar being open at a given hour. Based on last 90 days. Likelihood of bar being open at a given hour. Based on last 90 days.
</p> </p>
<cbase-polar timeseries="bar.open" days="90" size="65" percentage></cbase-polar>
</main> </main>
<h1 id="screen-title">c-base bar</h1>
<cbase-time id="current-time" interval="1" format="HH:MM"></cbase-time>
</body> </body>
</html> </html>