NotesWhat is notes.io?

Notes brand slogan

Notes - notes.io

<html>

<!--

Dystopia v2.0 Theme by Humphrey Litan (http://humphreylitan.tumblr.com/)
Published: July 10, 2014

UPDATE:
+
+
+
+
+
+
-->

<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}

<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family={text:Heading Font}:300,400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family={text:Body Font}:300,400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>

<!-- IMAGE -->
<meta name="image:Header" content="https://s3.amazonaws.com/ooomf-com-files/L2NfDz5SOm7Gbf755qpw_DSCF0490.jpg"/>
<meta name="image:Sidebar" content=""/>

<!-- COLOR -->
<meta name="color:Header BG" content="#e6e6e6"/>
<meta name="color:Font" content="#2b2b2b"/>
<meta name="color:Link" content="#0099cc"/>
<meta name="color:Link Hover" content="#336699"/>
<meta name="color:Nav Link" content="#2b2b2b"/>
<meta name="color:Nav Link Hover" content="#336699"/>

<!-- TEXT -->
<meta name="text:Header Height" content="200"/>
<meta name="text:Headings Font" content="Oswald"/>
<meta name="text:Body Font" content="Domine"/>
<meta name="text:Font Size" content="12"/>
<meta name="text:Header Position" content="center center"/>
<meta name="text:Body Font" content="Domine"/>
<meta name="text:Link 1 Name" content=""/>
<meta name="text:Link 1 URL" content=""/>
<meta name="text:Link 2 Name" content=""/>
<meta name="text:Link 2 URL" content=""/>
<meta name="text:Link 3 Name" content=""/>
<meta name="text:Link 3 URL" content=""/>
<meta name="text:Drop Down Link Name" content="Links"/>
<meta name="text:DD Link 1 Name" content=""/>
<meta name="text:DD Link 1 URL" content=""/>
<meta name="text:DD Link 2 Name" content=""/>
<meta name="text:DD Link 2 URL" content=""/>
<meta name="text:DD Link 3 Name" content=""/>
<meta name="text:DD Link 3 URL" content=""/>
<meta name="text:DD Link 4 Name" content=""/>
<meta name="text:DD Link 4 URL" content=""/>
<meta name="text:DD Link 5 Name" content=""/>
<meta name="text:DD Link 5 URL" content=""/>
<meta name="text:Socials Title" content="Socials"/>
<meta name="text:Behance Name" content=""/>
<meta name="text:Deviantart Name" content=""/>
<meta name="text:Dribbble Name" content=""/>
<meta name="text:Facebook Name" content=""/>
<meta name="text:Instagram Name" content=""/>
<meta name="text:Pinterest Name" content=""/>
<meta name="text:SoundCloud Name" content=""/>
<meta name="text:Twitter Name" content=""/>
<meta name="text:Youtube Name" content=""/>
<meta name="text:Instagram Widget" content=""/>
<meta name="text:Read More Title" content="Continue Reading"/>
<meta name="text:Previous Page Title" content="← Previous Page"/>
<meta name="text:Next Page Title" content="Next Page →"/>
<meta name="text:Google analytics ID" content=""/>
<meta name="text:Disqus Shortname" content=""/>

<!-- IF -->
<meta name="if:Light Navigation" content="1"/>
<meta name="if:Post Images Centered" content="0"/>
<meta name="if:Wide Layout" content="0"/>
<meta name="if:Show Tags" content="1"/>
<meta name="if:Show Date" content="1"/>
<meta name="if:Show Source" content="1"/>
<meta name="if:Show Via" content="1"/>
<meta name="if:Show Notes" content="1"/>
<meta name="if:Dropdown Shadow" content="1"/>
<meta name="if:Left Sidebar" content="0"/>
<meta name="if:Fade Effect" content="1"/>
<meta name="if:Sticky Sidebar" content="0"/>





<style type="text/css">

