hugvey/www/timeline.html

78 lines
1.3 KiB
HTML
Raw Normal View History

2019-04-25 17:08:27 +00:00
<html>
<head>
<title>Pillow Talk - Timeline</title>
<link rel="stylesheet" href="/css/vis.min.css"></link>
<script src="/js/reconnecting-websocket.js"></script>
<script src="/js/vis.min.js"></script>
<style type="text/css">
body{
margin:0;
background: #333;
color:#999;
font-family:sans-serif;
overflow-x: hidden;
}
#line{
width: 180%;
}
.vis-item{
color:#999;
}
.vis-item.message {
background: lightgray;
2019-04-30 19:15:38 +00:00
color:rgb(85, 87, 83);
2019-04-25 17:08:27 +00:00
}
.vis-item.message.vis-range{
background-color: darkgray;
2019-04-30 19:15:38 +00:00
border-color: black;
2019-04-25 17:08:27 +00:00
}
.vis-item.speech {
background-color: greenyellow;
border-color: green;
}
.vis-text,.vis-labelset .vis-label {
color: #999;
}
.vis-time-axis .vis-text{
color: #999;
}
.vis-grid, .vis-foreground .vis-group{
border-color:#666 !important;
2019-04-26 17:01:33 +00:00
font-size: 4.5pt;
2019-04-25 17:08:27 +00:00
}
2019-04-27 14:56:54 +00:00
.vis-dot.INFO{
}
.vis-dot.WARNING{
width: 10px;
height:10px;
background:yellow;
border-color:yellow;
border-radius:15px;
}
.vis-dot.ERROR{
width: 20px;
height:20px;
background:orange;
border-color:orangered;
border-radius:15px;
}
.vis-dot.CRITICAL{
width: 30px;
height:30px;
background:red;
border-color:darkred;
border-radius:15px;
}
2019-04-25 17:08:27 +00:00
</style>
</head>
<body id='timeline'>
<div id='line'></div>
<script type='application/javascript' src="/js/hugvey_timeline.js"></script>
</body>
</html>