1 2<!DOCTYPE html> 3<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 oldie"> <![endif]--> 4<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8 oldie"> <![endif]--> 5<!--[if IE 8]> <html class="no-js lt-ie9 oldie"> <![endif]--> 6<!--[if IE 9]> <html class="no-js ie9 oldie"> <![endif]--> 7<!--[if gt IE 9]><!--> 8<html class="no-js"> <!--<![endif]--> 9 10 <head> 11 <meta charset="utf-8"> 12 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 13 <meta name="google-site-verification" content="AZOmBkSh9Pz6C6kFQcYmYCCghuzdWAu1G2VAIP1tUB8" /> 14 15 16 <title>Cartelle - Fornasetti</title> 17 <meta name="keywords" content="cartelle interactive digital amsterdam studio creative animation website design development technology 3d webgl gaming" /> 18 <meta name="author" content="Cartelle Interactive" /> 19 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 20 <meta name="description" content="The new Fornasetti homepage hosts a series of unique interactive scenarios based around print and paper material."> 21 <link rel="canonical" href="https://cartelle-2015.vercel.app/fornasetti"> 22 <meta property="og:site_name" content="Cartelle"/> 23 <meta property="og:type" content="website"/> 24 <meta property="og:url" content="https://cartelle-2015.vercel.app/fornasetti"/> 25 <meta property="og:title" content="Cartelle - Fornasetti"/> 26 <meta property="og:image" content="https://cartelle-2015.vercel.app/media/overview/overview_fornasetti.jpg"/> 27 <meta property="og:description" content="The new Fornasetti homepage hosts a series of unique interactive scenarios based around print and paper material." /> 28 <meta name="twitter:card" content="summary_large_image"> 29 <meta name="twitter:title" content="Cartelle - Fornasetti"> 30 <meta name="twitter:description" content="The new Fornasetti homepage hosts a series of unique interactive scenarios based around print and paper material."> 31 <meta name="twitter:image" content="https://cartelle-2015.vercel.app/media/overview/overview_fornasetti.jpg"> 32
32<script> 33 (function() { 34 var ua = navigator.userAgent; 35 var root = document.documentElement; 36 var deviceClass = ((ua.indexOf('iPhone') !== -1) || (ua.indexOf('Android') !== -1 && ua.indexOf('Mobile') !== -1)) 37 ? 'mobile' 38 : ((ua.indexOf('iPad') !== -1 || ua.indexOf('Android') !== -1) ? 'tablet' : 'desktop'); 39 if (root.className.indexOf(deviceClass) === -1) { 40 root.className += ' ' + deviceClass; 41 } 42 })(); 43 </script>
43 44 <link rel="stylesheet" href="/css/normalize.min.css"> 45 <link rel="stylesheet" href="/css/site.css"> 46 47
47<script> 48  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','gtrack'); 49 gtrack('create', 'UA-25024961-5'); 50  //gtrack('send', 'pageview'); 51 </script>
51 52 53 <style> 54 .static-mobile-only, 55 .static-tablet-only, 56 html.mobile .static-desktop-only, 57 html.tablet .static-desktop-only, 58 html.desktop .static-mobile-only, 59 html.desktop .static-tablet-only, 60 html.mobile .static-tablet-only, 61 html.tablet .static-mobile-only { 62 display: none !important; 63 } 64 65 html.mobile .static-mobile-only, 66 html.tablet .static-tablet-only, 67 html.desktop .static-desktop-only { 68 display: block !important; 69 } 70 71 #loader-overlay #mobile-intro { 72 width: 100%; 73 } 74 75 html.desktop #home-view .project-container ul.options li.static-mobile-only { 76 display: none !important; 77 } 78 </style> 79 80 </head> 81 82 <body> 83 84
84<script type="text/template" id="project-template"> 85 86 <div class="scrollable"> 87 <div class="project"> 88 89 <div class="details-mask"> 90 <div class="contents"> 91 92 <div class="title-container black"> 93 <h1><%=htmlTitle%></h1> 94 </div> 95 96 <div class="details"> 97 <div class="left"><%=detailColLeft%></div> 98 <div class="right"> 99 <%=detailColRight%> 100 <a href="#" class="back-to-top">back to top</a> 101 </div> 102 </div> 103 104 <footer> 105 <div class="left-column"> 106 <span class="description">We are a digital creative studio from Amsterdam</span> 107 <a class="learn-more" href="#">learn more</a> 108 </div> 109 110 <div class="right-column"> 111 <ul> 112 <li>follow us</li> 113 <li><a href="https://www.facebook.com/CartelleStudio/" target="_blank">Facebook</a></li> 114 <li><a href="http://www.twitter.com/cartelle/" target="_blank">Twitter</a></li> 115 </ul> 116 </div> 117 118 <div class="right-column"> 119 <ul> 120 <li>contact us</li> 121 <li><a class="noajax email" href="mailto:[email protected]">[email protected]</a></li> 122 </ul> 123 </div> 124 </footer> 125 126 </div> 127 </div> 128 129 <div class="title-mask"> 130 <div class="contents"> 131 132 <div class="title-container"> 133 <h1><%=htmlTitle%></h1> 134 <a class="new-tab" href="<%=site%>" target="_blank"> 135 <div class="play-container float-container"> 136 <div class="play-button"> 137 <span></span> 138 </div> 139 <ul class="description"> 140 <li><span class="bold title"><%=title%></span></li> 141 <li><span class="bold">Type: </span><span class="type"><%=type%></span></li> 142 <li><span class="bold">Client: </span><span class="client"><%=client%></span></li> 143 <li><span class="bold">Date: </span><span class="date"><%=date%></span></li> 144 </ul> 145 </div> 146 </a> 147 </div> 148 149 <ul class="options"> 150 <li><a class="more-info" href="#">read more</a></li> 151 <li><a class="overview" href="#">show all</a></li> 152 <li class="static-mobile-only"><a class="next" href="#">next</a></li> 153 </ul> 154 155 <div class="video-background-container"> 156 <div class="tablet-still static-tablet-only" style="background-image: url('<%=tabletStill%>')"> </div> 157 <img class="gif static-mobile-only" src="<%=gif%>"> 158 <img class="still static-mobile-only" src="<%=mobileStill%>"> 159 <video id="video-background-<%=id%>" class="static-desktop-only" width="100%" loop muted playsinline webkit-playsinline preload="auto" data-mp4="<%=video%>.mp4" data-webm="<%=video%>.webm"></video> 160 </div> 161 162 </div> 163 </div> 164 165 </div> 166 167 </div> 168 169 </script>
169 170 171 <div id="cartelle-container"> 172 173 <header> 174 <div class="navigation"> 175 <ul> 176 <li class="logo"> 177 <a href="/"> 178 <video id="logo-rollover" class="static-desktop-only" loop muted playsinline webkit-playsinline preload="none"> 179 <source type="video/mp4" src="/img/toplogo2.mp4" /> 180 <source type="video/webm" src="/img/toplogo2.webm" /> 181 </video> 182 </a> 183 </li> 184 <li class="close trans"> 185 <a href="#"></a> 186 </li> 187 </ul> 188 </div> 189 </header> 190 191 <div id="rotate-screen"> 192 <img src="/img/rotate.gif"> 193 </div> 194 195 <div id="scrollbar"> 196 <div class="scroll-handle"> 197 <span></span> 198 </div> 199 <div class="scroll-bg-hitter"> 200 201 </div> 202 </div> 203 204 <div id="loader-overlay"> 205 <div class="v-centered"> 206 <div> 207 <div id="mobile-intro" class="static-mobile-only" style="background-image: url('/img/mobile_c_static1.jpg')"> </div> 208 <img id="tablet-intro" class="static-tablet-only" src="/img/tablet_intro_still.jpg"> 209 <video id="loader-player" class="static-desktop-only" width="100%" height="auto" muted playsinline autoplay webkit-playsinline preload="auto" data-mp4="/img/intro.mp4" data-webm="/img/intro.webm"></video> 210 </div> 211 </div> 212 </div> 213 214 <div id="overview-overlay"> 215 216 <div class="navigation"> 217 <ul> 218 <li class="logo b-w"> 219 <a href="/"> 220 </a> 221 </li> 222 </ul> 223 </div> 224 225 <div class="scrollable"> 226 <table border="0" cellpadding="0"> 227 228 <tr> 229 <td> 230 <div class="overview-item" data-id="wepresent"> 231 <a href="/wepresent">
231<img data-src="/media/overview/overview_wepresent.jpg" data-mobile-src="/media/overview/mobile/overview_wepresent.jpg"></a> 232 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 233 </div> 234 </td> 235 <td> 236 <div class="overview-item" data-id="fornasetti2"> 237 <a href="/fornasetti2"><img data-src="/media/overview/overview_fornasetti2.jpg" data-mobile-src="/media/overview/mobile/overview_fornasetti2.jpg"></a> 238 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 239 </div> 240 </td> 241 </tr> 242 243 244 <tr> 245 <td> 246 <div class="overview-item" data-id="gstar-raw-family"> 247 <a href="/gstar-raw-family">
247<img data-src="/media/overview/overview_gstar_raw.jpg" data-mobile-src="/media/overview/mobile/overview_gstar_raw.jpg"></a> 248 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 249 </div> 250 </td> 251 <td> 252 <div class="overview-item" data-id="fornasetti"> 253 <a href="/fornasetti"><img data-src="/media/overview/overview_fornasetti.jpg" data-mobile-src="/media/overview/mobile/overview_fornasetti.jpg"></a> 254 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 255 </div> 256 </td> 257 </tr> 258 259 <tr> 260 <td> 261 <div class="overview-item" data-id="giraffaconda"> 262 <a href="/giraffaconda">
262<img data-src="/media/overview/overview_giraffaconda.jpg" data-mobile-src="/media/overview/mobile/overview_giraffaconda.jpg"></a> 263 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 264 </div> 265 </td> 266 <td> 267 <div class="overview-item" data-id="meatharvest"> 268 <a href="/meatharvest"><img data-src="/media/overview/overview_meatharvest.jpg" data-mobile-src="/media/overview/mobile/overview_meatharvest.jpg"></a> 269 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 270 </div> 271 </td> 272 </tr> 273 274 <tr> 275 <td> 276 <div class="overview-item" data-id="dilladimension"> 277 <a href="/dilladimension">
277<img data-src="/media/overview/overview_dilladimension.jpg" data-mobile-src="/media/overview/mobile/overview_dilladimension.jpg"></a> 278 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 279 </div> 280 </td> 281 <td> 282 <div class="overview-item" data-id="loveletters"> 283 <a href="/loveletters"><img data-src="/media/overview/overview_loveletters.jpg" data-mobile-src="/media/overview/mobile/overview_loveletters.jpg"></a> 284 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 285 </div> 286 </td> 287 </tr> 288 289 <tr> 290 <td> 291 <div class="overview-item" data-id="grenade"> 292 <a href="/grenade">
292<img data-src="/media/overview/overview_grenade.jpg" data-mobile-src="/media/overview/mobile/overview_grenade.jpg"></a> 293 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 294 </div> 295 </td> 296 <td> 297 <div class="overview-item" data-id="denimcloud"> 298 <a href="/denimcloud"><img data-src="/media/overview/overview_denimcloud.jpg" data-mobile-src="/media/overview/mobile/overview_denimcloud.jpg"></a> 299 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 300 </div> 301 </td> 302 </tr> 303 <tr> 304 <td> 305 <div class="overview-item" data-id="t8t"> 306 <a href="/t8t">
306<img data-src="/media/overview/overview_t8t.jpg" data-mobile-src="/media/overview/mobile/overview_t8t.jpg"></a> 307 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 308 </div> 309 </td> 310 <td> 311 <div class="overview-item" data-id="bradva"> 312 <a href="/bradva"><img data-src="/media/overview/overview_bradva.jpg" data-mobile-src="/media/overview/mobile/overview_bradva.jpg"></a> 313 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 314 </div> 315 </td> 316 </tr> 317 318 <tr> 319 <td> 320 <div class="overview-item" data-id="balloons"> 321 <a href="/balloons">
321<img data-src="/media/overview/overview_balloons.jpg" data-mobile-src="/media/overview/mobile/overview_balloons.jpg"></a> 322 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 323 </div> 324 </td> 325 <td> 326 <div class="overview-item" data-id="skullpaint"> 327 <a href="/skullpaint"><img data-src="/media/overview/overview_skullpaint.jpg" data-mobile-src="/media/overview/mobile/overview_skullpaint.jpg"></a> 328 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 329 </div> 330 </td> 331 </tr> 332 333 <tr> 334 <td> 335 <div class="overview-item" data-id="rawepisodes"> 336 <a href="/rawepisodes">
336<img data-src="/media/overview/overview_rawepisodes.jpg" data-mobile-src="/media/overview/mobile/overview_rawepisodes.jpg"></a> 337 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 338 </div> 339 </td> 340 <td> 341 <div class="overview-item" data-id="gstarraw"> 342 <a href="/gstarraw"><img data-src="/media/overview/overview_gstarraw.jpg" data-mobile-src="/media/overview/mobile/overview_gstarraw.jpg"></a> 343 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 344 </div> 345 <div class="overview-item" data-id="birdsandbees"> 346 <a href="/birdsandbees"><img data-src="/media/overview/overview_birdsandbees.jpg" data-mobile-src="/media/overview/mobile/overview_birdsandbees.jpg"></a> 347 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 348 </div> 349 </td> 350 </tr> 351 352 <tr> 353 <td> 354 <div class="overview-item" data-id="toaster"> 355 <a href="/toaster">
355<img data-src="/media/overview/overview_toaster.jpg" data-mobile-src="/media/overview/mobile/overview_toaster.jpg"></a> 356 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 357 </div> 358 </td> 359 <td> 360 <div class="overview-item" data-id="omgwtf"> 361 <a href="/omgwtf"><img data-src="/media/overview/overview_omgwtfbbq.jpg" data-mobile-src="/media/overview/mobile/overview_omgwtfbbq.jpg"></a> 362 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 363 </div> 364 </td> 365 </tr> 366 367 <tr> 368 <td> 369 <div class="overview-item" data-id="eightball"> 370 <a href="/eightball">
370<img data-src="/media/overview/overview_eightball.jpg" data-mobile-src="/media/overview/mobile/overview_eightball.jpg"></a> 371 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 372 </div> 373 </td> 374 <td> 375 <div class="overview-item" data-id="rainydays"> 376 <a href="/rainydays"><img data-src="/media/overview/overview_rainydays.jpg" data-mobile-src="/media/overview/mobile/overview_rainydays.jpg"></a> 377 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 378 </div> 379 </td> 380 </tr> 381 382 <tr> 383 <td> 384 <div class="overview-item" data-id="skulldraw"> 385 <a href="/skulldraw">
385<img data-src="/media/overview/overview_skulldraw.jpg" data-mobile-src="/media/overview/mobile/overview_skulldraw.jpg"></a> 386 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 387 </div> 388 </td> 389 <td> 390 <div class="overview-item" data-id="hombre"> 391 <a href="/hombre"><img data-src="/media/overview/overview_hombre.jpg" data-mobile-src="/media/overview/mobile/overview_hombre.jpg"></a> 392 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 393 </div> 394 </td> 395 </tr> 396 397 <tr> 398 <td> 399 <div class="overview-item" data-id="firecrackers"> 400 <a href="/firecrackers">
400<img data-src="/media/overview/overview_firecrackers.jpg" data-mobile-src="/media/overview/mobile/overview_firecrackers.jpg"></a> 401 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 402 </div> 403 </td> 404 <td> 405 <div class="overview-item" data-id="redlightradio"> 406 <a href="/redlightradio"><img data-src="/media/overview/overview_redlightradio.jpg" data-mobile-src="/media/overview/mobile/overview_redlightradio.jpg"></a> 407 <div class="title-overlay"><h5 class="title">Title</h5><h5 class="subtitle">Subtitle</h5></div> 408 </div> 409 </td> 410 </tr> 411 </table> 412 </div> 413 414 </div> 415 416 <div id="menu-overlay"> 417 418 <div class="navigation"> 419 <ul> 420 <li class="logo b-w"> 421 <a href="/"> 422 </a> 423 </li> 424 </ul> 425 </div> 426 427 <div class="scrollable"> 428 <div class="v-centered"> 429 <div> 430 431 <div class="about col"> 432 <h2>About</h2> 433 <p>Cartelle is Stevijn van Olst, Johnny Slack and friends. We are a digital creative studio from Amsterdam. We focus on interactive concepting, design, art direction, development, animation, 3D and creative programming.</p> 434 <h2>Contact</h2> 435 <p>Weâd love to hear from you. For any enquiries, please contact us at <a href="mailto:[email protected]" class="noajax email">[email protected]</a>.</p> 436 <p>Sorry, we love you, but we are not hiring.</p> 437 438 <h2>Follow Us</h2> 439 440 <ul> 441 <li><a href="https://www.facebook.com/CartelleStudio/" target="_blank">Facebook</a></li> 442 <li><a href="http://www.twitter.com/cartelle/" target="_blank">Twitter</a></li> 443 <li><a href="http://www.awwwards.com/search-websites/?text=cartelle" target="_blank">Awwwards</a></li> 444 <li><a href="http://www.thefwa.com/profile/cartelle" target="_blank">The FWA</a></li> 445 </ul> 446 447 </div> 448 449 <div class="work-listing col"> 450 <h2>Selected Work</h2> 451 <ul> 452 <li><a id="wepresent" href="wepresent">WePresent</a></li> 453 <li><a id="fornasetti2" href="fornasetti2">Fornasetti Cilindro</a></li> 454 <li><a id="gstar-raw-family" href="gstar-raw-family">G-Star RAW</a></li> 455 <li><a id="fornasetti" href="fornasetti">Fornasetti</a></li> 456 <li><a id="giraffaconda" href="giraffaconda">Giraffaconda</a></li> 457 <li><a id="meatharvest" href="meatharvest">Meat Harvest Miami</a></li> 458 <li><a id="loveletters" href="loveletters">Love Letters from Craig</a></li> 459 <li><a id="dilladimension" href="dilladimension">The Dilla Dimension</a></li> 460 <li><a id="denimcloud" href="denimcloud">G-Star New Denim Arrivals</a></li> 461 <li><a id="rawepisodes" href="rawepisodes">G-Star Episodes</a></li> 462 <li><a id="toaster" href="toaster">Make My Bread</a></li> 463 <li><a id="gstarraw" href="gstarraw">G-Star RAW</a></li> 464 <li><a id="skullpaint" href="skullpaint">Death Paint</a></li> 465 <li><a id="grenade" href="grenade">Grenade</a></li> 466 <li><a id="bradva" href="bradva">Bradva</a></li> 467 <li><a id="redlightradio" href="redlightradio">Red Light Radio</a></li> 468 <li><a id="t8t" href="t8t">Twenty8Twelve</a></li> 469 <li><a id="omgwtf" href="omgwtf">OMGWTFBBQ</a></li> 470 <li><a id="rainydays" href="rainydays">Rainy Days</a></li> 471 <li><a id="scotchsoda" href="scotchsoda">Scotch & Soda</a></li> 472 <li><a id="hombre" href="hombre">Hombre Esqueletico</a></li> 473 <li><a id="skulldraw" href="skulldraw">Skulldraw</a></li> 474 <li><a id="eightball" href="eightball">8 Ball</a></li> 475 <li><a id="balloons" href="balloons">Balloons</a></li> 476 <li><a id="firecrackers" href="firecrackers">Firecrackers</a></li> 477 <li><a id="birdsandbees" href="birdsandbees">Bun In The Oven</a></li> 478 </ul> 479 480 481 <h2>Archived</h2> 482 <ul> 483 <li><a href="http://www.thefwa.com/site/my-burger" target="_blank">McDonalds MyBurger</a> </li> 484 <li><a href="http://m.adidas.com/originalsuperstar" target="_blank">adidas Originals Superstar (Mobile)</a></li> 485 <li><a href="http://www.thefwa.com/site/adidas-originals-then-now-and-forever?p=cartelle" target="_blank">adidas Originals TNF</a> </li> 486 <li><a href="http://www.firestarters.nl/" target="_blank">Vodafone Firestarters</a></li> 487 <li><a href="https://www.thinkwithgoogle.com/campaigns/foot-locker-converse-converse-street-ready.html" target="_blank">Converse Street Ready</a> </li> 488 <li><a href="http://www.redbullsoundclash.nl/" target="_blank">Redbull Soundclash</a></li> 489 <li><a href="http://www.thefwa.com/site/adidas-style-essentials?p=cartelle" target="_blank">adidas Style Essentials</a> </li> 490 <li><a href="http://baked.freshcotton.com/" target="_blank">Baked with Stussy and Freshcotton</a></li> 491 <li>Marie-Stella-Maris</li> 492 <li><a href="http://www.thefwa.com/site/imagining-mozambique?p=cartelle" target="_blank">Imagining Mozambique</a></li> 493 </ul> 494 </div> 495 496 <div class="awards col"> 497 <h2>Awards</h2> 498 <h6>FWA</h6> 499 <ul> 500 <li><span>02 2016</span> <a href="http://www.thefwa.com/site/love-letters-from-craig?p=cartelle" target="_blank">Meat Hrarvest Miami</a></li> 501 <li><span>12 2015</span> <a href="http://www.thefwa.com/site/love-letters-from-craig?p=cartelle" target="_blank">Giraffaconda</a></li> 502 <li><span>03 2015</span> <a href="http://www.thefwa.com/site/the-dilla-dimension?p=cartelle" target="_blank">The Dilla Dimension</a></li> 503 <li><span>08 2014</span> <a href="http://www.thefwa.com/mobile/g-star-raw-new-denim-arrivals?p=cartelle" target="_blank">G-Star New Denim Arrivals Mobile</a></li> 504 <li><span>08 2014</span> <a href="http://www.thefwa.com/site/g-star-raw-new-denim-arrivals?p=cartelle" target="_blank">G-Star New Denim Arrivals</a></li> 505 <li><span>06 2014</span> <a href="http://www.thefwa.com/mobile/my-burger?p=cartelle" target="_blank">McDonalds MyBurger Mobile</a></li> 506 <li><span>05 2014</span> <a href="http://www.thefwa.com/site/my-burger?p=cartelle" target="_blank">McDonalds MyBurger</a></li> 507 <li><span>03 2014</span> <a href="http://www.thefwa.com/mobile/g-star-raw-episodes?p=cartelle" target="_blank">G-Star RAW Episodes</a></li> 508 <li><span>11 2013</span> <a href="http://www.thefwa.com/mobile/g-star-raw?p=cartelle" target="_blank">G-Star RAW Mobile</a></li> 509 <li><span>10 2013</span> <a href="http://www.thefwa.com/site/g-star-raw?p=cartelle" target="_blank">G-Star RAW</a></li> 510 <li><span>05 2013</span> <a href="http://www.thefwa.com/site/g-star-the-art-of-raw?p=cartelle" target="_blank">G-Star The Art of Raw</a></li> 511 <li><span>01 2013</span> <a href="http://www.thefwa.com/site/converse-street-ready?p=cartelle" target="_blank">Converse Street Ready</a></li> 512 <li><span>10 2012</span> <a href="http://www.thefwa.com/mobile/cartelle-interactive-studio?p=cartelle" target="_blank">Cartelle 2012 Mobile</a></li> 513 <li><span>10 2012</span> <a href="http://www.thefwa.com/site/cartelle-interactive-studio?p=cartelle" target="_blank">Cartelle 2012</a></li> 514 <li><span>07 2012</span> <a href="http://www.thefwa.com/site/twenty8twelve?p=cartelle" target="_blank">Twenty8Twelve</a></li> 515 <li><span>09 2011</span> <a href="http://www.thefwa.com/site/scotch-soda?p=cartelle" target="_blank">Scotch & Soda 2011</a></li> 516 <li><span>06 2011</span> <a href="http://www.thefwa.com/site/adidas-originals-then-now-and-forever?p=cartelle" target="_blank">adidas Originals TNF</a></li> 517 <li><span>10 2010</span> <a href="http://www.thefwa.com/site/omgwtfbbq?p=cartelle" target="_blank">OMGWTFBBQ</a></li> 518 <li><span>08 2010</span> <a href="http://www.thefwa.com/site/http-scotch-soda?p=cartelle" target="_blank">Scotch & Soda 2010</a></li> 519 <li><span>03 2010</span> <a href="http://www.thefwa.com/site/adidas-style-essentials?p=cartelle" target="_blank">adidas Style Essentials</a></li> 520 <li><span>09 2009</span> <a href="http://www.thefwa.com/site/imagining-mozambique?p=cartelle" target="_blank">Imagining Mozambique</a></li> 521 <li><span>03 2009</span> <a href="http://www.thefwa.com/site/cartelle?p=cartelle" target="_blank">Cartelle 2009</a></li> 522 </ul> 523 <h6>AWWWARDS</h6> 524 <ul> 525 <li><span>04 2015</span> <a href="http://www.awwwards.com/web-design-awards/cartelle-amsterdam" target="_blank">Cartelle 2015</a></li> 526 <li><span>07 2014</span> <a href="http://www.awwwards.com/web-design-awards/g-star-new-denim-arrivals" target="_blank">G-Star RAW New Denim Arrivals</a></li> 527 <li><span>06 2014</span> <a href="http://www.awwwards.com/web-design-awards/my-burger" target="_blank">McDonald's MyBurger</a></li> 528 <li><span>09 2013</span> <a href="http://www.awwwards.com/web-design-awards/g-star-raw" target="_blank">G-Star RAW</a></li> 529 <li><span>04 2013</span> <a href="http://www.awwwards.com/web-design-awards/scotch-soda-portraits" target="_blank">Scotch & Soda Portraits</a></li> 530 <li><span>01 2012</span> <a href="http://www.awwwards.com/web-design-awards/g-star-the-art-of-raw" target="_blank">G-Star The Art of Raw</a></li> 531 <li><span>10 2012</span> <a href="http://www.awwwards.com/web-design-awards/cartelle-interactive-studio" target="_blank">Cartelle 2012</a></li> 532 <li><span>05 2012</span> <a href="http://www.awwwards.com/web-design-awards/twenty8twelve" target="_blank">Twenty8Twelve</a></li> 533 <li><span>07 2011</span> <a href="http://www.awwwards.com/web-design-awards/scotch-soda-2" target="_blank">Scotch & Soda 2011</a></li> 534 </ul> 535 </div> 536 537 </div> 538 </div> 539 </div> 540 </div> 541 542 <div id="loaderBar"> 543 <div class="background"></div> 544 </div> 545 546 <div class="sections"> 547 548 <div id="loading-view" class="view"> 549 550 <h1>Loading View</h1> 551 </div> 552 553 <div id="home-view" class="view"> 554 555 <div class="carousel"> 556 557 </div> 558 559 <div id="image-zoom"> 560 561 </div> 562 563 <div class="cursors"> 564 <div class="cursor left-white"></div> 565 <div class="cursor right-white"></div> 566 <div class="cursor left-black"></div> 567 <div class="cursor right-black"></div> 568 <div class="cursor plus-black"></div> 569 <div class="cursor plus-white"></div> 570 <div class="cursor minus-black"></div> 571 <div class="cursor minus-white"></div> 572 </div> 573 574 </div> 575 576 </div> 577 578 <audio id="over-tick-med"> 579 <source src="/audio/tick2.ogg" type="audio/ogg"> 580 <source src="/audio/tick2.mp3" type="audio/mpeg"> 581 </audio> 582 583 <audio id="over-tick-light"> 584 <source src="/audio/tick4.ogg" type="audio/ogg"> 585 <source src="/audio/tick4.mp3" type="audio/mpeg"> 586 </audio> 587 588 <audio id="over-tick-lo"> 589 <source src="/audio/tick1.ogg" type="audio/ogg"> 590 <source src="/audio/tick1.mp3" type="audio/mpeg"> 591 </audio> 592 593 <audio id="over-tick-hi"> 594 <source src="/audio/tick3.ogg" type="audio/ogg"> 595 <source src="/audio/tick3.mp3" type="audio/mpeg"> 596 </audio> 597 598 <video id="mobile-player" loop controls> 599 <source type="video/mp4" src="" /> 600 <source type="video/webm" src="" /> 601 </video> 602 603 <div id="ieOldie-warning"> 604 <div class="centered"> 605 <div>
606 <span class="logo-myburger"></span> 607 <h1>Please update your browser.</h1> 608 <p>This website requires Chrome, Firefox, Safari or Internet Explorer 9+</p> 609 </div> 610 </div> 611 </div> 612 613 </div> 614 615 616
616<script> 617 var domain = ''; 618 var rootFragment = '/'; 619 var rootPath = '/'; 620 var servicePath = '/services/'; 621 var staticsPath = '/'; 622 var isAndroid = /Android/i.test(navigator.userAgent); 623 </script>
623 624 625
625<script>window.jQuery || document.write('
625<script src="/js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
625 626
626<script src="/js/vendor/underscore-min.js"></script>
626 627
627<script src="/js/vendor/modernizr-2.6.2.min.js"></script>
627 628
628<script src="/js/vendor/backbone-min.js"></script>
628 629
629<script src="/js/vendor/gs/plugins/ScrollToPlugin.min.js"></script>
629 630
630<script src="/js/vendor/gs/plugins/ColorPropsPlugin.js"></script>
630 631
631<script src="/js/vendor/gs/plugins/ThrowPropsPlugin.min.js"></script>
631 632
632<script src="/js/vendor/gs/plugins/CSSPlugin.min.js"></script>
632 633
633<script src="/js/vendor/gs/TweenMax.min.js"></script>
633 634
634<script src="/js/vendor/jquery.validate.min.js"></script>
634 635
635<script src="/js/vendor/jquery.touchSwipe.min.js"></script>
635 636
636<script src="/js/vendor/jquery-ui-1.9.2.custom.min.js"></script>
636 637
637<script src="/js/vendor/preloadjs-0.4.1.min.js"></script>
637 638
638<script src="/js/vendor/jquery.cookie.js"></script>
638 639
639<script src="/js/vendor/pointer_events_polyfill.js"></script>
639 640
640<script src="/js/vendor/Stats.js"></script>
640 641
641<script src="/js/vendor/utilities.js"></script>
641 642
642<script src="/js/vendor/video.js"></script>
642 643
643<script src="/js/vendor/AnimatedGradient.js"></script>
643 644 645
645<script src="/js/model/Project.js"></script>
645 646
646<script src="/js/controllers/AudioController.js"></script>
646 647
647<script src="/js/controllers/DataManager.js"></script>
647 648
648<script src="/js/ApplicationRouter.js"></script>
648 649
649<script src="/js/view/Loading.js"></script>
649 650
650<script src="/js/view/Overview.js"></script>
650 651
651<script src="/js/view/Project.js"></script>
651 652
652<script src="/js/view/Home.js"></script>
652 653
653<script src="/js/CartelleApp.js"></script>
653 654 655
655<script> 656 window._gaq = [['_setAccount','UA-1588495-2'],['_trackPageview'],['_trackPageLoadTime']]; 657 Modernizr.load({ 658 load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js' 659 }); 660 </script>
660 661 662 <img src="/img/mobile_c_static1.jpg" style="display:none"> 663 <div id="export"></div> 664 </body> 665</html> 666 667
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.