Skip to content

Instantly share code, notes, and snippets.

@rogierslag

rogierslag/whatsapp_og.html

Created August 12, 2016 11:46
Show Gist options
  • Save rogierslag/dfb56f7897442fa367e2bd7facd21d41 to your computer and use it in GitHub Desktop.
Save rogierslag/dfb56f7897442fa367e2bd7facd21d41 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
whatsapp_og.html
<html>
<head>
<title>inventid</title>
<!-- Browser preloading assets -->
<link rel="dns-prefetch" href="//cdn.inventid.nl/">
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="dns-prefetch" href="//www.google-analytics.com">
<link rel="dns-prefetch" href="//rum-static.pingdom.net">
<link rel="dns-prefetch" href="//browser-update.org">
<link rel="dns-prefetch" href="//rum-collector.pingdom.net">
<link rel="dns-prefetch" href="//rum-collector.pingdom.net">
<link rel="prefetch" href="//fonts.googleapis.com">
<!-- Load as much CSS as possible, so our own before the fonts (because rendering can already start -->
<link rel="stylesheet" media="all" href="//cdn.inventid.nl/assets/shop-a74dfea6cb8081b9937ec6571c4b293d.css">
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link rel="shortcut icon" type="image/x-icon" href="//cdn.inventid.nl/assets/favicon-45dad802534972e6254f6e00b2c1db59.ico">
<!-- Load our own js first, since we need the templates directly when the app is initialized -->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<!-- The scripts for GA and Pingdom both run async, so we can safely put them here! -->
<meta property="og:title" content="I'm going to Landslide :)">
<meta property="og:description" content="Fancy going to Landslide as well? Buy your tickets now!">
<meta property="og:url" content="https://shop.inventid.nl/203">
<meta property="og:image" content="https://cameo.inventid.nl/f585f18c084dc998fafdc408a129fd906ff1535d/68747470733a2f2f637573746f6d6572696d616765732e696e76656e7469642e6e6c2f62323433373264362d393031382d343334332d623237632d6561666664616465333630655f313430305f3830302e6a7067">
<meta property="twitter:title" content="I'm going to Landslide :)">
<meta property="twitter:description" content="Fancy going to Landslide as well? Buy your tickets now!">
<meta property="fb:app_id" content="1578661485705448">
</head>
<body style="">
<div class="window" rv-view="view">
<div>
<nav class="navbar navbar-top" role="navigation">
<div class="container">
<div class="navbar-header">
<div class="col-xs-12 col-sm-10"> <a class="company" href="#">invent<span>id</span> <img alt="" height="34px" src="//cdn.inventid.nl/assets/logo_white-7ba7e721d03f519f4ce2f4a53f0b3922.png"> <small class="hidden-xs">Subscriptions</small> <small class="visible-xs-inline">Landslide</small> </a> </div>
<div class="hidden-xs col-sm-2 language-picker text-right">
<div class="nav-element dropdown full-width text-right">
<div class="dropdown-toggle grey-text text-uppercase" data-toggle="dropdown"> en <i class="fa fa-lg fa-language"></i> </div>
<ul class="dropdown-menu black-text">
<li class="full-width hover sub-tab lang-nl">Nederlands</li>
<li class="full-width hover sub-tab lang-en">English</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<div class="container">
<div class="header row">
<nav class="shop-nav left col-sm-4 col-xs-12">
<div class="show-products nav-container"> <span class="fa-stack fa-lg nav-element active" rv-class-active="#active | eq 'show-products'"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-shopping-cart fa-stack-1x fa-inverse"></i> </span> </div>
<div class="show-user nav-container"> <span class="fa-stack fa-lg nav-element" rv-class-active="#active | eq 'show-user'"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-user fa-stack-1x fa-inverse"></i> </span> </div>
<div class="show-order nav-container"> <span class="fa-stack fa-lg nav-element" rv-class-active="#active | eq 'show-order'"> <i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-eur fa-stack-1x fa-inverse"></i> </span> </div>
</nav>
<div class="right col-sm-8 hidden-xs text-right">
<h1>Landslide</h1>
</div>
</div>
<div rv-view="view">
<div>
<div class="panel panel-primary">
<div class="panel-heading row">
<div class="col-xs-4 col-sm-8">Product</div>
<div class="col-xs-4 col-sm-2 text-right">Quantity</div>
<div class="col-xs-4 col-sm-2 text-right">Price</div>
</div>
<div class="panel-body list">
<div rv-view="shopProductsView">
<div class="children" rv-views="children">
<!-- Here be the every seperate product -->
<div class="row list-item" rv-class-list-item-fade="model:available | negate">
<div class="col-xs-4 col-sm-8"> Subscription 10 days </div>
<div class="col-xs-4 col-sm-2 quantity text-right no-cut" rv-show="model:available"> <input class="form-control text-right" type="number" pattern="[0-9]*" min="0" rv-value="quantity | number | or 0" novalidate=""> </div>
<div class="col-xs-4 col-sm-2 quantity text-right no-cut" rv-show="model:available | negate" style="display: none; "> <span class="bold">Sold out!</span> </div>
<div class="col-xs-4 col-sm-2 text-right no-cut"> € 1,00 </div>
</div>
</div>
</div>
<div class="row list-item list-item-summary">
<div class="col-xs-8 col-sm-10"> Total <small>(excluding fees)</small> </div>
<div class="col-xs-4 col-sm-2 text-right no-cut"> € 0,00 </div>
</div>
</div>
</div>
</div>
</div>
<!-- rivets: if shop:demo -->
<div class="alert alert-danger text-center"> <i class="fa fa-warning"></i> Please note, this is a demo shop! </div>
<nav class="navbar navbar-bottom row">
<div class="col-xs-4 text-left"> <span class="btn previous" rv-show="hasPrevious" style="display: none; "> Back <i class="fa fa-arrow-circle-left"></i> </span> </div>
<a href="https://www.inventid.nl" target="_blank" class="no-underline">
<div class="col-xs-4 text-center credits"> Ticketshop by inventid <img alt="Ticketshop by inventid" height="32px" src="//cdn.inventid.nl/assets/logo_without_name-e83f9abe2bd0d6151955224e3812b525.png"> </div>
</a>
<div class="col-xs-4 text-right"> <span class="btn btn-primary next" rv-show="hasNext" style=""> <i class="fa fa-arrow-circle-right"></i> Next </span> </div>
</nav>
</div>
</div>
</div>
<div class="modal fade modal-topmost" role="dialog" aria-hidden="hidden" data-backdrop="static">
<div class="modal-dialog modal-sm">
<div class="waiting">
<div class="three-quarters"> Please wait... </div>
</div>
</div>
</div>
<div class="modal fade modal-topmost" role="dialog" aria-hidden="hidden" data-backdrop="static">
<div class="modal-dialog modal-sm">
<div class="waiting">
<div class="three-quarters"> Please wait... </div>
</div>
</div>
</div>
<div class="modal fade modal-topmost" role="dialog" aria-hidden="hidden" data-backdrop="static">
<div class="modal-dialog modal-sm">
<div class="waiting">
<div class="three-quarters"> Please wait... </div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment