<!DOCTYPE html>
<html>
<head>
<title>{Title} {block:TagPage}/ #{Tag}{/block:TagPage}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<meta charset="utf-8">
<!---
CELANDINE THEME BY SEYCHE.TUMBLR.COM
CREDITS:
-feather icons by Cole Bemis
-pxu photosets by pixel union / with modifications by bychloethemes
-npf photosets by codematurgy
-tippy.js tooltips by atomiks
-video resizing by nouvae
-masonry by david desandro
-remove redirects by magnusthemes
(full list of credits @ seyche.tumblr.com/credits)
--->
<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700|Lora:400,400i,700,700i|Merriweather:400,400i,700,700i|PT+Serif:400,400i,700,700i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,700,700i|Heebo:400,700|Lato:400,400i,700,700i|Montserrat:400,400i,700,700i|Nunito+Sans:400,400i,700,700i" rel="stylesheet">
<!----- PHOTOSETS ----->
<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<link href="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosetstyle.css" rel="stylesheet" type="text/css">
<!---- VARIABLES ----->
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Posts" content="#f2f2f2"/>
<meta name="color:Text" content="#888888"/>
<meta name="color:Link" content="#555555"/>
<meta name="color:Accent" content="#e2d1bd"/>
<meta name="color:Title"content="#212121"/>
<meta name="color:Borders" content="#e0e0e0"/>
<meta name="select:Body Font" content="Lora" title="Lora"/>
<meta name="select:Body Font" content="Libre Baskerville" title="Libre Baskerville"/>
<meta name="select:Body Font" content="Georgia" title="Georgia"/>
<meta name="select:Body Font" content="Merriweather" title="Merriweather"/>
<meta name="select:Body Font" content="PT Serif" title="PT Serif"/>
<meta name="select:Body Font" content="Lato" title="Lato"/>
<meta name="select:Body Font" content="Fira Sans" title="Fira Sans"/>
<meta name="select:Body Font" content="Heebo" title="Heebo"/>
<meta name="select:Body Font" content="Nunito Sans" title="Nunito Sans"/>
<meta name="select:Title Font" content="Lato" title="Lato"/>
<meta name="select:Title Font" content="Montserrat" title="Montserrat"/>
<meta name="select:Title Font" content="Fira Sans" title="Fira Sans"/>
<meta name="select:Title Font" content="Lora" title="Lora"/>
<meta name="select:Title Font" content="Libre Baskerville" title="Libre Baskerville"/>
<meta name="select:Title Font" content="Georgia" title="Georgia"/>
<meta name="select:Title Font" content="Merriweather" title="Merriweather"/>
<meta name="select:Title Font" content="PT Serif" title="PT Serif"/>
<meta name="select:Posts Width" content="540px" title="540px"/>
<meta name="select:Posts Width" content="350px" title="350px"/>
<meta name="select:Posts Width" content="400px" title="400px"/>
<meta name="select:Posts Width" content="450px" title="450px"/>
<meta name="select:Posts Width" content="500px" title="500px"/>
<meta name="select:Posts Width" content="600px" title="600px"/>
<meta name="select:Posts Width" content="650px" title="650px"/>
<meta name="select:Posts Width" content="700px" title="700px"/>
<meta name="select:Photoset Gutter" content="1" title="1px"/>
<meta name="select:Photoset Gutter" content="2" title="2px"/>
<meta name="select:Photoset Gutter" content="3" title="3px"/>
<meta name="select:Photoset Gutter" content="4" title="4px"/>
<meta name="if:Grid" content="0"/>
<meta name="if:Icon" content="1"/>
<meta name="if:Hide Caption" content="0"/>
<meta name="if:Hide Tags" content="0"/>
<meta name="if:Hide Note Count" content="1"/>
<meta name="select:Font Size" content="14px" title="14px"/>
<meta name="select:Font Size" content="12px" title="12px"/>
<meta name="select:Font Size" content="13px" title="13px"/>
<meta name="select:Font Size" content="15px" title="15px"/>
<meta name="select:Font Size" content="16px" title="16px"/>
<meta name="select:Font Size" content="17px" title="17px"/>
<meta name="select:Font Size" content="18px" title="18px"/>
<meta name="text:Post Margin" content="140"/>
<meta name="text:Home Link" content="home"/>
<meta name="text:Ask Link" content="message"/>
<meta name="text:Archive Link" content="history"/>
<meta name="text:Link 1 URL" content="" />
<meta name="text:Link 1" content="" />
<meta name="text:Link 2 URL" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 3 URL" content="" />
<meta name="text:Link 3" content="" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<!----- LOAD IN ----->
<script>
$(document).ready(function(){
$(function() {
$('body').removeClass('load-in');
});
});
</script>
<style type="text/css">
@keyframes lazyload {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes lazyload {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes lazyload {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes lazyload {
0% {opacity: 0;}
100% {opacity: 1;}
}
body {
font-family: '{select:body font}', serif;
font-size: {select:font size};
color: {color:text};
background-color: {color:background};
text-align: left;
line-height: 160%;
word-wrap: break-word;
letter-spacing: 0.2px;
margin: 0;
padding: 0;
-webkit-transition: 2s opacity;
-moz-transition: 2s opacity;
-ms-transition: 2s opacity;
-o-transition: 2s opacity;
transition: 2s opacity;
}
body.load-in {
opacity: 0;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
a {
text-decoration: none;
color: {color:link};
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
a:hover {
color: {color:accent};
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
p a, li a {border-bottom: 2px solid rgba({RGBcolor:accent}, 0.6);}
p a:hover, li a:hover {border-bottom: 2px solid rgba({RGBcolor:accent}, 1.0);}
h1, h2, h3, h4, h5 {
font-family: '{select:title font}', sans-serif;
color: {color:title};
letter-spacing: 2px;
line-height: 160%;
text-transform: uppercase;
}
h1 a, h2 a, h3 a, h4 a, h5 a {color: {color:title};}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color: {color:accent}}
h1 {font-size: 1.25em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1em;}
h5 {font-size: 0.9em;}
small {font-size: 0.9em;}
big {font-size: 1.1em;}
b, bold, strong {color: {color:title};}
b a:hover, bold a:hover, strong a:hover {color: {color:accent};}
hr {
height: 1px;
border: none;
background-color: {color:borders};
}
ul {list-style-type: circle;}
ol {list-style-type: decimal;}
li {max-width: 100%;}
blockquote {
padding: 0 0 0 1.25em;
border-left: 1px solid {color:borders};
margin: 1.25em 0 1.25em 1.25em;
}
.tippy-tooltip.custom-theme {
background-color: {color:title};
color: {color:background};
text-align: center;
font-family: '{select:title font}', sans-serif;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
font-style: normal;
padding: 0.25em;
margin: 20px auto auto 10px;
font-size: 0.8em;
border-radius: 0;
}
::-webkit-scrollbar {
width: 17px;
height: 17px;
background-color: {color:background};
}
::-webkit-scrollbar-track {border: 8px solid {color:background}; background-color: {color:borders};}
::-webkit-scrollbar-thumb {
border: 6px solid {color:background};
background-color: {color:title};
min-height: 24px;
min-width: 24px;
}
.tmblr-iframe-compact .tmblr-iframe--unified-controls {
z-index: 999999999!important;
opacity: 0.6;
transform: scale(0.8);
transform-origin: 100% 0;
-webkit-transform: scale(0.8);
-webkit-transform-origin: 100% 0;
-o-transform: scale(0.8);
-o-transform-origin: 100% 0;
-moz-transform: scale(0.8);
-moz-transform-origin: 100% 0;
-ms-transform: scale(0.8);
-ms-transform-origin: 100% 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.tmblr-iframe-compact .tmblr-iframe--unified-controls:hover {
opacity: 1.0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.tmblr-iframe--app-cta-button {display: none!important;}
/*----- HEADER -----*/
#mainheader {
width: calc({select:posts width} + 50px);
height: auto;
position: relative;
margin: 100px auto 50px auto;
}
#mainheader h1 {margin: 0;}
#navi {
border-bottom: 1px solid {color:borders};
padding-bottom: 2em;
margin-top: 0.25em;
}
nav a {margin-right: 0.5em;}
#description {margin-top: 2.5em;}
.find {
display: inline-block;
background-color: {color:background};
margin-left: 0.5em;
}
.find input {
border: 0;
outline: none;
display: inline-block;
background: inherit;
margin: 0;
padding: 0;
color: {color:link};
font-size: 0.9em;
text-align: left;
width: calc(({select:post width} + 50px) / 2);
font-family: '{select:title font}', sans-serif;
}
.find input[type=text] {color: {color:link};}
input::-webkit-input-placeholder {color: {color:link};}
input::-moz-placeholder {color: {color:link};}
input:-moz-placeholder {color: {color:link};}
input:-ms-input-placeholder {color: {color:link};}
#topnav {
position: fixed;
top: 0;
right: 0;
left: 0;
padding: 1.5em 0;
text-align: center;
z-index: 100;
background-color: {color:background};
width: 100%;
display: none;
border-bottom: 1px solid {color:borders};
}
{block:ifIcon}
.icon {
border-radius: 50%;
position: absolute;
margin: 0 0 0 -75px;
height: 50px;
width: 50px;
}
.smallicon {
border-radius: 50%;
display: inline;
vertical-align: middle;
margin-right: 15px;
width: 25px;
height: 25px;
}
{/block:ifIcon}
/*----- COMMON -----*/
.title {
color: {color:title};
font-size: 1.25em;
font-weight: bold;
letter-spacing: 2px;
line-height: 160%;
font-family: '{select:title font}', sans-serif;
text-transform: uppercase;
}
.title a {color: {color:title};}
.title a:hover {color: {color:accent};}
.subtitle {
font-family: '{select:title font}', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.9em;
font-weight: bold;
color: {color:title};
}
.subtitle a {color: {color:title};}
.subtitle a:hover {color: {color:accent};}
.upper {text-transform: uppercase; letter-spacing: 1px;}
/*----- POSTS -----*/
.container {
margin: auto;
width: calc({select:posts width} + 50px);
position: relative;
}
article {
position: relative;
margin: {text:post margin}px auto;
}
.posts {
width: calc({select:posts width} + 50px);
{block:ifGrid}
float: left;
margin: 80px auto;
display: block;
{/block:ifGrid}
}
{block:ifGrid}
.clearfix:before, .clearfix:after {content: ''; display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
{/block:ifGrid}
.main {
background-color: {color:posts};
padding: 25px;
box-sizing: border-box;
}
.tumblr_video_container {max-height: 540px!important; overflow: hidden!important; max-width: 100%;}
.posts li, .posts blockquote, .posts img, figure, video, .video, .video iframe, iframe {max-width: 100%;}
.postsource {display: none;}
.video iframe {width: 100%;}
/*----- CAPTION -----*/
.caption {margin: 2em 0 0 0; list-style-type: none;}
.caption p {margin: 1em 0;}
.caption p:last-of-type {margin-bottom: 0;}
.ogcap p:first-of-type {margin-top: 0;}
.body:first-of-type {margin-top: 0;}
.caption iframe, .caption img {max-width: 100%;}
p.tmblr-attribution {margin-top: 1em !important;}
{block:ifHideCaption}
.hidecap {display: none;}
{/block:ifHideCaption}
.username {
margin-bottom: 0;
display: inline-block;
background-color: {color:background};
padding-right: 1em;
z-index: 1;
line-height: 100%;
}
.username::after {
content: '';
height: 1px;
width: 100%;
background-color: {color:borders};
position: absolute;
left: 0;
margin-top: 0.5em;
z-index: -5;
}
.username a, .username a:hover {border-bottom: none;}
.deactive {text-decoration: line-through;}
/*----- TEXT -----*/
pre {
line-height: inherit;
font-size: inherit;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
background-color: {color:background};
box-sizing: border-box;
padding: 1.5em;
border: 1px solid {color:borders};
}
@font-face {
font-family: Calluna;
src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3%3F=&v=f685dc881c60c298ea22a73fe505b88a#iefix") format("embedded-opentype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.woff?3=&v=760a50f4d098e59aebaf0f0e58ae2cc8") format("woff"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.ttf?3=&v=5ace789439bff3b27f8d4112725531da") format("truetype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.svg?3=&v=5b95c481dd7411c6e112143d6646bd9b#_.regular") format("svg");
font-weight: 700;
font-style: italic
}
@font-face {
font-family: Fairwater;
src: url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff2?v=b7ab7a58cded3365889a447bfd9e9c45") format("woff2"),url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff?v=96e975b7468359e6f67086305577e43e") format("woff");
font-weight: 400;
font-style: normal
}
p.npf_quirky {font-family: Fairwater; font-size: 20px;}
.npf_color_joey {color: #e57373;}
.npf_color_monica {color: #ff8a65;}
.npf_color_phoebe {color: #ffee58;}
.npf_color_ross {color: #81c784;}
.npf_color_rachel {color: #4fc3f7;}
.npf_color_chandler {color: #9575cd;}
.npf_color_niles {color: #f06292;}
a.read_more {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
color: {color:title};
}
a.read_more:hover {color: {color:accent};}
p.read_more_container {margin: 1.5em 0; text-align: center;}
#k {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 15px;
background-color: {color:background};
padding: 5px 8px;
border-radius: 3px;
}
#k:hover {background-color: {color:accent}; color: {color:background};}
#m {
text-align: center;
display: none;
margin: 1em auto 50px auto;
font-family: '{select:title font}', sans-serif;
}
/*----- LINK -----*/
.linkp {
border: 1px solid {color:borders};
color: {color:link};
background-color: {color:background};
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.linkp:hover {
background-color: {color:posts};
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.thumbnail {max-width: 100%;}
.link {padding: 2em;}
.linktxt, .linkhost {margin-top: 1em;}
.linkhost {font-style: italic;}
.npf-link-block {
margin-top: 1.25em;
border-radius: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.npf-link-block .poster .title {background-color: initial; padding: 30px;}
.npf-link-block .title {font-size: 1.25em; border-bottom: none;}
.npf-link-block .bottom {padding: 30px !important; color: {color:text};}
.npf-link-block .bottom .site-name {
font-size: 0.9em;
color: {color:text};
font-weight: normal;
letter-spacing: 1px;
}
/*----- PHOTO -----*/
img {
margin: 0;
display: block;
height: auto;
max-width: 100%;
}
.photo img {width: 100%;}
.vignette, #vignette {opacity: 0;}
.tmblr-lightbox, #tumblr_lightbox {background-color: rgba(60, 60, 60, .8) !important;}
.lightbox-image, #tumblr_lightbox img {
box-shadow: none !important;
border-radius: 0 !important;
max-width: none;
}
/*----- PHOTOSETS -----*/
.caption figure {margin: 1em 0;}
.caption figure .tmblr-full {margin-top: {select:photoset gutter}px;}
.tmblr-full:hover {cursor: pointer;}
.npf_image, .tmblr-full {border: none; outline: none;}
.post-content div.npf_row, .post div.npf_row, body div.npf_row {
margin-left: 0 !important;
margin-right: 0 !important;
}
/*----- QUOTE -----*/
.quote {
font-size: 1.25em;
line-height: 160%;
color: {color:title};
}
.source {
margin-top: 20px;
text-align: right;
font-style: italic;
}
/*----- CHAT -----*/
.chat {padding: 0; margin: 0;}
.chat li {list-style-type: none;}
.line {margin-top: 0.5em;}
.line:first-of-type {margin-top: 0;}
p.npf_chat {
font-family: inherit;
background-color: {color:posts};
padding: 2em;
margin-top: 0.5em;
}
p.npf_chat b {
font-family: '{select:title font}', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.9em;
}
p.npf_chat:first-of-type {margin-top: 1em;}
/*----- ASK -----*/
.question {margin-top: 1em;}
.question p:first-of-type {margin-top: 0;}
.question p:last-of-type {margin-bottom: 0;}
/*----- AUDIO -----*/
.audiopost {min-height: 120px;}
.albumart {
float: left;
width: 70px;
height: 70px;
z-index: -5;
}
.button {
width: 30px;
height: 30px;
overflow: hidden;
position: relative;
z-index: 10;
margin: 8px 7px 6px 7px;
}
.audiobox {
background-color: #f2f2f2;
z-index: 50;
position: absolute;
margin: 13px 0 0 13px;
border-radius: 50%;
opacity: 0.3;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-ms-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
}
.audioinfo {
width: calc(100% - 72px);
height: 70px;
display: flex;
justify-content: center;
flex-direction: column;
}
.flexy {padding-left: 2em; box-sizing: border-box;}
.track {font-size: 1.1em;}
.audiopost:hover .audiobox {
opacity: 0.9;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-ms-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
}
/*----- INFO -----*/
.info {
margin-top: 2em;
border-top: 1px solid {color:borders};
padding-top: 1.5em;
}
.perma {
font-family: '{select:title font}', sans-serif;
margin-right: 1px;
font-size: 0.9em;
}
.type {font-weight: bold; color: {color:title};}
.type:hover {color: {color:accent};}
{block:ifHideNoteCount}
#hidenote {display: none;}
{/block:ifHideNoteCount}
.tags {
margin-left: 0.5em;
font-style: italic;
text-transform: lowercase;
{block:IndexPage}{block:ifHideTags}
display: none;
{/block:ifHideTags}{/block:IndexPage}
}
.tags a {margin-right: 0.75em; display: inline-block;}
.tags a:first-of-type {margin-left: 0.5em;}
.taghead {width: calc({select:posts width} + 50px);}
.pin-post {text-align: center; margin-bottom: 1.5em;}
.pin-post svg {
font-size: 1.25em;
color: {color:accent};
display: inline-block;
vertical-align: middle;
margin-right: 0.75em;
}
/*----- POST NOTES -----*/
#notetitle {
margin-top: 80px;
border-bottom: 1px solid {color:borders};
padding-bottom: 1.5em;
}
ol.notes {
list-style-type: none;
width: calc({select:posts width} + 50px);
padding: 0;
margin: 2em 0 0 0;
}
ol.notes li.note {display: block; padding: 0.15em;}
ol.notes li.note img.avatar {display: none;}
a.more_notes_link {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.9em;
font-family: '{select:title font}', sans-serif;
font-weight: bold;
padding-top: 1.5em;
}
/*----- PAGINATION -----*/
.pg {
font-family: '{select:title font}', sans-serif;
border-top: 1px solid {color:borders};
padding-top: 2em;
text-align: center;
width: calc({select:posts width} + 50px);
position: relative;
margin: {text:post margin}px auto 200px auto;
}
.pg a {margin: 0 0.5em;}
.currentpg {
font-weight: bold;
color: {color:title};
margin: 0 0.5em;
}
#btop {
position: fixed;
right: 28px;
bottom: 50px;
}
/*----- MOBILE CONTROLS -----*/
.mobile-controls {
position: fixed;
right: 15px;
top: 1.25em;
z-index: 150;
display: none;
}
.mobile-controls a svg {
font-size: 1.25em;
display: inline-block;
vertical-align: middle;
}
.mobile-controls a {margin-left: 0.5em;}
/*----- RESPONSIVE -----*/
@media only screen and (max-width: 1023px) {
body {overflow-x: hidden;}
#mainheader .icon {display: none;}
.container {width: 100vw;}
article, .posts, #taghead, #mainheader {width: 80vw;}
#k, #btop {display: none;}
#m {display: block;}
.tmblr-iframe-compact .tmblr-iframe--unified-controls {display: none;}
.mobile-controls {display: block;}
}
{CustomCSS}
</style>
</head>
<body class="load-in">
<!----- MOBILE CONTROLS ----->
<div class="mobile-controls">
<a href="https://www.tumblr.com/follow/{Name}" title="follow"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg></a>
<a href="https://www.tumblr.com/message/{Name}" title="message">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-square"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg></a>
<a href="https://www.tumblr.com/dashboard" title="dashboard"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-compass"><circle cx="12" cy="12" r="10"></circle><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"></polygon></svg></a>
</div>
<!----- HIDDEN NAV ----->
<header class="topbar">
<nav id="topnav">
{block:ifIcon}<img src="{PortraitURL-30}" class="smallicon">{/block:ifIcon}
{block:ifHomeLink}<a href="/" title="{text:Home Link}" target="_self">001.</a>{/block:ifHomeLink}
{block:ifAskLink}<a href="/ask" title="{text:Ask Link}" target="_self">002.</a>{/block:ifAskLink}
{block:ifArchiveLink}<a href="/archive" title="{text:Archive Link}" target="_self">003.</a>{/block:ifArchiveLink}
{block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}" target="_self">004.</a>{/block:ifLink1}
{block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}" target="_self">005.</a>{/block:ifLink2}
{block:ifLink3}<a href="{text:Link 3 URL}" title="{text:Link 3}" target="_self">006.</a>{/block:ifLink3}
</nav>
</header>
<!----- HEADER ----->
<header id="mainheader">
{block:ifIcon}<img src="{PortraitURL-64}" class="icon">{/block:ifIcon}
<h1><a href="/">{Title}</a></h1>
<nav id="navi">
{block:ifHomeLink}<a href="/" title="{text:Home Link}" target="_self">001.</a>{/block:ifHomeLink}
{block:ifAskLink}<a href="/ask" title="{text:Ask Link}" target="_self">002.</a>{/block:ifAskLink}
{block:ifArchiveLink}<a href="/archive" title="{text:Archive Link}" target="_self">003.</a>{/block:ifArchiveLink}
{block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}" target="_self">004.</a>{/block:ifLink1}
{block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}" target="_self">005.</a>{/block:ifLink2}
{block:ifLink3}<a href="{text:Link 3 URL}" title="{text:Link 3}" target="_self">006.</a>{/block:ifLink3}/
<form action="/search" method="get" class="find upper" name="sform">
<input type="text" name="q" placeholder="search" value="{SearchQuery}" class="upper"/>
</form>
</nav>
<div id="description" class="main"><span style='color: #817d67'>🦇 hi! im cade the he/they 🎙️</span>
<br>
<span style='color: #968E4A'>"it is done. now my faith lies in darkness."</span></div>
</header>
{block:TagPage}
<article class="taghead main">
Showing posts filed under <span class="subtitle">#{Tag}</span>
</article>
{/block:TagPage}
{block:DayPage}
<article class="taghead main">
Showing posts made on <span class="subtitle">{Month} {DayOfMonth}, {Year}</span>
</article>
{/block:DayPage}
<section class="container">
<!----- POSTS ----->
{block:Posts inlineMediaWidth="1280"}
<article class="posts" id="{PostID}">
{block:PinnedPostLabel}
<div class="pin-post">
<a href="{Permalink}" class="subtitle"><i data-feather="map-pin" aria-hidden="true"></i>{PinnedPostLabel}</a>
</div>
{/block:PinnedPostLabel}
{block:Text}
<div class="text-post" id="{PostID}">
{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
{block:NotReblog}
<li class="caption body ogcap">
{Body}
</li>
{/block:NotReblog}
{block:RebloggedFrom}{block:Reblogs}
<li class="caption rbcap">
<div class="username subtitle {block:IsDeactivated}deactive" title="blog deactivated{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
{Body}
</li>
{/block:Reblogs}{/block:RebloggedFrom}
</div>
{/block:Text}
{block:Link}
<div class="main">
<a href="{URL}"><div class="linkp">
{block:Thumbnail}<img src="{Thumbnail-HighRes}" class="thumbnail">{/block:Thumbnail}
<div class="link">
<div class="title">{Name}</div>
{block:Excerpt}<div class="linktxt">{Excerpt}</div>{/block:Excerpt}
{block:Host}<div class="linkhost">by {Host}</div>{/block:Host}
</div>
</div></a>
</div>
{block:Description}
{block:NotReblog}
<li class="caption ogcap {block:IndexPage}{block:ifHideCaption}hidecap{/block:ifHideCaption}{/block:IndexPage}">
{Description}
</li>
{/block:NotReblog}
{/block:Description}
{block:RebloggedFrom}{block:Reblogs}
<li class="caption rbcap {block:IndexPage}{block:ifHideCaption}hidecap{/block:ifHideCaption}{/block:IndexPage}">
<div class="username subtitle {block:IsDeactivated}deactive" title="blog deactivated{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
{Body}
</li>
{/block:Reblogs}{/block:RebloggedFrom}
{/block:Link}
{block:Photo}
<div class="photo main">
{LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{LinkCloseTag}
</div>
{block:Caption}
{block:NotReblog}
<li class="caption ogcap {block:IndexPage}{block:ifHideCaption}hidecap{/block:ifHideCaption}{/block:IndexPage}">
{Caption}
</li>
{/block:NotReblog}
{block:Reblogs}
<li class="caption rbcap {block:IndexPage}{block:ifHideCaption}hidecap{/block:ifHideCaption}{/block:IndexPage}">
<div class="username subtitle {block:IsDeactivated}deactive" title="blog deactivated{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
{Body}
</li>
{/block:Reblogs}
{/block:Caption}
{/block:Photo}
{block:Photoset}
<div class="photo-slideshow main" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" alt="{PhotoAlt}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
{block:Caption}
{block:NotReblog}
<li class="caption ogcap {block:IndexPage}{block:ifHideCaption}hidecap{/block:ifHideCaption}{/block:IndexPage}">
{Caption}
</li>
{/block:NotReblog}
{block:Reblogs}
<li class="caption rbcap {block:IndexPage}{block:ifHideCaption}hidecap{/block:ifHideCaption}{/block:IndexPage}">
<div class="username subtitle {block:IsDeactivated}deactive" title="blog deactivated{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
{Body}
</li>
{/block:Reblogs}
{/block:Caption}
{/block:Photoset}
{block:Video}
<div class="video">{Video-500}</div>
{block:Caption}
{block:NotReblog}
<li class="caption ogcap {block:IndexPage}{block:ifHideCaption}hidecap{/block:ifHideCaption}{/block:IndexPage}">
{Caption}
</li>
{/block:NotReblog}
{block:Reblogs}
<li class="caption rbcap {block:IndexPage}{block:ifHideCaption}hidecap{/block:ifHideCaption}{/block:IndexPage}">
<div class="username subtitle {block:IsDeactivated}deactive" title="blog deactivated{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
{Body}
</li>
{/block:Reblogs}
{/block:Caption}
{/block:Video}
{block:Quote}
<div class="quote main">{Quote}</div>
{block:Source}<div class="source">{Source}</div>{/block:Source}
{/block:Quote}
{block:Chat}
{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
<ul class="chat">{block:Lines}
<li class="line main">
{block:Label}<div class="subtitle">{Label}</div>{/block:Label} {Line}
</li>
{/block:Lines}</ul>
{/block:Chat}
{block:Answer}
<span class="ask-label username subtitle">{Asker} said</span>
<div class="question main">{Question}</div>
{block:Answerer}
<li class="caption rbcap">
<div class="username subtitle {block:IsDeactivated}deactive" title="blog deactivated{/block:IsDeactivated}">{Answerer}</a></div>
{Answer}
</li>
{/block:Answerer}
{block:NotReblog}
<li class="caption ogcap">
{Replies}
</li>
{/block:NotReblog}
{block:RebloggedFrom}{block:Reblogs}
<li class="caption rbcap">
<div class="username subtitle {block:IsDeactivated}deactive" title="blog deactivated{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
{Body}
</li>
{/block:Reblogs}{/block:RebloggedFrom}
{/block:Answer}
{block:Audio}
<div class="audiopost main">
<div class="audio-left">
<div class="audiobox"><div class="button">
{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
</div></div>
{block:AlbumArt}
<img src="{AlbumArtURL}" class="albumart">
{/block:AlbumArt}
</div>
<div class="audioinfo">
<div class="flexy">
{block:TrackName}<div class="subtitle track">{TrackName}</div>{/block:TrackName}
{block:Artist}{Artist}{/block:Artist}
</div>
</div>
</div>
{block:Caption}
{block:NotReblog}
<li class="caption ogcap {block:IndexPage}{block:ifHideCaption}hidecap{/block:ifHideCaption}{/block:IndexPage}">
{Caption}
</li>
{/block:NotReblog}
{block:Reblogs}
<li class="caption rbcap {block:IndexPage}{block:ifHideCaption}hidecap{/block:ifHideCaption}{/block:IndexPage}">
<div class="username subtitle {block:IsDeactivated}deactive" title="blog deactivated{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
{Body}
</li>
{/block:Reblogs}
{/block:Caption}
{/block:Audio}
<!----- INFO ----->
{block:Date}
<div class="info">
<span class="upper perma">
<a href="{Permalink}" class="type" {block:ifHideNoteCount}id="hidenote"{/block:ifHideNoteCount}>{NoteCount} n</a>
{block:ifHideNoteCount}<a href="{Permalink}" class="type">{PostType}</a>{/block:ifHideNoteCount}
on {block:IndexPage}<a href="{Permalink}" {block:ifHideNoteCount}title="{NoteCountWithLabel}"{/block:ifHideNoteCount}>
{ShortMonth} {DayOfMonthWithZero}
</a>{/block:IndexPage}
{block:PermalinkPage}{Month} {DayOfMonthWithZero}, {Year}{/block:PermalinkPage}
</span>
{block:HasTags}
<span class="tags">/ {block:Tags}<a href="{TagURL}">{Tag}.</a>{/block:Tags}</span>
{/block:HasTags}
{block:PermalinkPage}{block:RebloggedFrom}
<div id="viasrc">from <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> / origin <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></div>
{/block:RebloggedFrom}{/block:PermalinkPage}
</div>
{/block:Date}
<!----- SOURCE ----->
<div class="postsource">
{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}
</div>
<!----- POST NOTES ----->
{block:Date}{block:PermalinkPage}
<div class="notes">
{block:NoteCount}<div class="title" id="notetitle">{NoteCountWithLabel}</div>{/block:NoteCount}
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
</div>
{/block:PermalinkPage}{/block:Date}
</article>
{/block:Posts}
</section>
<!----- PAGINATION ----->
{block:Pagination}
<footer class="pg upper">
{block:PreviousPage}<a href="{PreviousPage}" class="back" target="_self">back</a>{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}<span class="currentpg">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class="jumppg" href="{URL}" target="_self">{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}" class="next" target="_self">next</a>{/block:NextPage}
</footer>
{/block:Pagination}
<div id="btop">
<a href="#top" title="back to top" target="_self"><i data-feather="chevron-up"></i></span></a>
</div>
<a href="https://seyche.tumblr.com" title="celandine theme by seyche" id="k">&.</a>
<a href="https://seyche.tumblr.com" id="m" class="upper">celandine theme by seyche</a>
<!----- TOOLTIPS ----->
<script src="https://unpkg.com/popper.js@1"></script>
<script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script>
<!----- PHOTOSETS ----->
<script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script>
<!----- MASONRY ----->
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
<!----- VIDEO RESIZING ----->
<script src="https://seyche.github.io/external-files-hosting/plugins/flexframes-modified.js"></script>
<!----- JQUERY ----->
<script>
$(document).ready(function(){
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '{select:photoset gutter}px',
borderRadius: '0px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});
npfPhotosets(".posts", {
rowClass:"npf_row",
imageContainerClass:"tmblr-full",
generatedPhotosetContainerClass:"npf_photoset",
imageClass:"npf_image",
includeCommonPhotosets: false,
useTumblrLightbox: true,
insertGalleryIndicator: false,
galleryIndicatorClass: "npf_gallery_indicator",
galleryIndicatorContent: "<img src='image_url'>",
photosetMargins:"{select:photoset gutter}"
});
/// TOOLTIPS
tippy('[title]', {
theme: 'custom',
arrow: false,
followCursor: true,
delay: 100,
placement: 'bottom-start',
zIndex: 9999999999,
maxWidth: 400,
content(reference) {
const title = reference.getAttribute('title');
reference.removeAttribute('title');
return title;
},
});
/// FADE IN NAV
window.addEventListener("scroll", function() {
if (window.scrollY > 300) {
$('#topnav').fadeIn(500);
}
else {
$('#topnav').fadeOut(500);
}
},false);
});
/// MASONRY
{block:ifGrid}{block:IndexPage}
$(document).ready(function(){
var $grid = $(".container").masonry({
itemSelector: ".posts",
initLayout: 1
});
$grid.on("layoutComplete", function(o, r) {
console.log(r.length)
}), $grid.masonry({
fitWidth: true,
horizontalOrder: 1,
gutter: 120,
resize: 1
}), $grid.imagesLoaded().progress(function() {
$grid.masonry("layout")
});
});
function function1(){
window.scrollTo(0,5);
}
function function2(){
window.scroll(0,2);
}
{/block:IndexPage}{/block:ifGrid}
/// SCROLL TO TOP
$(document).ready(function(){
$('#btop').click(function(){
$('html, body').animate({scrollTop : 0},800);
return false;
});
});
/// REMOVE REDIRECTS
$(document).ready(function(){
//remove tumblr redirects script by magnusthemes@tumblr
$('a[href*="t.umblr.com/redirect"]').each(function(){
var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
var replaceURL = decodeURIComponent(originalURL);
$(this).attr("href", replaceURL);
});
});
/// VIDEO RESIZING
function flexFrame() {
$(".caption").each(function() {
$(this).find("iframe").wrap("<div class='capframe'></div>");
flexibleFrames($(".capframe"));
});
flexibleFrames($(".video"));
}
$(document).ready(flexFrame);
feather.replace()
</script>
</body>
</html>