Created
June 13, 2012 00:27
-
-
Save brettgaylor/2920994 to your computer and use it in GitHub Desktop.
Robots HTML
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html><head><base href="http://pr475.butyr.org/templates/supported/robots/"><style type="text/css">@media print { .gmnoprint { display:none }}@media screen { .gmnoscreen { display:none }}</style> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <title>Robots</title> | |
| <meta name="viewport" content="width=device-width"> | |
| <link href="http://fonts.googleapis.com/css?family=Jolly+Lodger%7CBangers%7CLato%7CFredericka+the+Great%7CLovers+Quarrel" rel="stylesheet" type="text/css"> | |
| <link rel="stylesheet" href="../shared/css/normalise.css"> | |
| <link rel="stylesheet" href="css/style.css"> | |
| <link rel="stylesheet" href="../shared/css/popcorn.transitions.css"> | |
| <link rel="stylesheet" href="../shared/plugins/zoink/popcorn.zoink.css"> | |
| <link href="../../../css/butter.ui.css" rel="stylesheet"><script type="text/javascript" src="../../../external/popcorn-js/popcorn.js"></script><script type="text/javascript" src="../../../external/popcorn-js/modules/player/popcorn.player.js"></script><script src="../../../external/popcorn-js/plugins/text/popcorn.text.js"></script><script src="../../../templates/supported/shared/plugins/speak/popcorn.speak.js"></script><script src="../../../templates/supported/shared/plugins/zoink/popcorn.zoink.js"></script><script src="../../../templates/supported/shared/plugins/titles/popcorn.titles.robots.js"></script><script src="../../../templates/supported/shared/plugins/photo/popcorn.photo.js"></script><script src="../../../templates/supported/shared/plugins/googlemap/popcorn.googlemap.js"></script><script src="../../../templates/supported/shared/plugins/flickr/popcorn.flickr.js"></script><script src="http://maps.gstatic.com/cat_js/intl/en_us/mapfiles/api-3/9/2/%7Bcommon,util,geocoder%7D.js" charset="UTF-8" type="text/javascript"></script><script src="http://maps.gstatic.com/cat_js/intl/en_us/mapfiles/api-3/9/2/%7Bmap%7D.js" charset="UTF-8" type="text/javascript"></script><script src="http://maps.gstatic.com/cat_js/intl/en_us/mapfiles/api-3/9/2/%7Bstats,onion%7D.js" charset="UTF-8" type="text/javascript"></script><script src="http://maps.gstatic.com/cat_js/intl/en_us/mapfiles/api-3/9/2/%7Bcontrols%7D.js" charset="UTF-8" type="text/javascript"></script><script src="http://maps.gstatic.com/cat_js/intl/en_us/mapfiles/api-3/9/2/%7Bmarker%7D.js" charset="UTF-8" type="text/javascript"></script></head><body class="butter-header-spacing butter-tray-spacing minimized"> | |
| <div class="inner-container"> | |
| <div class="wrapper"> | |
| <header> | |
| <h2 id="logo" class="logo on">Robots in everytown</h2> | |
| </header> | |
| <div role="main"> | |
| <section id="video-container" role="video-container"> | |
| <video src="http://videos-cdn.mozilla.net/serv/webmademovies/robots.webm" tabindex="0" id="video" preload="" controls="controls"> | |
| <source src="http://videos-cdn.mozilla.net/serv/webmademovies/robots.mp4"> | |
| <source src="http://videos-cdn.mozilla.net/serv/webmademovies/robots.ogv"> | |
| <source src="http://videos-cdn.mozilla.net/serv/webmademovies/robots.webm"> | |
| </video> | |
| <div class="video-overlay"> | |
| <div class="text-overlay"> | |
| <div id="top-title"></div> | |
| <div id="mid-title"></div> | |
| <div id="bottom-title"></div> | |
| </div> | |
| </div> | |
| <div id="video-overlay" class="video-overlay"></div> | |
| </section> | |
| <section role="suplementary" class="cf"> | |
| <article id="Supplementary1" class="block"> | |
| </article> | |
| <article class="block"> | |
| </article> | |
| <article id="Supplementary2" class="block"> | |
| </article> | |
| </section> | |
| </div> | |
| <footer> | |
| <span>Creative commons</span> | |
| </footer> | |
| </div><!--.wrapper--> | |
| </div><!--.inner-container--> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> | |
| <script type="text/javascript">(function(){ | |
| var popcorn = Popcorn.smart( '#video', 'http://videos-cdn.mozilla.net/serv/webmademovies/robots.webm', {"frameAnimation":false} ); | |
| popcorn.speak({ | |
| "start": 38.082, | |
| "end": 41.081, | |
| "target": "top-title", | |
| "text": "we must destroy them all", | |
| "showText": false, | |
| "amplitude": "", | |
| "wordgap": "0", | |
| "pitch": "0", | |
| "speed": "0", | |
| "pluginPath": "../shared/plugins/speak/" | |
| }); | |
| popcorn.speak({ | |
| "start": 54.609, | |
| "end": 55.609, | |
| "target": "top-title", | |
| "text": "YOU MUST NOW TELL THE OTHERS OF OUR CONQUEST!", | |
| "showText": false, | |
| "amplitude": "", | |
| "wordgap": "0", | |
| "pitch": "80", | |
| "speed": "80", | |
| "pluginPath": "../shared/plugins/speak/" | |
| }); | |
| popcorn.speak({ | |
| "start": 24.551, | |
| "end": 29.642, | |
| "target": "top-title", | |
| "text": "We have come for this human - he is strong", | |
| "showText": false, | |
| "amplitude": "", | |
| "wordgap": "0", | |
| "pitch": "20", | |
| "speed": "120", | |
| "pluginPath": "../shared/plugins/speak/" | |
| }); | |
| popcorn.speak({ | |
| "start": 32.96156578783416, | |
| "end": 35.02191450484101, | |
| "target": "top-title", | |
| "text": "the only thing that can stop them is this object", | |
| "showText": false, | |
| "amplitude": "", | |
| "wordgap": "0", | |
| "pitch": "70", | |
| "speed": "70", | |
| "pluginPath": "../shared/plugins/speak/" | |
| }); | |
| popcorn.speak({ | |
| "start": 10.881, | |
| "end": 12.158, | |
| "target": "top-title", | |
| "text": "We robots have come to install order on earth. Our invasion will be centered at this location", | |
| "showText": false, | |
| "amplitude": "", | |
| "wordgap": "0", | |
| "pitch": "100", | |
| "speed": "60", | |
| "pluginPath": "../shared/plugins/speak/" | |
| }); | |
| popcorn.speak({ | |
| "start": 7.323, | |
| "end": 9.198, | |
| "target": "top-title", | |
| "text": "so very weak", | |
| "showText": false, | |
| "amplitude": "", | |
| "wordgap": "0", | |
| "pitch": "100", | |
| "speed": "120", | |
| "pluginPath": "../shared/plugins/speak/" | |
| }); | |
| popcorn.photo({ | |
| "start": 24.481196999999998, | |
| "end": 30.060957, | |
| "target": "video-overlay", | |
| "src": "http://media.techworld.com/cmsdata/news/3213248/chucknorris.jpg", | |
| "href": "", | |
| "width": "500", | |
| "height": "500", | |
| "top": "100", | |
| "left": "200" | |
| }); | |
| popcorn.zoink({ | |
| "start": 30.49485575863204, | |
| "end": 32.9224219865747, | |
| "target": "top-title", | |
| "text": "Gotta dance!", | |
| "type": "thought", | |
| "triangle": "top left", | |
| "flip": true, | |
| "classes": "fx", | |
| "order": "1", | |
| "top": "200", | |
| "left": "275", | |
| "width": "200" | |
| }); | |
| popcorn.googlemap({ | |
| "start": 18.83169, | |
| "end": 24.41145, | |
| "target": "video-overlay", | |
| "type": "STAMEN-TONER", | |
| "zoom": 10, | |
| "lat": "49.264810770785395", | |
| "lng": "-123.2402695734375", | |
| "location": "", | |
| "heading": "", | |
| "pitch": 1 | |
| }); | |
| popcorn.speak({ | |
| "start": 5.161, | |
| "end": 7.454, | |
| "target": "top-title", | |
| "text": "The human beings", | |
| "showText": false, | |
| "amplitude": "", | |
| "wordgap": "0", | |
| "pitch": "100", | |
| "speed": "100", | |
| "pluginPath": "../shared/plugins/speak/" | |
| }); | |
| popcorn.titles({ | |
| "start": 57.059, | |
| "end": 62.146, | |
| "target": "top-title", | |
| "text": "Share on twitter! Use hashtag #allhailrobots", | |
| "styles": "Top Title", | |
| "transitionSpeed": "normal" | |
| }); | |
| popcorn.titles({ | |
| "start": "0", | |
| "end": 2.361, | |
| "target": "top-title", | |
| "text": "ALL HAIL ROBOTS!", | |
| "styles": "Top Title", | |
| "transitionSpeed": "slow" | |
| }); | |
| popcorn.flickr({ | |
| "start": 33.06, | |
| "end": 37.873, | |
| "target": "top-title", | |
| "userid": "", | |
| "tags": "kitten", | |
| "username": "", | |
| "apikey": "", | |
| "height": "200", | |
| "width": "200", | |
| "padding": "0", | |
| "border": "0", | |
| "numberofimages": "10" | |
| }); | |
| return popcorn; | |
| }());</script></body></html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment