Skip to content

Instantly share code, notes, and snippets.

@raphaelsaunier

raphaelsaunier/gist:643562

Created October 24, 2010 14:23
Show Gist options
  • Save raphaelsaunier/643562 to your computer and use it in GitHub Desktop.
Save raphaelsaunier/643562 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<title>Big Movie Weekend - Home</title>
<style type="text/css" media="screen">
@import "http://www.virginmedia.com/partners/movies/ostmodern/vm.css";
</style>
<style type="text/css" media="screen">
#bmv-main{background:black url('img/css/main-background.jpg') repeat-y top center;
height:auto;margin:0 auto;padding-bottom:35px;text-align:left;width:940px;}
#bmw-top_frame {background:black url('img/css/top_frame-background.jpg') no-repeat; height:620px;position:relative;}
#bmw-search_bar {position:absolute;top:0px;width:100%;height:40px;}
#bmw-breadcrumbs {position:absolute;top:40px;width:100%; height:30px;}
#virgin_media_movie_weekend {text-indent:-9999px;}
#bmw-movies_box {width:876px;height: 419px;position:absolute; top:172px;left:32px;overflow:hidden;}
#bmw-player {height:420px;}
#bmw-movies_box-copy {width:430px;float:left;color:white;}
#bmw-movies_box-copy .step {width:33px;height:33px;display:block;float:left;background:url('img/css/steps.jpg') top left;margin-right:10px;}
#bmw-movies_box-copy .s2 {background-position:0 66px;}
#bmw-movies_box-copy .s3 {background-position:0 33px;}
#bmw-movies_box-copy h2 {font-size:18px;margin:0;padding:5px 15px;}
#bmw-movies_box-copy h3 {font-size:14px; padding:10px 15px 0px 15px;margin:0;}
#bmw-movies_box-copy p {color:#d1d1d1;padding:10px 15px;font-size:12px;line-height:17px;}
#bmw-movies_box-copy p strong {color:white;}
#bmw-movies_box-copy a {color:white;text-decoration:underline;}
#bmw-movies_box-copy ol {padding:5px 10px;list-style:none;}
#bmw-movies_box-copy ol li {margin:8px 5px;font-size:13px;}
#bmw-movies_box-movies {width:430px;float:right;overflow:hidden;}
#bmw-panels {margin:0 20px;overflow:hidden;}
#bmw-panels a {color:#cc0000;text-decoration:underline;}
#bmw-panels h2 {font-weight:bold;font-size:16px;padding:14px;margin:0px;text-transform:uppercase;color:#333;}
#bmw-panels p {padding: 7px 14px 14px 14px;font-size:12px;line-height:17px;}
#bmw-panels .panel {border:1px solid white; background:url('img/css/panel-background.jpg');margin-bottom:20px;
-moz-box-shadow:black 0px 2px 5px;-webkit-box-shadow:black 0px 2px 5px;box-shadow:black 0px 2px 5px;}
#bmw-panels .left {width:592px;float:left;}
#bmw-panels .right {width:289px;float:right;}
ul#bmw-movies {list-style:disc; margin:0 40px;color:#cc0000;font-weight:bold;width:592px;}
#bmw-movies li {width:270px;float:left;padding:2px 0;}
#bmw-movies li a.title {padding:2px;font-weight:normal;color:#333;text-decoration:none;}
#bmw-movies li a.title:hover {color:#cc0000;text-decoration:underline;}
#bmw-movies li .copyright {display:none;}
#bmw-movies_box-movies {margin:20px 5px;}
#bmw-movies_box-movies h3 {text-align:center;color:white;text-transform:uppercase;letter-spacing:2px;position:relative;
margin-bottom:5px;padding-top:2px;}
#bmw-movies_box-movies h3 a {display:block;height:22px;width:23px;position:absolute;background:url('img/css/prev-next.jpg');top:0px;}
#bmw-movies_box-movies h3 a.prev {left:10px;}
#bmw-movies_box-movies h3 a.next {right:10px;background-position:-23px 0;}
#bmw-movies_box-movies .inner {width:710px;}
#bmw-movies_box-movies .movie {width:122px;height:95px;margin:10px; float:left;display:block;cursor:pointer;}
#bmw-movies_box-movies .movie:hover img {border-color:white;}
#bmw-movies_box-movies .movie img {padding:1px; border:1px solid gray;}
#bmw-movies_box-movies .movie .title {font-size:11px;text-align:center;color:white;padding:3px;}
.clear {clear:both;}
/* Overrides */
#VM-footer-legal-strip {border-top:0px !important;}
#VM-footer-legal-strip li a:hover {font-size:10px !important;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
<script type="text/javascript">
String.prototype.slugify = function(){
return this.replace(/\s+/ig, '_').replace(/[^a-zA-Z0-9_,&]+/ig, '').toLowerCase();
}
$(function(){
window.BMW = {};
BMW.playlist = []
$("#bmw-movies li").each(function(i, item){
var title = $(item).find(".title").html();
var handle = title.slugify();
$("<div />").addClass("movie").attr("id",handle)
.append($("<img />").attr("src","img/assets/screenshots/"+handle+".jpg"))
.append($("<div />").addClass("title").html(title))
.appendTo("#bmw-movies_box-movies .inner")
});
});
</script>
</head>
<body>
<!--
<script type="text/javascript" src="http://www.virginmedia.com/partners/movies/ostmodern/vm.php"></script>
<script type="text/javascript" src="http://www.virginmedia.com/partners/movies/ostmodern/header-js-tp.php"></script>
<script type="text/javascript" src="http://www.virginmedia.com/partners/movies/ostmodern/banner-js.php"></script>
<script type="text/javascript" src="http://www.virginmedia.com/partners/movies/ostmodern/header-js-bt.php?select=2"></script> -->
<div id="wrap-middle">
<div class="movies-titlebar"></div>
<div id="bmv-main">
<div id="bmw-top_frame">
<form action="/Search/" id="searchForm">
<div id="bmw-search_bar">
<label for="searchQuery"></label><h3>Search Online Movies</h3>
<input type="text" maxlength="100" value="" name="searchQuery" id="searchQuery" class="search_text" />
<span class="input-button"><span id="search_submit_styled" class="input-submit js_no_show">Search</span>
<input type="submit" value="Search" name="search" class="input-submit" /></span>
</div>
</form>
<div id="bmw-breadcrumbs">
</div>
<div id="bmw-movies_box">
<div id="bmw-overview">
<div id="bmw-movies_box-copy">
<h1 id="virgin_media_movie_weekend">Virgin Media Movie Weekend</h1>
<h2>£5 off a great night in</h2>
<p>A movie and a meal make a great night in, don’t they? We’ve teamed up with Just Eat to deliver just that.
So, order one of The Big Movie Weekend movies between
<strong>12th and 14th November</strong> and you’ll get £5 off any Just Eat takeaway. OK, here’s what you need to do:</p>
<ol>
<li><span class="step s1"></span>Go to Virgin TV’s Movies On Demand and select Big Movie Weekend </li>
<li><span class="step s2"></span>Buy a movie and watch the opening bit (we call this a pre-roll) –
for your takeaway discount code </li>
<li><span class="step s3"></span>Go to <a href="http://just-eat.co.uk/virgin">just-eat.co.uk/virgin</a>, order
your takeaway using your code</li>
</ol>
<h3>It’s that simple</h3>
<p>Sit back, relax and enjoy a great movie and dinner delivered to your door. And don’t worry.
You can start the movie before your takeaway arrives and stop, pause or rewind your movie if and when you need to.
</p>
</div>
<div id="bmw-movies_box-movies">
<h3>Trailers <a href="#" class="prev"></a><a href="#" class="next"></a></h3>
<div class="inner">
</div>
</div>
</div>
<div class="clear"></div>
<div id="bmw-player">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</div><!-- end #bmw-movies_box -->
</div><!-- end #bmw-top_frame -->
<div id="bmw-panels">
<div class="left">
<div class="panel">
<h2>What’s on The menu?</h2>
<ul id="bmw-movies">
<li>
<a class="title" href="#">Astro Boy</a>
<span class="quality"></span>
<span class="copyright">2010 Imagi Crystal Limited. Original Manga
c. Tezuka Productions Co. Ltd. c. 2010 Summit Entertainment, LLC. </span>
</li>
<li>
<a href="#" class="title">Bad Lieutenant</a>
<span class="quality"></span>
<span class="copyright">Lions Gate Home Entertainment UK Ltd.</span>
</li>
<li>
<a href="#" class="title">Brooklyn’s Finest</a>
<span class="quality"></span>
<span class="copyright">2009 Brooklyn’s Finest Productions, Inc.</span>
</li>
<li>
<a href="#" class="title">Centurion</a>
<span class="quality"></span>
<span class="copyright">2010 Warner Bros. Entertainment Inc.</span>
</li>
<li>
<a href="#" class="title">Clash of the Titans</a>
<span class="quality"></span>
<span class="copyright">2010 Warner Bros. Entertainment Inc.</span>
</li>
<li>
<a href="#" class="title">Cop Out</a>
<span class="quality"></span>
<span class="copyright">2010 Warner Bros. Entertainment Inc.</span>
</li>
<li>
<a href="#" class="title">From Paris With Love</a>
<span class="quality"></span>
<span class="copyright">2010 Warner Bros. Entertainment Inc.</span>
</li>
<li>
<a href="#" class="title">Kick-Ass</a>
<span class="quality"></span>
<span class="copyright">2010 Universal Studios.</span>
</li>
<li>
<a href="#" class="title">Killers</a>
<span class="quality"></span>
<span class="copyright">Lions Gate Home Entertainment UK Ltd.</span>
</li>
<li>
<a href="#" class="title">Legion</a>
<span class="quality"></span>
<span class="copyright">2010 CPT Holdings, Inc.</span>
</li>
<li>
<a href="#" class="title">Nightmare on Elm Street</a>
<span class="quality"></span>
<span class="copyright">2010 Warner Bros. Entertainment Inc.</span>
</li>
<li>
<a href="#" class="title">Prince of Persia: The Sands of Time</a>
<span class="quality"></span>
<span class="copyright">Disney Enterprises, Inc. and Jerry Bruckheimer Inc.</span>
</li>
<li>
<a href="#" class="title">Robin Hood</a>
<span class="quality"></span>
<span class="copyright">2010 Universal Studios.</span>
</li>
<li>
<a href="#" class="title">The Ghost</a>
<span class="quality"></span>
<span class="copyright">2010 Optimum Releasing.</span>
</li>
</ul>
<div class="clear"></div>
<h2>I’m still not sure how to get my code…</h2>
<p>
After you’ve purchased a Big Movie Weekend film, start watching it and you’ll see a short video containing your code to receive your £5 takeaway discount. Made a note of it? Good. Now go to <a href="http://just-eat.co.uk/virgin">just-eat.co.uk/virgin</a>, enter your postcode and pick a local takeaway. Then, order what you want to eat, enter the discount code and pay using a credit or debit card as you can only get the £5 discount when you make a card payment.
For FAQs and Legal stuff, take a look at the info below.</p></div>
<div class="panel">
<h2>FAQ</h2>
</div>
<div class="panel">
<h2>Terms &amp; Conditions</h2></div>
</div>
<div class="right">
<div class="panel">
<h2>Tell me more</h2></div>
<div class="panel">
<h2>What is Movies on demand?</h2></div>
<div class="panel">
<h2 id="just-eat">Just Eat</h2></div>
</div>
</div>
</div> <!-- end #bmw-main -->
</div> <!-- end #wrap-mîddle -->
<!-- <script type="text/javascript" src="http://www.virginmedia.com/partners/movies/ostmodern/footer-js.php"></script>
<script type="text/javascript" src="http://www.virginmedia.com/partners/movies/ostmodern/richmedia-js.php"></script> -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment