public/3219-2.html
<!DOCTYPE html>
<html>
<head>
<title>Gitviz - Visual comparison of GitHub contributions</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.blue_grey-indigo.min.css" />
<link rel="stylesheet" type="text/css" href="css/calendar-heatmap.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/spinner/spinner.css">
<!-- <link rel="stylesheet" href="css/font-awesome.min.css"> -->
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> -->
<script defer src="https://code.getmdl.io/1.1.3/material.min.js"></script>
<style>
.arc text {
font: 10px sans-serif;
text-anchor: middle;
}
.arc path {
stroke: #fff;
}
h2 {
text-align: center;
}
#container {
text-align: center;
min-height: 235px;
}
</style>
</head>
<body>
<div class="mdl-layout__container">
<div class="mdl-layout mdl-js-layout">
<main class="mdl-layout__content mdl-color--grey-100">
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--12-col mdl-color--white mdl-shadow--2dp">
<h2>Commits</h2>
<div id="container">
</div>
</div>
</div>
</main>
</div>
</div>
<script type="text/javascript" src="dist/bundle-3219-2.js"></script>
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-72333354-2', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>