projecttouch/index.html at master · micros123/projecttouch · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<title>Project Touch</title>
	<link rel="stylesheet" type="text/css" href="styles/stylesheet.css">
	<script src="libs/require-2.1.6.min.js" data-main="application"></script>
</head>
<body>
	<header>
        <h1>Project Touch</h1>
	</header>

	<div class="video">
        <section id="composition">
            <h2>My Composition</h2>
            <!--Will contain player.js canvas -->
            <div class="controls">
                <button class="play"></button>
                <button class="stop"></button>
            </div>
        </section>
	</div>

	<footer>
		<div class="bar" id="time">
			Timeline
			<div class="line">00:00 - 01:23</div>
		</div>
		<div class="bar effects">
			SFX
			<div class="line">
				<div class="part" style="left: 20%; width: 10%;"></div>
			</div>
		</div>

		<!--<button class="pixelize"></button>-->
		<!--<button class="threshold"></button>-->
		<!--<button class="grayscale"></button>-->
		<!--<button class="red">r</button>-->
		<!--<button class="green">g</button>-->
		<!--<button class="contrast">b</button>-->
		<!--<button class="hipster">H</button>-->

		<!--<div id="rgb">-->
			<!--<h1>Color adjustments</h1>-->

			<!--R: <input type="range" min="-4" step="0.01" max="4" id="r" value="1"><br>-->
			<!--G: <input type="range" min="-4" step="0.01" max="4" id="g" value="1"><br>-->
			<!--B: <input type="range" min="-4" step="0.01" max="4" id="b" value="1"><br>-->
			<!--C: <input type="range" min="-4" step="0.1" max="4" id="c" value="0"><br>-->
		<!--</div>-->
	</footer>
</body>
</html>