-
Notifications
You must be signed in to change notification settings - Fork 33
/
Copy pathindex.html
136 lines (105 loc) · 8.13 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<title>Acko.net</title>
<link rel="stylesheet" href="css/page.css">
<link rel="stylesheet" href="css/frame.css">
<link rel="stylesheet" href="css/grid.css">
<link rel="stylesheet" href="css/typography.css">
<link rel="stylesheet" href="css/nav.css">
<link rel="stylesheet" href="css/masthead.css">
<link rel="stylesheet" href="css/summary.css">
<link rel="stylesheet" href="css/toys.css">
<link rel="stylesheet" href="css/growl.css">
<link rel="stylesheet" href="css/article.css">
<link rel="stylesheet" href="css/icons.css">
<link rel="stylesheet" href="css/config.css">
<link rel="stylesheet" href="css/mathbox.css">
<link rel="stylesheet" href="css/webgl.css">
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<meta name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=1">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<![if gte IE 10]>
<script type="text/javascript" src="js/lib/underscore.js"></script>
<script type="text/javascript" src="js/lib/domready.js"></script>
<script type="text/javascript" src="js/lib/microajax.js"></script>
<script type="text/javascript" src="js/lib/three.js"></script>
<script type="text/javascript" src="js/lib/three/CSS3DRenderer.js"></script>
<script type="text/javascript" src="js/lib/three/CallbackPass.js"></script>
<script type="text/javascript" src="js/lib/three/CopyShader.js"></script>
<script type="text/javascript" src="js/lib/three/EffectComposer.js"></script>
<script type="text/javascript" src="js/lib/three/MaskPass.js"></script>
<script type="text/javascript" src="js/lib/three/RenderPass.js"></script>
<script type="text/javascript" src="js/lib/three/ShaderPass.js"></script>
<script type="text/javascript" src="js/lib/three/TexturePass.js"></script>
<script type="text/javascript" src="js/lib/three/ThreeRTT.js"></script>
<script type="text/javascript" src="js/lib/three/ThreeAudio.js"></script>
<script type="text/javascript" src="js/lib/three/Stats.js"></script>
<script type="text/javascript" src="js/lib/three/RoundRectGeometry.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/time.js"></script>
<script type="text/javascript" src="js/fallback.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/nav.js"></script>
<script type="text/javascript" src="js/history.js"></script>
<script type="text/javascript" src="js/scroll.js"></script>
<script type="text/javascript" src="js/renderer.js"></script>
<script type="text/javascript" src="js/palette.js"></script>
<script type="text/javascript" src="js/growl.js"></script>
<script type="text/javascript" src="js/achievements.js"></script>
<script type="text/javascript" src="js/layout.js"></script>
<script type="text/javascript" src="js/mathbox.js"></script>
<script type="text/javascript" src="js/models/tracks.js"></script>
<script type="text/javascript" src="js/models/camera.js"></script>
<script type="text/javascript" src="js/models/ao.js"></script>
<script type="text/javascript" src="js/fx/effect.js"></script>
<script type="text/javascript" src="js/fx/camera.js"></script>
<script type="text/javascript" src="js/fx/compose.js"></script>
<script type="text/javascript" src="js/fx/tracks.js"></script>
<script type="text/javascript" src="js/fx/debug.js"></script>
<script type="text/javascript" src="js/fx/background.js"></script>
<script type="text/javascript" src="js/fx/masthead.js"></script>
<script type="text/javascript" src="js/fx/visualizer.js"></script>
<script type="text/javascript" src="js/fx/replace.js"></script>
<script type="text/javascript" src="js/fx/config.js"></script>
<script type="text/javascript" src="js/shaders/8bit.js"></script>
<script type="text/javascript" src="js/shaders/ssao.js"></script>
<script type="text/javascript" src="js/shaders/fxaa.js"></script>
<script type="text/javascript" src="js/shaders/tracks.js"></script>
<script type="text/javascript" src="js/shaders/background.js"></script>
<script type="text/javascript" src="js/nfo.js"></script>
<![endif]>
</head>
<body>
<div id="fixed-frame" class="frame">
<div class="pointer-punch"></div>
<div id="camera-frame">
<div id="masthead">
<div id="play"><span class="icon-play big"><span></span></span></div>
<h1>Hackery<span>,</span> Math <span>&</span> Design</h1>
<h2><a href="http://acko.net/" class="reverse">Steven Wittens <span class="bubble"><span>i</span></span></a></h2>
</div>
<div id="arrow"><span class="icon-arrow big"><span></span><span></span></span></div>
</div>
</div>
<div id="native-frame">
<!-- Begin Content -->
<div class="grid">
<div class="g8 i2">
<h1>Lorem ipsum dolor sit</h1>
<h2>Amet consectetur adipiscing elit</h2>
<p>Vivamus eu dolor sit amet eros eleifend auctor vitae ac magna. Sed sed eros risus. Etiam id risus quis libero faucibus hendrerit in interdum ipsum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc malesuada ac nulla eget suscipit. Aliquam egestas dui eget iaculis tincidunt. Sed tincidunt velit velit, ac pellentesque tortor scelerisque eu. Fusce ac lobortis purus, sed lacinia est. Aliquam vulputate ligula nec tortor fringilla, ac commodo lacus egestas. Nunc at imperdiet elit. Quisque quis metus sed lacus laoreet pellentesque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam eu risus mi. Proin sem enim, rutrum ac lacus eget, consectetur ultricies orci. Duis nec velit non dolor sollicitudin consectetur sed a ante. Quisque eget mollis augue.</p>
<p>Nullam blandit sed urna id mollis. Praesent rhoncus neque ut viverra hendrerit. Integer vel interdum nisl. Donec porta, velit ac laoreet pulvinar, nibh lectus sodales mauris, at rutrum augue mauris eget nisl. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer imperdiet mollis nulla. Nulla facilisis, est non varius dapibus, lectus erat congue justo, ac aliquam ligula lectus eu mi. Integer ac ultricies nulla. Ut luctus, lectus sed interdum condimentum, tellus neque iaculis tortor, non aliquam justo risus sed dui. Nam eget odio diam. Suspendisse urna erat, accumsan in cursus non, pretium a neque. Integer non aliquam erat, sit amet facilisis dui.</p>
<p>In hac habitasse platea dictumst. Suspendisse tempor orci leo, ac varius elit tempus id. Vestibulum tincidunt faucibus lorem vitae ullamcorper. Maecenas eu velit ante. Suspendisse potenti. Praesent a mi sit amet ante blandit elementum. In mattis ligula non nisi varius suscipit. Mauris tincidunt, est a egestas adipiscing, ipsum diam fermentum tellus, eu mollis diam sapien vitae nunc. Quisque rhoncus urna in leo fermentum, non varius libero hendrerit. Maecenas sit amet ultrices eros, nec egestas orci. Etiam aliquam libero sit amet tortor aliquam sodales. Duis in consequat elit.</p>
<p>Nunc vulputate aliquam enim, eu suscipit purus pellentesque eu. Quisque sit amet varius nulla. Maecenas dapibus at lectus id convallis. Nullam dapibus ligula et nulla malesuada, facilisis tincidunt erat feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla viverra lectus eget dui accumsan, id eleifend augue scelerisque. Morbi et interdum lacus. Cras vel lobortis neque. Sed malesuada venenatis sapien, vel pharetra justo lacinia at. Vestibulum nec consequat purus, nec faucibus massa. Nullam ac suscipit metus. Vestibulum viverra nunc id sollicitudin congue.</p>
<p>Etiam non dui nisi. Suspendisse ornare orci quam, sed faucibus quam dapibus ac. Nam vel sapien id lorem tempus molestie eget quis sapien. Aenean malesuada dignissim laoreet. Sed eu condimentum ipsum. Cras nec luctus ipsum. Sed facilisis augue ac dui interdum pellentesque. Cras at sem id tortor consequat viverra. Praesent cursus blandit felis, a condimentum nulla tincidunt quis. Donec rhoncus ac justo ac condimentum.</p>
</div>
</div>
<!-- End Content -->
</div>
</body>
</html>