infoscreens/bar-history/index.html

58 lines
1.4 KiB
HTML
Raw Normal View History

2017-11-28 23:20:36 +01:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>c-base bar stats</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
2017-11-28 23:20:36 +01:00
<script src="../node_modules/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>
<script src="../node_modules/plotly.js/dist/plotly.min.js"></script>
<script src="../dist/infoscreens.js"></script>
2017-11-30 15:54:55 +01:00
<link rel="stylesheet" href="../theme/c-base.css">
2017-11-28 23:20:36 +01:00
<style>
h1 {
2017-11-30 18:52:12 +01:00
font-size: 8vmin;
width: 100vw;
2017-11-28 23:26:35 +01:00
text-align: center;
2017-11-28 23:29:42 +01:00
margin: 0px;
padding: 0px;
2017-11-30 18:52:12 +01:00
line-height: 10vmin;
2017-11-28 23:20:36 +01:00
}
2017-11-30 15:54:55 +01:00
main {
display: flex;
2017-11-30 23:31:29 +01:00
width: 98vw;
2017-11-30 21:45:25 +01:00
height: 98vh;
2017-11-30 15:54:55 +01:00
align-items: center;
justify-content: center;
flex-direction: column;
}
2017-11-28 23:20:36 +01:00
p {
2017-11-30 18:52:12 +01:00
font-size: 6vmin;
2017-11-28 23:29:42 +01:00
margin: 0px;
padding: 0px;
2017-11-28 23:26:35 +01:00
width: 80vw;
text-align: center;
2017-11-28 23:20:36 +01:00
}
cbase-polar {
2017-11-30 23:31:29 +01:00
height: 70vmin;
width: 70vmin;
2017-11-28 23:20:36 +01:00
}
2017-11-30 18:52:12 +01:00
@media (orientation: portrait) {
p {
width: 95vw;
2017-11-30 21:45:25 +01:00
font-size: 5vmin;
2017-11-30 18:52:12 +01:00
}
}
2017-11-28 23:20:36 +01:00
</style>
</head>
2017-11-30 23:31:29 +01:00
<body class="station">
2017-11-28 23:20:36 +01:00
<main>
<h1>bar historical data</h1>
2017-11-30 23:31:29 +01:00
<cbase-polar timeseries="bar.open" days="90" size="70" percentage></cbase-polar>
2017-11-28 23:20:36 +01:00
<p>
2017-11-28 23:31:48 +01:00
Likelihood of bar being open at a given hour. Based on last 90 days.
2017-11-28 23:20:36 +01:00
</p>
</main>
</body>
</html>