-
Notifications
You must be signed in to change notification settings - Fork 6
/
startIndex.htm
296 lines (276 loc) · 24.4 KB
/
startIndex.htm
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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
<!DOCTYPE html>
<!-- saved from url=(0065)http://wearedata.watchdogs.com/start.php?locale=es-ES&city=london -->
<html class="notmobile nottablet notphone js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths pointerevents fullscreen flash" xmlns:fb="http://www.facebook.com/2008/fbml" style=""><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Google Analytics Content Experiment code -->
<script type="text/javascript" async="" src="./startIndex_files/ga.js"></script><script>function utmx_section(){}function utmx(){}(function(){var
k='72096846-0',d=document,l=d.location,c=d.cookie;
if(l.search.indexOf('utm_expid='+k)>0)return;
function f(n){if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.
indexOf(';',i);return escape(c.substring(i+n.length+1,j<0?c.
length:j))}}}var x=f('__utmx'),xx=f('__utmxx'),h=l.hash;d.write(
'<sc'+'ript src="'+'http'+(l.protocol=='https:'?'s://ssl':
'://www')+'.google-analytics.com/ga_exp.js?'+'utmxkey='+k+
'&utmx='+(x?x:'')+'&utmxx='+(xx?xx:'')+'&utmxtime='+new Date().
valueOf()+(h?'&utmxhash='+escape(h.substr(1)):'')+
'" type="text/javascript" charset="utf-8"><\/sc'+'ript>')})();
</script><script src="./startIndex_files/ga_exp.js" type="text/javascript" charset="utf-8"></script><style type="text/css"></style><script>utmx('url','A/B');</script>
<!-- End of Google Analytics Content Experiment code -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Watch_Dogs WeAreData</title>
<meta name="keywords" content="Ubisoft, Data, Big Brother, Network, Technology, Experience, City, Watchdogs, Release, Hack, Transportation">
<meta name="description" content="Have you ever experienced the power of data ? Be prepared for Watch_Dogs WeareData.">
<meta name="author" content="">
<!-- Facebook OG Tags To localise-->
<meta property="og:image" content="http://wearedata.watchdogs.com/img/share/ubisoft-watchdogs-wearedata-logo.jpg">
<meta property="og:title" content="Watch_Dogs WeAreData">
<meta property="og:description" content="Discover how data controls the cities of Paris, London and Berlin in these hyperconnected times.">
<meta property="og:site_name" content="Watch_Dogs WeAreData">
<meta property="og:url" content="http://wearedata.watchdogs.com/">
<meta property="og:type" content="website">
<meta name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="shortcut icon" href="http://wearedata.watchdogs.com/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon-precomposed" href="http://wearedata.watchdogs.com/touch-icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://wearedata.watchdogs.com/touch-icon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://wearedata.watchdogs.com/touch-icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://wearedata.watchdogs.com/touch-icon-144.png">
<link rel="stylesheet" href="http://wearedata.watchdogs.com/mobile/css/master.css?v=1372322011119">
<script src="./startIndex_files/FlashObject.js"></script>
<script src="./startIndex_files/modernizr.js"></script>
<!--test for facebook compatibility-->
<script src="./startIndex_files/jquery.js"></script>
<script src="./startIndex_files/socket.io.js"></script>
<script type="text/javascript" src="./startIndex_files/swfobject.js"></script>
<script type="text/javascript" src="./startIndex_files/TweenMax.min.js"></script>
<script src="./startIndex_files/main.js"></script>
<script src="./startIndex_files/tracking.js"></script>
<script type="text/javascript">
var FB_APP_ID = '642454689113510'; // edan local:'462521313842451';
var SOCKET_SERVER = 'http://wearedata-server.jit.su';//'http://localhost:12321';
var VERSION_ARGS = 'v=1372322011119'; // subject to change after the running the build script
var IS_IOS_PHONE = !!navigator.userAgent.match(/(iPhone|iPod)/g);
var IS_MOBILE = false;
var IS_FLASH = window.location.href.toString().indexOf('html=true') > -1 || IS_MOBILE ? false : swfobject.hasFlashPlayerVersion('10');
var API_SERVER = 'http://wearedata.watchdogs.com/';
$('html').addClass(IS_FLASH ? 'flash' : 'notflash');
</script>
<script type="text/javascript" src="./startIndex_files/all.js"></script>
<style type="text/css" media="screen">#watchdogs {visibility:hidden}</style><style type="text/css">.fb_hidden{position:absolute;top:-10000px;z-index:10001}
.fb_invisible{display:none}
.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}
.fb_reset > div{overflow:hidden}
.fb_link img{border:none}
.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}
.fb_dialog_advanced{padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.fb_dialog_content{background:#fff;color:#333}
.fb_dialog_close_icon{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif);cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px;top:8px\9;right:7px\9}
.fb_dialog_mobile .fb_dialog_close_icon{top:5px;left:5px;right:auto}
.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}
.fb_dialog_close_icon:hover{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}
.fb_dialog_close_icon:active{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent;_background-image:url(http://static.ak.fbcdn.net/rsrc.php/v2/yL/r/s816eWC-2sl.gif)}
.fb_dialog_loader{background-color:#f2f2f2;border:1px solid #606060;font-size:24px;padding:20px}
.fb_dialog_top_left,
.fb_dialog_top_right,
.fb_dialog_bottom_left,
.fb_dialog_bottom_right{height:10px;width:10px;overflow:hidden;position:absolute}
/* @noflip */
.fb_dialog_top_left{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 0;left:-10px;top:-10px}
/* @noflip */
.fb_dialog_top_right{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -10px;right:-10px;top:-10px}
/* @noflip */
.fb_dialog_bottom_left{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -20px;bottom:-10px;left:-10px}
/* @noflip */
.fb_dialog_bottom_right{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/8YeTNIlTZjm.png) no-repeat 0 -30px;right:-10px;bottom:-10px}
.fb_dialog_vert_left,
.fb_dialog_vert_right,
.fb_dialog_horiz_top,
.fb_dialog_horiz_bottom{position:absolute;background:#525252;filter:alpha(opacity=70);opacity:.7}
.fb_dialog_vert_left,
.fb_dialog_vert_right{width:10px;height:100%}
.fb_dialog_vert_left{margin-left:-10px}
.fb_dialog_vert_right{right:0;margin-right:-10px}
.fb_dialog_horiz_top,
.fb_dialog_horiz_bottom{width:100%;height:10px}
.fb_dialog_horiz_top{margin-top:-10px}
.fb_dialog_horiz_bottom{bottom:0;margin-bottom:-10px}
.fb_dialog_iframe{line-height:0}
.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #3b5998;color:#fff;font-size:14px;font-weight:bold;margin:0}
.fb_dialog_content .dialog_title > span{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/yd/r/Cou7n-nqK52.gif)
no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}
body.fb_hidden{-webkit-transform:none;height:100%;margin:0;left:-10000px;overflow:visible;position:absolute;top:-10000px;width:100%
}
.fb_dialog.fb_dialog_mobile.loading{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/ya/r/3rhSv5V8j3o.gif)
white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}
.fb_dialog.fb_dialog_mobile.loading.centered{max-height:590px;min-height:590px;max-width:500px;min-width:500px}
#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .45);position:absolute;left:0;top:0;width:100%;min-height:100%;z-index:10000}
#fb-root #fb_dialog_ipad_overlay.hidden{display:none}
.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}
.fb_dialog_content .dialog_header{-webkit-box-shadow:white 0 1px 1px -1px inset;background:-webkit-gradient(linear, 0 0, 0 100%, from(#738ABA), to(#2C4987));border-bottom:1px solid;border-color:#1d4088;color:#fff;font:14px Helvetica, sans-serif;font-weight:bold;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}
.fb_dialog_content .dialog_header table{-webkit-font-smoothing:subpixel-antialiased;height:43px;width:100%
}
.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px
}
.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px
}
.fb_dialog_content .touchable_button{background:-webkit-gradient(linear, 0 0, 0 100%, from(#4966A6),
color-stop(0.5, #355492), to(#2A4887));border:1px solid #29447e;-webkit-background-clip:padding-box;-webkit-border-radius:3px;-webkit-box-shadow:rgba(0, 0, 0, .117188) 0 1px 1px inset,
rgba(255, 255, 255, .167969) 0 1px 0;display:inline-block;margin-top:3px;max-width:85px;line-height:18px;padding:4px 12px;position:relative}
.fb_dialog_content .dialog_header .touchable_button input{border:none;background:none;color:#fff;font:12px Helvetica, sans-serif;font-weight:bold;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}
.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}
.fb_dialog_content .dialog_content{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #555;border-bottom:0;border-top:0;height:150px}
.fb_dialog_content .dialog_footer{background:#f2f2f2;border:1px solid #555;border-top-color:#ccc;height:40px}
#fb_dialog_loader_close{float:left}
.fb_dialog.fb_dialog_mobile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}
.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}
.fb_iframe_widget{display:inline-block;position:relative}
.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}
.fb_iframe_widget iframe{position:absolute}
.fb_iframe_widget_lift{z-index:1}
.fb_hide_iframes iframe{position:relative;left:-10000px}
.fb_iframe_widget_loader{position:relative;display:inline-block}
.fb_iframe_widget_fluid{display:inline}
.fb_iframe_widget_fluid span{width:100%}
.fb_iframe_widget_loader iframe{min-height:32px;z-index:2;zoom:1}
.fb_iframe_widget_loader .FB_Loader{background:url(http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif) no-repeat;height:32px;width:32px;margin-left:-16px;position:absolute;left:50%;z-index:4}
.fb_connect_bar_container div,
.fb_connect_bar_container span,
.fb_connect_bar_container a,
.fb_connect_bar_container img,
.fb_connect_bar_container strong{background:none;border-spacing:0;border:0;direction:ltr;font-style:normal;font-variant:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal;vertical-align:baseline}
.fb_connect_bar_container{position:fixed;left:0 !important;right:0 !important;height:42px !important;padding:0 25px !important;margin:0 !important;vertical-align:middle !important;border-bottom:1px solid #333 !important;background:#3b5998 !important;z-index:99999999 !important;overflow:hidden !important}
.fb_connect_bar_container_ie6{position:absolute;top:expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px":body.scrollTop+"px")}
.fb_connect_bar{position:relative;margin:auto;height:100%;width:100%;padding:6px 0 0 0 !important;background:none;color:#fff !important;font-family:"lucida grande", tahoma, verdana, arial, sans-serif !important;font-size:13px !important;font-style:normal !important;font-variant:normal !important;font-weight:normal !important;letter-spacing:normal !important;line-height:1 !important;text-decoration:none !important;text-indent:0 !important;text-shadow:none !important;text-transform:none !important;white-space:normal !important;word-spacing:normal !important}
.fb_connect_bar a:hover{color:#fff}
.fb_connect_bar .fb_profile img{height:30px;width:30px;vertical-align:middle;margin:0 6px 5px 0}
.fb_connect_bar div a,
.fb_connect_bar span,
.fb_connect_bar span a{color:#bac6da;font-size:11px;text-decoration:none}
.fb_connect_bar .fb_buttons{float:right;margin-top:7px}
.fb_edge_widget_with_comment{position:relative;*z-index:1000}
.fb_edge_widget_with_comment span.fb_edge_comment_widget{position:absolute}
.fb_edge_widget_with_comment span.fb_send_button_form_widget{z-index:1}
.fb_edge_widget_with_comment span.fb_send_button_form_widget .FB_Loader{left:0;top:1px;margin-top:6px;margin-left:0;background-position:50% 50%;background-color:#fff;height:150px;width:394px;border:1px #666 solid;border-bottom:2px solid #283e6c;z-index:1}
.fb_edge_widget_with_comment span.fb_send_button_form_widget.dark .FB_Loader{background-color:#000;border-bottom:2px solid #ccc}
.fb_edge_widget_with_comment span.fb_send_button_form_widget.siderender
.FB_Loader{margin-top:0}
.fbpluginrecommendationsbarleft,
.fbpluginrecommendationsbarright{position:fixed !important;bottom:0;z-index:999}
/* @noflip */
.fbpluginrecommendationsbarleft{left:10px}
/* @noflip */
.fbpluginrecommendationsbarright{right:10px}</style></head>
<body style="overflow: hidden;">
<script type="text/javascript">
var require = { urlArgs : VERSION_ARGS.indexOf('dev') > -1 ? 'v=' + ( + new Date) : VERSION_ARGS };
var MAP_OPTS = {
ticket:"",
profile:"average",
agent:"Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/27.0.1453.116 Safari/537.36",
city:"london", // city data the flash should load - MANDATORY
locale:"es-ES",// localisation parameters, use the format type en-GB - MANDATORY
place_lon:"", // longitude where the flash should set the initial position - OPTIONNAL
place_lat:"", // latitude where the flash should set the initial position - OPTIONNAL
place_name:"", // place name (unavailble in the sharing link) - OPTIONNAL
app_state:"0xFFFFFFFF", // layers to activate - OPTIONNAL
urlxml:"/assets/xml/es-ES/landing.xml"
}
var SWF_PARAMS = {
menu: "false",
scale: "noScale",
allowFullscreen: "true",
allowScriptAccess: "always",
bgcolor: "#000000",
wmode: "direct",
allowFullScreenInteractive: "true"
};
var SWF_PARAMS_LANDING = {
menu: "false",
scale: "noScale",
allowFullscreen: "true",
allowScriptAccess: "always",
bgcolor: "#000000",
wmode: "transparent",
allowFullScreenInteractive: "true"
};
var attributes = {
id:"watchdogs",
name:"watchdogs"
};
var attributes_landing = {
id:"landingAltContent",
name:"landingAltContent"
};
document.body.style.overflow ="hidden";swfobject.embedSWF('watchdogs.swf', 'watchdogs', '100%', '100%', '11.0.0', 'expressInstall.swf', MAP_OPTS, SWF_PARAMS, attributes);
</script>
<div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div></div></div><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div><iframe name="fb_xdm_frame_http" frameborder="0" allowtransparency="true" scrolling="no" id="fb_xdm_frame_http" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tab-index="-1" src="./startIndex_files/xd_arbiter.htm" style="border: none;"></iframe><iframe name="fb_xdm_frame_https" frameborder="0" allowtransparency="true" scrolling="no" id="fb_xdm_frame_https" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tab-index="-1" src="./startIndex_files/xd_arbiter(1).htm" style="border: none;"></iframe></div></div></div>
<div id="no-js"></div>
<div id="share-link">
<div class="share-link-popin">
<div class="share-link-header">
<span class="share-link-title">Share link</span>
<a href="" class="share-link-close"></a>
</div>
<div>
<span class="link-copy-field" id="copy-field">http://wearedata.watchdogs.com/</span><a href="http://wearedata.watchdogs.com/start.php?locale=es-ES&city=london#" class="link-copy-btn" data-clipboard-target="copy-field">Copy Url</a>
</div>
</div>
</div>
<object type="application/x-shockwave-flash" id="watchdogs" name="watchdogs" data="http://wearedata.watchdogs.com/watchdogs.swf" width="100%" height="100%" style="visibility: visible;"><param name="menu" value="false"><param name="scale" value="noScale"><param name="allowFullscreen" value="true"><param name="allowScriptAccess" value="always"><param name="bgcolor" value="#000000"><param name="wmode" value="direct"><param name="allowFullScreenInteractive" value="true"><param name="flashvars" value="ticket=&profile=average&agent=Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/27.0.1453.116 Safari/537.36&city=london&locale=es-ES&place_lon=&place_lat=&place_name=&app_state=0xFFFFFFFF&urlxml=/assets/xml/es-ES/landing.xml"></object>
<div id="landingAltContent"></div>
<div id="about">
<div class="text-content">
<h2> ABOUT WATCH_DOGS WeareData </h2>
<div class="text-cols">
<div class="text-col">
<p>In the video game <a href="http://www.watchdogs.com/">Watch_Dogs</a>, the <strong>city of Chicago</strong> is run by a <strong>Central Operating System (CTOS)</strong>. This system use <strong>data</strong> to manage the entire city and to solve complex problems. Traffic jams, war against crime, power management...</p>
<p>This is not fiction anymore. Smart cities are real, it’s happening now. A huge amount of data is collected and managed every day in our modern cities, and those data are available for everybody.</p>
<p><strong>Watch_Dogs WeareData</strong> is the first <strong>website to gather publicly available data about Paris, London and Berlin</strong>, in one location. Each of the three towns is recreated on a 3D map, allowing the user to discover the data that organizes and runs modern cities today, in real time. It also displays information about the inhabitants of these cities, via their social media activity.</p>
</div>
<div class="text-col">
<p><strong class="grey_upp">What you will discover here are only facts and reality.</strong></p>
<p><span class="whitecopy">Watch_Dogs WeareData gathers available <strong>geolocated data</strong> in a non-exhaustive way: we only display the information for which we have been given the authorization by the sources. Yet, it is already a huge amount of data. You may even watch what other users are looking at on the website through Facebook connect.</span></p>
</div>
</div>
<div class="text-bot">
<p>If you are interested in this subject, we’d love to get your feedback about the website and about our connected world.</p>
<p><strong class="white_upp">Everyone has their part to play and their word to say.</strong></p>
<p>Stay connected and join the conversation on social media through the <a href="http://www.facebook.com/watchdogsgame.fr" target="_blank">Watch_Dogs Facebook page</a> or through <a href="https://twitter.com/watchdogsgame" target="_blank">Twitter</a> using the hashtag <span class="blue_big"><a href="https://twitter.com/search?q=%23watchdogs&src=typd" target="_blank">#watchdogs</a></span>.</p>
</div>
</div>
</div>
<div id="footer">
<div id="share">
<a class="share-button share-inline is-trackable" href="http://wearedata.watchdogs.com/start.php?locale=es-ES&city=london#">Share</a>
<a class="share-pics share-inline is-trackable" href="http://wearedata.watchdogs.com/start.php?locale=es-ES&city=london#"><img src="./startIndex_files/arrow.gif" class="arrow"></a>
</div>
<div class="share-pictos-container">
<div class="share-pictos" style="margin-top: 150px; opacity: 1; visibility: visible;">
<a class="is-trackable" href="http://wearedata.watchdogs.com/start.php?locale=es-ES&city=london#" data-link="link" data-pageview="/footer/share/urlcopy/"><img src="./startIndex_files/link_pic.png"></a>
<a class="is-trackable" href="http://wearedata.watchdogs.com/start.php?locale=es-ES&city=london#" data-link="gplus" data-pageview="/footer/share/google/"><img src="./startIndex_files/gplus_pic.png"></a>
<a class="is-trackable" href="http://wearedata.watchdogs.com/start.php?locale=es-ES&city=london#" data-link="fb" data-pageview="/footer/share/facebook/"><img src="./startIndex_files/facebook_pic.png"></a>
<a class="is-trackable" href="http://wearedata.watchdogs.com/start.php?locale=es-ES&city=london#" data-link="twitter" data-pageview="/footer/share/twitter/"><img src="./startIndex_files/twitter_pic.png"></a>
</div>
</div>
<div class="footer-left">
<a class="footer-link footer-link-watchdogs is-trackable" data-pageview="/footer/wd/" href="http://watchdogs.ubi.com/" target="_blank">Watch_dogs</a>
<a class="footer-link footer-link-ubisoft is-trackable" data-pageview="/footer/ubi/" href="http://www.ubi.com/" target="_blank">Ubisoft</a>
</div>
<!--div class="footer-right">
<a href="about" target="_self" class="footer-link">legals</a>
<a href="#" target="_self" class="footer-link">language</a>
<a class="sound-btn" href="#" target="_self" class="footer-link"><img src="mobile/images/landing/vol.gif" /></a>
</div-->
</div>
<!-- TAG COMMANDER START //-->
<script language="javascript">
<!--
//TC Declared Variables
var tc_vars = new Array();
//-->
</script>
<script type="text/javascript" src="./startIndex_files/tc_IPOne_2.js"></script>
<noscript><IFRAME src="//redirect698.tagcommander.com/utils/noscript.php?id=2&mode=iframe" width="1" height="1"></IFRAME></noscript>
<!-- TAG COMMANDER END //-->
</body></html>