body {
background-color: #FFF;
color: {color:Font};
font-family: {text:Body Font};
font-weight: 400;
font-size: {text:Font Size}px;
line-height: 1.5;
padding: 0;
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

img {
opacity: 1;
{block:IfFadeEffect}
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
{/block:IfFadeEffect}
}

img:hover {
opacity: .6;
{block:IfFadeEffect}
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
{/block:IfFadeEffect}
}

a {
color: {color:Link};
text-decoration: none;
{block:IfFadeEffect}
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
{/block:IfFadeEffect}
}

a:hover {
color: {color:Link Hover};
{block:IfFadeEffect}
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
{/block:IfFadeEffect}
}

blockquote {
margin-left: 20px;
border-left: 4px solid #E6E6E6;
padding: 0 10px;
}

blockquote img {
{block:IfWideLayout}max-width: 600px;{/block:IfWideLayout}
{block:IfNotWideLayout}max-width: 400px;{/block:IfNotWideLayout}
}


#header {
width: 100%;
height: {text:Header Height}px;
padding-bottom: 50px;
background-color: {color:Header BG};
background-position: {text:Header Position};
background-image: url({image:Header});
background-repeat: no-repeat;
background-size: cover;
position: relative;
}

/* NAVIGATION */

#navigation {
width: 100%;
display: block;
height: 50px;
position: relative;
margin-top: -50px;
margin-bottom: 50px;
{block:IfLightNavigation}background-color: rgba(255,255,255,.5);{block:IfLightNavigation}
{block:IfNotLightNavigation}background-color: rgba(0,0,0,.5);{/block:IfNotLightNavigation}
text-align: center;
z-index: 100;
}

#navigation ul {
margin: 0;
padding: 0;
}

#navigation ul li {
list-style: none;
margin: 0 0 0 -4px;
display: inline-block;
}

#navigation ul li a {
font-family: {text:Headings Font};
position: relative;
color: {color:Nav Link};
line-height: 50px;
display: inline-block;
padding: 0 25px;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
}

#navigation ul li a:hover {
color: {color:Nav Link Hover};
}

#navigation ul li:hover > ul {
display: block;
}

#navigation ul ul {
min-width: 100px;
{block:IfLightNavigation}background-color: rgba(255,255,255,.9);{block:IfLightNavigation}
{block:IfNotLightNavigation}background-color: rgba(0,0,0,.75);{/block:IfNotLightNavigation}
{block:IfDropdownShadow}box-shadow: 0 3px 10px rgba(0,0,0,.2);{/block:IfDropdownShadow}
float: left;
position: absolute;
padding: 0;
display: none;
}

#navigation ul ul li {
display: block;
float: none;
position: relative;
}

#navigation ul ul li a {
padding: 0 25px;
}


/* WRAPPER */

#wrapper {
{block:IfNotWideLayout}width: 800px;{block:IfNotWideLayout}
{block:IfWideLayout}width: 1000px;{/block:IfWideLayout}
margin: auto;
position: relative;
}

/* SIDEBAR */

#sidebar {
width: 250px;
{block:IfLeftSidebar}float: left;{/block:IfLeftSidebar}
{block:IfNotLeftSidebar}float: right;{/block:IfNotLeftSidebar}
margin-bottom: 100px;
}

#sidebar img {
max-width: 250px;
}

#sidebar .bar {
margin-bottom: 50px;
text-transform: justify;
}

#sidebar .bar h1 {
display: block;
font-family: {text:Headings Font};
font-size: 16px;
font-weight: 400;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
cursor: default;
}

#sidebar .bar h2 {
display: block;
font-family: {text:Headings Font};
font-size: 12px;
font-weight: 400;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
}

/* CONTENT */

#content {
{block:IfWideLayout}width: 700px;{/block:IfWideLayout}
{block:IfNotWideLayout}width: 500px !important;{/block:IfNotWideLayout}
{block:IfLeftSidebar}float: right;{/block:IfLeftSidebar}
{block:IfNotLeftSidebar}float: left;{/block:IfNotLeftSidebar}
margin-bottom: 100px;
overflow: hidden;
position: relative;
}

#content .post {
margin-bottom: 70px;
}

#content .post h1 {
font-family: {text:Headings Font};
font-weight: 400;
text-transform: uppercase;
}

#content img {
{block:IfNotWideLayout}max-width: 500px;{/block:IfNotWideLayout}
{block:IfWideLayout}max-width: 700px;{block:IfWideLayout}
}



{block:IfPostImagesCentered}
.post p img {
display: block;
margin-left: auto;
margin-right: auto;
}
{/block:IfPostImagesCentered}

.post ul.chat {
margin: 0;
padding: 0;
}

.post ul.chat li {
padding: 10px;
list-style: none;
}

.post ul.chat li:nth-child(even) {
background-color: #E6E6E6;
}

.post .triangle {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #f0f0f0;
margin: 0 10px 5px 25px;
}

