32 lines
942 B
HTML
32 lines
942 B
HTML
|
<!doctype html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset='utf-8'>
|
||
|
|
<!-- <meta http-equiv='refresh' content='29'> -->
|
||
|
|
<link rel='stylesheet' href='svg.css'>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<nav>
|
||
|
|
<a href="day.html">last 24 hours</a>
|
||
|
|
<a href="month.html">last month</a>
|
||
|
|
<a href="4months.html">last 4 months</a>
|
||
|
|
</nav>
|
||
|
|
<svg id='graph' height='200' width='{outer_width}' viewBox='0 10 {outer_width} 200' version='1.1' xmlns='http://www.w3.org/2000/svg'>
|
||
|
|
<text y='200'>0</text>
|
||
|
|
<text y='180'>1</text>
|
||
|
|
<text y='160'>2</text>
|
||
|
|
<text y='140'>3</text>
|
||
|
|
<text y='120'>4</text>
|
||
|
|
<text y='100'>5</text>
|
||
|
|
<text y= '80'>6</text>
|
||
|
|
<text y= '60'>7</text>
|
||
|
|
<text y= '40'>8</text>
|
||
|
|
<text y= '20'>9</text>
|
||
|
|
<svg id='events' x='10' y='-10' width='{inner_width}' height='100%' preserveAspectRatio='none' viewBox='{start} -0.5 {period} 10'>
|
||
|
|
<line id='days' x1='{day_start}' x2='{day_stop}'></line>
|
||
|
|
{events}
|
||
|
|
</svg>
|
||
|
|
</svg>
|
||
|
|
</body>
|
||
|
|
</html>
|