Skip to content

Instantly share code, notes, and snippets.

@pascalandy

pascalandy/gist:8d10694a7fb377093b1e

Created December 1, 2015 18:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pascalandy/8d10694a7fb377093b1e to your computer and use it in GitHub Desktop.
Save pascalandy/8d10694a7fb377093b1e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!-- @ David Charette -->
<!DOCTYPE html>
<html data-wf-site="56546ec4b37b918632ee83a9" data-wf-page="565d132204cdcbfc0b50d751">
<head>
<meta charset="utf-8">
<title>tk_title</title>
<meta name="description" content="tk_description">
<meta name="keywords" content="tk-keywords">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="Webflow">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/webflow.css">
<link rel="stylesheet" type="text/css" href="css/the-splash.webflow.css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<script>
WebFont.load({
google: {
families: ["Oswald:300,400,700","Domine:regular,700"]
}
});
</script>
<script type="text/javascript" src="js/modernizr.js"></script>
<link rel="shortcut icon" type="image/x-icon" href="images/icon-full-transparent-32w.png">
<link rel="apple-touch-icon" href="images/icon-full-transparent-512w.png">
</head>
<body class="body-core">
<!-- id="2" -->
<div class="w-hidden-small w-hidden-tiny div-desktop">
<div class="w-section section-main">
<div class="w-row rown-main">
<div class="w-col w-col-6 col-one">
<div class="div-backdrop">
<h1 id="0" class="h1">Florance Stone</h1>
<h2 id="1" class="h2">Art Dramatic Student</h2>
<p id="3" class="para-main">My name is Florence Stone. I love to write about&nbsp;persuasion&nbsp;and I would die for&nbsp;Franken&nbsp;(my second cat).
<br>
<br>Professionally, I help people, mostly&nbsp;politicians&nbsp;to get what they needs when the stakes are high. The good news is ... I can do it for you too.</p>
<a href="" id="4" class="w-button button">Let me help!</a>
</div>
</div>
<div class="w-col w-col-6 col-two"></div>
</div>
</div>
<div class="div-footer">
<a href="#" target="_blank" class="w-inline-block lk-block-publiodigital-icon"><img width="160" src="images/logo-full-bg-transparent-320w.png" class="img-logo-footer">
</a>
</div>
</div>
<div class="w-hidden-main w-hidden-medium div-phone">
<div class="w-section section-main">
<div class="div-phone-profil"></div>
<div class="w-row rown-main">
<div class="w-col w-col-7">
<div class="div-backdrop">
<h1 class="h1">Florance Stone</h1>
<h2 class="h2">Art Dramatic Student</h2>
<p class="para-main">My name is Florence Stone. I love to write about&nbsp;persuasion&nbsp;and I would die for&nbsp;Franken&nbsp;(my second cat).
<br>
<br>Professionally, I help people, mostly&nbsp;politicians&nbsp;to get what they needs when the stakes are high. The good news is ... I can do it for you too.</p><a href="#" class="w-button button">Let me help!</a>
</div>
</div>
<div class="w-col w-col-5 col-two"></div>
</div>
</div>
<div class="div-footer">
<a href="#" target="_blank" class="w-inline-block lk-block-publiodigital-icon"><img width="160" src="images/logo-full-bg-transparent-320w.png" class="img-logo-footer">
</a>
</div>
</div>
<style type="text/css">
.div-desktop {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-image: url('https://pascalandy.com/blog/content/images/2015/12/bg-model-b.jpg');
background-position: 50% 0px;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
}
.div-phone-profil {
height: 340px;
background-image: url('https://pascalandy.com/blog/content/images/2015/12/bg-model-b.jpg');
background-position: 50% 0px;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/webflow.js"></script>
<!--[if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]-->
<script>
$( document ).ready(function() {
$.ajax({
url: "https://sheetsu.com/apis/d614ac39",
dataType: "json",
crossDomain: true,
success: function (data) {
$("#0").text(data.result[0].Value);
$("#1").text(data.result[1].Value);
$("head").append("<style>.div-bg-image {background-image: url(" + data.result[2].Value +");}</style>");
$("#3").html(data.result[3].Value.replace(/\n/g, "<br />"));
$("#4").text(data.result[4].Value);
$("#4").attr("href", data.result[5].value);
}
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment