Notes

Notes - notes.io

<!DOCTYPE html>
<html>
<head>



<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<meta name="viewport" content="width=device-width, initial-scale=1">
{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}

<link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i|Merriweather:400,400i,700,700i|Libre+Baskerville:400,400i,700,700i|Open+Sans:400,400i,700,700i" rel="stylesheet" type="text/css">
<link href="https://static.tumblr.com/yzs4yqx/3O6p0jbhf/base.css" rel="stylesheet" type="text/css">
<link href="https://static.tumblr.com/yzs4yqx/OXRokx2wl/pxu-photoset.css" rel="stylesheet" type="text/css">

<meta name="image:Background" content="">
<meta name="image:Header" content="http://i.imgur.com/La1qZu8.png">

<meta name="color:Body Font" content="#000000">
<meta name="color:Background" content="#ffffff">
<meta name="color:Title" content="#000000">
<meta name="color:Navigation Link" content="#000000">
<meta name="color:Link" content="#909090">
<meta name="color:Hover Link" content="#c1c1c1">
<meta name="color:Border" content="#e1e1e1">

<meta name="select:Background Type" content="background-repeat: repeat;" title="Repeat Background">
<meta name="select:Background Type" content="background-size: cover;" title="Full Page Background">
<meta name="if:Description Divider" content="1">
<meta name="if:Hover Tags" content="1">
<meta name="if:Infinite Scroll" content="0">
<meta name="if:Inverted Controls" content="1">
<meta name="if:Fade In Effect" content="1">
<meta name="if:Show Captions" content="1">
<meta name="if:Show Tags" content="1">
<meta name="if:Custom Link Four" content="1">
<meta name="if:Custom Link Five" content="1">

<meta name="select:Columns" content="1" title="1">
<meta name="select:Columns" content="2" title="2">
<meta name="select:Columns" content="3" title="3">

<meta name="select:Post Size" content="200px" title="200px">
<meta name="select:Post Size" content="250px" title="250px">
<meta name="select:Post Size" content="300px" title="300px">
<meta name="select:Post Size" content="400px" title="400px">
<meta name="select:Post Size" content="500px" title="500px">
<meta name="select:Post Size" content="540px" title="540px">

<meta name="select:Body Font" content="Merriweather" title="Merriweather">
<meta name="select:Body Font" content="Open Sans" title="Open Sans">
<meta name="select:Body Font" content="Arial" title="Arial">
<meta name="select:Body Font" content="Times New Roman" title="Times New Roman">

<meta name="select:Body Font Size" content="9px" title="9px">
<meta name="select:Body Font Size" content="10px" title="10px">
<meta name="select:Body Font Size" content="11px" title="11px">
<meta name="select:Body Font Size" content="12px" title="12px">
<meta name="select:Body Font Size" content="13px" title="13px">

<meta name="text:Title" content="god speaks in tongues.">
<meta name="text:Post Margin Sides" content="20px">
<meta name="text:Post Margin Bottom" content="100px">
<meta name="text:Link One" content="Index">
<meta name="text:Link One URL" content="/">
<meta name="text:Link Two" content="Message">
<meta name="text:Link Two URL" content="/ask">
<meta name="text:Link Three" content="Link Three">
<meta name="text:Link Three URL" content="Link Three URL">
<meta name="text:Link Four" content="Link Four">
<meta name="text:Link Four URL" content="Link Four URL">
<meta name="text:Link Five" content="Link Five">
<meta name="text:Link Five URL" content="Link Five URL">

<style>

@-webkit-keyframes fadein {
0% { opacity: 0; }
100% { opacity: 1; }
}

@keyframes fadein {
0% { opacity: 0; }
100% { opacity: 1; }
}

div#qTip {
font: 7px/10px {select:Body Font};
color: {color:Body Font};
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
border: 1px solid {color:Border};
max-width: 350px;
padding: 3px 5px 3px 6px;
margin: -5px 0 0 20px;
position: absolute;
background: {color:Background};
z-index: 99;
display: none;
}

.tmblr-iframe {
{block:IfInvertedControls}
white-space: nowrap;
-webkit-filter: invert(100%);
filter: invert(100%);
{/block:IfInvertedControls}
top: 10px!important;
right: 10px!important;
opacity: 0.6;
-webkit-transform: scale(0.6, 0.6);
transform: scale(0.6, 0.6);
-webkit-transform-origin: right top;
transform-origin: right top;
}

