Skip to content

Instantly share code, notes, and snippets.

@lucasreppewelander
Created November 22, 2017 11:05
Show Gist options
  • Save lucasreppewelander/1326d356c1a7928d7129230a35877d4b to your computer and use it in GitHub Desktop.
Save lucasreppewelander/1326d356c1a7928d7129230a35877d4b to your computer and use it in GitHub Desktop.
lucas testar share funktion på linkedin
<!doctype html><html prefix="og: http://ogp.me/ns#"><head>
<style>
.template-scoped-style #header {
height: 60px;
position: relative;
z-index: 1000;
}
.template-scoped-style #logo {
margin-top: 7px;
height: 45px;
}
.template-scoped-style #footerLogo {
margin: 10px 0;
height: 35px;
}
.template-scoped-style #footerLinks {
margin: 0;
padding: 0;
list-style-type: none;
text-align: right;
}
.template-scoped-style #footerLinks li {
display: inline-block;
padding: 10px;
line-height: 35px;
}
.template-scoped-style #footerLinks li a {
text-decoration: none;
}
.template-scoped-style #footerCopy {
text-align: center;
color: #fff;
font-size: 12px;
padding: 10px 0;
}
</style>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><title>Beställ böcker - 17</title><style>.template-scoped-style{font-family: Arial, Helvetica, sans-serif;padding: 0 15px;}.template-scoped-style.frame{padding: 0;}.template-scoped-style.frame #up-form-element-wrapper{margin: 0 !important;width: initial !important;}.template-scoped-style.frame #up-form{box-shadow: none;border-radius: 0;background-color: transparent;}p{font-family: Arial, Helvetica, sans-serif;font-size: 14px;}p.ingress{font-family: "Arial Black", Gadget, sans-serif;font-size: 16px;}h2{font-family: "Arial Black", Gadget, sans-serif;font-size: 34px;display: block;}h3{font-family: "Arial Black", Gadget, sans-serif;font-size: 20px;display: block;}h2.large{font-family: "Arial Black", Gadget, sans-serif;font-size: 68px;}h3.large{font-family: "Arial Black", Gadget, sans-serif;font-size: 40px;}.up-row{position: relative;}.up-row.up-absolute-row{position: absolute !important;left: 0;z-index: 1002;right: 0;background-color: transparent}.up-container{position: relative;}.twitter-typeahead{display: block !important;}.up-background-image{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-position: center center;background-size: cover;}.up-form-wrapper button[type=submit]{height: 45px;margin-top: 20px;}.up-form-wrapper h2{margin-bottom: 10px;}.up-form-wrapper-cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;}.form-group{position: relative;}.error-message{background-color: #dc0d17;padding: 1px 5px;color: white;font-style: italic;}.top-carot{position: absolute;width: 0;height: 0;margin-top: -7px;margin-left: 10px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #dc0d17;}.error-body{margin: 2px 5px;font-size: 12px;}b#up-email-warning{position: absolute;top: 35px;right: 15px;color: #dc0d17;}#up-client-spinner{position: absolute;display: none;bottom: 10px;right: 10px;color: #999;}.up-form-wrapper{position: relative;}#up-form-thanks,#up-form{background-color: #fff;padding: 20px;border-radius: 3px;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);}#up-form-thanks{display: none;}.up-element #up-form-thanks .up-editor-placeholder{margin: -20px;margin-top: -40px;}.up-element.has-placeholder{padding: 0 !important;background-color: transparent !important;}.up-element.type-file{text-align: center;}.up-element.type-file h2{display: block;}.up-element.type-file img{max-width: 100%;}.up-element.type-file a.up-file-btn{padding: 10px 20px;border-radius: 3px;border: none;font-size: 14px;text-align: center;display: inline-block;margin: 10px 0;color: #ffffff;background-color: #002f65;}.up-element.type-file a:hover,.up-element.type-file a:focus,.up-element.type-file a:active{text-decoration: none;}.up-element.type-map .map-info{position: absolute;top: 0;left: 0;right: 0;padding: 10px;font-size: 14px;background-color: #ffffff;color: #000000;border-bottom: 1px solid #cccccc;text-align: center;height: 40px;z-index: 1000;}.up-element.type-map .map-info + .map{margin-top: 40px;}.up-element.type-map{border-radius: 3px;overflow: hidden;position: relative;}.up-element.type-map .map{min-height: 200px;}.up-element.type-card{background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);padding: 10px 30px;border-radius: 5px;position: relative;overflow: hidden;text-align: center;margin: 0 auto;}.up-element.type-card .card-img{height: 200px;background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute;top: 0;left: 0;right: 0;}.up-element.type-card .card-title{font-size: 18px;line-height: 18px;margin-top: 10px;margin-bottom: 10px;font-weight: bold;}.up-element.type-card .card-text{font-size: 12px;margin: 10px 0;line-height: 16px;}.up-element.type-card .card-subtitle{margin: 10px 0;font-size: 12px;line-height: 12px;font-weight: normal;}.up-element.type-card .card-img + .card-title{margin-top: 210px;}.up-element.type-countdown{text-align: center;background-color: #fff;padding: 15px;border-radius: 3px;}.up-element.type-countdown .cd-unit{display: inline-block;width: 20%;min-width: 100px;}.up-element.type-countdown .cd-unit .cd-header{text-transform: uppercase;color: #999;font-size: 14px;}.up-element.type-countdown .cd-unit h2{font-size: 42px;}.up-element{}.up-element.type-video iframe{display: block;}.up-element.type-video.shadow{box-shadow: 0 2px 10px rgba(0,0,0, 0.5)}.up-element.type-video.vimeo-video{width: 100%;}.up-element.type-image{max-width: 100%;}.up-element-parent{}.up-element-parent > .up-element{}.fade-animation{opacity: 0;animation-fill-mode: forwards;animation-timing-function: ease-in-out;}#up-click-cover{position: fixed;z-index: 9999;top: 0;bottom: 0;left: 0;right: 0;background-color: transparent;cursor: pointer;}.vpadding-none{padding-top: 0px !important; padding-bottom: 0px; !important;}.hpadding-none{padding-left: 0px !important; padding-right: 0px; !important;}.vpadding-xs{padding-top: 10px !important; padding-bottom: 10px; !important;}.hpadding-xs{padding-left: 10px !important; padding-right: 10px; !important;}.vpadding-sm{padding-top: 20px !important; padding-bottom: 20px; !important;}.hpadding-sm{padding-left: 20px !important; padding-right: 20px; !important;}.vpadding-md{padding-top: 40px !important; padding-bottom: 40px; !important;}.hpadding-md{padding-left: 40px !important; padding-right: 40px; !important;}.vpadding-lg{padding-top: 60px !important; padding-bottom: 60px; !important;}.hpadding-lg{padding-left: 60px !important; padding-right: 60px; !important;}.vpadding-xl{padding-top: 100px !important; padding-bottom: 100px; !important;}.hpadding-xl{padding-left: 100px !important; padding-right: 100px; !important;}.vpadding-xxl{padding-top: 160px !important; padding-bottom: 160px; !important;}.hpadding-xxl{padding-left: 160px !important; padding-right: 160px; !important;}@media (max-width: 992px) {.vpadding-xs{padding-top: 0px !important; padding-bottom: 0px !important;}.hpadding-xs{padding-left: 0px !important; padding-right: 0px !important;}.vpadding-xs{padding-top: 5px !important; padding-bottom: 5px !important;}.hpadding-xs{padding-left: 5px !important; padding-right: 5px !important;}.vpadding-sm{padding-top: 10px !important; padding-bottom: 10px !important;}.hpadding-sm{padding-left: 10px !important; padding-right: 10px !important;}.vpadding-md{padding-top: 20px !important; padding-bottom: 20px !important;}.hpadding-md{padding-left: 20px !important; padding-right: 20px !important;}.vpadding-lg{padding-top: 30px !important; padding-bottom: 30px !important;}.hpadding-lg{padding-left: 30px !important; padding-right: 30px !important;}.vpadding-xl{padding-top: 50px !important; padding-bottom: 50px !important;}.hpadding-xl{padding-left: 50px !important; padding-right: 50px !important;}.vpadding-xxl{padding-top: 80px !important; padding-bottom: 80px !important;}.hpadding-xxl{padding-left: 80px !important; padding-right: 80px !important;}}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}@keyframes fadeInLeft {from {opacity: 0;margin-left: -20px;}to {opacity: 1;margin-left: 0px;}}@keyframes fadeInRight {from {opacity: 0;margin-right: -20px;}to {opacity: 1;margin-right: 0px;}}@keyframes zoomIn {from {opacity: 0;transform: scale(0);}to {opacity: 1;margin-right: scale(1);}}</style><script src="//code.jquery.com/jquery-3.1.1.min.js"></script><script src="//maps.googleapis.com/maps/api/js?key=AIzaSyBz8DCi-zXpKspt_-LTIlhu-0vbLYMTNOA&sensor=false&libraries=places&v=3"></script><script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.js"></script><script src="//fast.wistia.com/assets/external/E-v1.js" async></script><script>jQuery(document).ready(function() {
var calcDiff = function(elem) {
var momentDate = moment(elem.data("date"));
if(momentDate.isValid()) {
var ms = momentDate.utc().unix();
var curr = moment().utc().unix();
var diffTime = ms - curr;
var duration = moment.duration(diffTime*1000, "milliseconds");
var days = momentDate.diff(moment(), 'days');
var hours = duration.hours();
var minutes = duration.minutes();
if(days < 0) {
days = 0;
}
if(hours < 0) {
hours = 0;
}
if(minutes < 0) {
minutes = 0;
}
if(days.toString().length === 1) {
days = "0"+days;
}
if(hours.toString().length === 1) {
hours = "0"+hours;
}
if(minutes.toString().length === 1) {
minutes = "0"+minutes;
}
elem.find(".cd-unit.days h2").text(days);
elem.find(".cd-unit.hours h2").text(hours);
elem.find(".cd-unit.minutes h2").text(minutes);
}
};
var initMap = function(elem) {
var data = elem.data();
var pos = {lat: data.lat, lng: data.lng};
var map = new google.maps.Map(elem.find(".map")[0], {
zoom: 16,
center: pos,
disableDefaultUI: true,
mapTypeControl: data.showtools,
zoomControl: data.showtools,
scrollwheel: data.allowscrollzoom,
});
var marker = new google.maps.Marker({
position: pos,
map: map
});
};
var initVimeo = function(elem) {
var videoUrl = elem.data("src");
var endpoint = "http://www.vimeo.com/api/oembed.json";
var callback = "embedVimeo";
var playerId = elem.attr("id")+"_player";
var url = endpoint + "?url=" + encodeURIComponent(videoUrl) + "&callback=" + callback + "&player_id="+playerId+"&width=640";
var js = document.createElement("script");
js.setAttribute("type", "text/javascript");
js.setAttribute("src", url);
document.getElementsByTagName("head").item(0).appendChild(js);
};
jQuery(".type-countdown").each(function() {
calcDiff(jQuery(this));
});
jQuery(".type-map").each(function() {
initMap(jQuery(this));
});
jQuery(".type-video").each(function() {
var elem = jQuery(this);
if(elem.data("type") === "vimeo") {
initVimeo(elem);
}
});
if(window.location.href.indexOf("?valid=false") != -1) {
document.getElementById("failedId").innerHTML = "The form didnt validate, please check all fields."
}
if(window.location.href.indexOf("?reCaptcha=false") != -1) {
document.getElementById("failedId").innerHTML = "The reCaptcha validation failed. Please try again."
}
var formIdElem = document.getElementsByName('formId');
var formCidElem = document.getElementsByName('formCid');
if(formIdElem && formIdElem.length && formCidElem && formCidElem.length) {
var xmlhttp = new window.XMLHttpRequest();
var formId = formIdElem[0].value;
var formCid = formCidElem[0].value;
xmlhttp.open('POST', 'https://alpha.upsales.com/api/external/formView/'+formId+"_"+formCid, true);
xmlhttp.send();
}
});
function embedVimeo(video) {
var regex = /([0-9A-Z]+)_player/g;
var match = regex.exec(video.html);
if(match.length >= 2) {
jQuery("#"+match[1]).html(video.html);
}
}
var validEmail = true;function validateForm(event, redirectURL) {
event.preventDefault();
var formId = document.getElementsByName('formId')[0].value;
var form = document.forms['form_'+formId];
var inputs = form.querySelectorAll('input');
for(var i = 0; i < inputs.length; i++) {
if(inputs[i].type === 'text') {
inputs[i].value = inputs[i].value.trim();
}
}
if (!form.checkValidity() || !validEmail) {return false;}if(window.grecaptcha === undefined || grecaptcha.getResponse() !== "") {
jQuery("#up-form button[type=submit]").attr("disabled","disabled");
var data = $(form).serialize();
data += "&isAjax=true";
var _paq = window._paq || null;
$.ajax({
type: "POST",
url: form.action,
data: data,
success: function(qs) {
var redirUrl = redirectURL;
if(redirectURL) {
if(redirUrl.indexOf('?') !== -1) {
redirUrl += '&'+qs;
} else {
redirUrl += '?'+qs;
};
if(_paq && _paq.push) {
_paq.push(['trackLink', "https://post.upsales.com/"+qs, 'link']);
}
if(_uaq) {
_uaq('form=' + qs);
}
window.top.location.href = redirectURL;
} else {
jQuery("#up-form").hide();
jQuery("#up-form-thanks").show();
if(_paq && _paq.push) {
_paq.push(['trackLink', "https://post.upsales.com/"+qs, 'link']);
}
if(_uaq) {
_uaq('form=' + qs);
}
}
},
error: function(response) {
jQuery("#up-form button[type=submit]").removeAttr("disabled");
},
});
} else {
jQuery("#recaptcha-error").remove();var recapElem = jQuery(".g-recaptcha");recapElem.after("<div id='recaptcha-error' class='error-message'><span class='top-carot'></span><p class='error-body'>You need to enter this field</p></div>");return false;
}
}
</script><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"><meta property="og:title" content="Beställ böcker till ett förmånligt pri" /><meta property="og:url" content="https://pages-alpha.upsales.com/325u5296572c62a74ecba3fcc268a6dcd724" /><meta property="og:image" content="https://img-alpha.upsales.com/AP+eXgIBZONggXRu9ngLiQ==/images/apple-iphone-books-desk.jpg?width=780" /><meta property="og:description" content="just nu kan du betsälla böcker härifrån direkt, till bra pris!" /><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Beställ böcker till ett förmånligt pri"><meta name="twitter:description" content="just nu kan du betsälla böcker härifrån direkt, till bra pris!"><meta name="twitter:image:src" content="https://img-alpha.upsales.com/AP+eXgIBZONggXRu9ngLiQ==/images/apple-iphone-books-desk.jpg?width=780"></head><body class="template-scoped-style" style="background-color: rgb(250, 250, 250);"><!--TEMPLATE_START-->
<div class="row up-row has-1485506634606" data-row-id="1485506593736" data-up-row="" style="background-color: rgb(255, 255, 255);"><div class="up-background-image" style="background-image: url(&quot;https://img-alpha.upsales.com/AP+eXgIBZONggXRu9ngLiQ==/images/apple-iphone-books-desk.jpg&quot;); opacity: 1;"></div><div class="container up-container"><div data-up-col="" data-col-id="0" class="col-md-4 up-column" style="padding: 10px;"></div><div data-up-col="" data-col-id="1" class="col-md-4 up-column" style="padding: 10px;"><div id="1485506634606" class="up-element type-text"><p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div></div><div data-up-col="" data-col-id="2" class="col-md-4 up-column" style="padding: 10px;"></div></div></div><div class="row up-row has-1485506926238" data-row-id="1485506924293" data-up-row="" style="background-color: rgb(255, 255, 255);"><div class="container up-container"><div data-up-col="" data-col-id="0" class="col-md-4 up-column" style="padding: 10px;"></div><div data-up-col="" data-col-id="1" class="col-md-4 up-column" style="padding: 10px;"><div id="1485506926238" class="up-element type-text"><p style="text-align: center;"><em><span style="font-size:15px;">Beställ böcker till din kurs...</span></em></p>
</div></div><div data-up-col="" data-col-id="2" class="col-md-4 up-column" style="padding: 10px;"></div></div></div><div class="row up-row has-1485506723391 has-1485506808346" data-row-id="1485506720493" data-up-row="" style="background-color: rgb(255, 255, 255);"><div class="container up-container"><div data-up-col="" data-col-id="0" class="col-md-3 up-column" style="padding: 10px;"></div><div data-up-col="" data-col-id="1" class="col-md-3 up-column" style="padding: 10px;"><div id="1485506723391" class="up-element type-card" style="background-color: rgb(255, 255, 255);"><div class="card-img" style="background-image: url(&quot;https://img-alpha.upsales.com/AP+eXgIBZONggXRu9ngLiQ==/images/main-qimg-ad681d292c53c8a1935731232c514a08-c.jpeg&quot;); opacity: 1;"></div><h3 class="card-title" style="color: rgb(0, 0, 0);"></h3><h3 class="card-subtitle" style="color: rgb(153, 153, 153);">500 SEK</h3><p class="card-text" style="color: rgb(153, 153, 153);"></p></div></div><div data-up-col="" data-col-id="2" class="col-md-3 up-column" style="padding: 10px;"><div id="1485506808346" class="up-element type-card" style="background-color: rgb(255, 255, 255);"><div class="card-img" style="background-image: url(&quot;https://img-alpha.upsales.com/AP+eXgIBZONggXRu9ngLiQ==/images/2ebfd694f23f06317076c17d0c8deefc.jpg&quot;); opacity: 1;"></div><h3 class="card-title" style="color: rgb(0, 0, 0);"></h3><h3 class="card-subtitle" style="color: rgb(153, 153, 153);">650 SEK</h3><p class="card-text" style="color: rgb(153, 153, 153);"></p></div></div><div data-up-col="" data-col-id="3" class="col-md-3 up-column" style="padding: 10px;"></div></div></div><div class="row up-row has-1485506849436 has-1485507160778" data-row-id="1485506841780" data-up-row="" style="background-color: rgb(255, 255, 255);"><div class="container up-container"><div data-up-col="" data-col-id="0" class="col-md-3 up-column" style="padding: 10px;"></div><div data-up-col="" data-col-id="1" class="col-md-3 up-column" style="padding: 10px;"><div id="1485506849436" class="up-element type-text"><p style="text-align: center;"><strong><a href="http://www.adlibris.com/se">KÖP</a></strong></p>
</div></div><div data-up-col="" data-col-id="2" class="col-md-3 up-column" style="padding: 10px;"><div id="1485507160778" class="up-element type-text"><p style="text-align: center;"><strong><a href="http://www.adlibris.com/se">KÖP</a></strong></p>
</div></div><div data-up-col="" data-col-id="3" class="col-md-3 up-column" style="padding: 10px;"></div></div></div>
<div class="row up-row has-footerLogo has-footerLinks has-footerCopy" data-row-id="3" data-up-row="" id="footer" data-up-special="" style="background-color: rgb(255, 255, 255);"><div class="up-background-image" style="background-image: url(&quot;https://img-alpha.upsales.com/AP+eXgIBZONggXRu9ngLiQ==/images/pexels-photo-160107.jpeg&quot;); opacity: 1; filter: blur(2px);"></div><div class="container up-container">
<div class="container">
<div class="col-md-4">
<img id="footerLogo" data-opacity="50" class="up-element type-image" src="https://img-alpha.upsales.com/AP+eXgIBZONggXRu9ngLiQ==/images/Upsales_Logo_White(4).png" style="opacity: 1;">
</div>
<div class="col-md-8">
<ul id="footerLinks" data-color="" class="up-element type-links"><li><a href="http://upsales.com">Home</a></li></ul>
</div>
<div class="col-md-12">
<div id="footerCopy" data-color="" class="up-element type-text">© Upsales Nordic AB</div>
</div>
</div>
</div></div>
<!--TEMPLATE_END--><script src="https://img-alpha.upsales.com/AP+eXgIBZONggXRu9ngLiQ==/visit/v.js"></script></body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment