-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·123 lines (108 loc) · 7.2 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Quodis Layers</title>
<meta name="description" content="This is us (and some random objects). In 91 images and 1.8 million combinations. Which is your favorite?">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="cleartype" content="on">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/img/touch/apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/img/touch/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/img/touch/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="assets/img/touch/apple-touch-icon-57x57-precomposed.png">
<link rel="shortcut icon" href="assets/img/touch/apple-touch-icon.png">
<!-- For iOS web apps. Delete if not needed. https://github.com/h5bp/mobile-boilerplate/issues/94 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- This script prevents links from opening in Mobile Safari. https://gist.github.com/1042026 -->
<!--
<script>(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")</script>
-->
<!-- DEV
<link rel="stylesheet" href="assets/css/src/normalize.css">
<link rel="stylesheet" href="assets/css/src/main.css">
-->
<!-- PROD -->
<link rel="stylesheet" href="assets/css/dist/app.min.css">
<script src="assets/js/src/vendor/modernizr-2.6.1.min.js"></script>
<meta property="og:image" content="http://layers.quodis.com/assets/img/layout/share_thumbnail.jpg"/>
<meta property="og:title" content="Quodis Layers"/>
<meta property="og:url" content="http://layers.quodis.com"/>
<meta property="og:description" content="This is us (and some random objects). In 91 images and 1.8 million combinations. Which is your favorite?"/>
</head>
<body>
<div id="content" role="application">
<header class="toolbar">
<nav>
<ul>
<li class="logo">
<h1 class="ir title"><a class="btn" title="Quodis" target="_blank" href="http://quodis.com/journal/making-of-layers">Quodis Layers</a></h1>
</li>
<li>
<button class="ir person btn disabled" title="Leo Xavier" data-person="leo">Leo Xavier</button>
</li>
<li>
<button class="ir person btn disabled" title="Ricardo Mestre" data-person="ricardo">Ricardo Mestre</button>
</li>
<li>
<button class="ir person btn disabled" title="Leihla Pinho" data-person="leihla">Leihla Pinho</button>
</li>
<li>
<button class="ir person btn disabled" title="Bruno Abrantes" data-person="bruno">Bruno Abrantes</button>
</li>
<li>
<button class="ir person btn disabled" title="Jan van Bruggen" data-person="jan">Jan van Bruggen</button>
</li>
<li>
<button class="ir btn disabled" title="Everyday I'm Shuffling" id="shuffle">Everyday I'm Shuffling</button>
</li>
</ul>
</nav>
<ul class="share">
<li>
<a class="ir btn facebook popup" title="Share on Facebook" href="http://www.facebook.com/sharer.php?s=100&p[title]=From%20our%20Labs%20with%20Love&p[summary]=This%20is%20us%20(and%20some%20random%20objects).%20In%2091%20images%20and%201.8%20million%20combinations.%20Which%20is%20your%20favorite%3F&p[url]=$$URL&p[images][0]=http://layers.quodis.com/assets/img/layout/share_thumbnail.jpg&u=$$URL">Share on Facebook or</a>
</li>
<li>
<a class="ir btn twitter popup" title="Share on Twitter" href="https://twitter.com/intent/tweet?text=Quodis%20Layers%3A%20In%2091%20images%20and%201.8%20million%20combinations.%20$$URL&via=quodis">Tweet this layer</a>
</li>
</ul>
</header>
<div class="content">
<div class="loader"></div>
<img id="background" data-responsive="true" data-small="http://d1yspmzor1g36p.cloudfront.net/all/background-small.jpg" data-medium="http://d1yspmzor1g36p.cloudfront.net/all/background-medium.jpg" data-large="http://d1yspmzor1g36p.cloudfront.net/all/background-large.jpg" data-huge="http://d1yspmzor1g36p.cloudfront.net/all/background-huge.jpg" />
<div class="frame" data-frame="1"><div class="loader"></div></div>
<div class="frame" data-frame="2"><div class="loader"></div></div>
<div class="frame" data-frame="3"><div class="loader"></div></div>
<div class="frame" data-frame="4"><div class="loader"></div></div>
<div class="frame" data-frame="5"><div class="loader"></div></div>
<div class="clickArea" data-area="1"></div>
<div class="clickArea" data-area="2"></div>
<div class="clickArea" data-area="3"></div>
<div class="clickArea" data-area="4"></div>
<div class="clickArea" data-area="5"></div>
</div>
<!--<canvas id="canvas"></canvas>-->
</div>
<!-- Add your site or application content here -->
<!-- DEV
<script src="assets/js/src/vendor/jquery.min.js"></script>
<script src="assets/js/src/helper.js"></script>
<script src="assets/js/src/plugins.js"></script>
<script src="assets/js/src/config.js"></script>
<script src="assets/js/src/app.js"></script>
-->
<script src="assets/js/dist/app.min.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
var _gaq=[["_setAccount","UA-37902526-1"],["_trackPageview"]];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
s.parentNode.insertBefore(g,s)}(document,"script"));
</script>
</body>
</html>