.post .lineheight {
line-height: 30px;
}

.post .question {
display: block;
color: #606060;
background: #f0f0f0;
padding: 15px 20px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.post a.link {
display: block;
padding: 5px 20px;
background-color: {color:Link};
color: #FFF;
border-radius: 5px;
}

.post a.link:hover {
background-color: {color:Link Hover};
}

.more {
display: block;
text-align: center;
}

.more a {
background-color: {color:Link};
color: #FFF;
padding: 0px 10px;
}

.more a:hover {
background-color: {color:Link Hover};
}

/* PERMALINK */

#permalink {
display: block;
color: #CCC;
font-size: 11px;
font-family: {text:Headings Font};
text-transform: uppercase;
letter-spacing: 1px;
padding: 10px 0;
margin: 20px 0;
border-top: 1px solid #E6E6E6;
}

#permalink a {
color: #CCC;
}

#permalink a:hover {
color: #a3a3a3;
}

#permalink ul {
display: inline-block;
margin: 0;
padding: 0;
float: right;
}

#permalink ul li {
list-style: none;
margin-right: 10px;
float: left;
}

#permalink ul li:last-child {
margin: 0;
}

#permalink .tags {
margin-top: 3px;
display: block;
}

#permalink .tags a {
margin-right: 10px;
}

#permalink .tags a:last-child {
margin: 0;
}

.bullet:last-child {
display: none;
}

/* POSTNOTES */

.postnotes {
width: 100%;
padding: 0;
margin: 0 0 40px 0;
}

ol.notes li {
list-style: none;
display: block;
background-color: #FFF;
padding: 15px;
margin: 0 0 0px -40px;
border-bottom: 1px solid #E6E6E6;
}

ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right:4px;
}

/* PAGINATION */

#pagination {
display: block;
font-family: {text:Headings Font};
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
}


#pagination .previous {
position: absolute;
top: 0;
left: 0;
float: left;
}

#pagination .next {
position: absolute;
top: 0;
right: 0;
float: right;
}

/* CLEARFIX */

.clearfix {
clear: both;
}

/* CUSTOM CSS */

{CustomCSS}

</style>


</head>

<body>

<div id="header" data-stellar-background-ratio=".6">
</div>

<div id="navigation">
<ul>
<li><a href="/">Home</a></li>
{block:AskEnabled}<li><a href="/ask">Ask</a></li>{/block:AskEnabled}
{block:SubmissionsEnabled}<li><a href="/submit">Submit</a></li>{/block:SubmissionsEnabled}
{block:IfLink1Name}
<li><a href="{text:Link 1 URL}">{text:Link 1 Name}</a></li>
{block:IfDisplayArchive}<li><a href="/archive">Archive</a></li>{/block:IfDisplayArchive}
{block:IfDisplayRandom}<li><a href="/random">Random</a></li>{/block:IfDisplayRandom}
{/block:IfLink1Name}
{block:IfLink2Name}
<li><a href="{text:Link 2 URL}">{text:Link 2 Name}</a></li>
{/block:IfLink2Name}
{block:IfLink3Name}
<li><a href="{text:Link 3 URL}">{text:Link 3 Name}</a></li>
{/block:IfLink3Name}
{block:IfDropDownLinkName}
<li><a href="#">{text:Drop Down Link Name}</a>
<ul>
{block:IfDDLink1Name}<li><a href="{text:DD Link 1 URL}">{text:DD Link 1 Name}</a></li>{/block:IfDDLink1Name}
{block:IfDDLink2Name}<li><a href="{text:DD Link 2 URL}">{text:DD Link 2 Name}</a></li>{/block:IfDDLink2Name}
{block:IfDDLink3Name}<li><a href="{text:DD Link 3 URL}">{text:DD Link 3 Name}</a></li>{/block:IfDDLink3Name}
{block:IfDDLink4Name}<li><a href="{text:DD Link 4 URL}">{text:DD Link 4 Name}</a></li>{/block:IfDDLink4Name}
{block:IfDDLink5Name}<li><a href="{text:DD Link 5 URL}">{text:DD Link 5 Name}</a></li>{/block:IfDDLink5Name}
</ul>
</li>
{block:IfDropDownLinkName}
<li><a href="http://humphreylitan.tumblr.com/" target="_blank">Theme</a></li>
</ul>
<div class="clearfix"></div>
</div>




