-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
42 lines (39 loc) · 2.1 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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>First a Triangle</title>
<meta name="description" content="a 100 days project to create a VJ program">
<meta name="author" content="Rob Ramsay">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="/stylesheets/REPLACE.css" type="text/css" />
<style> </style>
<script type="text/javascript"> </script>
</head>
<body>
<header>
<h1>First a Triangle</h1>
<span>a 100 days project to create a VJ program</span>
<header>
<section>
<p>So here's the plan. I'm going to make super basic piece of VJ software using web technologies that will run in a browser. I'll focus on basic geometric shapes and the interesting things you can do with them in HTML/CSS/SVG/JS/etc.</p>
<p>I've always like minimal visuals in a rave so this is a chance to see how far I can push things using basic primitives, and whether by adding one effect every day I end up with something I'd actually be happy to run on a big screen in a dance.</p>
</section>
<section>
<ul>
<li><a href="./day01/index.html">day 1: a triangle</a></li>
<li><a href="./day02/index.html">day 2: fading out triangles</a></li>
<li><a href="./day03/index.html">day 3: horizontal/vertical cyan/red shaded triangles</a></li>
<li><a href="./day04/index.html">day 4: diagonal cyan/red shaded triangles</a></li>
<li><a href="./day05/index.html">day 5: pulsing rectangle</a></li>
<li><a href="./day06/index.html">day 6: random position for triangle</a></li>
<li><a href="./day07/index.html">day 7: random pulsing rectangle</a></li>
<li><a href="./day08/index.html">day 8: a hexagon</a></li>
<li><a href="./day09/index.html">day 9: rotating hexagon</a></li>
<li><a href="./day10/index.html">day 10: breathing hexagon </a></li>
<li><a href="./day11/index.html">day 11: breathing and fading hexagon </a></li>
<li><a href="./day12/index.html">day 12: rotating triangle </a></li>
</ul>
</section>
</body>
</html>