Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
136 lines (114 sloc) 3.04 KB
<!DOCTYPE HTML>
<html>
<head>
<title>Traffic Graph</title>
<style>
body {
font-family: "Museo Sans", Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#title_text {
position: absolute;
top: 4px;
left: 6px;
font-weight: bold;
font-size: 22px;
}
#sessions {
position: absolute;
top: 40px;
bottom: 0px;
left: 4px;
right: 4px;
overflow: hidden;
font-family: "Museo Sans", Helvetica, sans-serif;
font-size: 12px;
}
.session {
width: 100%;
word-wrap: break-word;
border: 1px solid black;
background: rgb(240,240,240);
margin-bottom: 5px;
}
.address {
width: 300px;
margin-right: 10px;
}
.headers {
margin-left: 10px;
font-size: 12px;
}
.body_chunk {
margin-right: 5px;
}
.src_col {
width: 150px;
min-width: 150px;
overflow-x: hidden;
vertical-align: top;
text-align: left;
}
.req_col {
text-align: left;
vertical-align: top;
}
#log {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-size: 14px;
padding: 5px;
position: absolute;
top: 4px;
right: 4px;
height: 17px;
text-align: center;
background: rgb(128,128,128);
border: 1px solid black;
}
.url {
font-weight: bold;
}
.response_status {
font-size: 12px;
margin-left: 10px;
margin-bottom: 5px;
}
.request {
-webkit-transition-property: background;
-webkit-transition-duration: 1s;
}
.request.start {
background: rgb(128,240,128);
}
.request.sent {
background: rgb(200,240,128);
}
.response {
-webkit-transition-property: background;
-webkit-transition-duration: .8s;
}
.response_code {
font-weight: bold;
}
.response.start {
background: rgb(200,128,200);
}
.response.data {
background: rgb(200,240,200);
}
.websocket.start {
background: rgb(200,240,128);
}
</style>
<!-- <script type="text/javascript" src="http://use.typekit.com/pje2hfb.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){console.log("TypeKit error: " + e)}</script> -->
</head>
<body>
<div id="title_text">Live Traffic Stats by Packet</div>
<div id="log">Checking for WebSocket support...</div>
<div id="sessions"></div>
<script src="grapher.js"></script>
</body>
</html>