-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
84 lines (78 loc) · 3.45 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
78
79
80
81
82
83
84
<!DOCTYPE html>
<html lang="en">
<head>
<link href='http://fonts.googleapis.com/css?family=Nixie+One|Open+Sans:300italic,300,700|Pacifico' rel='stylesheet' type='text/css'>
<meta charset="UTF-8">
<title>Daniela Baron | Coursera WebGL</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body class="home">
<nav data-scroll-header>
<a data-scroll href="#assignments">Assignments</a>
<a data-scroll href="#experiments">Experiments</a>
<a data-scroll href="#contact">Contact</a>
</nav>
<header>
<h1>Daniela Baron</h1>
<h2>Homework <strong>assignments</strong> and <strong>experiments</strong> for Coursera WebGL 2015</h2>
</header>
<section id="assignments" class="assignments">
<h1>Assignments</h1>
<ul>
<li><a href="homework/first/assignment1.html">Twist & Tasselation</a></li>
<li><a href="homework/second/assignment2.html">Painting App</a></li>
<li><a href="homework/third/assignment3.html">Geometric CAD</a></li>
<li><a href="homework/fourth/assignment4.html">Lighting</a></li>
<li><a href="homework/fifth/assignment5.html">Texture</a></li>
</ul>
</section>
<section id="experiments" class="experiments">
<h1>Experiments</h1>
<ul>
<li><a href="experiments/triangle-color/triangle.html">Triangle Color</a></li>
<li><a href="experiments/canvas-background/triangle.html">Canvas Background</a></li>
<li><a href="experiments/position/triangle.html">Vertex Position</a></li>
<li><a href="experiments/multiple/triangle.html">Multiple Triangles</a></li>
<li><a href="experiments/rectange/rectangle.html">Rectangle</a></li>
<li><a href="experiments/simple-rotate/simple-rotate.html">Simple Rotate</a></li>
<li><a href="experiments/interactive-rotate/interactive-rotate.html">Interactive Rotate</a></li>
<li><a href="experiments/tasselation/tasselation.html">Tasselation</a></li>
<li><a href="experiments/twist/twist.html">Twist</a></li>
<li><a href="experiments/twist-shape/twist-shape.html">Twist Shape</a></li>
<li><a href="experiments/twist-style/twist-style.html">Twist Style</a></li>
<li><a href="experiments/maxwell-interactive/maxwell-interactive.html">Maxwell Interactive</a></li>
<li><a href="experiments/square-click/square-click.html">Square Click</a></li>
<li><a href="experiments/paint-alpha/paint-alpha.html">Paint Alpha</a></li>
<li><a href="experiments/sphere/sphere.html">Sphere</a></li>
<li><a href="experiments/sphere-multi/sphere-multi.html">Sphere Multi</a></li>
</ul>
</section>
<footer id="contact">
<h1>Contact Me</h1>
<span class="fa-stack fa-2x">
<a href="https://twitter.com/DanielaMBaron">
<i class="fa fa-circle fa-stack-2x contact-circle"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse contact-icon"></i>
</a>
</span>
<span class="fa-stack fa-2x">
<a href="/~https://github.com/danielabar">
<i class="fa fa-circle fa-stack-2x contact-circle"></i>
<i class="fa fa-github fa-stack-1x fa-inverse contact-icon"></i>
</a>
</span>
<span class="fa-stack fa-2x">
<a href="http://codepen.io/danielabar/">
<i class="fa fa-circle fa-stack-2x contact-circle"></i>
<i class="fa fa-codepen fa-stack-1x fa-inverse contact-icon"></i>
</a>
</span>
</footer>
<script src="vendor/smooth-scroll.min.js"></script>
<script>
smoothScroll.init();
</script>
</body>
</html>