NotesWhat is notes.io?

Notes brand slogan

Notes - notes.io

<!doctype html>
<html lang="en">
<head>
<meta name="image:Background Image" content="http://static.tumblr.com/utxaocy/Ro5lscs34/bg.jpg" />
<meta name="image:Logo" content="" />
<meta name="color:Text" content="#111111" />
<meta name="color:Link" content="#111111" />
<meta name="color:Background" content="#ffffff" />
<meta name="if:Shadows on Posts" content="1" />
<meta name="color:Post Shadow" content="#222222" />
<meta name="if:Shadows on Text" content="1" />
<meta name="if:Background on Posts" content="1" />
<meta name="color:Text Shadow" content="#222222" />
<meta name="text:Instructions" content="Welcome! Use the menu to navigate // Click and drag around!" />
<meta name="color:Post background" content="#ffffff" />
<meta name="if:Stagger Rows" content="1" />
<meta name="if:Posts full width of the screen" content="1" />
<meta name="if:Show Title" content="1" />
<meta name="if:Show Dropdown" content="1" />
<meta name="if:Show Permalink" content="0" />
<meta name="if:Use white OKFocus logo" content="0" />
<meta name="if:Use transparent white post background" content="0" />
<meta name="text:Posts Per Row" content="4" />

<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="{Title}/OKFocus" />

<meta property="og:title" content="{Title}" />
<meta property="og:type" content="website" />
<meta property="og:image" content="{PortraitURL-128}" />
<link rel="image_src" href="{PortraitURL-128}" />
<meta property="og:site_name" content="Tumblr" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</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}" />

<link href="http://static.tumblr.com/utxaocy/wxllsctnt/tumblr-theme.css" media="screen, projection" rel="stylesheet" type="text/css" />

<style type="text/css">
body {
font-family: Monaco, "Courier New", Courier, monospace;
background: {color:Background} url('{image:Background Image}');
color: {color:Text};
}

a {
color: {color:Link};
}

h1 {
font-size: 36px;
}

.post {
text-align: center;
padding: 10px;
{block:IfShadowsonText}
text-shadow: 10px 10px 10px {color:Text Shadow};
{/block:IfShadowsonText}
{block:IfShadowsonPosts}
box-shadow: 0px 0px 20px {color:Post Shadow};
{/block:IfShadowsonPosts}
{block:IfBackgroundonPosts}
background: {color:Post background};
{/block:IfBackgroundonPosts}
{block:IfUsetransparentwhitepostbackground}
background: rgba(255,255,255,0.5);
{/block:IfUsetransparentwhitepostbackground}
}

p {
font-size: 13px;
line-height: 15px;
color: {color:Text};
max-width: 600px;
}

p:first-child {
font-size: 26px;
margin-bottom: 30px;
margin-top: 30px;
}

div.title {
font-size: 26px;
margin-bottom: 5px;
}

div.copy p span {
display: block;
max-width: 600px;
}

{CustomCSS}
</style>

<meta http-equiv="x-dns-prefetch-control" content="off"/>
</head>

<body>
<div id="nav">
{block:IfLogoImage}
<div id="logo">
<img src="{image:Logo}" alt="{Title}" />
</div>
{/block:IfLogoImage}
<div id="linx">
{block:IfShowTitle}
<h1 id="mark">{Title}</h1>
{/block:IfShowTitle}
{block:IfShowDropdown}
<select id="navz"></select>
{/block:IfShowDropdown}
{block:IfInstructions}
<p>{text:Instructions}</p>
{/block:IfInstructions}
</div>
</div>





<span id="LB0" style="position:absolute;left:50%;top:50%;"><span style="position:absolute;font-family:arial;font-size:10px;color:#ccc;background:#000;left:-50px;top:-18px">Loading...</span><span style="position:absolute;left:-50px;top:-5px;font-size:1px;width:100px;height:10px;background:#333"><span id="LB1" style="position:absolute;font-size:1px;width:0px;height:10px;background:#ccc"></span></span></span>

<div id="canvas-handle" class="handle">

{block:SearchPage}
{block:SearchResults}
<div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
{/block:SearchResults}

{block:NoSearchResults}
<div id="searchresults">{lang:No search results for SearchQuery 2}</div>
{/block:NoSearchResults}
{/block:SearchPage}

{block:Posts}
<div class="post">

{block:Photo}
<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:Photo}

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

{block:Audio}
{block:IfShowAlbumArtOnAudioPosts}
{block:AlbumArt}
<div class="album_art">
<img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
</div>
{/block:AlbumArt}
{/block:IfShowAlbumArtOnAudioPosts}

<div class="audio">
<div class="player">{AudioPlayerWhite}</div>
<div class="meta">{PlayCountWithLabel}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
{/block:Audio}

{block:Quote}
<div class="quote {Length}">{Quote}</div>
<div class="copy">
<div class="quotebg">“</div>
{block:Source}
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" style="width:20px;">&mdash;</td>
<td valign="top" class="quote_source">
{Source}
</td>
</tr>
</table>
{/block:Source}
</div>
{/block:Quote}

{block:Text}
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="copy">{Body}</div>
{/block:Text}

{block:Answer}
<div class="question">
<div class="nipple"></div>
{Question}
</div>
<div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
<div class="copy">{Answer}</div>
{block:Answer}

{block:Chat}
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="chat">
<div class="lines">
{block:Lines}
<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
{/block:Lines}
</div>
</div>
<div class="clear"></div>
<div style="height:10px;"></div>
{/block:Chat}

