sigonasr2
/
d4dj-event-charts
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Charting/Data collection site for D4DJ
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 Commits
1 Branch
0 Tags
4.7 MiB
Tag: Branch: Tree: master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'master'
${ noResults }
d4dj-event-charts/8.html

192 lines
7.4 KiB
Raw Permalink Normal View History Unescape

Chart display/website for D4DJ Event Tracking
4 years ago
<head>
<meta charset="utf-8"/>
<title>繋ぎ手たちは導かれ～後編～ Event Tracker</title>
</head>
<link rel="stylesheet" href="bootstrap.min.css">
<script type="text/javascript" src="bootstrap.min.js"></script>
<script type="text/javascript" src="moment.js"></script>
<script type="text/javascript" src="Chart.js"></script>
<body style="background-color:#102030">
<h1 style="color:#999999;text-align:center;margin-left:auto;margin-right:auto;">
<sup><a href="7.html">ᐊ</a></sup> <span style="position:relative0;text-decoration:underline;top:15px;">繋ぎ手たちは導かれ～後編～</span> <sup><a href="9.html">ᐅ</a></sup>
</h1>
<h3 style="color:#999999;text-align:center;margin-left:auto;margin-right:auto;">
<span class="time"></span>/225 hours
</h3>
<div class="container">
<div class="row">
<div class="col col-8">
<div class="chart-container" style=" position: relative;margin: auto;">
<canvas id="myChart" height="180"></canvas>
</div>
<script type="text/javascript" src="chart_8.js"></script>
</div>
<div class="col col-4 pt-5">
<div class="container">
<div class="rounded row justify-content-md-center ">
<div class="p-0 col col-3 text-white bg-dark border border-light text-center">
<h4>Position</h4>
</div>
<div class="col col-6 text-white bg-dark border border-light text-center">
<h4>Event Points</h4>
</div>
<div class="col col-3 text-white bg-dark border border-light text-center">
<h4>Rate</h4>
</div>
</div>
<div class="rounded row justify-content-md-center">
<div class="col col-3 text-warning bg-dark border border-light text-center">
<b>1位</b>
</div>
<div class="col col-6 text-white bg-dark border border-light text-center">
<b class="points1">...</b>
</div>
<div class="col col-3 text-white bg-dark border border-light text-center">
<b class="points1rate">...</b>
</div>
</div>
<div class="rounded row justify-content-md-center">
<div class="col col-3 text-primary bg-dark border border-light text-center">
<b>2位</b>
</div>
<div class="col col-6 text-white bg-dark border border-light text-center">
<b class="points2">...</b>
</div>
<div class="col col-3 text-white bg-dark border border-light text-center">
<b class="points2rate">...</b>
</div>
</div>
<div class="rounded row justify-content-md-center">
<div class="col col-3 text-secondary bg-dark border border-light text-center">
<b>3位</b>
</div>
<div class="col col-6 text-white bg-dark border border-light text-center">
<b class="points3">...</b>
</div>
<div class="col col-3 text-white bg-dark border border-light text-center">
<b class="points3rate">...</b>
</div>
</div>
<div class="rounded row justify-content-md-center">
<div class="col col-3 text-white bg-dark border border-light text-center">
10位
</div>
<div class="col col-6 text-white bg-dark border border-light text-center">
<b class="points10">...</b>
</div>
<div class="col col-3 text-white bg-dark border border-light text-center">
<b class="points10rate">...</b>
</div>
</div>
<div class="rounded row justify-content-md-center">
<div class="col col-3 text-white bg-dark border border-light text-center">
50位
</div>
<div class="col col-6 text-white bg-dark border border-light text-center">
<b class="points50">...</b>
</div>
<div class="col col-3 text-white bg-dark border border-light text-center">
<b class="points50rate">...</b>
</div>
</div>
<div class="rounded row justify-content-md-center">
<div class="col col-3 text-white bg-dark border border-light text-center">
100位
</div>
<div class="col col-6 text-white bg-dark border border-light text-center">
<b class="points100">...</b>
</div>
<div class="col col-3 text-white bg-dark border border-light text-center">
<b class="points100rate">...</b>
</div>
</div>
<div class="rounded row justify-content-md-center">
<div class="col col-3 text-white bg-dark border border-light text-center">
500位
</div>
<div class="col col-6 text-white bg-dark border border-light text-center">
<b class="points500">...</b>
</div>
<div class="col col-3 text-white bg-dark border border-light text-center">
<b class="points500rate">...</b>
</div>
</div>
<div class="rounded row justify-content-md-center">
<div class="col col-3 text-white bg-dark border border-light text-center">
1000位
</div>
<div class="col col-6 text-white bg-dark border border-light text-center">
<b class="points1000">...</b>
</div>
<div class="col col-3 text-white bg-dark border border-light text-center">
<b class="points1000rate">...</b>
</div>
</div>
<div class="rounded row justify-content-md-center">
<div class="col col-3 text-white bg-dark border border-light text-center">
2000位
</div>
<div class="col col-6 text-white bg-dark border border-light text-center">
<b class="points2000">...</b>
</div>
<div class="col col-3 text-white bg-dark border border-light text-center">
<b class="points2000rate">...</b>
</div>
</div>
<div class="rounded row justify-content-md-center">
<div class="col col-3 text-white bg-dark border border-light text-center">
5000位
</div>
<div class="col col-6 text-white bg-dark border border-light text-center">
<b class="points5000">...</b>
</div>
<div class="col col-3 text-white bg-dark border border-light text-center">
<b class="points5000rate">...</b>
</div>
</div>
<div class="rounded row justify-content-md-center">
<div class="col col-3 text-white bg-dark border border-light text-center">
10000位
</div>
<div class="col col-6 text-white bg-dark border border-light text-center">
<b class="points10000">...</b>
</div>
<div class="col col-3 text-white bg-dark border border-light text-center">
<b class="points10000rate">...</b>
</div>
</div>
<div class="rounded row justify-content-md-center">
<div class="col col-3 text-white bg-dark border border-light text-center">
20000位
</div>
<div class="col col-6 text-white bg-dark border border-light text-center">
<b class="points20000">...</b>
</div>
<div class="col col-3 text-white bg-dark border border-light text-center">
<b class="points20000rate">...</b>
</div>
</div>
<div class="rounded row justify-content-md-center">
<div class="col col-3 text-white bg-dark border border-light text-center">
50000位
</div>
<div class="col col-6 text-white bg-dark border border-light text-center">
<b class="points50000">...</b>
</div>
<div class="col col-3 text-white bg-dark border border-light text-center">
<b class="points50000rate">...</b>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-12">
<img src="t20_8.png" class="pt-5" style="color:#999999;width:812;text-align:center;margin-left:auto;margin-right:auto;">
</div>
</div>
</div>
</body>