<div id="wrapper">
<div id="sidebar">
<div class="bar">
<h1>{Title}</h1>
<a href="/"><img src="{image:Sidebar}"/></a>
<p>{block:Description}{Description}{/block:Description}</p>
</div>

<div class="bar">
<h1>{text:Socials Title}</h1>
<div align="center">
{block:IfBehanceName}<a href="http://www.behance.net/{text:Behance Name}" target="_blank"><img src="http://static.tumblr.com/atlk9ew/6Y1n8c7hk/behance.png"/></a>{/block:IfBehanceName}
{block:IfDeviantArtName}<a href="http://{text:Deviantart Name}.deviantart.com/" target="_blank"><img src="http://static.tumblr.com/atlk9ew/ZIRn8c7ic/deviantart.png"/></a>{/block:IfDeviantArtName}
{block:IfDribbbleName}<a href="http://dribbble.com/{text:Dribbble Name}" target="_blank"><img src="http://static.tumblr.com/atlk9ew/XxLn8c7j6/dribbble.png"/></a>{/block:IfDribbbleName}
{block:IfFacebookName}<a href="https://www.facebook.com/{text:Facebook Name}" target="_blank"><img src="http://static.tumblr.com/atlk9ew/i2Pn8c7ki/facebook.png"/></a>{/block:IfFacebookName}
{block:IfInstagramName}<a href="http://instagram.com/{text:Instagram Name}" target="_blank"><img src="http://static.tumblr.com/atlk9ew/GfNn8c7mo/instagram.png"/></a>{/block:IfInstagramName}
{block:IfPinterestName}<a href="http://pinterest.com/{text:Pinterest Name}" target="_blank"><img src="http://static.tumblr.com/atlk9ew/B3jn8c7ok/pinterest.png"/></a>{/block:IfPinterestName}
{block:IfSoundCloudName}
<a href="http://soundcloud.com/{text:Soundcloud Name}" target="_blank"><img src="http://static.tumblr.com/atlk9ew/Rdan8c7pd/soundcloud.png"/></a>
{/block:IfSoundCloudName}
{block:IfTwitterName}<a href="http://twitter.com/{text:Twitter Name}" target="_blank"><img src="http://static.tumblr.com/atlk9ew/to2n8c7qb/twitter.png"/></a>{/block:IfTwitterName}
{block:IfYoutubeName}<a href="http://youtube.com/{text:Youtube Name}" target="_blank"><img src="http://static.tumblr.com/atlk9ew/br7n8c7r6/youtube.png"/><a>{/block:IfYoutubeName}
</div>
</div>

{block:IfInstagramWidget}
<div class="bar">
<h1>Instagram</h1>
<div align="center">
{text:Instagram Widget}
</div>
{block:IfInstagramName}
<h2>Follow <a href="http://instagram.com/{text:Instagram Name}">@{text:Instagram Name}</a> on Instagram</h2>{/block:IfInstagramName}
</div>
{/block:IfInstagramWidget}
</div>

<!-- CONTENT -->
<div id="content">
{block:Posts}
<div class="post">

<!-- Text Post -->
{block:Text}
{block:Title}
<h1>{Title}</h1>
{/block:Title}
{Body}
<div class="more">{block:More}<a href="{Permalink}" target="_blank">{text:Read More Title}</a>{/block:More}</div>
{/block:Text}

<!-- Photo Post -->
{block:Photo}

{LinkOpenTag}
<div align="center">
{block:IfNotWideLayout}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:IfNotWideLayout}
{block:IfWideLayout}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{/block:IfWideLayout}
</div>
{LinkCloseTag}
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}

{/block:Photo}

<!-- Photoset Post -->
{block:Photoset}

<div align="center">
{Photoset}
</div>
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}

{/block:Photoset}

<!-- Quote Post -->
{block:Quote}


<h1>“{Quote}”</h1>
{block:Source}
— {Source}
{/block:Source}


{/block:Quote}

<!-- Link Post -->
{block:Link}

<a href="{URL}" class="link" {Target}><h1>
{Name}</h1>
</a>
{block:Description}
<div class="description">
{Description}
</div>
{/block:Description}


{/block:Link}

<!-- Chat Post -->
{block:Chat}

{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label"><b>{Label}</b></span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>


{/block:Chat}

<!-- Video Post -->
{block:Video}

{block:IfNotWideLayout}{Video-500}{/block:IfNotWideLayout}
{block:IfWideLayout}{Video-700}{/block:IfWideLayout}
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}


