-
Notifications
You must be signed in to change notification settings - Fork 3
/
video.html
83 lines (50 loc) · 2.88 KB
/
video.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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<html>
<head>
<title>Video Player</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<link rel="stylesheet" href="css/video.css" type="text/css">
</head>
<body>
<body bgcolor="#141418">
<a href="index.html"><font color="lightgrey"><p class="glow">__Return to TetraGenius Home</p>
<img src="images/2019LogoTss.png" ></img></a><br>
<a href="http://creativecommons.org/licenses/by-nc/4.0/"><img alt="License" style="border-width:0" src="images/CCNC.png" width ="88" height="31"></a><br>
<font color="lightgrey"><p> __You can buy ready-cut TetraPlikes below or download the templates: </p>
<a href="Payment.html">
<img src="images/buyMe2.png" ></img></a><a href="template.html"><img src="images/download.jpg" </img></a>
<font color="lightgrey"><p> __1. Place the two unfolded halves of the TetraPlikes with their printed sides facing outwards.<br>
__2. Spin the bottom or top sheet through 90 degrees. <br>
__3. Fold both 90 degrees or to right angle on the centreline towards the other. <br>
__4. They can now be clipped together using the tabs and opposing slits. <br>
__5. Finally, fold over the wings that are sticking out, <br>
_____so that they clip into the other sheet. (Step not shown on video) <br>
__6. Each tab or orange line will fold at a right angle.</p>
<div class="container" bgcolor="#141418">
<div class="video-player-container" bgcolor="#141418">
<div class="video-container" bgcolor="#141418">
<video autoplay muted="muted" loop id="media-video">
<source src="images/fold.mp4" type="video/mp4">
</video>
</div>
<div class="player-container">
<div class="play-control">
<div class="play-button" <p>⏯</p></div>
<div class="pause-button" <p>⏯</p></div>
</div>
<div class="indicator">0:00 / 0:00</div>
<div class="progress">
<div class="progress-background"></div>
<div class="progress-over"></div>
<div class="progress-hidden"></div>
</div>
<div class="fullscreen-button"><i class="fa fa-arrows-alt"></i></div>
</div>
</div>
<div class="container-inner"></div>
</div>
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/main.js"></script>
<a rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/"><img alt="Creative Commons License" style="border-width:0" src="images/CCNC.png" /></a><br /><font color="lightgray">This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/"><font color="lightblue">Creative Commons Attribution-NonCommercial 4.0 International License</a><br>
<a rel="contract" href="TetraGeniusContract.pdf"><font color="lightblue">Our standard contract is meant to let you keep your IP as far as possible; if we use it we pay royalties as per agreement.</a>
</body>
</html>