body {
font-family: {select:Body Font};
color: {color:Body Font};
font-size: {select:Body Font Size};
line-height: calc(1.5em + ({select:Body Font Size} / 2));
background: {color:Background} url({image:Background}) fixed;
{select:Background Type}
{block:IfFadeInEffect}
-webkit-animation: fadein 0.8s;
animation: fadein 0.8s;
{/block:IfFadeInEffect}
}

a {
color: {color:Link};
}

a:hover {
color: {color:Hover Link};
}

h1 {
font: normal 1.1em Libre Baskerville;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
}

#container {
position: relative;
margin: 0 auto;
}

header {
margin: 10% auto 15%;
height: 130px;
border-top: 1px solid {color:Border};
border-bottom: 1px solid {color:Border};
padding: 30px 0;
text-align: center;
width: 600px;
position: relative;
}

header img {
width: 334px;
height: 130px;
float: left;
margin-right: 20px;
margin-left: 15px;
}

#title {
font: normal 14px/28px Libre Baskerville;
letter-spacing: 1px;
color: {color:Title};
}

nav {
text-transform: uppercase;
font-size: 7px;
letter-spacing: 0.5px;
line-height: 15px;
}

nav a {
padding: 0 7px;
color: {color:Navigation Link};
}

nav a:after {
content: '/';
padding-left: 13px;
display: inline;
font-size: 6px;
}

nav a:last-of-type:after {
content: none;
}

#divider {
letter-spacing: 3px;
margin: 10px 0 12px;
font-size: 10px;
}

#description {
text-align: justify;
text-align-last: center;
padding-left: 23px;
vertical-align: bottom;
display: table-cell;
width: 182px;
overflow: hidden;
font-style: italic;
{block:IfDescriptionDivider}
height: 30px;
{/block:IfDescriptionDivider}
{block:IfNotDescriptionDivider}
height: 60px;
padding-top: 15px;
{/block:IfNotDescriptionDivider}
}

#padding {
border: 1px solid {color:Border};
background: {color:Background};
}

#padding a {
color: {color:Body Font};
}

#entries {
{block:IndexPage}
width: calc(({select:Post Size} * {select:Columns}) + ({select:Columns} * ({text:Post Margin Sides} * 2)));
{/block:IndexPage}
{block:PermalinkPage}
width: 500px;
{/block:PermalinkPage}
margin: 0 auto;
position: relative;
text-align: justify;
}

.post {
{block:IndexPage}
width: {select:Post Size};
margin: 0px {text:Post Margin Sides} {text:Post Margin Bottom};
z-index: -1;
{/block:IndexPage}
{block:PermalinkPage}
width: 500px;
margin: 0 auto;
{/block:PermalinkPage}
{block:IfFadeInEffect}
-webkit-animation: fadein 1s;
animation: fadein 1s;
{/block:IfFadeInEffect}
}

.post img {
max-width: 100%;
height: auto;
}

.post blockquote {
border-left: 1px solid {color:Border};
margin-right: 15px;
padding-left: 20px;
margin-left: 20px;
}

.post ul, .post li {
padding: 0;
margin-left: 15px;
}

.quote {
text-align: center;
font-size: 1.3em;
font-style: italic;
}

.source {
font-style: normal;
font-size: {select:Body Font Size};
}

.audio {
border: 1px solid {color:Border};
padding: 3px;
}

.audio_player {
margin-left: -3px;
}

.player {
width: 27px;
height: 27px;
margin: 28px 0 0 26px;
line-height: 0;
position: absolute;
overflow: hidden;
z-index: 1;
opacity: 0.5;
border-radius: 100%;
}

.art {
width: 80px;
height: 80px;
position: absolute;
z-index: 0;
border-right: 1px solid {color:Border};
padding-right: 3px;
}

.details {
height: 55px;
margin-left: 80px;
padding-top: 25px;
text-align: center;
text-transform: uppercase;
line-height: 1.4;
}

.title {
font-weight: bold;
}

.artist {
font-size: 0.8em;
letter-spacing: 1px;
}

.question {
padding: 20px;
border: 1px solid {color:Border};
margin-top: -10px;
}

.querier {
font-size: 1.4em;
font-style: italic;
margin-left: 10px;
padding: 0 10px 5px 10px;
position: relative;
background: {color:Background};
display: inline;
}

.querier a {
color: {color:Body Font};
}