{/block:Video}

<!-- Audio Post -->
{block:Audio}

{AudioPlayerGrey}
{block:Caption}
{Caption}
{/block:Caption}

{/block:Audio}

<!-- Answer Post -->
{block:Answer}
<div class="question">
{Question}
</div>
<div class="triangle"></div>
<div class="asker"><img src="{AskerPortraitURL-30}" style="float: left; margin: 0 5px 0 20px; border-radius: 30px;"/><div class="lineheight"><b>{Asker}</b></div></div>
<div class="clear"></div>
{Answer}

{/block:answer}

<!-- PERMALINK -->
<div id="permalink">

{block:IfShowDate}{block:Date}<a href="{Permalink}" target="_blank" class="date">Posted on {ShortMonth} {DayOfMonth}, {Year}</a><span class="bullet">&nbsp;&nbsp;&#183;&nbsp;&nbsp;</span>{/block:Date}{/block:IfShowDate}
{block:IfShowSource}{block:ContentSource}<a href="{SourceURL}" target="_blank" class="source">Source</a><span class="bullet">&nbsp;&nbsp;&#183;&nbsp;&nbsp;</span>{/block:ContentSource}{/block:IfShowSource}
{block:IfShowVia}{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank" class="via">Via</a><span class="bullet">&nbsp;&nbsp;&#183;&nbsp;&nbsp;</span>{/block:RebloggedFrom}{/block:IfShowVia}
{block:HighRes}<a href="{PhotoURL-HighRes}" target="_blank">High-Res</a><span class="bullet">&nbsp;&nbsp;&#183;&nbsp;&nbsp;</span>{/block:HighRes}
{block:IfShowNotes}{block:NoteCount}<a href="{Permalink}" target="_blank" class="note">{NoteCountWithLabel}</a><span class="bullet">&nbsp;&nbsp;&#183;&nbsp;&nbsp;</span>{/block:NoteCount}{/block:IfShowNotes}
{block:IndexPage}{block:IfDisqusShortname}<a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a>
<script type="text/javascript">
var disqus_shortname = '{text:Disqus Shortname}';

(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>{/block:IfDisqusShortname}
{/block:IndexPage}

<ul>
{block:IfWideLayout}
<li>{LikeButton size="17" color="gray"}</li>
<li>{ReblogButton size="17" color="gray"}</li>
{/block:IfWideLayout}
{block:IfNotWideLayout}
<li>{LikeButton size="14" color="gray"}</li>
<li>{ReblogButton size="14" color="gray"}</li>
{/block:IfNotWideLayout}
</ul>

{block:IfShowTags}
{block:HasTags}
<div class="tags">
Tagged as:&nbsp;
{block:Tags}
<a href="{TagURL}">#{Tag}</a>{/block:Tags}
</div>
{/block:HasTags}
{/block:IfShowTags}
<div class="clearfix"></div>
</div>


{block:PermalinkPage}
{block:IfDisqusShortname}
<div id="disqus_thread"></div>
<script type="text/javascript">
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
{/block:IfDisqusShortname}
{/block:PermalinkPage}



</div>
{/block:Posts}

{block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}


{block:Pagination}
<div id="pagination">
{block:PreviousPage}<a href="{PreviousPage}" class="previous">{text:Previous Page Title}</a>{/block:PreviousPage}
<div align="center">
Page {CurrentPage} of {TotalPages}
</div>
{block:NextPage}<a href="{NextPage}" class="next">{text:Next Page Title}</a>{/block:NextPage}
<div class="clearfix"></div>
</div>

{/block:Pagination}

<div class="clearfix"></div>

</div>
</div>


{block:IfGoogleAnalyticsID}
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '{text:Google Analytics ID}', 'tumblr.com');
ga('send', 'pageview');
</script>
{/block:IfGoogleAnalyticsID}

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
{block:IfStickySidebar}
<script type="text/javascript" src="http://static.tumblr.com/zzopyk3/C5zn35tg5/jquery.sticky.js"></script>
<script>
$(document).ready(function(){
$("#sidebar").sticky({topSpacing:0});
});
</script>
{/block:IfStickySidebar}

</body>
</html>
     
 
what is notes.io
 

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

     
 
Shortened Note Link
 
 
Looding Image
 
     
 
Long File
 
 

For written notes was greater than 18KB Unable to shorten.

To be smaller than 18KB, please organize your notes, or sign in.