{block:Link}
<div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
{block:Description}<div class="copy">{Description}</div>{/block:Description}
{/block:Link}

{block:Date}
{block:IfShowPermalink}
<a href="{Permalink}">
<div class="footer for_permalink">
<div class="date">
{block:Reblog}
{lang:Reblogged TimeAgo from ReblogParentName} {block:RebloggedFromReblog}(<span style="text-transform:lowercase;">{lang:Originally from ReblogRootName}</span>){/block:RebloggedFromReblog}
{/block:Reblog}

{block:NotReblog}

{/block:NotReblog}
</div>
<div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}&bull;{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
<div class="clear"></div>
</div>
</a>
{/block:IfShowPermalink}
{/block:Date}

<div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
display:none;
{block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
{block:ContentSource}display:block;{/block:ContentSource}
">
{block:IfShowTags}
{block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
{/block:IfShowTags}

{block:ContentSource}
<a href="{SourceURL}" class="source_url">
{lang:Source}:
{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
</a>
{/block:ContentSource}

<div class="clear"></div>
</div>

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

{block:Pagination}
<div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
{block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}

{block:IfEnableJumpPagination}
{block:JumpPagination length="5"}
{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:IfEnableJumpPagination}

{block:NextPage}<a href="{NextPage}">{lang:Next page} &rarr;</a>{/block:NextPage}
</div>
{/block:Pagination}

<div id="sidebar" class="post">
<div id="top">
<div id="avatar"><a href="/"><img src="{PortraitURL-128}" /></a></div>
<div id="description">{Description}</div>

<div id="pages" class="ask_and_submit">
{block:AskEnabled}<a href="/ask" class="page">{AskLabel}</a>{/block:AskEnabled}
{block:SubmissionsEnabled}<a href="/submit" class="page">{SubmitLabel}</a>{/block:SubmissionsEnabled}
<div class="clear"></div>
</div>

{block:HasPages}
<div id="pages">
{block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}
<div class="clear"></div>
</div>
{/block:HasPages}

<div id="search">
<form action="/search" method="get" id="search-form">
<input type="hidden" name="t" value="{Name}" />
<input type="hidden" name="scope" value="all_of_tumblr" />
<input type="text" name="q" class="query" value="{SearchQuery}" />
<input type="submit" value="{lang:Search}" class="submit" />
<div class="clear"></div>
</form>
</div>

<a href="http://www.tumblr.com/follow/{Name}"><div class="heading" id="followontumblr">{lang:Follow on Tumblr}</div></a>


{block:IfShowPeopleIFollow}
{block:Following}
<div class="heading" id="following">{lang:Following}</div>
<div class="content" id="following-avatars">
{block:Followed}<a href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" /></a>{/block:Followed}
</div>
{/block:Following}
{/block:IfShowPeopleIFollow}

</div>

</div>

</div>

<script type="text/javascript">
var options = {
{block:IfStaggerRows}
stagger: true,
{/block:IfStaggerRows}
{block:IfNotPostsfullwidthofthescreen}
full_width: false,
{/block:IfNotPostsfullwidthofthescreen}
{block:IfPostsPerRow}
posts_per_row: {text:Posts Per Row},
{/block:IfPostsPerRow}
};
</script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://static.tumblr.com/utxaocy/mhOlscs1l/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/utxaocy/diClscs12/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/utxaocy/5Iulscvhr/drag-infinite.js"></script>
<script type="text/javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?648"></script>
<script type="text/javascript">

var framecount = 0;
var retry = false;
var iframes = {};

function inject_init () {
$("p").each(check_for_videos);
if ($.browser.webkit) {
$("iframe.photoset").bind("load", inject_iframe);
inject_iframes();
}
}
function fix_tumblr_iframe () {
var src = $("#tumblr_controls")[0].src;
if (src.indexOf("&amp") === -1)
$("#tumblr_controls")[0].src = src.replace(/&/g, "&amp;");
}
function inject_iframes () {
retry = false;
$("iframe.photoset").each(inject_iframe);
if (retry)
setTimeout(inject_iframes, 500);
}

function check_for_videos () {
if (this.innerHTML.indexOf("youtube.com") !== -1) {
inject_youtube(this)
}
}

function inject_youtube (div) {
return;
var ytid = false;
if (div.innerHTML.indexOf("embed") !== -1) {
var matches = div.innerHTML.match(/http://www.youtube.com/embed/(...........)/);
ytid = matches[1];
}
if (! ytid)
return;
var img = document.createElement("img");
img.src = "http://img.youtube.com/vi/" + ytid +"/0.jpg";

$(div).replaceWith(img);
}

function inject_iframe () {
var src = this.src;
if (src.indexOf("photoset_iframe") === -1) {
iframes[src] = true;
return;
}
if (iframes[src])
return;
var contents = $(this).contents();

if (! contents.find("body").length) {
retry = true;
return;
}

var photoset_div = contents.find("div")[0]
var photoset_script = contents.find("script")[0]
if (photoset_script) {
$(this).replaceWith(photoset_div);
var injection = "if (dragging) return false; ";
photoset_script = photoset_script.innerHTML.replace(/window.parent./g, injection);
$.globalEval(photoset_script);
iframes[src] = true;
} else {
iframes[src] = false;
retry = true;
}
}
$(inject_init());
</script>

</body>
<script type="text/javascript">fix_tumblr_iframe();</script>
</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.