.answer {
padding: 10px 15px 0;
}

#permalink {
text-transform: uppercase;
text-align: center;
margin-top: 25px;
font-size: 7px;
font-family: Droid Serif;
letter-spacing: 2px;
}

#permalink:before {
height: 1px;
width: 100%;
background: {color:Border};
content: '';
display: block;
margin-bottom: -7px;
}

#permalink a {
background: {color:Background};
padding: 0 15px;
color: {color:Body Font};
}

.post:hover .tags {
opacity: 1;
}

.tags {
text-transform: lowercase;
text-align: center;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
word-wrap: break-word;
{block:IfHoverTags}
opacity: 0;
{/block:IfHoverTags}
{block:IndexPage}
margin-top: 10px;
font-size: 8.5px;
line-height: 11px;
{/block:IndexPage}
}

.tags a {
{block:IndexPage}
color: {color:Body Font};
{/block:IndexPage}
margin-right: 3px;
}

.tags a:last-of-type {
margin: 0;
}

#permpage {
margin-top: 15px;
text-align: center;
border-top: 1px solid {color:Border};
border-bottom: 1px solid {color:Border};
padding: 10px 0;
}

ol.notes {
list-style-type: none;
margin: 20px 0px;
padding: 0;
}

ol.notes li.note {
margin-bottom: 10px;
}

ol.notes li.note img.avatar {
border-radius: 100%;
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}

.pagination {
text-align: center;
margin: 50px auto 100px;
position: relative;
display: block;
width: calc(({select:Post Size} * {select:Columns}) + ({select:Columns} * 30px));
{block:IfInfiniteScroll}
display: none;
{/block:IfInfiniteScroll}
}

.pagination a, .current_page {
color: {color:Body Font};
line-height: 20px;
text-align: center;
width: 20px;
height: 20px;
margin: 0 4px;
display: inline-block;
font-size: 10px;
}

.pagination svg {
fill: {color:Body Font};
width: 10px;
height: 10px;
margin-bottom: -2px;
display: inline-block;
}

.pagination a svg {
margin-top: 5px;
}

.pagination a:hover svg {
fill: #FFF;
}

.current_page {
padding: 5px;
border: 1px solid {color:Border};
}

::-webkit-scrollbar {
height: 10px;
width: 13px;
background: {color:Background};
}

::-webkit-scrollbar-thumb:vertical {
background: {color:Border};
border: 6px solid {color:Background};
}

::selection {
background: {color:Link};
color: #fff;
}

#infscr-loading {
opacity: 0;
line-height: 0px;
}

</style>
</head>
<body>

<div id="container">

<header>

<a href="/"><img src="{image:Header}"></a>
<a href="/"><div id="title">{text:Title}</div></a>

<nav>
<a href="{text:Link One URL}" title="{text:Link One}">I</a>
<a href="{text:Link Two URL}" title="{text:Link Two}">II</a>
<a href="{text:Link Three URL}" title="{text:Link Three}">III</a>
{block:IfCustomLinkFour}<a href="{text:Link Four URL}" title="{text:Link Four}">IV</a>{/block:IfCustomLinkFour}
{block:IfCustomLinkFive}<a href="{text:Link Five URL}" title="{text:Link Five}">V</a>{/block:IfCustomLinkFive}
</nav>

{block:IfDescriptionDivider}<div id="divider">+++</div>
{/block:IfDescriptionDivider}

<div id="description">{Description}</div>

</header>

<div id="entries">
<div id="padding"></div>
{block:Posts}
<div class="post" id="{PostID}">

{block:Text}
{block:Title}<h1>{Title}</h1>{/block:Title}
{Body}
{/block:Text}

{block:Photo}
<div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}</div>
{/block:Photo}

{block:Photoset}
<div class="media">
<div class="photo-slideshow" 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}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
</div>
{/block:Photoset}

{block:Quote}
<div class="quote">
{Quote}<br>
{block:Source}<span class="source">— {Source}</span>{/block:Source}
</div>
{/block:Quote}

{block:Link}
<h1><a href="{URL}" {Target}>{Name}</a></h1>
{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title}
{block:Lines}
{block:Label}<b>{Label}</b>{/block:Label}
{Line}<br>
{/block:Lines}
{/block:Chat}

