-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
77 lines (73 loc) · 2.5 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
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
<link rel="stylesheet" href="./elements.css">
<div class="scene">
<div class="carousel">
<div class="carousel__cell">
<!-- <canvas id="w"></canvas> -->
<img src="./animations/original.gif"></div>
<div class="carousel__cell">
<canvas id="c"></canvas></div>
<div class="carousel__cell">
<canvas id="s"></canvas></div>
<div class="carousel__cell">
<!-- <canvas id="q"></canvas> -->
<img src="./animations/original.gif"></div>
<!-- <img src="./animations/original.gif"> -->
<canvas id="star"></canvas><
<!-- ^^thing in the middle -->
<div class="carousel__cell">
<!-- <canvas id="car"></canvas-->
<img src="./animations/original.gif"></div>
<div class="carousel__cell">
<img src="./animations/trippy gif.gif"></div>
<div class="carousel__cell">
<img src="./animations/xaniboy.gif"></div>
<div class="carousel__cell">
<img src="./animations/xoyiTNu.gif"></div>
<div class="carousel__cell">
<img src="./animations/plant.gif"></div>
<div class="carousel__cell">
<img src="./animations/goldmine.gif"></div>
<div class="carousel__cell">
<img src="./animations/original.gif"></div>
<div class="carousel__cell">
<img src="./animations/geometry swag.gif"></div>
<div class="carousel__cell">
<img src="./animations/9Fh04LT.gif"></div>
<div class="carousel__cell"><img src="./animations/n64.gif"></div>
<div class="carousel__cell"><img src="./animations/disco.gif"></div>
</div>
</div>
<div class="file_name">
test text
</div>
<div class="carousel-options">
<p>
<label>
Cells
<input class="cells-range" type="range" min="3" max="15" value="9" />
</label>
</p>
<p>
<button class="previous-button">Previous</button>
<button class="next-button">Next</button>
</p>
<p>
Orientation:
<label>
<input type="radio" name="orientation" value="horizontal" checked />
horizontal
</label>
<label>
<input type="radio" name="orientation" value="vertical" />
vertical
</label>
</p>
</div>
<script src="./carousel.js"></script>
<script src="./render.js"></script>
<script type="module" src="/renderTest/banana.js"></script>
<script type="module" src="/renderTest/plate.js"></script>
<script type="module" src="/renderTest/shoe.js"></script>
<script type="module" src="/renderTest/car.js"></script>
<script type="module" src="/renderTest/ring.js"></script>
<script type="module" src="/renderTest/star_scene.js"></script>