Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--
- Overflow 1.1 by HTML5 UP
- html5up.net | @n33co
- Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
- -->
- <html>
- <head>
- <title>Oddworld: Soulstorm</title>
- <meta content="text/html; charset=utf-8" http-equiv="content-type">
- <meta content=
- "Oddworld: Soulstorm - the new game from Oddworld Inhabitants." name=
- "description">
- <meta content="oddworld,soulstorm,oddworld soulstorm,abe" name="keywords">
- <link href='https://fonts.googleapis.com/css?family=Oxygen:400,300,700'
- rel='stylesheet' type='text/css'>
- <script src="js/jquery.min.js">
- </script>
- <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.min.js"></script>
- <script src="js/jquery.poptrox.min.js">
- </script>
- <script src="js/skel.min.js">
- </script>
- <script src="js/init.js">
- </script>
- <script src="js/abereveal.js">
- </script>
- <noscript>
- <link href="css/skel-noscript.css" rel="stylesheet">
- <link href="css/stylei.css?random=875" rel="stylesheet"></noscript>
- <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
- <!-- Facebook Pixel Code -->
- <script>
- !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
- n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
- n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
- t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
- document,'script','//connect.facebook.net/en_US/fbevents.js');
- fbq('init', '1009014919173275');
- fbq('track', "PageView");</script>
- <noscript><img height="1" width="1" style="display:none"
- src="https://www.facebook.com/tr?id=1009014919173275&ev=PageView&noscript=1"
- /></noscript>
- <!-- End Facebook Pixel Code -->
- </head>
- <body>
- <div class="abevideo">
- <video autoplay loop poster="images/bg2.jpg" preload="auto" style="z-index: 0;position: absolute;margin-left: -640px;left:50%;top: 0px;margin-top: 0px;background:#000;">
- <source src="abeface1.mp4" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"'>
- </video>
- </div>
- <section id="header">
- <header>
- <h1>Oddworld: Soulstorm</h1>
- <p class="fadeindelay2">Oddworld Inhabitants, Inc</p>
- </header>
- <footer>
- <a class="button style2 scrolly scrolly-centered" href="#navintro">Read More</a>
- <div id="topper">
- <ul class="navjump" id="scrollnavlinks">
- <li><a class="scrolly" href="#navintro">Intro</a></li>
- <li><a class="scrolly" href="#navabehand">☑ Hand</a></li>
- <li><a class="scrolly" href="#navabechest">☑ Chest</a></li>
- <li><a class="scrolly" href="#navrevealbar">Reveal Abe</a></li>
- <li><a class="scrolly" href="#navabeface">☐ Face</a></li>
- <li><a class="scrolly" href="#navpress">Press Release</a></li>
- <li><a class="scrolly" href="#navmerch">Merchandise</a></li>
- <li><a class="scrolly" href="#navsignup">Sign Up</a></li>
- </ul>
- <ul class="icons">
- <li class="twittertopper"><a href="https://twitter.com/OddworldInc" class="twitter-follow-button" data-show-count="false" data-size="large" data-dnt="true">Follow @OddworldInc</a>
- <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></li>
- <li><a class="fa fa-facebook solo" href=
- "http://www.facebook.com/officialoddworld"><span>Facebook</span></a></li>
- <li><a class="fa fa-instagram solo" href=
- "https://www.instagram.com/oddworldinc/"><span>Instagram</span></a></li>
- </ul>
- </div>
- </footer>
- </section><!-- INTRODUCTION -->
- <section id="navintro" class="navsection">
- <section id="banner" style="margin:0;">
- <header>
- <h2>Introducing Soulstorm</h2>
- </header>
- <p>Witness Abe's horrifying conflict with a terrifying
- new machination.<br>
- A fresh narrative - a complete story retake inspired by our original
- tale.<br>
- A big visual and cinematic leap aiming to break new ground for
- Oddworld.<br>
- Intelligent new mechanics, twisted new devices enabling highly
- explosive deviousness.<br>
- A dark parable that tells an epic tale of a volatile society pushed to
- its limits.</p>
- <p> </p>
- <p> </p>
- <p style="font-size:0.8em;"><a href=
- "https://twitter.com/intent/follow?screen_name=oddworldinc">Follow us
- on Twitter</a> and <a href=
- "http://facebook.com/officialoddworld">Facebook</a> to learn more and
- help reveal Abe.</p>
- </section>
- </section>
- <section id="navabehand" class="navsection">
- <article class="container box style1 right" id="first">
- <div class="image full abereveal" style="background:#000;">
- <span class="gallery">
- <a href="handfull.jpg"><img src="handthumb.jpg" title="Oddworld: Soulstorm - Abe's hand"/></a>
- </span>
- <div class="revealdiv">
- <p>Abe's hand revealed! Thanks for helping us spread the word! Click above for detail.</p>
- <p></p>
- <div class="revealdivtwitter">
- <a class="twitter-follow-button" data-size="large" href=
- "https://twitter.com/OddworldInc">Follow @OddworldInc</a>
- </div>
- <p></p>
- </div>
- </div>
- <div class="inner">
- <header>
- <h2>Abe, as you've never seen him before.</h2>
- <p>Ravaged, desperate and hopelessly unprepared - with three
- hundred hungry mouths to lead across a brutal
- landscape of nasty surprises.</p>
- </header>
- <p></p>
- </div>
- </article>
- </section>
- <section class="box nobrpadding" id="banner">
- <header>
- <h2>"frustrating,<br>
- disgusting,<br>
- challenging,<br>
- thought-provoking<br>
- and relentlessly<br>
- entertaining"</h2>
- </header>
- <p>Rolling Stone Magazine<br>
- <a href=
- "http://www.rollingstone.com/culture/lists/cult-classics-a-z#oddworld">All
- time cult classic brands</a></p>
- </section>
- <section id="navabechest" class="navsection">
- <article class="container box style1 left">
- <div class="image full abereveal" style="background:#000;">
- <span class="gallery">
- <a href="chestfull.jpg"><img src="chestthumb.jpg" title="Oddworld: Soulstorm - Abe's chest" /></a>
- </span>
- <div class="revealdiv revealdown">
- <p>You did it! With 20k Twitter followers, we revealed Abe’s chest.</p>
- <p></p>
- <div class="revealdivtwitter">
- <a class="twitter-follow-button" data-size="large" href=
- "https://twitter.com/OddworldInc">Follow @OddworldInc</a>
- </div>
- <p></p>
- </div>
- </div>
- <div class="inner">
- <header>
- <h2>A dark, twisted trip into Abe's heart and soul.</h2>
- <p>In Soulstorm's devilishly twisted story, we’re telling an
- incendiary tale of uprising and infiltration against the latest
- in soul-sucking consumer products.</p>
- </header>
- </div>
- </article>
- </section>
- <section class="box nobrpadding" id="banner">
- <header>
- <h2>"Like a vending machine full of the titular drink, I'll be lapping Soulstorm up like a madman."</h2>
- </header>
- <p>@Caddicarus</p>
- </section>
- <section class="box nobrpadding container" id="banner">
- <form id="doesthiswork" name="doesthiswork" method="post">
- <fieldset>
- <div style="text-align:center;padding:20px 0 20px 20px;background:#004907;">
- <a href="http://www.twitter.com/edmudokon">@edmudokon</a> /
- <span class="gallery">
- <a href="ed/squares_codes_01.jpg" title="[ed]">X</a>
- <a href="ed/squares_codes_02.jpg" title="[ed]">X</a>
- <a href="ed/squares_tasks_03.jpg" title="[ed]">O</a>
- <a href="ed/squares_codes_04.jpg" title="[ed]">X</a>
- <a href="ed/GE3IJNSA.jpg" title="[ed]">X</a>
- <a href="ed/squares_codes_06.jpg" title="[ed]">X</a>
- <a href="ed/squares_07.jpg" title="[ed]">-</a>
- <a href="ed/squares_codes_08.jpg" title="[ed]">X</a>
- <a href="ed/squares_09.jpg" title="[ed]">-</a>
- </span>
- </div>
- <input type="message" name="message" id="message" size="30" value="" required style="margin-top:5%;" />
- <input id="submit" type="submit" name="submit" value="Send" class="sendbutton" />
- <div id="formresponse">...</div>
- <div id="formerror"></div>
- </fieldset>
- </form>
- </section>
- <section id="navrevealbar" class="navsection">
- <section class="box nobrpadding" id="banner">
- <header class="container">
- <h2>Reveal Abe</h2>
- </header>
- <div class="twittercount container">
- <div class="countholder">
- <div class="countcurrently" style="width:74.375%"></div>
- </div>
- <div class="countmarkers">
- <div class="countmarker marker2">
- <strike>Hands</strike>
- </div>
- <div class="countmarker marker3">
- <strike>Chest</strike>
- </div>
- <div class="countmarker marker4">
- Face
- </div>
- </div>
- </div>
- <p>Follow us now to help reveal Abe.</p>
- <p> </p>
- <p><a class="twitter-follow-button" data-size="large" href=
- "https://twitter.com/OddworldInc">Follow @OddworldInc</a></p>
- </section>
- </section>
- <section id="navabeface" class="navsection">
- <article class="container box style1 right" id="first">
- <div class="image full abereveal aberevealmain ">
- <video autoplay loop poster="images/reveal4.jpg" preload="auto" style="z-index: 0;position: absolute;margin-left: -400px;left:50%;top: 0px;margin-top: 0px;background:#000;">
- <source src="abefacetwitchingbox.mp4" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"'>
- <img src="abefacetwitch400.gif" width="800"/>
- </video>
- <div class="revealdiv revealdown">
- <p>Help reveal Abe! Enough followers and we'll reveal his face,
- stitched-lips and all!</p>
- <p></p>
- <div class="revealdivtwitter">
- <a class="twitter-follow-button" data-size="large" href=
- "https://twitter.com/OddworldInc">Follow @OddworldInc</a>
- </div>
- <p></p>
- <p class="revealdivsmall">In Soulstorm, see Abe as you've never
- seen him before, in amazing new detail designed to show off
- every nuance of his ravaged self. Follow us on Twitter and
- we'll show you. Fancy yourself as Abe? Take your best
- stitch-lips photo and hashtag it #soulstorm!</p>
- </div>
- </div>
- <div class="inner">
- <header>
- <h2>A diabolical new storm is brewing</h2>
- <p>Introducing a brand new brew of highly volatile flavors
- packed into one relentlessly addictive experience.</p>
- </header>
- <p></p>
- </div>
- </article>
- </section>
- <!-- PRESS RELEASE -->
- <section id="navpress" class="navsection">
- <article class="container box style2 altbuttoncolour left pressbox" id=
- "pressr">
- <header class="headerwide" id="pressbox">
- <h2>Press Release</h2>
- <p class="prclickgo">(click for the sticky details)</p>
- <div id="presshidden">
- <p> </p>
- <p class="pressrelease"><strong>Oddworld:
- Soulstorm</strong></p>
- <p class="pressrelease">San Francisco, March 14th 2016</p>
- <p class="pressrelease">Oddworld Inhabitants Inc. are today
- proud to announce <strong>Oddworld: Soulstorm</strong>, now
- being co-developed by Oddworld’s own internal teams in
- California and the UK; and in conjunction with Frima Studio in
- Québec, Canada.</p>
- <p class="pressrelease">A follow-up to the critically
- acclaimed* release of Oddworld: New ‘n’ Tasty,
- <strong>Oddworld: Soulstorm</strong> picks up from Abe’s
- genesis and directly follows on from the overthrow of
- RuptureFarms and the liberation of his blighted workmates.</p>
- <p class="pressrelease">Having defeated Molluck The Glukkon,
- his former boss and RuptureFarms’ meanest inhabitant, Abe soon
- finds himself - along with 300 newly emancipated Mudokons -
- without food, water or a place to call home. Stranded alone in
- the desert, they find solace in a strange new brew - a
- delicious drink that has insidious ramifications for
- their newfound freedom.</p>
- <p class="pressrelease">"There was a deeper, darker, and more
- sinister story that we never got to tell," explains series
- creator, Lorne Lanning. "<strong>Soulstorm</strong> gives us
- the opportunity to flesh out more meat on the bones of an
- original spine, but re-tell the fable from a very different
- angle."</p>
- <p class="pressrelease">"Abe has a long way to go and plenty
- more adversity ahead. Soulstorm is going to be a much heavier
- trip for him."</p>
- <p class="pressrelease"><strong>Oddworld: Soulstorm</strong>
- will continue to chew up the themes of environmentalism,
- capitalism, consumerism and addiction that critics and fans
- found so engaging in the "AAA Indie" release of Oddworld’s last
- pensive platformer, New ’n’ Tasty.</p>
- <p class="pressrelease">"We can’t wait to show you what we’ve
- got planned for <strong>Soulstorm</strong>" says
- executive producer Bennie Terry.</p>
- <p class="pressrelease">"We think Oddworld fans are really
- going to dig what we’re brewing, and we’ve got some great
- surprises in store this time around we don’t think anybody’s
- going to predict," he added. "I've been tasting it, and it's
- definitely got twice the twisted flavor."</p>
- <p class="pressrelease"><strong>Soulstorm</strong>, the highly
- volatile new game from Oddworld, is slated to explode in the latter half of 2017.</p>
- <p class="pressrelease">To feel the heat, please see our
- website at <a href="http://www.oddworld.com/">oddworld.com</a>
- and follow us on <a href=
- "http://twitter.com/oddworldinc/">Twitter</a> and <a href=
- "http://www.facebook.com/officialoddworld/">Facebook</a>, where
- we will be revealing an all new Abe for Soulstorm. For details,
- please check <a href=
- "http://www.oddworld.com/">oddworld.com</a>.</p>
- <p class="pressreleasefooter"><em>* New 'n' Tasty - <a href=
- "http://www.metacritic.com/game/pc/oddworld-abes-oddysee---new-n-tasty">
- 87% Metacritic</a> and #11 Best PC Game of 2015</em></p>
- </div>
- </header>
- </article>
- </section>
- <section id="navmerch" class="navsection">
- <article class="container box style2 altbuttoncolour">
- <header class="headerwide">
- <h2>Official Merchandise</h2>
- <p>Available now, a new range of official Oddworld merchandise to complete the set, with worldwide shipping.</p>
- <p>Exclusively from <a href="http://www.gametee.co.uk/category/oddworld">Gametee</a></p>
- </header>
- <div class="inner " style="background:none;">
- <div class="row flush">
- <div class="3u"><a href="http://www.gametee.co.uk/category/oddworld" class="image full"><img src="mercimages/m1t.jpg" alt="" title="Available Now" /></a></div>
- <div class="3u"><a href="http://www.gametee.co.uk/category/oddworld" class="image full"><img src="mercimages/m2t.jpg" alt="" title="Available Now" /></a></div>
- <div class="3u"><a href="http://www.gametee.co.uk/category/oddworld" class="image full"><img src="mercimages/m3t.jpg" alt="" title="Available Now" /></a></div>
- <div class="3u"><a href="http://www.gametee.co.uk/category/oddworld" class="image full"><img src="mercimages/m4t.jpg" alt="" title="Available Now" /></a></div>
- </div>
- <div class="row flush">
- <div class="3u"><a href="http://www.gametee.co.uk/category/oddworld" class="image full"><img src="mercimages/m5t.jpg" alt="" title="Available Now" /></a></div>
- <div class="3u"><a href="http://www.gametee.co.uk/category/oddworld" class="image full"><img src="mercimages/m6t.jpg" alt="" title="Available Now" /></a></div>
- <div class="3u"><a href="http://www.gametee.co.uk/category/oddworld" class="image full"><img src="mercimages/m7t.jpg" alt="" title="Available Now" /></a></div>
- <div class="3u"><a href="http://www.gametee.co.uk/category/oddworld" class="image full"><img src="mercimages/badges.jpg" alt="" title="Available April 8" /></a></div>
- </div>
- </div>
- </article>
- </section>
- <section id="navsignup" class="navsection">
- <article class="container box style3">
- <header>
- <h2>Keep up with the heat on Soulstorm and help unlock reveals
- along the way</h2>
- <p>Subscribe for all the sticky details and help us shape the
- game.</p>
- <p>100 chosen subscribers, as divined by tossings of the paramite's
- claw, will be emailed a free copy of <a href=
- "http://store.steampowered.com/app/314660/">New 'n' Tasty on
- Steam</a>.</p>
- <p class="reviewscore">87% Metacritic, 91% Steam User Reviews</p>
- </header>
- <link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel=
- "stylesheet" type="text/css">
- <style type="text/css">
- #mc_embed_signup{background:#505050; clear:left; font:14px Helvetica,Arial,sans-serif; }
- </style>
- <div id="mc_embed_signup">
- <form action=
- "//oddworld.us3.list-manage.com/subscribe/post?u=2b6dca21053bc375cbdad7077&id=722cc85d6f"
- class="validate" id="mc-embedded-subscribe-form" method="post"
- name="mc-embedded-subscribe-form" novalidate target="_blank">
- <div id="mc_embed_signup_scroll">
- <div class="indicates-required">
- <span class="asterisk">*</span> indicates required
- </div>
- <div class="mc-field-group">
- <label for="mce-EMAIL">Email Address <span class=
- "asterisk">*</span></label> <input class=
- "required email" id="mce-EMAIL" name="EMAIL" type=
- "email" value="">
- </div>
- <div class="mc-field-group">
- <label for="mce-FNAME">First Name</label> <input class=
- "" id="mce-FNAME" name="FNAME" type="text" value="">
- </div>
- <div class="mc-field-group">
- <label for="mce-LNAME">Last Name</label> <input class=
- "" id="mce-LNAME" name="LNAME" type="text" value="">
- </div>
- <div class="mc-field-group input-group">
- <strong>Email Format</strong>
- <ul>
- <li><input id="mce-EMAILTYPE-0" name="EMAILTYPE"
- type="radio" value="html"><label for=
- "mce-EMAILTYPE-0">html</label></li>
- <li><input id="mce-EMAILTYPE-1" name="EMAILTYPE"
- type="radio" value="text"><label for=
- "mce-EMAILTYPE-1">text</label></li>
- </ul>
- </div>
- <div class="clear" id="mce-responses">
- <div class="response" id="mce-error-response" style=
- "display:none"></div>
- <div class="response" id="mce-success-response" style=
- "display:none"></div>
- </div>
- <div aria-hidden="true" style=
- "position: absolute; left: -5000px;">
- <input name="b_2b6dca21053bc375cbdad7077_722cc85d6f"
- tabindex="-1" type="text" value="">
- </div>
- <div class="clear">
- <input class="button" id="mc-embedded-subscribe" name=
- "subscribe" type="submit" value="Subscribe">
- </div>
- </div>
- </form>
- </div>
- <script src=
- '//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js' type=
- 'text/javascript'>
- </script>
- <script type='text/javascript'>
- fbq('track', 'ViewContent');
- (function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);
- </script>
- <div class="owilogo"><img alt="oddworld logo" src="owilogo.png"></div>
- </article>
- </section>
- <div style="margin:4.5em auto 0;width:320px;">
- <blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Introducing Oddworld: Soulstorm. <a href="https://t.co/EMWN5PFZyv">https://t.co/EMWN5PFZyv</a> (please retweet) <a href="https://twitter.com/hashtag/soulstorm?src=hash">#soulstorm</a> <a href="https://t.co/43NhilHgVB">pic.twitter.com/43NhilHgVB</a></p>— Oddworld Inhabitants (@OddworldInc) <a href="https://twitter.com/OddworldInc/status/709379137870258181">March 14, 2016</a></blockquote>
- <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
- </div>
- <section id="footer">
- <ul class="icons">
- <li><a class="fa fa-twitter solo" href=
- "http://www.twitter.com/oddworldinc"><span>Twitter</span></a></li>
- <li><a class="fa fa-facebook solo" href=
- "http://www.facebook.com/officialoddworld"><span>Facebook</span></a></li>
- <li><a class="fa fa-instagram solo" href=
- "https://www.instagram.com/oddworldinc/"><span>Instagram</span></a></li>
- </ul>
- <div class="copyright">
- <ul class="menu">
- <li>© <a href="http://www.oddworld.com/">Oddworld
- Inhabitants, Inc.</a> - All rights reserved.</li>
- </ul>
- <ul class="menu">
- <li>Press? Please <a href="mailto:[email protected]">contact
- us</a> for any additional requirements.</li>
- </ul>
- <ul class="menu">
- <li><a href="http://www.oddworld.com/">Main Oddworld Site</a></li>
- </ul>
- </div>
- </section>
- <section id="credit">
- <p>Template: Overflow, by <a href="http://html5up.net/">HTML5
- UP</a> (<a href="https://twitter.com/n33co">@n33co</a>) | modified in-house | <a href=
- "http://creativecommons.org/licenses/by/3.0/">CCA 3.0</a> | <a href="http://www.oddworld.com/privacy-policy/">privacy policy</a></p>
- </section>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment