-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
171 lines (129 loc) · 11.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
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html>
<head>
<link href="style/css/main.css" media="all" rel="stylesheet" type="text/css"/>
<title>Quentin Chapon</title>
</head>
<body>
<nav id="menu">
<ul>
<li>
<a href="javascript:void(0);">Menu 01</a>
</li>
<li>
<a href="javascript:void(0);">Menu 02</a>
</li>
<li>
<a href="javascript:void(0);">Menu 02</a>
</li>
</ul>
</nav>
<main>
<a id="menuBtn" href="javascript:void(0);">
<div></div>
</a>
<div id="square">
<div id="loader">
<div class="loadbar"></div>
<div class="rule bottom">
<div></div>
<p>0px</p>
</div>
<div class="rule right">
<p>0%</p>
<div></div>
</div>
</div>
<div id="shrapnel">
<h1><div id="glitch">Quentin Chapon</div>
<span>UX, UI & motion designer</span>
</h1>
<svg version="1.1" id="shrapnel_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="36.499px" height="50.498px" viewBox="0 0 36.499 50.498" enable-background="new 0 0 36.499 50.498" xml:space="preserve">
<polygon fill="#010202" points="0,0 0,50.498 36.499,28.499 "/>
</svg>
<svg version="1.1" id="shrapnel_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="89.997px" height="28.499px" viewBox="0 0 89.997 28.499" enable-background="new 0 0 89.997 28.499" xml:space="preserve">
<polygon fill="#010202" points="0,0 36.499,28.499 89.997,0 "/>
</svg>
<svg version="1.1" id="shrapnel_3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="47.998px" height="45.498px" viewBox="151.995 300.499 47.998 45.498" enable-background="new 151.995 300.499 47.998 45.498" xml:space="preserve">
<polygon points="188.494,300.499 151.995,322.498 199.993,345.997 "/>
</svg>
<svg version="1.1" id="shrapnel_4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="47.998px" height="53.498px" viewBox="151.995 322.498 47.998 53.498" enable-background="new 151.995 322.498 47.998 53.498" xml:space="preserve">
<polygon points="151.995,322.498 151.995,375.996 199.993,345.997 "/>
</svg>
<svg version="1.1" id="shrapnel_5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70.498px" height="45.498px" viewBox="188.494 300.499 70.498 45.498" enable-background="new 188.494 300.499 70.498 45.498" xml:space="preserve">
<polygon points="188.494,300.499 199.993,345.997 258.991,328.998 "/>
</svg>
<svg version="1.1" id="shrapnel_6" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70.498px" height="56.998px" viewBox="188.494 272 70.498 56.998" enable-background="new 188.494 272 70.498 56.998" xml:space="preserve">
<polygon points="188.494,300.499 258.991,328.998 241.992,272 "/>
</svg>
<svg version="1.1" id="shrapnel_7" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="62.298px" height="56.998px" viewBox="241.992 272 62.298 56.998" enable-background="new 241.992 272 62.298 56.998" xml:space="preserve">
<polygon points="241.992,272 258.991,328.998 304.29,272 "/>
</svg>
<svg version="1.1" id="shrapnel_8" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="47.698px" height="46.798px" viewBox="304.29 272 47.698 46.798" enable-background="new 304.29 272 47.698 46.798" xml:space="preserve">
<polygon points="304.29,272 351.988,318.798 351.988,272 "/>
</svg>
<svg version="1.1" id="shrapnel_9" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="78.097px" height="46.798px" viewBox="273.891 272 78.097 46.798" enable-background="new 273.891 272 78.097 46.798" xml:space="preserve">
<polygon points="304.29,272 273.891,310.199 351.988,318.798 "/>
</svg>
<svg version="1.1" id="shrapnel_10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="92.997px" height="18.799px" viewBox="258.991 310.199 92.997 18.799" enable-background="new 258.991 310.199 92.997 18.799" xml:space="preserve">
<polygon points="273.891,310.199 258.991,328.998 351.988,318.798 "/>
</svg>
<svg version="1.1" id="shrapnel_11" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="58.998px" height="59.798px" viewBox="199.993 328.998 58.998 59.798" enable-background="new 199.993 328.998 58.998 59.798" xml:space="preserve">
<polygon points="258.991,328.998 199.993,345.997 237.792,388.796 "/>
</svg>
<svg version="1.1" id="shrapnel_12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="85.797px" height="42.799px" viewBox="151.995 345.997 85.797 42.799" enable-background="new 151.995 345.997 85.797 42.799" xml:space="preserve">
<polygon points="199.993,345.997 151.995,375.996 237.792,388.796 "/>
</svg>
<svg version="1.1" id="shrapnel_13" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="42.899px" height="76.697px" viewBox="237.792 328.998 42.899 76.697" enable-background="new 237.792 328.998 42.899 76.697" xml:space="preserve">
<polygon points="258.991,328.998 237.792,388.796 280.691,405.696 "/>
</svg>
<svg version="1.1" id="shrapnel_14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="35.199px" height="76.697px" viewBox="258.991 328.998 35.199 76.697" enable-background="new 258.991 328.998 35.199 76.697" xml:space="preserve">
<polygon points="258.991,328.998 280.691,405.696 294.19,355.997 "/>
</svg>
<svg version="1.1" id="shrapnel_15" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="92.997px" height="37.199px" viewBox="258.991 318.798 92.997 37.199" enable-background="new 258.991 318.798 92.997 37.199" xml:space="preserve">
<polygon points="258.991,328.998 294.19,355.997 351.988,318.798 "/>
</svg>
<svg version="1.1" id="shrapnel_16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="57.798px" height="72.398px" viewBox="294.19 318.798 57.798 72.398" enable-background="new 294.19 318.798 57.798 72.398" xml:space="preserve">
<polygon points="294.19,355.997 351.988,391.196 351.988,318.798 "/>
</svg>
<svg version="1.1" id="shrapnel_17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="71.298px" height="49.698px" viewBox="280.691 355.997 71.298 49.698" enable-background="new 280.691 355.997 71.298 49.698" xml:space="preserve">
<polygon points="294.19,355.997 280.691,405.695 351.988,391.196 "/>
</svg>
<svg version="1.1" id="shrapnel_18" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="85.797px" height="54.798px" viewBox="151.995 375.996 85.797 54.798" enable-background="new 151.995 375.996 85.797 54.798" xml:space="preserve">
<polygon points="237.792,388.796 151.995,375.996 204.193,430.795 "/>
</svg>
<svg version="1.1" id="shrapnel_19" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="76.497px" height="41.999px" viewBox="204.193 388.796 76.497 41.999" enable-background="new 204.193 388.796 76.497 41.999" xml:space="preserve">
<polygon points="237.792,388.796 204.193,430.795 280.691,405.695 "/>
</svg>
<svg version="1.1" id="shrapnel_20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="52.198px" height="57.998px" viewBox="151.995 375.996 52.198 57.998" enable-background="new 151.995 375.996 52.198 57.998" xml:space="preserve">
<polygon points="151.995,375.996 151.995,433.995 204.193,430.795 "/>
</svg>
<svg version="1.1" id="shrapnel_21" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="52.198px" height="41.199px" viewBox="151.995 430.795 52.198 41.199" enable-background="new 151.995 430.795 52.198 41.199" xml:space="preserve">
<polygon points="151.995,433.995 151.995,471.993 204.193,430.795 "/>
</svg>
<svg version="1.1" id="shrapnel_22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="94.497px" height="41.199px" viewBox="151.995 430.795 94.497 41.199" enable-background="new 151.995 430.795 94.497 41.199" xml:space="preserve">
<polygon points="151.995,471.993 246.492,471.993 204.193,430.795 "/>
</svg>
<svg version="1.1" id="shrapnel_23" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="76.497px" height="66.298px" viewBox="204.193 405.696 76.497 66.298" enable-background="new 204.193 405.696 76.497 66.298" xml:space="preserve">
<polygon points="204.193,430.795 246.492,471.993 280.691,405.696 "/>
</svg>
<svg version="1.1" id="shrapnel_24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="65.698px" height="66.298px" viewBox="246.492 405.696 65.698 66.298" enable-background="new 246.492 405.696 65.698 66.298" xml:space="preserve">
<polygon points="246.492,471.993 312.19,471.993 280.691,405.696 "/>
</svg>
<svg version="1.1" id="shrapnel_25" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="71.298px" height="66.298px" viewBox="280.691 405.696 71.298 66.298" enable-background="new 280.691 405.696 71.298 66.298" xml:space="preserve">
<polygon points="312.19,471.993 351.988,471.993 280.691,405.696 "/>
</svg>
<svg version="1.1" id="shrapnel_26" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="71.298px" height="80.797px" viewBox="280.691 391.196 71.298 80.797" enable-background="new 280.691 391.196 71.298 80.797" xml:space="preserve">
<polygon points="280.691,405.696 351.988,471.993 351.988,391.196 "/>
</svg>
</div>
</div>
</main>
<script type="text/javascript" src="js/lib/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/lib/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/square.plugin.jQuery-1-11-1.js"></script>
<script type="text/javascript" src="js/glitcher.plugin.jQuery.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>