Skip to content

Instantly share code, notes, and snippets.

/gist:9ba8fb373ffaa010004c Secret

Created July 23, 2015 10:52
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 anonymous/9ba8fb373ffaa010004c to your computer and use it in GitHub Desktop.
Save anonymous/9ba8fb373ffaa010004c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!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 prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>{Title}</title>
<link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<link rel="stylesheet" href="http://static.tumblr.com/vnxjqsi/N0gnrh0l8/style.css" />
<script type="text/javascript" src="http://static.tumblr.com/vnxjqsi/F49nrh1jr/slideshow_fade.js">
</script>
<!--BEGIN META TAGS-->
<!--Choices-->
<meta name="if:Show Player" content="1"/>
<meta name="if:Use Default Font" content="1"/>
<!--Texts-->
<meta name="text:Music Player Code" content="For example SCM or Wikplayer"/>
<meta name="text:Custom Link 1" content=""/>
<meta name="text:Custom Link 1 Title" content=""/>
<meta name="text:Custom Link 2" content=""/>
<meta name="text:Custom Link 2 Title" content=""/>
<meta name="text:Custom Link 3" content=""/>
<meta name="text:Custom Link 3 Title" content=""/>
<meta name="text:Custom Link 4" content=""/>
<meta name="text:Custom Link 4 Title" content=""/>
<meta name="text:Custom Link 5" content=""/>
<meta name="text:Custom Link 5 Title" content=""/>
<meta name="text:Custom Link 6" content=""/>
<meta name="text:Custom Link 6 Title" content=""/>
<meta name="text:Facebook URL" content=""/>
<meta name="text:Twitter URL" content=""/>
<meta name="text:Instagram URL" content=""/>
<meta name="text:YouTube URL" content=""/>
<meta name="text:Pinterest URL" content=""/>
<meta name="text:Google Plus URL" content=""/>
<meta name="text:Linkedin URL" content=""/>
<meta name="text:Vimeo URL" content=""/>
<meta name="text:Contact URL" content=""/>
<meta name="text:Welcome Message or Long Description" content=""/>
<meta name="text:Link to Page 1" content=""/>
<meta name="text:Link to Page 1 Title" content=""/>
<meta name="text:Link to Page 2" content=""/>
<meta name="text:Link to Page 2 Title" content=""/>
<meta name="text:Link to Page 3" content=""/>
<meta name="text:Link to Page 3 Title" content=""/>
<meta name="text:Facebook Page Code" content=""/>
<meta name="text:Twitter Code" content=""/>
<meta name="text:Instagram Code" content=""/>
<meta name="text:Pinterest Code" content=""/>
<meta name="text:Category 1" content=""/>
<meta name="text:Category 2" content=""/>
<meta name="text:Category 3" content=""/>
<meta name="text:Category 4" content=""/>
<meta name="text:Category 5" content=""/>
<!--Colors-->
<meta name="color:Header Background Color" content=""/>
<meta name="color:Title Color" content="#bbb1b1"/>
<meta name="color:Description Color" content="#bbb1b1"/>
<meta name="color:Custom Links Color" content=""/>
<meta name="color:Menu Background Color" content=""/>
<meta name="color:Custom Links Hover Effect Color" content=""/>
<meta name="color:Icons Hover Effect Color" content=""/>
<meta name="color:Posts Font Color" content=""/>
<meta name="color:Background Color" content=""/>
<meta name="color:Posts Background Color" content=""/>
<meta name="color:Posts Info Background Color" content=""/>
<meta name="color:Posts Info Font Color" content=""/>
<!--Sizes & Widths-->
<!--Title Size--->
<meta name="select:Title Size" content="8pt" title="8pt"/>
<meta name="select:Title Size" content="10pt" title="10pt"/>
<meta name="select:Title Size" content="12pt" title="12pt"/>
<meta name="select:Title Size" content="14pt" title="14pt"/>
<meta name="select:Title Size" content="16pt" title="16pt"/>
<meta name="select:Title Size" content="18pt" title="18pt"/>
<meta name="select:Title Size" content="20pt" title="20pt"/>
<meta name="select:Title Size" content="22pt" title="22pt"/>
<meta name="select:Title Size" content="24pt" title="24pt"/>
<meta name="select:Title Size" content="26pt" title="26pt"/>
<meta name="select:Title Size" content="28pt" title="28pt"/>
<meta name="select:Title Size" content="30pt" title="30pt"/>
<meta name="select:Title Size" content="32pt" title="32pt"/>
<meta name="select:Title Size" content="34pt" title="34pt"/>
<meta name="select:Title Size" content="36pt" title="36pt"/>
<meta name="select:Title Size" content="38pt" title="38pt"/>
<meta name="select:Title Size" content="40pt" title="40pt"/>
<meta name="select:Title Size" content="42pt" title="42pt"/>
<meta name="select:Title Size" content="44pt" title="44pt"/>
<meta name="select:Title Size" content="46pt" title="46pt"/>
<meta name="select:Title Size" content="48pt" title="48pt"/>
<meta name="select:Title Size" content="50pt" title="50pt"/>
<meta name="select:Title Size" content="52pt" title="52pt"/>
<meta name="select:Title Size" content="54pt" title="54pt"/>
<meta name="select:Title Size" content="56pt" title="56pt"/>
<meta name="select:Title Size" content="58pt" title="58pt"/>
<meta name="select:Title Size" content="60pt" title="60pt"/>
<meta name="select:Title Size" content="62pt" title="62pt"/>
<meta name="select:Title Size" content="64pt" title="64pt"/>
<meta name="select:Title Size" content="66pt" title="66pt"/>
<meta name="select:Title Size" content="68pt" title="68pt"/>
<meta name="select:Title Size" content="70pt" title="70pt"/>
<meta name="select:Title Size" content="72pt" title="72pt"/>
<meta name="select:Title Size" content="74pt" title="74pt"/>
<meta name="select:Title Size" content="76pt" title="76pt"/>
<meta name="select:Title Size" content="78pt" title="78pt"/>
<meta name="select:Title Size" content="80pt" title="90pt"/>
<!--Description Size-->
<meta name="select:Description Size" content="8pt" title="8pt"/>
<meta name="select:Description Size" content="10pt" title="10pt"/>
<meta name="select:Description Size" content="12pt" title="12pt"/>
<meta name="select:Description Size" content="14pt" title="14pt"/>
<meta name="select:Description Size" content="16pt" title="16pt"/>
<meta name="select:Description Size" content="18pt" title="18pt"/>
<meta name="select:Description Size" content="20pt" title="20pt"/>
<meta name="select:Description Size" content="22pt" title="22pt"/>
<meta name="select:Description Size" content="24pt" title="24pt"/>
<meta name="select:Description Size" content="26pt" title="26pt"/>
<meta name="select:Description Size" content="28pt" title="28pt"/>
<!--Posts Font Size-->
<meta name="select:Posts Font Size" content="4pt" title="4pt"/>
<meta name="select:Posts Font Size" content="6pt" title="6pt"/>
<meta name="select:Posts Font Size" content="8pt" title="8pt"/>
<meta name="select:Posts Font Size" content="10pt" title="10pt"/>
<meta name="select:Posts Font Size" content="12pt" title="12pt"/>
<meta name="select:Posts Font Size" content="14pt" title="14pt"/>
<meta name="select:Posts Font Size" content="16pt" title="16pt"/>
<meta name="select:Posts Font Size" content="18pt" title="18pt"/>
<meta name="select:Posts Font Size" content="20pt" title="20pt"/>
<meta name="select:Posts Font Size" content="22pt" title="22pt"/>
<meta name="select:Posts Font Size" content="24pt" title="24pt"/>
<meta name="select:Posts Font Size" content="26pt" title="26pt"/>
<meta name="select:Posts Font Size" content="28pt" title="28pt"/>
<meta name="select:Posts Title Size" content="8pt" title="8pt"/>
<meta name="select:Posts Title Size" content="10pt" title="10pt"/>
<meta name="select:Posts Title Size" content="12pt" title="12pt"/>
<meta name="select:Posts Title Size" content="14pt" title="14pt"/>
<meta name="select:Posts Title Size" content="16pt" title="16pt"/>
<meta name="select:Posts Title Size" content="18pt" title="18pt"/>
<meta name="select:Posts Title Size" content="20pt" title="20pt"/>
<meta name="select:Posts Title Size" content="22pt" title="22pt"/>
<meta name="select:Posts Title Size" content="24pt" title="24pt"/>
<meta name="select:Posts Title Size" content="26pt" title="26pt"/>
<meta name="select:Posts Title Size" content="28pt" title="28pt"/>
<meta name="select:Posts Info Font Size" content="4pt" title="4pt"/>
<meta name="select:Posts Info Font Size" content="6pt" title="6pt"/>
<meta name="select:Posts Info Font Size" content="8pt" title="8pt"/>
<meta name="select:Posts Info Font Size" content="10pt" title="10pt"/>
<meta name="select:Posts Info Font Size" content="12pt" title="12pt"/>
<meta name="select:Posts Info Font Size" content="14pt" title="14pt"/>
<meta name="select:Posts Info Font Size" content="16pt" title="16pt"/>
<meta name="select:Posts Info Font Size" content="18pt" title="18pt"/>
<meta name="select:Posts Info Font Size" content="20pt" title="20pt"/>
<meta name="select:Posts Info Font Size" content="22pt" title="22pt"/>
<meta name="select:Posts Info Font Size" content="24pt" title="24pt"/>
<meta name="select:Posts Info Font Size" content="26pt" title="26pt"/>
<!--Images-->
<meta name="image:Header Image 1" content=""/>
<meta name="image:Header Image 2" content=""/>
<meta name="image:Header Image 3" content=""/>
<!---Fonts-->
<meta name="font:Description Font" content=""/>
<meta name="font:Title Font" content=""/>
<meta name="font:Custom Links Font" content=""/>
<meta name="font:Posts Font" content=""/>
<meta name="font:Posts Info Font" content=""/>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/jw8fmba/JuPmhkses/theme.js"></script>
<style type="text/css">
body {
margin: 0;
font-size: 12px;
background-color:{color:Background Color};
}
div.no_of_columns_3 {
width: 780px;
position:relative;
}
div.posts {
position: relative;
display:inline;
float:left;
margin: 30px auto;
margin-top:-220%;
height: 105%;
margin-left:10%;
background-color:{color:Background Color};
}
.post {
opacity:1;
float: left;
position: relative;
width: 250px;
background-color:{color:Posts Background Color};
border-bottom:2px solid {color:Background Color};
}
.post iframe{
width:230px;
padding:10px;
}
.post h2{
text-align:center;
font-family:{font:Posts Font};
font-size:{select:Posts Title Size};
color:{color:Posts Font Color};
}
.post p{
padding-left:20px;
font-family:{font:Posts Font};
font-size:{select:Posts Font Size};
color:{color:Posts Font Color};
}
.post table{
width:100%;
}
div.post img{
width:230px;
padding:10px;
}
div#slideshow_fade{
position:absolute;
height:700px;
width:100%;
margin-top:-1.2%;
background-color:{color:Header Background Color};
z-index:-10;
}
body{
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
}
#slideshow_fade img{
width:100%;
height:100%;
z-index:-10;
}
div.container{
z-index:1;
height:700px;
width:100%;
position:absolute;
text-align:center;
}
h1#blog_title{
font-size:{select:Title Size};
position:relative;
font-family:{font:Title Font};
{block:ifusedefaultfont}
font-family: 'Poiret One', sans-serif;
{/block:ifusedefaultfont}
text-align:center;
margin-top:15%;
opacity:1;
transition-property:opacity;
-moz-transition-property:opacity;
-webkit-transition-property:opacity;
-o-transition-property:opacity;
transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}
h1#blog_title:hover{
opacity:0.6;
}
h1#blog_title a{
color:{color:Title Color};
text-decoration:none;
}
h2#description{
color:{color:Description Color};
font-size:{select:Description Size};
font-family:{font:Description Font};
}
div.menu{
width:300px;
height:100%;
position:absolute;
position:fixed;
left:-300px;
background-color:{color:Menu Background Color};
text-align:center;
z-index:30;
opacity:1!important;
}
div.menu a{
text-decoration:none;
color:{color:Custom Links Color};
font-size:8pt!important;
font-family:{font:Custom Links Font};
}
div.menu ul{
list-style:none;
margin-top:5%;
margin-left:15%;
}
div.menu ul li{
border:1px,solid black;
border-radius:20px;
padding:0.5%;
}
div.menu ul li a p{
border:2px solid {color:Custom Links Hover Effect Color};
border-radius:20px;
padding:3%;
width:110px;
transition-property:background-color;
-o-transition-property:background-color;
-moz-transition-property:background-color;
-webkit-transition-property:background-color;
transition-duration:0.5s;
-o-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
}
div.menu ul li a p:hover{
background-color:{color:Custom Links Hover Effect Color};
}
img#open{
width:70px;
position:absolute;
position:fixed;
right:93%;
top:4%;
cursor:hand;
}
img#close{
width:80px;
margin-top:20px;
}
div#socials{
text-align:center;
width:200px;
margin-left:20%;
}
img.icon{
float:left;
width:50px;
padding:5px;
position:relative;
transition-property:background-color;
-o-transition-property:background-color;
-moz-transition-property:background-color;
-webkit-transition-property:background-color;
transition-duration:0.5s;
-o-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
border-radius:100%;
}
img.icon:hover{
background-color:{color:Icons Hover Effect Color};
}
img#avatar{
border-radius:100%;
}
div.welcome{
width:25%;
text-align:center;
font-family:Arquitecta,sans-serif;
font-size:{select:Posts Font Size};
margin-left:71%;
margin-top:-1.55%;
background-color:{color:Menu Background Color};
padding:2%;
color:{color:Posts Font Color};
display:block!important;
height:3000px;
}
div.welcome table{
width:100%;
}
div.welcome table tr td{
padding:2%;
transition-property:background-color;
-o-transition-property:background-color;
-moz-transition-property:background-color;
-webkit-transition-property:background-color;
transition-duration:0.5s;
-o-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
}
div.welcome table tr td:hover{
background-color:{color:Custom Links Hover Effect Color};
}
div.welcome table a{
text-decoration:none;
color:{color:Posts Font Color};
font-size:12pt;
}
div.welcome a{
text-decoration:none;
color:{color:Posts Font Color};
}
hr{
color:{color:Custom Links Hover Effect Color};
background: {color:Custom Links Hover Effect Color};
border: 0;
height: 1px;
}
img#install{
position:absolute;
position:fixed;
margin-top:2%;
margin-left:92.5%;
display:inline;
z-index:100;
}
.pagination{
display:none;
}
button{
font-family:{font:Posts Font};
color:{color:Posts Font Color};
font-size:{color:Posts Font Size};
}
div.category{
text-align:center;
}
div.category h3{
border-radius:20px;
border:2px solid {color:Custom Links Hover Effect Color};
width:100%;
width:50%;
margin-left:25%;
transition-property:background-color;
-o-transition-property:background-color;
-moz-transition-property:background-color;
-webkit-transition-property:background-color;
transition-duration:0.5s;
-o-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
}
div.category h3:hover{
background-color:{color:Custom Links Hover Effect Color};
}
.info_icon{
width:30px;
}
div.info{
z-index:200;
width:30px;
height:30px;
background-color:black;
transition-property:height,width;
-o-transition-property:height,width;
-moz-transition-property:height,width;
-webkit-transition-property:height,width;
transition-duration:1s;
-o-transition-duration:1s;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
}
div.info:hover{
height:100%;
width:100%;
}
div.post_info{
text-align:center;
color:{color:Posts Info Font Color};
font-family:{font:Posts Info Font};
background-color:{color:Posts Info Background Color};
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
margin-right:10px;
width:30px;
height:30px;
position:absolute;
overflow:hidden;
transition-property:height,width;
-o-transition-property:height,width;
-moz-transition-property:height,width;
-webkit-transition-property:height,width;
transition-duration:0.8s;
-o-transition-duration:0.8s;
-moz-transition-duration:0.8s;
-webkit-transition-duration:0.8s;
}
div.post_info a{
color:{color:Posts Info Font Color};
transition-property:opacity;
-o-transition-property:opacity;
-moz-transition-property:opacity;
-webkit-transition-property:opacity;
transition-duration:0.5s;
-o-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
}
div.post_info a:hover{
opacity:0.7;
}
div.post_info:hover{
height:94%;
width:92%;
overflow-y:scroll;
overflow-x:hidden;
}
img#info_icon{
width:30px;
margin-left:-30%;
margin-top:-30%;
}
ul.like-reblog{
list-style:none;
margin-left:-20%;
}
ul.like-reblog li{
float:left;
padding:5px;
}
li#like{
margin-left:-15%;
}
ul.like-reblog li iframe{
background-color:white;
padding-left:-10%;
padding-right:-10%;
}
li#reblog{
margin-top:5%;
margin-left:-50%;
}
li#li_notes{
margin-left:10%;
}
img.thumbnail{
width:210px;
}
div.permalink{
background-color:white;
z-index:20;
opacity:1!important;
visibility:visible;
display:block;
}
</style>
</head>
<body>
<ul class="pagination">
<li><a href="/page/2" class="pagination_nextlink">Next</a></li>
</ul>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/it_IT/sdk.js#xfbml=1&version=v2.4&appId=354830371387346";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<img src="https://41.media.tumblr.com/869e413af38d062e2be88f273f30f753/tumblr_nka79fPCe71un8rh5o1_100.png" id="install"/>
<header>
{block:ifshowplayer}
{text:Music Player Code}
{/block:ifshowplayer}
<div id="slideshow_fade">
<img src="{image:Header Image 1}"/>
<img src="{image:Header Image 2}"/>
<img src="{image:Header Image 3}"/>
</div>
<div class="container">
<div class="menu">
<div class="closeButton">
<a class="icon-close">
<img src="http://www.symphonyshop.it/images/x.jpg" alt="Close Menu" title="Close Menu" id="close"/>
</a>
</div>
<ul>
{block:ifcustomlink1}
<li>
<a href="{text:Custom Link 1}">
<p>
{text:Custom Link 1 Title}
</p>
</a>
</li>
{/block:ifcustomlink1}
{block:ifcustomlink2}
<li>
<a href="{text:Custom Link 2}">
<p>
{text:Custom Link 2 Title}
</p>
</a>
</li>
{/block:ifcustomlink2}
{block:ifcustomlink3}
<li>
<a href="{text:Custom Link 3}">
<p>
{text:Custom Link 3 Title}
</p>
</a>
</li>
{/block:ifcustomlink3}
{block:ifcustomlink4}
<li>
<a href="{text:Custom Link 4}">
<p>
{text:Custom Link 4 Title}
</p>
</a>
</li>
{/block:ifcustomlink4}
{block:ifcustomlink5}
<li>
<a href="{text:Custom Link 5}">
<p>
{text:Custom Link 5 Title}
</p>
</a>
</li>
{/block:ifcustomlink5}
{block:ifcustomlink6}
<li>
<a href="{text:Custom Link 6}">
<p>
{text:Custom Link 6 Title}
</p>
</a>
</li>
{/block:ifcustomlink6}
</ul>
<div id="socials">
{block:iffacebookurl}
<a href="{text:Facebook URL}">
<img src="https://41.media.tumblr.com/103c669d4b5f17486b964e3f70965621/tumblr_nrhgnpEqbQ1un8rh5o5_250.png" alt="Facebook" title="Facebook" class="icon"/>
</a>
{/block:iffacebookurl}
{block:iftwitterurl}
<a href="{text:Twitter URL}">
<img src="https://36.media.tumblr.com/75ebe4fc9076ad152e48b528ba71b148/tumblr_nrhgnpEqbQ1un8rh5o4_250.png" alt="Twitter" title="Twitter" class="icon"/>
</a>
{/block:iftwitterurl}
{block:ifinstagramurl}
<a href="{text:Instagram URL}">
<img src="https://36.media.tumblr.com/6e93126533aaac564369c273ceba82ad/tumblr_nrhgnpEqbQ1un8rh5o7_250.png" alt="Instagram" title="Instagram" class="icon"/>
</a>
{/block:ifinstagramurl}
{block:ifyoutubeurl}
<a href="{text:YouTube URL}">
<img src="https://36.media.tumblr.com/21f900c5ed09ddf74c6be9a99f2f304a/tumblr_nrhgnpEqbQ1un8rh5o2_250.png" alt="YouTube" title="YouTube" class="icon"/>
</a>
{/block:ifyoutubeurl}
{block:ifpinteresturl}
<a href="{text:Pinterest URL}">
<img src="https://41.media.tumblr.com/a65987fc835b6e974621a8a6f9c314f5/tumblr_nrhgnpEqbQ1un8rh5o1_250.png" alt="Pinterest" title="Pinterest"class="icon"/>
</a>
{/block:ifpinteresturl}
{block:ifgoogleplusurl}
<a href="{text:Google Plus URL}">
<img src="https://40.media.tumblr.com/c82d2e7fd03b4244159cf2d023b43c39/tumblr_nrhgmcTD7w1un8rh5o6_250.png" alt="Google Plus" title="Google Plus" class="icon"/>
</a>
{/block:ifgoogleplusurl}
{block:iflinkedinurl}
<a href="{text:Linkedin URL}">
<img src="https://40.media.tumblr.com/ad29394a4f644f6398391a5140c11f7a/tumblr_nrhgnpEqbQ1un8rh5o6_250.png" alt="Linkedin" title="Linkedin" class="icon"/>
</a>
{/block:iflinkedinurl}
{block:ifvimeourl}
<a href="{text:Viemeo URL}">
<img src="http://40.media.tumblr.com/7d52c7d9440a54099fbbaf61a499037a/tumblr_nrhgmcTD7w1un8rh5o8_250.png" alt="Vimeo" title="Vimeo"class="icon"/>
</a>
{/block:ifvimeourl}
{block:ifcontacturl}
<a href="{text:Contact URL}">
<img src="https://36.media.tumblr.com/4f41e45e21ea9b6b8283aeb56759608e/tumblr_nrhgmcTD7w1un8rh5o1_250.png" alt="Contact" title="Contact" class="icon"/>
</a>
{/block:ifcontacturl}
</div>
</div>
<div id="menuButton">
<a class="icon-menu">
<img src="http://www.symphonyshop.it/images/menu.png" alt="Open Menu" title="Open Menu" id="open"/>
</a>
</div>
<b><h1 id="blog_title">
<a href="{BlogURL}">
{Title}
</a>
</h1>
</b>
<h2 id="description">
{Description}
</h2>
</div>
<script type="text/javascript">
new SlideshowFade('slideshow_fade',5000,1);
</script>
</header>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
<div class="welcome">
<img src="{PortraitURL-128}" id="avatar"/>
<p>
{text:Welcome Message or Long Description}
</p>
<table id="other_links">
<tr>
<td>
<a href="{RSS}">
RSS
</a>
</td>
{block:iflinktopage1}
<td>
<a href="{text:Link to Page 1}">
{text:Link to Page 1 Title}
</a>
</td>
{/block:iflinktopage1}
{block:iflinktopage2}
<td>
<a href="{text:Link to Page 2}">
{text:Link to Page 2 Title}
</a>
</td>
{/block:iflinktopage2}
{block:iflinktopage3}
<td>
<a href="{text:Link to Page 3}">
{text:Link to Page 3 Title}
</a>
</td>
{/block:iflinktopage3}
{block:ifcategory1}
<h2>
Categories
</h2>
<div class="category">
<h3>
<a href="{BlogURL}tagged/{text:Category 1}">
{text:Category 1}
</a>
</h3>
{block:ifcategory2}
<h3>
<a href="{BlogURL}tagged/{text:Category 2}">
{text:Category 2}
</a>
</h3>
{/block:ifcategory2}
{block:ifcategory3}
<h3>
<a href="{BlogURL}tagged/{text:Category 3}">
{text:Category 3}
</a>
</h3>
{/block:ifcategory3}
{block:ifcategory4}
<h3>
<a href="{BlogURL}tagged/{text:Category 4}">
{text:Category 4}
</a>
</h3>
{/block:ifcategory4}
{block:ifcategory5}
<h3>
<a href="{BlogURL}tagged/{text:Category 5}">
{text:Category 5}
</a>
</h3>
{/block:ifcategory5}
</div>
</tr>
</table>
<hr>
<h2>
Search in this blog
</h2>
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input type="submit" value="Search"/>
</form>
<hr>
{block:iffacebookpagecode}
<h2>
Latest news from Facebook
</h2>
{text:Facebook Page Code}
{/block:iffacebookpagecode}
{block:iftwittercode}
</br>
</br>
<hr>
<h2>
Latest news from Twitter
</h2>
{text:Twitter Code}
<hr>
{/block:iftwittercode}
{block:ifinstagramcode}
<h2>
Latest news from <a href="{text:Instagram URL}">Instagram</a>
</h2>
{text:Instagram Code}
<hr>
{/block:ifinstagramcode}
{block:ifpinterestcode}
<h2>
Latest news from Pinterest
</h2>
{text:Pinterest Code}
<hr>
{/block:ifpinterestcode}
</div>
<div class="posts no_of_columns_3" style="opacity: 0">
<div class="post load">
{block:NoSearchResults}
<h2>
Nothing found, sorry :(</br>
Try with other keywords, or keep surfing on this blog!
</h2>
{/block:NoSearchResults}
</div>
{block:Posts}
<!--PHOTO POSTS-->
<div class="post load">
{block:Photo}
<div class="post_info">
<img src="http://www.wheatonbible.org/Content/10713/Icons/information-welcomedesk-icon.png" alt="Info about this post" alt="Info about this post" id="info_icon"/>
{block:Caption}
<i>
<p>
{Caption}
</p>
</i>
{/block:Caption}
{block:Camera}
<p>
Camera: {Camera}
</p>
{/block:Camera}
{block:Aperture}
<p>
Aperture: {Aperture}
</p>
{/block:Aperture}
{block:Exposure}
<p>
Exposure: {Exposure}
</p>
{/block:Exposure}
{block:FocalLenght}
<p>
Focal lenght: {FocalLenght}
</p>
{/block:FocalLenght}
<ul class="like-reblog">
<li id="like">
{LikeButton}
</li>
<li id="reblog">
{ReblogButton}
</li>
<li id="li_notes">
{block:NoteCount}
<a href="{Permalink}#notes">
{NoteCountWithLabel}
</a>
{/block:NoteCount}
</li>
<li id="li_date">
{block:Date}
<a href="{Permalink}">
{TimeAgo}
</a>
{/block:Date}
</li>
</ul>
</ul>
</div>
{LinkOpenTag}
<a href="{Permalink}">
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
</a>
{LinkCloseTag}
{block:PermalinkPage}
<div class="permalink">
{block:PostNotes}
<div class="notes">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:PermalinkPage}
{/block:Photo}
</div>
<!--PANORAMA POSTS-->
<div class="post load">
{block:Panorama}
<div class="post_info">
<img src="http://www.wheatonbible.org/Content/10713/Icons/information-welcomedesk-icon.png" alt="Info about this post" alt="Info about this post" id="info_icon"/>
{block:Caption}
<i>
<p>
{Caption}
</p>
</i>
{/block:Caption}
{block:Camera}
<p>
Camera: {Camera}
</p>
{/block:Camera}
{block:Aperture}
<p>
Aperture: {Aperture}
</p>
{/block:Aperture}
{block:Exposure}
<p>
Exposure: {Exposure}
</p>
{/block:Exposure}
{block:FocalLenght}
<p>
Focal lenght: {FocalLenght}
</p>
{/block:FocalLenght}
<ul class="like-reblog">
<li id="like">
{LikeButton}
</li>
<li id="reblog">
{ReblogButton}
</li>
<li id="li_notes">
{block:NoteCount}
<a href="{Permalink}#notes">{NoteCountWithLabel}
</a>
{/block:NoteCount}
</li>
<li id="li_date">
{block:Date}
<a href="{Permalink}">
{TimeAgo}
</a>
{/block:Date}
</li>
</ul>
</ul>
</div>
{LinkOpenTag}
<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
{LinkCloseTag}
{/block:Panorama}
</div>
<!--TEXT POSTS-->
<div class="post load">
<div class="text">
{block:Text}
<div class="post_info">
<img src="http://www.wheatonbible.org/Content/10713/Icons/information-welcomedesk-icon.png" alt="Info about this post" alt="Info about this post" id="info_icon"/>
<ul class="like-reblog">
<li id="like">
{LikeButton}
</li>
<li id="reblog">
{ReblogButton}
</li>
<li id="li_notes">
{block:NoteCount}
<a href="{Permalink}#notes">{NoteCountWithLabel}
</a>
{/block:NoteCount}
</li>
<li id="li_date">
{block:Date}
<a href="{Permalink}">
{TimeAgo}
</a>
{/block:Date}
</li>
</ul>
</ul>
</div>
</br></br></br>
{block:Title}
<h2>
{Title}
</h2>
{/block:Title}
</br></br>
<p>
{Body}
</p>
</br></br></br>
{/block:Text}
</div>
</div>
<!--AUDIO POSTS-->
<div class="post load">
{block:Audio}
<div class="post_info">
<img src="http://www.wheatonbible.org/Content/10713/Icons/information-welcomedesk-icon.png" alt="Info about this post" alt="Info about this post" id="info_icon"/>
{block:Caption}
<i>
<p>
{Caption}
</p>
</i>
{/block:Caption}
{block:AlbumArt}
<img src="{AlbumArtURL}"/>
{/block:AlbumArt}
{block:TrackName}
<p>
Song: {TrackName}
</p>
{/block:TrackName}
{block:Artist}
<p>
Artist: {Artist}
</p>
{/block:Artist}
{block:Album}
<p>
Album: {Album}
</p>
{/block:Album}
<ul class="like-reblog">
<li id="like">
{LikeButton}
</li>
<li id="reblog">
{ReblogButton}
</li>
<li id="li_notes">
{block:NoteCount}
<a href="{Permalink}#notes">{NoteCountWithLabel}
</a>
{/block:NoteCount}
</li>
<li id="li_date">
{block:Date}
<a href="{Permalink}">
{TimeAgo}
</a>
{/block:Date}
</li>
</ul>
</ul>
</div>
{block:AudioPlayer}
{AudioPlayer}
{/block:AudioPlayer}
{block:AudioEmbed}
{AudioEmbed-250}
{/block:AudioEmbed}
{/block:Audio}
</div>
<!--PHOTOSET POSTS-->
{block:Photoset}
<div class="post load">
<div class="post_info">
<img src="http://www.wheatonbible.org/Content/10713/Icons/information-welcomedesk-icon.png" alt="Info about this post" alt="Info about this post" id="info_icon"/>
{block:Caption}
<i>
<p>
{Caption}
</p>
</i>
{/block:Caption}
{block:Camera}
<p>
Camera: {Camera}
</p>
{/block:Camera}
{block:Aperture}
<p>
Aperture: {Aperture}
</p>
{/block:Aperture}
{block:Exposure}
<p>
Exposure: {Exposure}
</p>
{/block:Exposure}
{block:FocalLenght}
<p>
Focal lenght: {FocalLenght}
</p>
{/block:FocalLenght}
<ul class="like-reblog">
<li id="like">
{LikeButton}
</li>
<li id="reblog">
{ReblogButton}
</li>
<li id="li_notes">
{block:NoteCount}
<a href="{Permalink}#notes">{NoteCountWithLabel}
</a>
{/block:NoteCount}
</li>
<li id="li_date">
{block:Date}
<a href="{Permalink}">
{TimeAgo}
</a>
{/block:Date}
</li>
</ul>
</ul>
</div>
{block:Photos}
<img src="{PhotoURL-HighRes}" class="photo" alt="{PhotoAlt}"/>
{/block:Photos}
</div>
{/block:Photoset}
<!--LINK POSTS-->
<div class="post load">
{block:Link}
<div class="post_info">
<img src="http://www.wheatonbible.org/Content/10713/Icons/information-welcomedesk-icon.png" alt="Info about this post" alt="Info about this post" id="info_icon"/>
{block:Thumbnail}
<a href="{URL}">
<img src="{Thumbnail-HighRes}" class="thumbnail"/>
</a>
{/block:Thumbnail}
<ul class="like-reblog">
<li id="like">
{LikeButton}
</li>
<li id="reblog">
{ReblogButton}
</li>
<li id="li_notes">
{block:NoteCount}
<a href="{Permalink}#notes">{NoteCountWithLabel}
</a>
{/block:NoteCount}
</li>
<li id="li_date">
{block:Date}
<a href="{Permalink}">
{TimeAgo}
</a>
{/block:Date}
</li>
</ul>
</ul>
</div>
</br></br>
<a href="{URL}" target="{Target}">
<h2>{Name}</h2>
</a>
</br></br>
{block:Description}
<p>{Description}</p>
{/block:Description}
</br></br>
{/block:Link}
</div>
<!--QUOTE POSTS-->
<div class="post load">
{block:Quote}
<div class="post_info">
<img src="http://www.wheatonbible.org/Content/10713/Icons/information-welcomedesk-icon.png" alt="Info about this post" alt="Info about this post" id="info_icon"/>
<ul class="like-reblog">
<li id="like">
{LikeButton}
</li>
<li id="reblog">
{ReblogButton}
</li>
<li id="li_notes">
{block:NoteCount}
<a href="{Permalink}#notes">{NoteCountWithLabel}
</a>
{/block:NoteCount}
</li>
<li id="li_date">
{block:Date}
<a href="{Permalink}">
{TimeAgo}
</a>
{/block:Date}
</li>
</ul>
</ul>
</div>
<h2>
{Quote}
</h2>
{block:Source}
<p><br>&mdash; {Source}</p>
{/block:Source}
</br></br></br>
{/block:Quote}
</div>
<!--CHAT POSTS-->
<div class="post load">
{block:Chat}
<div class="post_info">
<img src="http://www.wheatonbible.org/Content/10713/Icons/information-welcomedesk-icon.png" alt="Info about this post" alt="Info about this post" id="info_icon"/>
<ul class="like-reblog">
<li id="like">
{LikeButton}
</li>
<li id="reblog">
{ReblogButton}
</li>
<li id="li_notes">
{block:NoteCount}
<a href="{Permalink}#notes">{NoteCountWithLabel}
</a>
{/block:NoteCount}
</li>
<li id="li_date">
{block:Date}
<a href="{Permalink}">
{TimeAgo}
</a>
{/block:Date}
</li>
</ul>
</ul>
</div>
{block:Title}
<h2>
{Title}
</h2>
{/block:Title}
<table>
{block:Lines}
<tr>
<th>{block:Label}<p>{Label}</p>{/block:Label}</th>
<td><p>{Line}</p></td>
</tr>
{/block:Lines}
</table>
{/block:Chat}
</div>
<!--VIDEO POSTS-->
<div class="post load">
{block:Video}
<div class="post_info">
<img src="http://www.wheatonbible.org/Content/10713/Icons/information-welcomedesk-icon.png" alt="Info about this post" alt="Info about this post" id="info_icon"/>
{block:Caption}
<p>
{Caption}
</p>
{/block:Caption}
<ul class="like-reblog">
<li id="like">
{LikeButton}
</li>
<li id="reblog">
{ReblogButton}
</li>
<li id="li_notes">
{block:NoteCount}
<a href="{Permalink}#notes">{NoteCountWithLabel}
</a>
{/block:NoteCount}
</li>
<li id="li_date">
{block:Date}
<a href="{Permalink}">
{TimeAgo}
</a>
{/block:Date}
</li>
</ul>
</ul>
</div>
</br></br>
{Video-250}
</br></br>
{/block:Video}
</div>
<!--ANSWER POSTS-->
<div class="post load">
{block:Answer}
<div class="post_info">
<img src="http://www.wheatonbible.org/Content/10713/Icons/information-welcomedesk-icon.png" alt="Info about this post" alt="Info about this post" id="info_icon"/>
{block:Caption}
<i>
<p>
{Caption}
</p>
</i>
{/block:Caption}
<ul class="like-reblog">
<li id="like">
{LikeButton}
</li>
<li id="reblog">
{ReblogButton}
</li>
<li id="li_notes">
{block:NoteCount}
<a href="{Permalink}#notes">{NoteCountWithLabel}
</a>
{/block:NoteCount}
</li>
<li id="li_date">
{block:Date}
<a href="{Permalink}">
{TimeAgo}
</a>
{/block:Date}
</li>
</ul>
</ul>
</div>
<img src="{AskerPortraitURL-96}" style="width:96px; border-radius:100%;"/>
<h2 style="display:inline; margin-right:40%; float:right;">
{Asker} said:
</h2>
<h3>
{Question}
</h3>
<h2>
Answer:
</h2>
<p>
{Answer}
</p>
{/block:Answer}
</div>
<!--SUBMISSION POSTS-->
<div class="post load">
{block:Submission}
<div class="post_info">
<img src="http://www.wheatonbible.org/Content/10713/Icons/information-welcomedesk-icon.png" alt="Info about this post" alt="Info about this post" id="info_icon"/>
{block:Caption}
<i>
<p>
{Caption}
</p>
</i>
{/block:Caption}
{block:AlbumArt}
<img src="{AlbumArtURL}"/>
{/block:AlbumArt}
{block:TrackName}
<p>
Song: {TrackName}
</p>
{/block:TrackName}
{block:Artist}
<p>
Artist: {Artist}
</p>
{/block:Artist}
{block:Album}
<p>
Album: {Album}
</p>
{/block:Album}
{block:Camera}
<p>
Camera: {Camera}
</p>
{/block:Camera}
{block:Aperture}
<p>
Aperture: {Aperture}
</p>
{/block:Aperture}
{block:Exposure}
<p>
Exposure: {Exposure}
</p>
{/block:Exposure}
{block:FocalLenght}
<p>
Focal lenght: {FocalLenght}
</p>
{/block:FocalLenght}
<ul class="like-reblog">
<li id="like">
{LikeButton}
</li>
<li id="reblog">
{ReblogButton}
</li>
<li id="li_notes">
{block:NoteCount}
<a href="{Permalink}#notes">{NoteCountWithLabel}
</a>
{/block:NoteCount}
</li>
<li id="li_date">
{block:Date}
<a href="{Permalink}">
{TimeAgo}
</a>
{/block:Date}
</li>
</ul>
</ul>
</div>
<a href="{SubmitterURL}">
{Submitter}
</a>
{/block:Submission}
</div>
<!--DAY PAGES-->
<div class="post load">
{block:DayPage}
<h2>{Month} {DayOfMonth}, {Year}</h2>
{/block:DayPage}
</div>
{/block:Posts}
</div>
<script type="text/javascript">
$(function(){
var $container = $('.posts').css({
opacity: 0
});
$container.imagesLoaded(function(){
$container.animate({
opacity: 1
});
$container.masonry({
itemSelector: '.post',
columnWidth: 260
});
});
{block:IndexPage}
$container.infinitescroll({
navSelector: '.pagination',
nextSelector: '.pagination li a.pagination_nextlink',
itemSelector: '.load',
loading: {
img: 'http://static.tumblr.com/glziqhp/eRkls6pz6/white-90perc-opacity.png',
donetext: ''
}
},function( newElements ) {
var $newElems = $( newElements ).css({
opacity: 0
});
$newElems.imagesLoaded(function() {
$newElems.animate({
opacity: 1
});
$container.masonry( 'appended', $newElems, true );
});
});
});
{/block:IndexPage}
</script>
<script>
$('#menuButton').click(function()
{
$('.menu').
animate({"left":"0px"}, 500);
});
$('.closeButton').click(function()
{
$('.menu').animate({"left":"-300px"}, 700);
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment