-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (101 loc) · 5.26 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
<!doctype html>
<html lang="fr">
<head xmlns:og="http://ogp.me/ns#">
<meta charset="utf-8">
<title>The Escape Road</title>
<link rel="stylesheet" href="css/main.css">
<link rel="icon" type="image/ico" href="img/favicon.ico" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta property="og:type" content="Documentary" />
<meta property="og:description" content="Skateboarding is a state of mind, a life style. For its practitioners, skateboarding is a way of everyday evader: feel free. Here are their stories, their histories, and their escape road." />
<meta property="og:url" content="http://www.escaperoad.net" />
<meta property="og:site_name" content="The Escape Road"/>
<meta property="og:title" content="The Escape Road"/>
<meta property="og:image" content="img/logo-seo.jpg" />
</head>
<body>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '',
xfbml : true,
version : 'v2.1'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script type="text/javascript">
window.twttr=(function(d,s,id){var t,js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id)){return}js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);return window.twttr||(t={_e:[],ready:function(f){t._e.push(f)}})}(document,"script","twitter-wjs"));
</script>
<div id="loader"><div class="loader"><img src="img/logo_v1.png" alt="logo"/><h1>Loading...</h1></div></div>
<div class="resize"><div class="loader"><img src="img/resize.png" alt="logo"/><h1>The Escape Road is a webdocumentary on the culture of skateboard in the world. Here, you will travel through the vision from passionate skateboarders. But before, please come back on a computer or a larger screen to discover their stories !</h1></div></div>
<nav style="opacity:0;" id='menu-toggle'>
<div id='menu-all'>
<div id='menu-icon'>
<span class='top'></span>
<span class='middle'></span>
<span class='bottom'></span>
</div>
</div>
<div class='cache-menu'>
<ul class="menu-items menu-off">
<li><a href='after_intro' data-direction='bottom' class='nextContent hover-menu-li'>Random History</a></li>
<li><a href='the_map' data-direction='bottom' class='nextContent hover-menu-li'>The Roadmap</a></li>
<li><a href='support' data-direction='bottom' class='nextContent hover-menu-li'>Support Them</a></li>
<li><a class="facebook" href="https://www.facebook.com/sharer/sharer.php?u=http://alexandre-ferraille.fr/TheEscapeRoad/" onclick="open('https://www.facebook.com/sharer/sharer.php?u=http://alexandre-ferraille.fr/TheEscapeRoad/', 'Popup', 'scrollbars=1,resizable=1,height=360,width=570, display=block, margin=0 auto');return false;"></a></li>
<li><a class="twitter" href="https://twitter.com/share//alexandre-ferraille.fr/TheEscapeRoad/" onclick="open('https://twitter.com/share?u=http://alexandre-ferraille.fr/TheEscapeRoad/', 'Popup', 'scrollbars=1,resizable=1,height=360,width=570, display=block');return false;"></a></li>
</ul>
</div>
</nav>
<div id="io-connect" style="opacity:0;">
<span class="io-channel">Serv. off</span>
<img class="io-img" src="img/smartphone.png" alt="Connect with your smartphone" title="Connect with your smartphone" />
</div>
<div id="io-info">
<div id='io-icon'>
<span class='top'></span>
<span class='bottom'></span>
</div>
<div class="io-info">
<h1>Increase the experience "The Escape Road"</h1>
<p>From your smartphone, go to:<br /><br /><span class="underline">TheEscapeRoad.net/mobile</span><br /><br />Enter the four following digits to receive additional information in real time !
</p>
<img class="in-box" src="img/smartphone.png" alt="Connect with your smartphone" title="Connect with your smartphone" />
<span class="io-number">Serv. off</span>
</div>
</div>
<div id='activeContent'>
<span id="onOff" class="on"></span>
<div id="cacheVideo"></div>
<video id="video_intro">
<source src="video/intro.webm" type="video/webm">
<source src="video/intro.ogg" type="video/ogg">
<source src="video/intro.mp4" type="video/mp4">
</video>
<div id="textIntro">
<img src="img/logo_v1.png" alt="logo">
<p>Skateboarding is a state of mind, a lifestyle. For its practitioners, skateboarding is a way of everyday evader: feel free.
Here are their stories, their histories, and their escape road.
</p>
<div id="buttonStart">
<a href="after_intro" class='nextContent' data-direction='top'>Start Experience</a>
</div>
</div>
</div>
<div id="nextContent">
</div>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
<script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
<script type="text/javascript" src="js/model.js"></script>
<script type="text/javascript" src="js/UI.js"></script>
<script type="text/javascript" src="js/controller.js"></script>
</body>
</html>