Notes
Notes - notes.io |
Theme name: Candice Theme v2.2
Theme Author: Artistic Influence
Author URL: [//artistic-influence.tumblr.com/]
- - - - - - - - - - - - - - - - - - - - - - - -->
<html
lang="{block:English}en{/block:English}{block:Spanish}es{/block:Spanish}{block:French}fr{/block:French}{block:Italian}it{/block:Italian}{block:German}de{/block:German}{block:Polish}pl{/block:Polish}{block:Japanese}ja{/block:Japanese}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,user-scalable=false">
<title>{Title}{block:SearchPage} - ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} - {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
<meta name="author" content="{Title}">
{block:Description}
<meta name="description" content="{MetaDescription}">
{/block:Description}
<link rel="shortcut icon" href="{Favicon}">
<link rel="apple-touch-icon" href="{PortraitURL-128}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<meta name="select:Menu Avatar Shape" title="Circle" content="circle">
<meta name="select:Menu Avatar Shape" title="Square" content="square">
<meta name="select:Tint Strength" title="Medium Tint" content=".6">
<meta name="select:Tint Strength" title="Strong Tint" content=".3">
<meta name="select:Tint Strength" title="No Tint" content="1">
<!-- images -->
<meta name="image:Single Post Page Background" content="//static.tumblr.com/83fdbaf90d9aebca87d8c5dc4401635e/vppzax2/IMtol73o5/tumblr_static_8ah1a5rl7msk004ssgwwc04o_2048_v2.jpg">
<meta name="image:About Me Image" content="//static.tumblr.com/6da5222170a390afefa296f637ac0a67/vppzax2/00Ionyxfp/tumblr_static_za0ej12lq5w8g4wcoo4skg00.jpg">
<!-- colors -->
<meta name="color:Background Image Tint Color" content="#000000">
<meta name="color:Background Color" content="#000000">
<meta name="color:Body Text Color" content="#1b1b1b">
<meta name="color:Linked Text Color" content="#3485ad">
<meta name="color:Header Text Color" content="#ffffff">
<meta name="color:Header Scroll Button Color" content="#ffffff">
<meta name="color:Hamburger Menu Color" content="#ffffff">
<meta name="color:Post Meta Text Color" content="#a7a6a6">
<meta name="color:Post Background Color" content="#ffffff">
<meta name="color:Reblogged Text Color" content="#8a8a8a">
<meta name="color:Tag Text Color" content="#a7a6a6">
<meta name="color:Single Post Page Accent Color" content="#dddddd">
<meta name="color:Sidebar Background Color" content="#ffffff">
<meta name="color:Sidebar Text Color" content="#000000">
<meta name="color:Sidebar Title Background Color" content="#000000">
<meta name="color:Sidebar Title Text Color" content="#ffffff">
<meta name="color:Sidebar Follow Button Color" content="#ee0000">
<meta name="color:Sidebar Follow Text Color" content="#ffffff">
<meta name="color:Photo Overlay Background Color" content="#000000">
<meta name="color:Photo Overlay Text Color" content="#ffffff">
<meta name="color:Link Post Button Text Color" content="#ffffff">
<meta name="color:Link Post Button Background Color" content="#000000">
<meta name="color:Chat Post Text Color" content="#000000">
<meta name="color:Load More Button Color" content="#ffffff">
<meta name="color:Footer Text Color" content="#000000">
<meta name="color:Loading Screen Bar Color" content="#ffffff">
<meta name="color:Loading Screen Background Color" content="#000000">
<!-- booleans -->
<meta name="if:Enable Google Fonts" content="1">
<meta name="if:Infinite Scroll" content="0">
<meta name="if:Enable Title Letter Spacing" content="0">
<meta name="if:Disable ScrollReveal" content="0">
<meta name="if:Disable SmoothScroll" content="0">
<meta name="if:Hide Tumblr Buttons" content="0">
<meta name="if:Hide Header Avatar" content="0">
<meta name="if:Hide Menu Search" content="0">
<meta name="if:Hide About Me Section" content="0">
<meta name="if:Hide Follow Me Section" content="0">
<meta name="if:Hide Social Links Section" content="0">
<meta name="if:Hide RSS" content="1">
<meta name="if:Hide Recent Likes Feed" content="0">
<meta name="if:Hide Facebook Comments" content="0">
<meta name="if:Hide Pages In Menu" content="0">
<meta name="if:Hide Tags In Menu" content="0">
<meta name="if:Enable Photo Post Title Text Mode" content="1">
<meta name="if:Force Full Width Photo Posts" content="0">
<meta name="if:Force Full Width Text Post Images" content="0">
<meta name="if:Show Social Links" content="1">
<meta name="if:Colored Social Links" content="0">
<!-- Tumblr fonts -->
<meta name="font:Body Font" content="Futura, 'Century Gothic', AppleGothic, sans-serif">
<meta name="font:Post Heading Font" content="Futura, 'Century Gothic', AppleGothic, sans-serif">
<!-- text -->
<meta name="text:Pre Loader Text Message" content="Your Custom Loader Message Here">
<meta name="text:Header Website URL" content="http://www.website.com">
<meta name="text:Menu Pages Label" content="Pages">
<meta name="text:Menu Tags Label" content="Tags">
<meta name="text:Menu Tag 1" content="">
<meta name="text:Menu Tag 2" content="">
<meta name="text:Menu Tag 3" content="">
<meta name="text:Menu Tag 4" content="">
<meta name="text:Menu Tag 5" content="">
<meta name="text:Menu Tag 6" content="">
<meta name="text:Menu Tag 7" content="">
<meta name="text:Menu Tag 8" content="">
<meta name="text:Menu Home Label" content="HOME">
<meta name="text:Menu Ask Label" content="ASK">
<meta name="text:Menu Submit Post Label" content="SUBMIT POST">
<meta name="text:Menu Archive Label" content="ARCHIVE">
<meta name="text:Menu Send Email Label" content="EMAIL ME">
<meta name="text:Menu Send Email Address" content="[email protected]">
<meta name="text:Sidebar Follow Title" content="STAY UPDATED">
<meta name="text:Sidebar About Me Title" content="ABOUT ME">
<meta name="text:Sidebar About Me Content Heading" content="Enzo North">
<meta name="text:Sidebar About Me Content" content="I am bold, daring and fearless, I make no effort to stand out from the crowd, this sort of thing comes naturally to me. I am the pattern on a plain canvas from which excitement springs. I am guilty of being different and make no effort to change. I'm the best me possible and i'm getting better day by day just like they say about wine.">
<meta name="text:Sidebar Social Links Title" content="Social">
<meta name="text:Sidebar Recent Likes Title" content="Recently Liked">
<meta name="text:Sidebar Banner Code" content="">
<meta name="text:Footer Text Message" content="Your footer message">
<meta name="text:Post Heading Font Weight" content="400">
<meta name="text:Body Text Font Weight" content="400">
<meta name="text:Title Font Weight" content="800">
<meta name="text:Title Font Size" content="5rem">
<meta name="text:Google Font Body" content="//fonts.googleapis.com/css?family=Oswald:400,500,600,700">
<meta name="text:Body Font Name" content="'Oswald'">
<meta name="text:Google Font Post Heading" content="">
<meta name="text:Post Heading Font Name" content="'Oswald'">
<meta name="text:Google Font Title" content="">
<meta name="text:Title Font Name" content="'Oswald'">
<meta name="text:Google Analytics Code" content="">
<meta name="text:Twitter Feed Title" content="Twitter">
<meta name="text:Twitter Feed Embed Code" content="">
<meta name="text:Facebook Feed Title" content="Facebook">
<meta name="text:Facebook Feed Page URL" content="">
<meta name="text:Pinterest Feed Title" content="Pinterest">
<meta name="text:Pinterest Board URL" content="">
<meta name="text:Instagram Feed Title" content="Instagram">
<meta name="text:Instagram ID" content="">
<meta name="text:Instagram Token" content="">
<meta name="text:Instagram Feed Count" content="8">
<!--Disqus, RSS & Social Network Usernames-->
<meta name="text:Disqus Shortname" content="">
<meta name="text:Facebook URL" content="">
<meta name="text:Twitter URL" content="">
<meta name="text:Google Plus URL" content="">
<meta name="text:Instagram URL" content="">
<meta name="text:VK URL" content="">
<meta name="text:Youtube URL" content="">
<meta name="text:Vimeo URL" content="">
<meta name="text:Flickr URL" content="">
<meta name="text:Dribbble URL" content="">
<meta name="text:DeviantArt URL" content="">
<meta name="text:SoundCloud URL" content="">
<meta name="text:LinkedIn URL" content="">
<meta name="text:Pinterest URL" content="">
<meta name="text:Spotify URL" content="">
<meta name="text:StumbleUpon URL" content="">
<meta name="text:Behance URL" content="">
<meta name="text:Vine URL" content="">
{block:IfEnableGoogleFonts}
<!-- links -->
<link rel="stylesheet" href="{text:Google Font Body}" type='text/css'>
<link rel="stylesheet" href="{text:Google Font Post Heading}" type='text/css'>
<link rel="stylesheet" href="{text:Google Font Title}" type='text/css'>
{/block:IfEnableGoogleFonts}
<!-- external stylesheets -->
<link rel="stylesheet" href="//static.tumblr.com/honophf/PlQp3d0dc/main.min.css">
<script src="//static.tumblr.com/cmghtlm/otvnkkd1g/modernizr.js"></script>
<script src="//static.tumblr.com/cmghtlm/evUnkz8ov/queryloader2.min.js" type="text/javascript"></script>
<style type="text/css">
/* typography */
body, p, a, em, strong, b, h1, h2, h3, h4, h5, h6, code, pre, textarea, button, input {
font-family: {block:IfEnableGoogleFonts}{block:IfBodyFontName}{text:Body Font Name},{/block:IfBodyFontName}{/block:IfEnableGoogleFonts} {font:Body Font}
}
body, p, em, code, pre, textarea, button, input {
font-weight: {text:Body Text Font Weight}
}
body, p, h1, h2, h3, h4, h5, h6, code, pre, blockquote, .post-media.link h2 a, .title-link, .more_notes_link, a.pagi-previous, a.pagi-next, a.more_notes_link, a.perma-post-title, .perma-post-asker h2 a, .perma-post-answer h2 a, .post.quote cite, .perma-post-notes a {
color: {color:Body Text Color};
}
blockquote, blockquote *, blockquote p {
color: {color:Reblogged Text Color};
}
.post-entry .date:after, .post-divider {
background-color: {color:Body Text Color}
}
a, .creation a, .permalink-content-area span a:hover {
color: {color:Linked Text Color}
}
a.title-link, a.perma-post-title, .post-asker h2, .post-asker h2 a, .post-answer h2, .post-answer h2 a, .perma-post-asker h2, .perma-post-asker h2 a, .perma-post-answer h2, .perma-post-answer h2 a {
font-family: {block:IfEnableGoogleFonts}{block:IfPostHeadingFontName}{text:Post Heading Font Name},{/block:IfPostHeadingFontName}{/block:IfEnableGoogleFonts} {font:Post Heading Font};
}
h1, h2, h3, h4, h5, h6 {
font-weight: {text:Post Heading Font Weight}
}
.post-author p, .post-author p a, .post-note-count p a, .colophon-wrap p a, .colophon-wrap p,
.post.photo .photoset .post-meta .post-author p,
.post.photo .photoset .post-meta .post-author a,
.post.photo .photoset .post-meta .post-note-count p,
.post.photo .photoset .post-meta .post-note-count a {
color: {color:Post Meta Text Color};
}
.post-tags p a, .perma-side-tags a {
color: {color:Tag Text Color};
}
{block:IfEnablePhotoPostTitleTextMode}
.post.photo .post-meta .entry-content * {
font-size: 2rem;
line-height: 2.5rem;
text-transform: uppercase;
letter-spacing: 4px;
}
{/block:IfEnablePhotoPostTitleTextMode}
.post.photo .entry-content *,
.post.photo .post-meta .post-author p,
.post.photo .post-meta .post-author a,
.post.photo .post-meta .post-note-count a,
.post.photo .photoset .post-meta:hover .post-author p,
.post.photo .photoset .post-meta:hover .post-author a,
.post.photo .photoset .post-meta:hover .post-note-count p,
.post.photo .photoset .post-meta:hover .post-note-count a {
color: {color:Photo Overlay Text Color};
}
/* background */
.off-canvas-wrap, .content-area, .blog-footer, .instagram-wrapper {
background-color: {color:Background Color}
}
.bg-cover {
opacity: {select:Tint Strength}
}
.bg-tint {
background-color: {color:Background Image Tint Color}
}
/* top bar */
.lines, .lines:before, .lines:after {
background: {color:Hamburger Menu Color}
}
.top-bar button.lines-button, .top-bar button.lines-button:hover, .top-bar button.lines-button:focus {
border-color: {color:Hamburger Menu Color};
}
.lines-button.close .lines, .lines-button.close .lines:before, .lines-button.close .lines:after {
background: {color:Sidebar Text Color}
}
#offCanvas button.lines-button, #offCanvas button.lines-button:hover, #offCanvas button.lines-button:focus {
border-color: {color:Sidebar Text Color};
}
/* header */
.mast-title, .mast-description, .prof-website a, #results-wrapper * {
color: {color:Header Text Color}
}
.header-avatar img,
.header-social li {
border-color: {color:Header Text Color}
}
.header-avatar img {
background-color: {color:Header Text Color}
}
.mast-title {
font-family: {block:IfEnableGoogleFonts}{block:IfTitleFontName}{text:Title Font Name},{/block:IfTitleFontName}{/block:IfEnableGoogleFonts} {TitleFont};
font-weight: {text:Title Font Weight};
{block:IfEnableTitleLetterSpacing}
letter-spacing: 6px;
{/block:IfEnableTitleLetterSpacing}
}
#mast-scroll i {
color: {color:Header Scroll Button Color};
}
#mast-scroll .btn-slide {
background-color: {color:Header Scroll Button Color};
}
/* pre-loader */
#qLoverlay::after {
color: {color:Loading Screen Bar Color};
content: '{text:Pre Loader Text Message}';
}
/* posts */
blockquote {
border-left-color: {color:Reblogged Text Color};
}
.post .post-entry, .post-single, .perma-right-sidebar {
background-color: {color:Post Background Color}
}
.post-chat .even {
background-color: {color:Chat Post Text Color}
}
.post-chat p, .post-chat b, .post.chat .title-link, .single-post.chat .title-link {
color: {color:Chat Post Text Color}
}
.post.chat .post-chat .even b, .post.chat .post-chat .even p {
color: {color:Post Background Color};
}
.post.photo .photo-link {
background-color: {color:Photo Overlay Background Color};
}
.visit-link {
background-color: {color:Link Post Button Background Color};
border: 2px solid {color:Link Post Button Background Color};
}
.visit-link h5, .visit-link p, .visit-link * {
color: {color:Link Post Button Text Color}
}
.post-answer,
.post.answer .replies > p .tumblr_blog {
border-color: {color:Background Color};
}
.post.photo .entry-content blockquote {
border-left-color: {color:Photo Overlay Text Color};
}
.post.link .title-link::after {
border-top-color: {color:Body Text Color};
}
{block:IfHideTumblrButtons}
.tmblr-iframe {
display: none;
}
{/block:IfHideTumblrButtons}
/*-----------------------------
Social Links
-----------------------------*/
.social-networks i {
background-image: {block:IfNotColoredSocialLinks}url('//static.tumblr.com/cmghtlm/WUMnhqrvy/white-bordered-n.png');{/block:IfNotColoredSocialLinks}{block:IfColoredSocialLinks}url('//static.tumblr.com/honophf/8RMowtemi/color-bordered-n.png'){/block:IfColoredSocialLinks};
}
/* permalink page posts */
a.pagi-previous:before, a.pagi-next:before, .more_notes_link:before {
background-color: {color:Single Post Page Accent Color};
}
/* permalink sidear title top and bottom borders */
h4.sidebar-section-title:after, h4.sidebar-section-title:before, .answer-divider {
background: -moz-linear-gradient(left, {color:Post Background Color} 5%, {color:Single Post Page Accent Color} 20%, {color:Single Post Page Accent Color} 80%, {color:Post Background Color} 95%);
background: -webkit-linear-gradient(left, {color:Post Background Color} 5%,{color:Single Post Page Accent Color} 20%,{color:Single Post Page Accent Color} 80%,{color:Post Background Color} 95%);
background: linear-gradient(to right, {color:Post Background Color} 5%,{color:Single Post Page Accent Color} 20%,{color:Single Post Page Accent Color} 80%,{color:Post Background Color} 95%);
}
/* permalink post/sidebar divider */
.perma-right-sidebar {
border-left: 2px solid {color:Single Post Page Accent Color};
}
/* index pagination */
#load-more a, .back-to-top {
color: {color:Load More Button Color}
}
#load-more .item-slider, .back-to-top .item-slider {
background-color: {color:Load More Button Color}
}
/* sidebar */
#offCanvas,
.off-canvas-bg {
background-color: {color:Sidebar Background Color}
}
#offCanvas p, .menu-items li a, .menu-follow, .menu-follow:focus, .menu-follow:hover,
.menu-items li a:focus, .menu-items li a:hover, .side-social li a {
color: {color:Sidebar Text Color};
}
.sidebar-avatar img {
border-color: {color:Sidebar Text Color};
background-color: {color:Sidebar Text Color};
}
.menu-follow .item-slider, .menu-items li a .item-slider, .menu-divider {
background-color: {color:Sidebar Text Color}
}
#offCanvas .is-accordion-submenu-parent>a:after, #offCanvas .dropdown.menu>li.is-dropdown-submenu-parent>a:after {
border-color: {color:Sidebar Text Color} transparent transparent
}
.sidebar-title, .sidebar-title:before {
background-color: {color:Sidebar Title Background Color}
}
#offCanvas .sidebar-title p, #offCanvas .sidebar-title a {
color: {color:Sidebar Title Text Color}
}
.side-follow a {
color: {color:Sidebar Follow Text Color};
background-color: {color:Sidebar Follow Button Color};
border: 2px solid {color:Sidebar Follow Button Color}
}
.side-social li {
border: 1px solid {color:Sidebar Text Color}
}
/* Footer */
.blog-footer * {
color: {color:Footer Text Color}
}
.footer-avatar img {
border-color: {color:Footer Text Color};
background-color: {color:Footer Text Color};
}
{block:IfNotForceFullWidthPhotoPosts}
.photo-wrapper img {
width: auto
}
{/block:IfNotForceFullWidthPhotoPosts}
{block:IfForceFullWidthTextPostImages}
.post.text figure img {
width: 100%
}
{/block:IfForceFullWidthTextPostImages}
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
{block:Posts}{block:Text}{block:Date}
.single-post.text .entry-content {
width: auto
}
{/block:Date}{/block:Text}{/block:Posts}
}
/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
/* header */
.mast-title {
font-size: {text:Title Font Size};
line-height: calc({text:Title Font Size} + .4rem);
}
.profile-text-wrapper {
border-left: 2px solid {color:Header Text Color};
}
/* buttons */
.visit-link a:hover h5, .visit-link a:hover p {
color: {color:Link Post Button Background Color}
}
.side-follow a:hover {
color: {color:Sidebar Follow Button Color}
}
/* social link hovers */
.footer-social li, .footer-social li a, .side-social li, .side-social li a {
transition: all .25s ease-in-out
}
.side-social li:hover {
background-color: {color:Sidebar Text Color}
}
.side-social li:hover a {
color: {color:Sidebar Background Color}
}
}
{block:SearchPage}
#masthead, .instagram-wrapper {
display: none
}
.content-area {
margin-top: 5%
}
{/block:SearchPage}
{block:TagPage}
#masthead, .instagram-wrapper {
display: none
}
.content-area {
margin-top: 5%
}
{/block:TagPage}
/* index page specific */
{block:IndexPage}{block:ShowHeaderImage}
.bg-cover {
background-image: url("{HeaderImage}")
}
{/block:ShowHeaderImage}{/block:IndexPage}
/* permalink page */
{block:PermalinkPage}
.side-bar {
padding-top: 10%;
}
.bg-cover {
background-color: {color:Permalink Page Background Color};
}
{block:ShowHeaderImage}
.bg-cover {
background-image: url("{image:Single Post Page Background}")
}
.bg-cover, .bg-tint {
position: fixed;
}
.blog-footer, .main-perma, .instagram-wrapper {
z-index: 2;
position: relative;
}
{/block:ShowHeaderImage}
{/block:PermalinkPage}
{CustomCSS}
</style>
{block:IfGoogleAnalyticsCode}
{text:Google Analytics Code}
{/block:IfGoogleAnalyticsCode}
</head>
<body>
{block:IfNotHideFacebookComments}<div id="fb-root"></div><script src="//connect.facebook.net/en_US/all.js#xfbml=1&appId=372884536131543"></script>{/block:IfNotHideFacebookComments}
<div class="bg-tint">
{block:ShowHeaderImage}<div class="bg-cover"></div>{/block:ShowHeaderImage}
</div>
<!-- off canvas wrap start -->
<div class="off-canvas-wrap">
<div class="top-bar row large-12">
<div class="columns large-1">
<!-- off canvas button -->
<a class="left-off-canvas-toggle no-op">
<button type="button" class="hollow button lines-button x2" data-toggle="offCanvas">
<span class="lines"></span>
</button>
</a>
</div>
<div class="social-wrapper">
{block:IfShowSocialLinks}
<ul class="social-networks">
{block:IfShowRSS}
<li><a href="{RSS}" target="_blank"><i class="rss-ico"></i></a></li>
{/block:IfShowRSS}
{block:IfFacebookURL}
<li><a href="{text:Facebook URL}" target="_blank"><i class="facebook-ico"></i></a></li>
{/block:IfFacebookURL}
{block:IfTwitterURL}
<li><a href="{text:Twitter URL}" target="_blank"><i class="twitter-ico"></i></a></li>
{/block:IfTwitterURL}
{block:IfGooglePlusURL}
<li><a href="{text:Google Plus URL}" target="_blank"><i class="googleplus-ico"></i></a></li>
{/block:IfGooglePlusURL}
{block:IfInstagramURL}
<li><a href="{text:Instagram URL}" target="_blank"><i class="instagram-ico"></i></a></li>
{/block:IfInstagramURL}
{block:IfVKURL}
<li><a href="{text:VK URL}" target="_blank"><i class="vk-ico"></i></a></li>
{/block:IfVKURL}
{block:IfYoutubeURL}
<li><a href="{text:Youtube URL}" target="_blank"><i class="youtube-ico"></i></a></li>
{/block:IfYoutubeURL}
{block:IfVimeoURL}
<li><a href="{text:Vimeo URL}" target="_blank"><i class="vimeo-ico"></i></a></li>
{/block:IfVimeoURL}
{block:IfFlickrURL}
<li><a href="{text:Flickr URL}" target="_blank"><i class="flickr-ico"></i></a></li>
{/block:IfFlickrURL}
{block:IfSoundCloudURL}
<li><a href="{text:SoundCloud URL}" target="_blank"><i class="soundcloud-ico"></i></a></li>
{/block:IfSoundCloudURL}
{block:IfLinkedInURL}
<li><a href="{text:LinkedIn URL}" target="_blank"><i class="linkedin-ico"></i></a></li>
{/block:IfLinkedInURL}
{block:IfPinterestURL}
<li><a href="{text:Pinterest URL}" target="_blank"><i class="pinterest-ico"></i></a></li>
{/block:IfPinterestURL}
{block:IfSpotifyURL}
<li><a href="{text:Spotify URL}" target="_blank"><i class="spotify-ico"></i></a></li>
{/block:IfSpotifyURL}
{block:IfDribbbleURL}
<li><a href="{text:Dribbble URL}" target="_blank"><i class="dribble-ico"></i></a></li>
{/block:IfDribbbleURL}
{block:IfDeviantArtURL}
<li><a href="{text:DeviantArt URL}" target="_blank"><i class="deviantart-ico"></i></a></li>
{/block:IfDeviantArtURL}
{block:IfStumbleUponURL}
<li><a href="{text:StumbleUpon URL}" target="_blank"><i class="stumbleupon-ico"></i></a></li>
{/block:IfStumbleUponURL}
{block:IfBehanceURL}
<li><a href="{text:Behance URL}" target="_blank"><i class="behance-ico"></i></a></li>
{/block:IfBehanceURL}
{block:IfVineURL}
<li><a href="{text:Vine URL}" target="_blank"><i class="vine-ico"></i></a></li>
{/block:IfVineURL}
</ul>
{/block:IfShowSocialLinks}
</div>
</div>
<!-- off canvas menu -->
<aside id="offCanvas" class="off-canvas position-left" data-off-canvas>
<button type="button" class="hollow button lines-button x2 close" data-toggle="offCanvas">
<span class="lines"></span>
</button>
<div class="menu-content">
<div class="off-canvas-bg"></div>
<a class="sidebar-avatar" href="{BlogURL}"><img class="{AvatarShape}" src="{PortraitURL-128}" /></a>
<nav class="menu-nav">
<ul class="menu-items vertical menu accordion-menu no-bullet" data-accordion-menu>
<li>
<a href="#">Menu</a>
<ul class="menu vertical nested">
{block:IfMenuHomeLabel}
<li><a href="{BlogURL}">{text:Menu Home Label}</a></li>
{/block:IfMenuHomeLabel}
{block:IfNotHidePagesInMenu}{block:HasPages}
<li>
<a class="no-op">{text:Menu Pages Label}</a>
<ul class="menu vertical nested">
{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
</ul>
</li>
{/block:HasPages}{/block:IfNotHidePagesInMenu}
{block:IfNotHideTagsInMenu}
<li>
<a class="no-op">{text:Menu Tags Label}</a>
<ul class="menu vertical nested">
{block:IfMenuTag1}<li><a href="/tagged/{text:Menu Tag 1}">#{text:Menu Tag 1}</a></li>{/block:IfMenuTag1}
{block:IfMenuTag2}<li><a href="/tagged/{text:Menu Tag 2}">#{text:Menu Tag 2}</a></li>{/block:IfMenuTag2}
{block:IfMenuTag3}<li><a href="/tagged/{text:Menu Tag 3}">#{text:Menu Tag 3}</a></li>{/block:IfMenuTag3}
{block:IfMenuTag4}<li><a href="/tagged/{text:Menu Tag 4}">#{text:Menu Tag 4}</a></li>{/block:IfMenuTag4}
{block:IfMenuTag5}<li><a href="/tagged/{text:Menu Tag 5}">#{text:Menu Tag 5}</a></li>{/block:IfMenuTag5}
{block:IfMenuTag6}<li><a href="/tagged/{text:Menu Tag 6}">#{text:Menu Tag 6}</a></li>{/block:IfMenuTag6}
{block:IfMenuTag7}<li><a href="/tagged/{text:Menu Tag 7}">#{text:Menu Tag 7}</a></li>{/block:IfMenuTag7}
{block:IfMenuTag8}<li><a href="/tagged/{text:Menu Tag 8}">#{text:Menu Tag 8}</a></li>{/block:IfMenuTag8}
</ul>
</li>
{/block:IfNotHideTagsInMenu}
{block:IfMenuAskLabel}
<li><a href="/ask">{text:Menu Ask Label}</a></li>
{/block:IfMenuAskLabel}
{block:IfMenuSubmitPostLabel}
<li><a href="/submit">{text:Menu Submit Post Label}</a></li>
{/block:IfMenuSubmitPostLabel}
{block:IfMenuArchiveLabel}
<li><a href="/archive">{text:Menu Archive Label}</a></li>
{/block:IfMenuArchiveLabel}
{block:IfMenuSendEmailLabel}
<li><a href="mailto:{text:Menu Send Email Address}">{text:Menu Send Email Label}</a></li>
{/block:IfMenuSendEmailLabel}
{block:IfNotHideMenuSearch}
<li>
<form action="/search" method="get" class="nav-search" name="searchform">
<i class="fa fa-search"></i>
<input type="text" name="q" value="{SearchQuery}" id="search-input" placeholder="Search..."/>
</form>
</li>
{/block:IfNotHideMenuSearch}
</ul>
</li>
</ul>
</nav>
</div>
{block:IfNotHideAboutMeSection}
<div class="menu-item">
<div class="sidebar-title">
<p>{text:Sidebar About Me Title}</p>
</div>
{block:IfNotAboutMeImageImage}<img class="about-avatar {select:Menu Avatar Shape}" src="{PortraitURL-128}" alt="blog avatar">{/block:IfNotAboutMeImageImage}
{block:IfAboutMeImageImage}<img class="about-img" src="{image:About Me Image}" />{/block:IfAboutMeImageImage}
<div class="about-content"><p class="about-title"><b>{text:Sidebar About Me Content Heading}</b></p><p>{text:Sidebar About Me Content}</p></div>
</div>
{/block:IfNotHideAboutMeSection}
{block:IfNotHideFollowMeSection}
<div class="menu-item">
<div class="sidebar-title"><p>{text:Sidebar Follow Title}</p></div>
<h6 class="side-follow"><a class="no-op" href="//www.tumblr.com/follow/{Name}" target="_blank">{lang:Follow me}</a></h6>
</div>
{/block:IfNotHideFollowMeSection}
{block:IfNotHideSocialLinksSection}
<div class="menu-item">
<div class="sidebar-title"><p>{text:Sidebar Social Links Title}</p></div>
<ul class="side-social no-bullet">
{block:IfNotHideRSS}
<li><a class="no-op" href="{RSS}"><i class="fa fa-rss"></i></a></li>
{/block:IfNotHideRSS}
{block:IfFacebookURL}
<li><a class="no-op" href="{text:Facebook URL}" target="_blank"><i class="fa fa-facebook"></i></a></li>
{/block:IfFacebookURL}
{block:IfTwitterURL}
<li><a class="no-op" href="{text:Twitter URL}" target="_blank"><i class="fa fa-twitter"></i></a></li>
{/block:IfTwitterURL}
{block:IfGooglePlusURL}
<li><a class="no-op" href="{text:Google Plus URL}" target="_blank"><i class="fa fa-google-plus"></i></a></li>
{/block:IfGooglePlusURL}
{block:IfInstagramURL}
<li><a class="no-op" href="{text:Instagram URL}" target="_blank"><i class="fa fa-instagram"></i></a></li>
{/block:IfInstagramURL}
{block:IfVKURL}
<li><a class="no-op" href="{text:VK URL}" target="_blank"><i class="fa fa-vk"></i></a></li>
{/block:IfVKURL}
{block:IfYoutubeURL}
<li><a class="no-op" href="{text:Youtube URL}" target="_blank"><i class="fa fa-youtube"></i></a></li>
{/block:IfYoutubeURL}
{block:IfVimeoURL}
<li><a class="no-op" href="{text:Vimeo URL}" target="_blank"><i class="fa fa-vimeo-square"></i></a></li>
{/block:IfVimeoURL}
{block:IfFlickrURL}
<li><a class="no-op" href="{text:Flickr URL}" target="_blank"><i class="fa fa-flickr"></i></a></li>
{/block:IfFlickrURL}
{block:IfSoundcloudURL}
<li><a class="no-op" href="{text:SoundCloud URL}" target="_blank"><i class="fa fa-soundcloud"></i></a></li>
{/block:IfSoundCloudURL}
{block:IfLinkedinURL}
<li><a class="no-op" href="{text:Linkedin URL}" target="_blank"><i class="fa fa-linkedin"></i></a></li>
{/block:IfLinkedinURL}
{block:IfPinterestURL}
<li><a class="no-op" href="{text:Pinterest URL}" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>
{/block:IfPinterestURL}
{block:IfSpotifyURL}
<li><a class="no-op" href="{text:Spotify URL}" target="_blank"><i class="fa fa-spotify"></i></a></li>
{/block:IfSpotifyURL}
{block:IfDribbbleURL}
<li><a class="no-op" href="{text:Dribbble URL}" target="_blank"><i class="fa fa-dribbble"></i></a></li>
{/block:IfDribbbleURL}
{block:IfDeviantArtURL}
<li><a class="no-op" href="{text:DeviantArt URL}" target="_blank"><i class="fa fa-deviantart"></i></a></li>
{/block:IfDeviantArtURL}
{block:IfStumbleuponURL}
<li><a class="no-op" href="{text:StumbleUpon URL}" target="_blank"><i class="fa fa-stumbleupon"></i></a></li>
{/block:IfStumbleuponURL}
{block:IfBehanceURL}
<li><a class="no-op" href="{text:Behance URL}" target="_blank"><i class="fa fa-behance"></i></a></li>
{/block:IfBehanceURL}
{block:IfVineURL}
<li><a class="no-op" href="{text:Vine URL}" target="_blank"><i class="fa fa-vine"></i></a></li>
{/block:IfVineURL}
</ul>
</div>
{/block:IfNotHideSocialLinksSection}
{block:IfSidebarBannerCode}
<div class="menu-item banner">
<div class="banner-wrapper">
{text:Sidebar Banner Code}
</div>
</div>
{/block:IfSidebarBannerCode}
{block:IfTwitterFeedEmbedCode}
<div class="menu-item">
<div class="twitter-wrapper">
<div class="sidebar-title">
<p><i class="fa fa-twitter"></i>{text:Twitter Feed Title}</p>
</div>
{text:Twitter Feed Embed Code}
</div>
</div>
{/block:IfTwitterFeedEmbedCode}
{block:IfFacebookFeedPageURL}
<div class="menu-item">
<div class="facebook-wrapper">
<div class="sidebar-title">
<p><i class="fa fa-facebook"></i>{text:Facebook Feed Title}</p>
</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/en_US/sdk.js#xfbml=1&version=v2.5&appId=133284720335915";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="{text:Facebook Feed Page URL}/" data-tabs="timeline, messages, events" data-width="240px" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="{text:Facebook Feed Page URL}/"><a href="{text:Facebook Feed Page URL}/">{text:Facebook Feed Title}</a></blockquote></div></div>
</div>
</div>
{/block:IfFacebookFeedPageURL}
{block:IfPinterestBoardURL}
<div class="menu-item">
<div class="pinterest-wrapper">
<div class="sidebar-title">
<p><i class="fa fa-pinterest"></i>{text:Pinterest Feed Title}</p>
</div>
<a data-pin-do="embedUser" data-pin-board-width="220" data-pin-scale-height="400" data-pin-scale-width="80" href="{text:Pinterest Board URL}"></a>
</div>
</div>
{/block:IfPinterestBoardURL}
{block:IfNotHideRecentLikesFeed}{block:Likes}
<div class="menu-item">
<div class="likes-wrapper">
<div class="sidebar-title">
<p><i class="fa fa-heart"></i>{text:Sidebar Recent Likes Title}</p>
</div>
{Likes limit="5" summarize="100"}
</div>
</div>
{/block:Likes}{/block:IfNotHideRecentLikesFeed}
</aside>
<!-- end off canvas nav content -->
<!-- start main content -->
{block:IndexPage}
<main class="main off-canvas-content" data-off-canvas-content>
{/block:IndexPage}
{block:PermalinkPage}
<main class="main-perma off-canvas-content" data-off-canvas-content>
{/block:PermalinkPage}
<!-- start index page -->
{block:IndexPage}
<!-- start header -->
<header id="masthead">
<div class="mast-container">
<div class="mast-wrapper">
<div class="mast-box">
<div class="portrait">
{block:IfNotHideHeaderAvatar}<a class="header-avatar" href="{BlogURL}"><img class="{AvatarShape}" src="{PortraitURL-128}" /></a>{/block:IfNotHideHeaderAvatar}
</div>
<div class="profile-text-wrapper">
{block:ShowTitle}<h1 class="mast-title">{Title}</h1>{/block:ShowTitle}
<div class="description-wrapper">
{block:ShowDescription}<p class="mast-description">{Description}</p>{/block:ShowDescription}
</div>
{block:IfHeaderWebsiteURL}
<p class="prof-website"><small><a href="{text:Header Website URL}" target="_blank"><i class="fa fa-globe"></i> {text:Header Website URL}</a></small></p>
{/block:IfHeaderWebsiteURL}
</div>
</div>
</div>
</div>
</header>
<!-- end header -->
<div class="scroll-to"></div>
<!-- tag and search page -->
{block:TagPage}
<div id="results-wrapper">
<h4>{lang:Posts tagged Tag 2}</h4>
</div>
{/block:TagPage}
{block:SearchPage}
<div id="results-wrapper">
<h4>{lang:Search results for SearchQuery 2} <small>{lang:SearchResultCount results}</small></h4>
{block:NoSearchResults}
<h2>{lang:No posts containing SearchQuery 2}</h2>
{/block:NoSearchResults}
</div>
{/block:SearchPage}
<!-- start index page posts -->
<section class="content-area">
{block:IfInstagramID}
<div class="instagram-wrapper ani-div">
<ul id="instagram-feed" class="no-bullet"></ul>
</div>
{/block:IfInstagramID}
{block:Posts}
<article class="post {PostType} ani-div" id="{PostID}">
{block:Photo}
<div class="post-entry">
<div class="post-media photo">
<div class="lightbox">
<div class="photo-wrapper ani-div">
<div style="background-image: url({PhotoURL-HighRes})"><img id="photo_{PostID}" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" data-interchange="[{PhotoURL-500}, (default)], [{PhotoURL-HighRes}, (medium)]" /></div>
<div class="post-meta grid-x">
<a class="photo-link" href="{PhotoURL-HighRes}"></a>
<div class="post-colophon small-12 grid-x columns align-self-top">
<div class="post-author cell small-12 large-6">
{block:NotReblog}<img class="{AvatarShape}" src="{PortraitURL-64}" /><p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
{block:RebloggedFrom}<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" /><p>{lang:Reblogged from}<a href="{ReblogParentURL}"> {ReblogParentName}</a></p>{/block:RebloggedFrom}
</div>
{block:NoteCount}
<div class="post-note-count show-for-large cell large-6">
<p><a href="{Permalink}">{NoteCountWithLabel}</a></p>
</div>
{/block:NoteCount}
</div>
<div class="entry-content cell align-self-middle">
<a class="photo-link" href="{PhotoURL-HighRes}"></a>
{block:Caption}{Caption}{/block:Caption}
{block:ContentSource}
<p class="content-source">(Source: <a href="{SourceURL}" title="{SourceTitle}">{SourceTitle}</a>)</p>
{/block:ContentSource}
</div>
<div class="post-share">
<div class="see-post">
<a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
</div>
<div class="more-share no-op">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-button">
{ReblogButton size="14" color="grey"}
</div>
<div class="like-button no-op">
{LikeButton size="14" color="grey"}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{/block:Photo}
{block:Photoset}
<div class="post-entry">
<div class="post-media photoset">
{Photoset}
<div class="post-meta grid-x">
<a class="photo-link" href="{Permalink}"></a>
<div class="post-colophon small-12 grid-x columns align-self-top">
<div class="post-author cell small-12 large-6">
{block:NotReblog}<img class="{AvatarShape}" src="{PortraitURL-64}" /><p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
{block:RebloggedFrom}<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" /><p>{lang:Reblogged from}<a href="{ReblogParentURL}"> {ReblogParentName}</a></p>{/block:RebloggedFrom}
</div>
{block:NoteCount}
<div class="post-note-count show-for-large cell large-6">
<p><a href="{Permalink}">{NoteCountWithLabel}</a></p>
</div>
{/block:NoteCount}
</div>
<div class="entry-content cell align-self-middle">
<a class="photo-link" href="{Permalink}"></a>
{block:Caption}{Caption}{/block:Caption}
{block:ContentSource}
<p class="content-source">(Source: <a href="{SourceURL}" title="{SourceTitle}">{SourceTitle}</a>)</p>
{/block:ContentSource}
</div>
<div class="post-share">
<div class="see-post">
<a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
</div>
<div class="more-share no-op">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-button">
{ReblogButton size="14" color="grey"}
</div>
<div class="like-button no-op">
{LikeButton size="14" color="grey"}
</div>
</div>
</div>
</div>
</div>
{/block:Photoset}
{block:Panorama}
<div class="post-entry panorama">
<div class="photo-wrapper ani-div">
{LinkOpenTag}<img id="photo_{PostID}" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
<div class="post-meta grid-x">
<div class="photo-link">{LinkOpenTag}{LinkCloseTag}</div>
<div class="post-colophon small-12 grid-x columns align-self-top">
<div class="post-author cell small-12 large-6">
{block:NotReblog}<img class="{AvatarShape}" src="{PortraitURL-64}" /><p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
{block:RebloggedFrom}<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" /><p>{lang:Reblogged from}<a href="{ReblogParentURL}"> {ReblogParentName}</a></p>{/block:RebloggedFrom}
</div>
{block:NoteCount}
<div class="post-note-count show-for-large cell large-6">
<p><a href="{Permalink}">{NoteCountWithLabel}</a></p>
</div>
{/block:NoteCount}
</div>
<div class="entry-content cell align-self-middle">
<div class="photo-link">{LinkOpenTag}{LinkCloseTag}</div>
{block:Caption}{Caption}{/block:Caption}
{block:ContentSource}
<p class="content-source">(Source: <a href="{SourceURL}" title="{SourceTitle}">{SourceTitle}</a>)</p>
{/block:ContentSource}
</div>
<div class="post-share">
<div class="see-post">
<a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
</div>
<div class="more-share no-op">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-button">
{ReblogButton size="14" color="grey"}
</div>
<div class="like-button no-op">
{LikeButton size="14" color="grey"}
</div>
</div>
</div>
</div>
</div>
{/block:Panorama}
{block:Video}
<div class="post-entry">
<div class="post-media video ani-div">
{VideoEmbed-700}
</div>
<div class="entry-content ani-div">
<div class="post-date">
<p><a href="{Permalink}">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a></p>
</div>
{block:Caption}{Caption}{/block:Caption}
{block:ContentSource}
<p class="content-source">(Source: <a href="{SourceURL}" title="{SourceTitle}">{SourceTitle}</a>)</p>
{/block:ContentSource}
{block:More}<p class="rm-break"><a href="{Permalink}">{lang:Read more}</a></p>{/block:More}
<div class="post-meta grid-x row">
<div class="post-colophon small-12 show-for-large large-6 columns">
<div class="post-author">
{block:NotReblog}<img class="{AvatarShape}" src="{PortraitURL-64}" /><p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
{block:RebloggedFrom}<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" /><p>{lang:Reblogged from}<a href="{ReblogParentURL}"> {ReblogParentName}</a></p>{/block:RebloggedFrom}
</div>
{block:NoteCount}
<div class="post-note-count">
<p><a href="{Permalink}">{NoteCountWithLabel}</a></p>
</div>
{/block:NoteCount}
{block:HasTags}
<div class="post-tags">
<p>{block:Tags}<a href="{TagURLChrono}">#{Tag} </a>{/block:Tags}</p>
</div>
{/block:HasTags}
</div>
<div class="post-share large-6 cell columns align-self-bottom">
<div class="see-post">
<a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
</div>
<div class="more-share no-op">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-button">
{ReblogButton size="14" color="grey"}
</div>
<div class="like-button no-op">
{LikeButton size="14" color="grey"}
</div>
</div>
</div>
</div>
</div>
{/block:Video}
{block:Audio}
<div class="post-entry">
<div class="title-container">
<h2><a class="title-link" href="{Permalink}" title="{lang:Post permalink}">{block:Artist}{Artist} - {/block:Artist}{block:TrackName}{TrackName}{/block:TrackName}<br /></a></h2>
</div>
<div class="post-media audio ani-div">
{block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
</div>
<div class="entry-content ani-div">
<div class="post-date">
<p><a href="{Permalink}">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a></p>
</div>
{block:Caption}{Caption}{/block:Caption}
{block:ContentSource}
<p class="content-source">(Source: <a href="{SourceURL}" title="{SourceTitle}">{SourceTitle}</a>)</p>
{/block:ContentSource}
{block:More}<p class="rm-break"><a href="{Permalink}">{lang:Read more}</a></p>{/block:More}
<div class="post-meta grid-x row">
<div class="post-colophon small-12 show-for-large large-6 columns">
<div class="post-author">
{block:NotReblog}<img class="{AvatarShape}" src="{PortraitURL-64}" /><p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
{block:RebloggedFrom}<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" /><p>{lang:Reblogged from}<a href="{ReblogParentURL}"> {ReblogParentName}</a></p>{/block:RebloggedFrom}
</div>
{block:NoteCount}
<div class="post-note-count">
<p><a href="{Permalink}">{NoteCountWithLabel}</a></p>
</div>
{/block:NoteCount}
{block:HasTags}
<div class="post-tags">
<p>{block:Tags}<a href="{TagURLChrono}">#{Tag} </a>{/block:Tags}</p>
</div>
{/block:HasTags}
</div>
<div class="post-share large-6 cell columns align-self-bottom">
<div class="see-post">
<a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
</div>
<div class="more-share no-op">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-button">
{ReblogButton size="14" color="grey"}
</div>
<div class="like-button no-op">
{LikeButton size="14" color="grey"}
</div>
</div>
</div>
</div>
</div>
{/block:Audio}
{block:Text}
<div class="post-entry">
{block:Title}
<div class="title-container">
<h2><a class="title-link" href="{Permalink}" title="{lang:Post permalink}">{Title}</a></h2>
</div>
{/block:Title}
<div class="entry-content ani-div">
<div class="post-date">
<a href="{Permalink}">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a>
</div>
{Body}
{block:ContentSource}
<p class="content-source">(Source: <a href="{SourceURL}" title="{SourceTitle}">{SourceTitle}</a>)</p>
{/block:ContentSource}
{block:More}<p class="rm-break"><a href="{Permalink}">{lang:Read more}</a></p>{/block:More}
<div class="post-meta grid-x row">
<div class="post-colophon show-for-large small-12 large-6 columns">
<div class="post-author">
{block:NotReblog}<img class="{AvatarShape}" src="{PortraitURL-64}" /><p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
{block:RebloggedFrom}<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" /><p>{lang:Reblogged from}<a href="{ReblogParentURL}"> {ReblogParentName}</a></p>{/block:RebloggedFrom}
</div>
{block:NoteCount}
<div class="post-note-count">
<p><a href="{Permalink}">{NoteCountWithLabel}</a></p>
</div>
{/block:NoteCount}
{block:HasTags}
<div class="post-tags">
<p>{block:Tags}<a href="{TagURLChrono}">#{Tag} </a>{/block:Tags}</p>
</div>
{/block:HasTags}
</div>
<div class="post-share large-6 cell columns align-self-bottom">
<div class="see-post">
<a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
</div>
<div class="more-share no-op">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-button">
{ReblogButton size="14" color="grey"}
</div>
<div class="like-button no-op">
{LikeButton size="14" color="grey"}
</div>
</div>
</div>
</div>
</div>
{/block:Text}
{block:Link}
<div class="post-entry">
<div class="entry-content ani-div">
<div class="post-date">
<a href="{Permalink}">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a>
</div>
<h2><a class="title-link" href="{Permalink}" title="{lang:Post permalink}">{Name}</a></h2>
{block:Excerpt}<p class="excerpt"><em>{Excerpt}</em></p>{/block:Excerpt}
<div class="visit-link">
<a class="no-op" href="{URL}" target="_blank" title="{lang:Link}"></a>
<h5>{Description}</h5>
<p class="host">{Host}</p>
</div>
<div class="post-meta grid-x row">
<div class="post-colophon show-for-large small-12 large-6 columns">
<div class="post-author">
{block:NotReblog}<img class="{AvatarShape}" src="{PortraitURL-64}" /><p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
{block:RebloggedFrom}<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" /><p>{lang:Reblogged from}<a href="{ReblogParentURL}"> {ReblogParentName}</a></p>{/block:RebloggedFrom}
</div>
{block:NoteCount}
<div class="post-note-count">
<p><a href="{Permalink}">{NoteCountWithLabel}</a></p>
</div>
{/block:NoteCount}
{block:HasTags}
<div class="post-tags">
<p>{block:Tags}<a href="{TagURLChrono}">#{Tag} </a>{/block:Tags}</p>
</div>
{/block:HasTags}
</div>
<div class="post-share cell large-6 columns align-self-bottom">
<div class="see-post">
<a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
</div>
<div class="more-share no-op">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-button">
{ReblogButton size="14" color="grey"}
</div>
<div class="like-button no-op">
{LikeButton size="14" color="grey"}
</div>
</div>
</div>
</div>
</div>
{/block:Link}
{block:Quote}
<div class="post-entry">
<div class="entry-content ani-div">
<div class="post-date">
<a href="{Permalink}">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a>
</div>
<blockquote><h2><a class="title-link" href="{Permalink}" title="{lang:Permalink for this post}">"{Quote}"</a></h2></blockquote>
{block:Source}<p><cite>{Source}</cite></p>{/block:Source}
<div class="post-meta grid-x row">
<div class="post-colophon show-for-large small-12 large-6 columns">
<div class="post-author">
{block:NotReblog}<img class="{AvatarShape}" src="{PortraitURL-64}" /><p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
{block:RebloggedFrom}<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" /><p>{lang:Reblogged from}<a href="{ReblogParentURL}"> {ReblogParentName}</a></p>{/block:RebloggedFrom}
</div>
{block:NoteCount}
<div class="post-note-count">
<p><a href="{Permalink}">{NoteCountWithLabel}</a></p>
</div>
{/block:NoteCount}
{block:HasTags}
<div class="post-tags">
<p>{block:Tags}<a href="{TagURLChrono}">#{Tag} </a>{/block:Tags}</p>
</div>
{/block:HasTags}
</div>
<div class="post-share cell large-6 columns align-self-bottom">
<div class="see-post">
<a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
</div>
<div class="more-share no-op">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-button">
{ReblogButton size="14" color="grey"}
</div>
<div class="like-button no-op">
{LikeButton size="14" color="grey"}
</div>
</div>
</div>
</div>
</div>
{/block:Quote}
{block:Chat}
<div class="post-entry">
<div class="entry-content ani-div">
<div class="post-date">
<p><a href="{Permalink}">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a></p>
</div>
<div class="chat-wrapper grid-x row">
{block:Title}<div class="small-12 xmedium-6 columns align-self-middle"><h2><a class="title-link" href="{Permalink}">{Title}</a></h2></div>{/block:Title}
<ul class="post-chat no-bullet small-12 xmedium-6 columns">
{block:Lines}{block:Label}
<li class="{Alt}"><div><p><b>{Label}</b> {Line}</p></div></li>
{/block:Label}{/block:Lines}
</ul>
</div>
<div class="post-meta grid-x row">
<div class="post-colophon show-for-large small-12 large-6 columns">
<div class="post-author">
{block:NotReblog}<img class="{AvatarShape}" src="{PortraitURL-64}" /><p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
{block:RebloggedFrom}<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" /><p>{lang:Reblogged from}<a href="{ReblogParentURL}"> {ReblogParentName}</a></p>{/block:RebloggedFrom}
</div>
{block:NoteCount}
<div class="post-note-count">
<p><a href="{Permalink}">{NoteCountWithLabel}</a></p>
</div>
{/block:NoteCount}
{block:HasTags}
<div class="post-tags">
<p>{block:Tags}<a href="{TagURLChrono}">#{Tag} </a>{/block:Tags}</p>
</div>
{/block:HasTags}
</div>
<div class="post-share large-6 cell columns align-self-bottom">
<div class="see-post">
<a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
</div>
<div class="more-share no-op">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-button">
{ReblogButton size="14" color="grey"}
</div>
<div class="like-button no-op">
{LikeButton size="14" color="grey"}
</div>
</div>
</div>
</div>
</div>
{/block:Chat}
{block:Answer}
<div class="post-entry">
<div class="entry-content grid-x row">
<div class="post-date cell large-12">
<a href="{Permalink}">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</a>
</div>
<div class="post-content grid-x small-12">
<div class="post-asker ani-div columns cell small-12{block:Answerer} large-6{block:Answerer}">
<img class="asker-avatar {AvatarShape}" src="{AskerPortraitURL-96}" alt="Asker Avatar" /><h2>{Asker} asked:</h2>
<p>{Question}</p>
</div>
{block:Answerer}
<div class="post-answer ani-div columns cell small-12 large-6">
<img class="answer-avatar {AvatarShape}" src="{AnswererPortraitURL-96}" alt="Answerer Avatar"><h2>{Answerer} answered:</h2>
{Answer}
</div>
{/block:Answerer}
<div class="replies columns small-12">
{Replies}
</div>
</div>
<div class="post-meta grid-x row small-12">
<div class="post-colophon show-for-large small-12 large-6 columns">
<div class="post-author">
{block:NotReblog}<img class="{AvatarShape}" src="{PortraitURL-64}" /><p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
{block:RebloggedFrom}<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" /><p>{lang:Reblogged from}<a href="{ReblogParentURL}"> {ReblogParentName}</a></p>{/block:RebloggedFrom}
</div>
{block:NoteCount}
<div class="post-note-count">
<p><a href="{Permalink}">{NoteCountWithLabel}</a></p>
</div>
{/block:NoteCount}
{block:HasTags}
<div class="post-tags">
<p>{block:Tags}<a href="{TagURLChrono}">#{Tag} </a>{/block:Tags}</p>
</div>
{/block:HasTags}
</div>
<div class="post-share large-6 cell columns align-self-bottom">
<div class="see-post">
<a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
</div>
<div class="more-share no-op">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-button">
{ReblogButton size="14" color="grey"}
</div>
<div class="like-button no-op">
{LikeButton size="14" color="grey"}
</div>
</div>
</div>
</div>
</div>
{/block:Answer}
<div id="shareModal-{PostID}" class="share reveal full" data-reveal>
<ul class="more-share-container no-bullet">
<h1>{lang:Share this}:</h1>
<li><a href="//www.facebook.com/share.php?u={ShortURL}" title="{lang:Share this} Facebook" target="_blank"><img src="//static.tumblr.com/cmghtlm/PYPnmku6n/facebook.png" /></a></li>
<li><a href="//twitter.com/intent/tweet?url={ShortURL}" title="{lang:Tweet this}" target="_blank"><img src="//static.tumblr.com/cmghtlm/GOSnmku9n/twitter.png" /></a></li>
<li><a href="//plus.google.com/share?url={ShortURL}" title="{lang:Share this} Google+" target="_blank"><img src="//static.tumblr.com/cmghtlm/9j6nmku75/g_.png" /></a></li>
<li><a href="//www.pinterest.com/pin/create/button/?url={ShortURL}" title="{lang:Share this} Pinterest" target="_blank"><img src="//static.tumblr.com/cmghtlm/Ygdnmku7l/pinterest.png" /></a></li>
</ul>
<a class="close-modal-button" data-close><span class="cross-ico"></span></a>
</div>
</article>
{/block:Posts}
</section>
<!-- end posts -->
<div class="page-load-status" style="display: none;">
<div id="infscr-loading" class="infinite-scroll-request">
<img src="//static.tumblr.com/cmghtlm/Rz0noy7fh/theee-dots-black.svg" alt="Loading" />
</div>
</div>
<!-- start pagination -->
{block:Pagination}
<div class="pagi-container">
<div id="load-more">
{block:NextPage}<p><a class="no-op" href="{NextPage}">{lang:Load more posts}<span class="item-slider"></span></a></p>{/block:NextPage}
</div>
<a class="back-to-top no-op" href='#'><i class="fa fa-angle-double-up"></i><span class="item-slider"></span></a>
</div>
{/block:Pagination}
<!-- end pagination -->
{/block:IndexPage}
<!-- end index page -->
<!-- start permalink page -->
{block:PermalinkPage}
<section class="permalink-content-area">
{block:Posts}
<article class="post-single {PostType}">
{block:Photo}
<div class="post-media-content">
<div class="lightbox">
<div class="post-photo-wrap">
<a href="{PhotoURL-HighRes}">
<img id="photo_{PostID}" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" data-interchange="[{PhotoURL-500}, (default)], [{PhotoURL-HighRes}, (medium)]" />
</a>
</div>
</div>
</div>
<div class="post-entry-container">
<div class="post-entry-content">
{block:Caption}
{Caption}
{/block:Caption}
<!-- POST META CONTENT -->
<div class="meta-content-wrap">
<!-- POST COLOPHON / CREATED BY -->
<div class="colophon-wrap grid-x row align-middle">
{block:NotReblog}
<img class="{AvatarShape}" src="{PortraitURL-64}" />
<p>{lang:By PostAuthorName 2}<span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:NotReblog}
{block:RebloggedFrom}
<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
<p>{lang:Via}<a href="{ReblogParentURL}"> {ReblogParentName}</a><span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:RebloggedFrom}
</div>
<!-- END OF POST COLOPHON -->
</div>
<!-- END POST META CONTENT -->
<!-- POST SHARING -->
<div class="post-distribution grid-x row align-middle">
{block:NoteCount}
<p class="meta-note-count shrink column align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
{/block:NoteCount}
<div class="share-this shrink column align-self-middle">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-this shrink column align-self-middle">
{ReblogButton size="14" color="black"}
</div>
<div class="like-this shrink column align-self-middle">
{LikeButton size="14" color="black"}
</div>
</div>
<!-- END POST SHARING -->
</div>
</div>
{/block:Photo}
{block:Photoset}
<div class="post-media-content">
{Photoset}
</div>
<div class="post-entry-container">
<div class="post-entry-content">
{block:Caption}
{Caption}
{/block:Caption}
<!-- POST META CONTENT -->
<div class="meta-content-wrap">
<!-- POST COLOPHON / CREATED BY -->
<div class="colophon-wrap grid-x row align-middle">
{block:NotReblog}
<img class="{AvatarShape}" src="{PortraitURL-64}" />
<p>{lang:By PostAuthorName 2}<span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:NotReblog}
{block:RebloggedFrom}
<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
<p>{lang:Via}<a href="{ReblogParentURL}"> {ReblogParentName}</a><span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:RebloggedFrom}
</div>
<!-- END OF POST COLOPHON -->
</div>
<!-- END POST META CONTENT -->
<!-- POST SHARING -->
<div class="post-distribution grid-x row align-middle">
{block:NoteCount}
<p class="meta-note-count shrink column align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
{/block:NoteCount}
<div class="share-this shrink column align-self-middle">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-this shrink column align-self-middle">
{ReblogButton size="14" color="black"}
</div>
<div class="like-this shrink column align-self-middle">
{LikeButton size="14" color="black"}
</div>
</div>
<!-- END POST SHARING -->
</div>
</div>
{/block:Photoset}
{block:Panorama}
<div class="post-media-content">
<div class="post-photo-wrap">
{LinkOpenTag}
<img id="photo_{PostID}" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
{LinkCloseTag}
</div>
</div>
<div class="post-entry-container">
<div class="post-entry-content">
{block:Caption}
{Caption}
{/block:Caption}
<!-- POST META CONTENT -->
<div class="meta-content-wrap">
<!-- POST COLOPHON / CREATED BY -->
<div class="colophon-wrap grid-x row align-middle">
{block:NotReblog}
<img class="{AvatarShape}" src="{PortraitURL-64}" />
<p>{lang:By PostAuthorName 2}<span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:NotReblog}
{block:RebloggedFrom}
<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
<p>{lang:Via}<a href="{ReblogParentURL}"> {ReblogParentName}</a><span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:RebloggedFrom}
</div>
<!-- END OF POST COLOPHON -->
</div>
<!-- END POST META CONTENT -->
<!-- POST SHARING -->
<div class="post-distribution grid-x row align-middle">
{block:NoteCount}
<p class="meta-note-count shrink column align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
{/block:NoteCount}
<div class="share-this shrink column align-self-middle">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-this shrink column align-self-middle">
{ReblogButton size="14" color="black"}
</div>
<div class="like-this shrink column align-self-middle">
{LikeButton size="14" color="black"}
</div>
</div>
<!-- END POST SHARING -->
</div>
</div>
{/block:Panorama}
{block:Video}
<div class="post-media-content">
{VideoEmbed-700}
</div>
<div class="post-entry-container">
<div class="post-entry-content">
{block:Caption}
{Caption}
{/block:Caption}
<!-- POST META CONTENT -->
<div class="meta-content-wrap">
<!-- POST COLOPHON / CREATED BY -->
<div class="colophon-wrap grid-x row align-middle">
{block:NotReblog}
<img class="{AvatarShape}" src="{PortraitURL-64}" />
<p>{lang:By PostAuthorName 2}<span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:NotReblog}
{block:RebloggedFrom}
<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
<p>{lang:Via}<a href="{ReblogParentURL}"> {ReblogParentName}</a><span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:RebloggedFrom}
</div>
<!-- END OF POST COLOPHON -->
</div>
<!-- END POST META CONTENT -->
<!-- POST SHARING -->
<div class="post-distribution grid-x row align-middle">
{block:NoteCount}
<p class="meta-note-count shrink column align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
{/block:NoteCount}
<div class="share-this shrink column align-self-middle">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-this shrink column align-self-middle">
{ReblogButton size="14" color="black"}
</div>
<div class="like-this shrink column align-self-middle">
{LikeButton size="14" color="black"}
</div>
</div>
<!-- END POST SHARING -->
</div>
</div>
{/block:Video}
{block:Audio}
<div class="post-media-content row align-center">
{block:AudioEmbed}
{AudioEmbed-250}
{/block:AudioEmbed}
</div>
<div class="post-entry-container">
<div class="post-entry-content">
<h2><a class="perma-post-title" href="{Permalink}" title="{lang:Post permalink}">{block:Artist}{Artist} - {/block:Artist}{block:TrackName}{TrackName}{/block:TrackName}<br /></a></h2>
{block:Caption}
{Caption}
{/block:Caption}
<!-- POST META CONTENT -->
<div class="meta-content-wrap">
<!-- POST COLOPHON / CREATED BY -->
<div class="colophon-wrap grid-x row align-middle">
{block:NotReblog}
<img class="{AvatarShape}" src="{PortraitURL-64}" />
<p>{lang:By PostAuthorName 2}<span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:NotReblog}
{block:RebloggedFrom}
<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
<p>{lang:Via}<a href="{ReblogParentURL}"> {ReblogParentName}</a><span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:RebloggedFrom}
</div>
<!-- END OF POST COLOPHON -->
</div>
<!-- END POST META CONTENT -->
<!-- POST SHARING -->
<div class="post-distribution grid-x row align-middle">
{block:NoteCount}
<p class="meta-note-count shrink column align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
{/block:NoteCount}
<div class="share-this shrink column align-self-middle">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-this shrink column align-self-middle">
{ReblogButton size="14" color="black"}
</div>
<div class="like-this shrink column align-self-middle">
{LikeButton size="14" color="black"}
</div>
</div>
<!-- END POST SHARING -->
</div>
</div>
{/block:Audio}
{block:Text}
<div class="post-entry-container">
<div class="post-entry-content">
{block:Title}
{LinkOpenTag}<h2 class="row align-center"><a class="perma-post-title" href="{Permalink}" title="{lang:Post permalink}">{Title}</a></h2>{LinkCloseTag}
{/block:Title}
{Body}
{block:Date}<!-- HIDES META INFO ON NON-POST-PAGES -->
<!-- POST META CONTENT -->
<div class="meta-content-wrap">
<!-- POST COLOPHON / CREATED BY -->
<div class="colophon-wrap grid-x row align-middle">
{block:NotReblog}
<img class="{AvatarShape}" src="{PortraitURL-64}" />
<p>{lang:By PostAuthorName 2}<span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:NotReblog}
{block:RebloggedFrom}
<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
<p>{lang:Via}<a href="{ReblogParentURL}"> {ReblogParentName}</a><span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:RebloggedFrom}
</div>
<!-- END OF POST COLOPHON -->
</div>
<!-- END POST META CONTENT -->
{/block:Date}<!-- HIDES META INFO ON NON-POST-PAGES -->
<!-- POST SHARING -->
<div class="post-distribution grid-x row align-middle">
{block:NoteCount}
<p class="meta-note-count shrink column align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
{/block:NoteCount}
<div class="share-this shrink column align-self-middle">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-this shrink column align-self-middle">
{ReblogButton size="14" color="black"}
</div>
<div class="like-this shrink column align-self-middle">
{LikeButton size="14" color="black"}
</div>
</div>
<!-- END POST SHARING -->
</div>
</div>
{/block:Text}
{block:Link}
<div class="post-entry-container">
<div class="post-entry-content">
<h2><a class="perma-post-title" href="{Permalink}" title="{lang:Post permalink}">{Name}</a></h2>
{block:Excerpt}
<p><em>{Excerpt}</em></p>
{/block:Excerpt}
{block:Description}
<p>{Description}</p>
{/block:Description}
<div class="post-link-button row align-center">
<a href="{URL}" target="_blank" title="{lang:Link}"><h3>Visit Link →</h3><p><em>{block:Host}{Host}{/block:Host}</em></p></a>
</div>
<!-- POST META CONTENT -->
<div class="meta-content-wrap">
<!-- POST COLOPHON / CREATED BY -->
<div class="colophon-wrap grid-x row align-middle">
{block:NotReblog}
<img class="{AvatarShape}" src="{PortraitURL-64}" />
<p>{lang:By PostAuthorName 2}<span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:NotReblog}
{block:RebloggedFrom}
<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
<p>{lang:Via}<a href="{ReblogParentURL}"> {ReblogParentName}</a><span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:RebloggedFrom}
</div>
<!-- END OF POST COLOPHON -->
</div>
<!-- END POST META CONTENT -->
<!-- POST SHARING -->
<div class="post-distribution grid-x row align-middle">
{block:NoteCount}
<p class="meta-note-count shrink column align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
{/block:NoteCount}
<div class="share-this shrink column align-self-middle">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-this shrink column align-self-middle">
{ReblogButton size="14" color="black"}
</div>
<div class="like-this shrink column align-self-middle">
{LikeButton size="14" color="black"}
</div>
</div>
<!-- END POST SHARING -->
</div>
</div>
{/block:Link}
{block:Quote}
<div class="post-entry-container">
<div class="post-entry-content">
<blockquote><h2><em><a class="perma-post-title" href="{Permalink}" title="{lang:Permalink for this post}">"{Quote}"</a></em></h2></blockquote>
{block:Source}<p><cite>{Source}</cite></p>{/block:Source}
<!-- POST META CONTENT -->
<div class="meta-content-wrap">
<!-- POST COLOPHON / CREATED BY -->
<div class="colophon-wrap grid-x row align-middle">
{block:NotReblog}
<img class="{AvatarShape}" src="{PortraitURL-64}" />
<p>{lang:By PostAuthorName 2}<span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:NotReblog}
{block:RebloggedFrom}
<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
<p>{lang:Via}<a href="{ReblogParentURL}"> {ReblogParentName}</a><span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:RebloggedFrom}
</div>
<!-- END OF POST COLOPHON -->
</div>
<!-- END POST META CONTENT -->
<!-- POST SHARING -->
<div class="post-distribution grid-x row align-middle">
{block:NoteCount}
<p class="meta-note-count shrink column align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
{/block:NoteCount}
<div class="share-this shrink column align-self-middle">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-this shrink column align-self-middle">
{ReblogButton size="14" color="black"}
</div>
<div class="like-this shrink column align-self-middle">
{LikeButton size="14" color="black"}
</div>
</div>
<!-- END POST SHARING -->
</div>
</div>
{/block:Quote}
{block:Chat}
<div class="post-entry-container">
<div class="post-entry-content">
<div class="perma-chat-wrapper">
{block:Title}
<h2><a class="perma-post-title" href="{Permalink}">{Title}</a></h2>
{/block:Title}
<ul class="perma-post-chat no-bullet">
{block:Lines}{block:Label}
<li class="{Alt}">
<div><p><b>{Label}</b> {Line}</p></div>
</li>
<hr />
{/block:Label}{/block:Lines}
</ul>
</div>
<!-- POST META CONTENT -->
<div class="meta-content-wrap">
<!-- POST COLOPHON / CREATED BY -->
<div class="colophon-wrap grid-x row align-middle">
{block:NotReblog}
<img class="{AvatarShape}" src="{PortraitURL-64}" />
<p>{lang:By PostAuthorName 2}<span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:NotReblog}
{block:RebloggedFrom}
<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
<p>{lang:Via}<a href="{ReblogParentURL}"> {ReblogParentName}</a><span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:RebloggedFrom}
</div>
<!-- END OF POST COLOPHON -->
</div>
<!-- END POST META CONTENT -->
<!-- POST SHARING -->
<div class="post-distribution grid-x row align-middle">
{block:NoteCount}
<p class="meta-note-count shrink column align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
{/block:NoteCount}
<div class="share-this shrink column align-self-middle">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-this shrink column align-self-middle">
{ReblogButton size="14" color="black"}
</div>
<div class="like-this shrink column align-self-middle">
{LikeButton size="14" color="black"}
</div>
</div>
<!-- END POST SHARING -->
</div>
</div>
{/block:Chat}
{block:Answer}
<div class="post-entry-container">
<div class="post-entry-content">
<div class="perma-post-asker">
<img class="post-asker-avatar {AvatarShape}" src="{AskerPortraitURL-128}" alt="Asker Avatar" />
<h2>{lang:Asker asked 2}:</h2>
<p>{Question}</p>
</div>
<hr class="answer-divider"/>
<div class="perma-post-answer">
{block:Answerer}
<img class="post-answer-avatar {AvatarShape}" src="{AnswererPortraitURL-128}" alt="Answerer Avatar">
<h2>{Answerer}:</h2>
{Answer}
{/block:Answerer}
{Replies}
</div>
<!-- POST META CONTENT -->
<div class="meta-content-wrap">
<!-- POST COLOPHON / CREATED BY -->
<div class="colophon-wrap grid-x row align-middle">
{block:NotReblog}
<img class="{AvatarShape}" src="{PortraitURL-64}" />
<p>{lang:By PostAuthorName 2}<span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:NotReblog}
{block:RebloggedFrom}
<img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
<p>{lang:Via}<a href="{ReblogParentURL}"> {ReblogParentName}</a><span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:RebloggedFrom}
</div>
<!-- END OF POST COLOPHON -->
</div>
<!-- END POST META CONTENT -->
<!-- POST SHARING -->
<div class="post-distribution grid-x row align-middle">
{block:NoteCount}
<p class="meta-note-count shrink column align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
{/block:NoteCount}
<div class="share-this shrink column align-self-middle">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-this shrink column align-self-middle">
{ReblogButton size="14" color="black"}
</div>
<div class="like-this shrink column align-self-middle">
{LikeButton size="14" color="black"}
</div>
</div>
<!-- END POST SHARING -->
</div>
</div>
{/block:Answer}
<div class="perma-post-comments">
<h4 class="sidebar-section-title row align-center">{lang:Comment}</h4>
{block:IfNotHideFacebookComments}
<div class="fb-comments" data-href="{Permalink}" data-width="100%"></div>
{/block:IfNotHideFacebookComments}
{block:IfDisqusShortname}
<div id="disqus_thread">
<noscript>
Javascript must be enabled in your browser to view <a href="//disqus.com/?ref_noscript">{lang:Blog comments powered by Disqus}</a>
</noscript>
</div>
{/block:IfDisqusShortname}
</div>
</article>
{block:Date}
<!-- PERMALINK RIGHT SIDEBAR -->
<aside class="perma-right-sidebar">
<!-- POST COLOPHON / CREATED BY -->
<div class="colophon-wrap side-colophon row align-middle">
{block:NotReblog}
<img class="{AvatarShape}" src="{PortraitURL-128}" />
<p>{lang:By PostAuthorName 2}<span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:NotReblog}
{block:RebloggedFrom}
<img class="{AvatarShape}" src="{ReblogParentPortraitURL-128}" />
<p>{lang:Via}<a href="{ReblogParentURL}"> {ReblogParentName}</a><span> - {ShortMonth} {DayOfMonth}, {Year}</span></p>
{/block:RebloggedFrom}
</div>
<!-- END OF POST COLOPHON -->
<!-- POST SHARING -->
<div class="post-distribution row align-middle">
{block:NoteCount}
<p class="meta-note-count shrink column align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
{/block:NoteCount}
<div class="share-this shrink column align-self-middle">
<a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
</div>
<div class="reblog-this shrink column align-self-middle">
{ReblogButton size="14" color="black"}
</div>
<div class="like-this shrink column align-self-middle">
{LikeButton size="14" color="black"}
</div>
</div>
<!-- PERMALINK PAGINATION -->
{block:PermalinkPagination}
<div class="perma-post-pagi grid-x row align-center">
{block:PreviousPost}
<a class="pagi-previous" href="{PreviousPost}" title="{lang:Previous post}">{lang:Previous post}</a>
{/block:PreviousPost}
{block:NextPost}
<a class="pagi-next" href="{NextPost}" title="{lang:Next post}">{lang:Next post}</a>
{/block:NextPost}
</div>
{/block:PermalinkPagination}
<!-- END OF PERMALINK PAGINATION -->
{block:HasTags}
<h4 class="sidebar-section-title row align-center">{lang:Tags}</h4>
<div class="perma-side-tags grid-x row align-center">
{block:Tags}
<p><a href="{TagURLChrono}" class="post-tags">#{Tag}</a></p>
{/block:Tags}
</div>
{/block:HasTags}
{block:PostNotes}
<div class="perma-post-notes">
<h4 class="sidebar-section-title row align-center">{lang:Notes}</h4>
{PostNotes-16}
</div>
{/block:PostNotes}
<div class="perma-post-comments">
<h4 class="sidebar-section-title row align-center">{lang:Comment}</h4>
{block:IfNotHideFacebookComments}
<div class="fb-comments" data-href="{Permalink}" data-width="100%"></div>
{/block:IfNotHideFacebookComments}
{block:IfDisqusShortname}
<div id="disqus_thread">
<noscript>
Javascript must be enabled in your browser to view <a href="//disqus.com/?ref_noscript">{lang:Blog comments powered by Disqus}</a>
</noscript>
</div>
{/block:IfDisqusShortname}
</div>
</aside>
{/block:Date}
<div id="shareModal-{PostID}" class="share reveal full" data-reveal>
<ul class="more-share-container no-bullet">
<h1>{lang:Share this}:</h1>
<li><a href="//www.facebook.com/share.php?u={ShortURL}" title="{lang:Share this} Facebook" target="_blank"><img src="//static.tumblr.com/cmghtlm/PYPnmku6n/facebook.png" /></a></li>
<li><a href="//twitter.com/intent/tweet?url={ShortURL}" title="{lang:Tweet this}" target="_blank"><img src="//static.tumblr.com/cmghtlm/GOSnmku9n/twitter.png" /></a></li>
<li><a href="//plus.google.com/share?url={ShortURL}" title="{lang:Share this} Google+" target="_blank"><img src="//static.tumblr.com/cmghtlm/9j6nmku75/g_.png" /></a></li>
<li><a href="//www.pinterest.com/pin/create/button/?url={ShortURL}" title="{lang:Share this} Pinterest" target="_blank"><img src="//static.tumblr.com/cmghtlm/Ygdnmku7l/pinterest.png" /></a></li>
</ul>
<a class="close-modal-button" data-close><span class="cross-ico"></span></a>
</div>
{/block:Posts}
</section>
<!-- END OF PERMALINK POST CONTENT -->
{/block:PermalinkPage}
<!-- end permalink page -->
</main>
<!-- end main content -->
<!-- start footer -->
<footer class="blog-footer ani-div">
<a class="footer-avatar no-op" href="{BlogURL}"><img class="{AvatarShape}" src="{PortraitURL-128}" /></a>
<h2>{Title}</h2>
{block:IfFooterTextMessage}<p class="footer-message">{text:Footer Text Message}</p>{/block:IfFooterTextMessage}
<p class="creation">© {BlogTitle} {CopyrightYears} <a href="//www.tumblr.com/themes/by/artistic-influence" target="_blank">A creation by Artistic Influence</a> {lang:Powered by Tumblr 2}</p>
</footer>
</div> <!-- off canvas wrap -->
<!-- start modals-->
<div id="searchModal" class="reveal full" data-reveal>
<div class="search-container">
<div class="search-wrapper">
<h1>{lang:Search}:</h1>
<form action="/search" method="get" class="nav-search row small-12 medium-8">
<input class="columns small-10 medium-11" type="text" name="q" value="{SearchQuery}" id="search-input" placeholder="{lang:Search keywords}"/>
<button class="columns small-2 medium-1" type="submit"><i class="fa fa-search"></i></button>
</form>
</div>
</div>
<a class="close-modal-button" data-close><span class="cross-ico"></span></a>
</div>
{block:IfPinterestBoardURL}
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
{/block:IfPinterestBoardURL}
<script src="//static.tumblr.com/cmghtlm/iwbnprdu8/jquery.js"></script>
<script src="//static.tumblr.com/honophf/ptep2xtsc/candice_plugins.js"></script>
<script src="//static.tumblr.com/vppzax2/zsgo35ewv/tweenmax.min.js"></script>
<script src="//static.tumblr.com/vppzax2/N8wo35et5/scrolltoplugin.min.js"></script>
<script>
$(document).foundation();
enquire.register("screen and (min-width: 64.063em)", {
match : function() {
{block:IfNotDisableSmoothScroll}
//smooth scroll
var $window = $(window);
var scrollTime = 0.7;
var scrollDistance = 300;
$window.on("mousewheel DOMMouseScroll", function(event){
event.preventDefault();
var delta = event.originalEvent.wheelDelta/120 || -event.originalEvent.detail/3;
var scrollTop = $window.scrollTop();
var finalScroll = scrollTop - parseInt(delta*scrollDistance);
TweenMax.to($window, scrollTime, {
scrollTo : { y: finalScroll, autoKill:true },
ease: Power1.easeOut,
overwrite: 5
});
});
{/block:IfNotDisableSmoothScroll}
}
});
//scroll reveal
var config = {
viewFactor : 0.15,
duration : 800,
distance : "0px",
scale : 0,
reset : true,
viewOffset: { top: 0 }
};
{block:IfNotDisableScrollReveal}
window.sr = ScrollReveal( config );
sr.reveal('.ani-div');
{/block:IfNotDisableScrollReveal}
//pre loader
window.addEventListener('DOMContentLoaded', function() {
new QueryLoader2(document.querySelector("body"), {
barColor: "{color:Loading Screen Bar Color}",
backgroundColor: "{color:Loading Screen Background Color}",
percentage: false,
barHeight: 2,
minimumTime: 200,
fadeOutTime: 1000
});
});
//instagram Feed
{block:IfInstagramID}
$("#instagram-feed").jqinstapics({
"user_id": "{text:Instagram ID}",
"access_token": "{text:Instagram Token}",
"count": {text:Instagram Feed Count}
});
{/block:IfInstagramID}
//infinite scroll
(function () {
var infiniteContainer = new InfiniteScroll( '.content-area', {
nextSelector: "#load-more a",
path: "#load-more a",
append: ".post",
status: '.page-load-status',
{block:IfNotInfiniteScroll}
button: '#load-more a',
scrollThreshold: false
{/block:IfNotInfiniteScroll}
});
infiniteContainer.on( 'append', function( response, path, items ) {
var $newElemsIDs = $(items).map(function () { return this.id; }).get();
//get like status for posts
Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
//scroll reveal
sr.sync();
//foundation reflow
$(document).foundation();
//magnific Popup Lightbox
$('.lightbox').each(function() {
$(this).magnificPopup({
delegate: 'a.photo-link',
type:'image',
gallery: {
enabled: true,
navigateByImgClick: true,
}
});
});
//responsive photosets
resizePhotosets();
});
infiniteContainer.on( 'last', function( response, path ) {
$('#load-more').remove();
});
})();
//responsive photoset
function resizePhotosets(){
var parentWidth = document.body.querySelector('.html_photoset').offsetWidth;
var photosets = document.body.querySelectorAll('iframe.photoset');
for(var i = 0; i < photosets.length; ++i){
var photoset = photosets[i];
photoset.width = parentWidth;
}
}
window.onload = resizePhotosets;
window.onresize = resizePhotosets;
{block:IfDisqusShortname}{block:PermalinkPage}
//disqus Comments
var disqus_shortname = '{text:Disqus Shortname}';
var disqus_url = '{Permalink}';
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
{/block:PermalinkPage}{/block:IfDisqusShortname}
</script>
</body>
</html>
|
|
Notes is a web-based application for online taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000+ notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 14 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