{block:Audio}
<div class="audio">
<div class="player">{AudioPlayerWhite}</div>
<div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
<div class="details">
{block:TrackName}<span class="title">{TrackName}</span>{/block:TrackName}<br>
{block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div>
</div>
{/block:Audio}

{block:Video}
<div class="media video">{Video-500}</div>
{/block:Video}

{block:ReblogParent}

{/block:ReblogParent}

{block:Answer}
<div class="querier">{Asker} asked:</div>
<div class="question">{Question}</div>
<div class="answer">{Answer}</div>
{/block:Answer}

{block:IfShowCaptions}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:IfShowCaptions}

{block:PermalinkPage}
{block:IfNotShowCaptions}
{block:Caption}{Caption}{/block:Caption}
{/block:IfNotShowCaptions}

<div id="permpage">
{block:Date}Posted {TimeAgo}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}<br>
{block:RebloggedFrom}Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>, Source: <a href="{ReblogRootURL}">{ReblogRootName}</a><br>{/block:RebloggedFrom}
{block:HasTags}Tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
{block:HasTags}
</div>
{/block:PermalinkPage}

{block:IndexPage}
<div id="permalink">
<a href="{Permalink}">{TimeAgo} • {NoteCount}N</a>
</div>
{/block:IndexPage}

{block:IfShowTags}
{block:IndexPage}
{block:HasTags}
<div class="tags">
{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
</div>
{/block:HasTags}
{/block:IndexPage}
{/block:IfShowTags}

{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>
{/block:Posts}

</div>
</div>

{block:Pagination}
<div class="pagination">
{block:PreviousPage}
<a href="{PreviousPage}" class="jump_page"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M137.3,43.2c-2.5-2.1-6.3-1.8-8.5,0.7L78,104.1c-1.9,2.2-1.9,5.5,0,7.7l50.8,60.3c1.2,1.4,2.9,2.1,4.6,2.1 c1.4,0,2.7-0.5,3.9-1.4c2.5-2.1,2.9-5.9,0.7-8.5L90.4,108L138,51.6C140.1,49.1,139.8,45.3,137.3,43.2z"/>
</svg></a>
{/block:PreviousPage}

{block:JumpPagination length="3"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}

{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}

{block:NextPage}
<a href="{NextPage}" class="jump_page"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M78.7,172.8c1.1,0.9,2.5,1.4,3.9,1.4c1.7,0,3.4-0.7,4.6-2.1l50.8-60.3c1.9-2.2,1.9-5.5,0-7.7L87.2,43.9 c-2.1-2.5-5.9-2.9-8.5-0.7c-2.5,2.1-2.9,5.9-0.7,8.5l47.5,56.4L78,164.4C75.9,166.9,76.2,170.7,78.7,172.8z"/></svg></a>
{/block:NextPage}
</div>
{/block:Pagination}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://static.tumblr.com/yzs4yqx/lOsokx99u/smoothscroll.min.js"></script>
<script src="https://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
<script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
<script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>

{block:IndexPage}
<script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
<script src="https://static.tumblr.com/kmw8hta/Ghmoy15ke/imagesloaded.pkgd.min.js"></script>
{block:IfInfiniteScroll}
<script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
{/block:IfInfiniteScroll}
{/block:IndexPage}

<script>
$(document).ready(function() {
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '4px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});
{block:IndexPage}
var $container = $('#entries');
$container.masonry({
itemSelector: '.post'
});
$container.imagesLoaded(function() {
$container.masonry();
$container.find('.post').animate({
opacity: 1,
zIndex: 1
});
});

{block:IfInfiniteScroll}
$container.infinitescroll({
itemSelector: '.post',
navSelector: '.pagination',
nextSelector: '.pagination a',
loadingImg: '',
loadingText: '<em></em>',
bufferPx: 2000
},
function(newElements) {
var $newElems = $(newElements);
var $newElemsIDs = $newElems.map(function() {
return this.id;
}).get();
Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
$newElems.find('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '3px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
},
function() {
$container.masonry();
});
$newElems.find('.video').each(function() {
resizeVideos();
},
function() {
$container.masonry();
});
$newElems.imagesLoaded(function() {
$container.masonry('appended', $newElems);
$newElems.animate({
opacity: 1,
zIndex: 1
});
});
});
{/block:IfInfiniteScroll}
{/block:IndexPage}
});
</script>

</body>
</html>

Notes.io is a web-based application for 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 12 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

Notes

Notes - notes.io

Shortened Note Link

Long File

Notes