-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
43 lines (43 loc) · 1.82 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>VBRotations</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<header class="site-header">
<h1>VBRotations</h1>
</header>
<section class="vbrotations">
<div class="container">
<p>VBRotations is a Javascript based toolkit for creating interactive, animated diagrams of volleyball drills and situations.
These can be used as teaching aids for players, drill descriptions for coaches, playbooks for teams etc.</p>
<p>Below are some examples of things you can do with VBRotations:</p>
</div>
</section>
<section class="notes">
<div class="container">
<div style="width: 295px; display: inline-block; margin: auto">
<a href="examples/half-court-drill.html" target="_blank"><img src="img/half-court-drill.png" width="295px"/></a>
<br />
<p>A half court diagram of a simple drill</p>
</div>
<div style="width: 295px; display: inline-block; margin: auto">
<a href="examples/full-court-drill.html" target="_blank"><img src="img/full-court-drill.png" width="295px"/></a>
<br />
<p>A full court diagram of a defence scenario</p>
</div>
<div style="width: 295px; display: inline-block; margin: auto">
<a href="examples/5-1-rotation-system.html" target="_blank"><img src="img/5-1-rotation-tutorial.png" width="295px"/></a>
<br />
<p>A tutorial for a 5-1 rotation system</p>
</div>
<p>Documentation on how to use VBRotations is available <a href="https://github.com/monkeysppp/VBRotations">here</a>.</p>
</div>
</div>
</section>
<footer class="footer">
<p> </p>
</footer>
</body>
</html>