NotesWhat is notes.io?

Notes brand slogan

Notes - notes.io

<!DOCTYPE html>
<html lang="en">
<head>
<!--




`-.`'.-'
`-. .-'.
`-. -./.- .-'
-. /_| .-
`-. `/____' .-'.
`-. -./.-""-..- '
`-. /< (()) > .-'
- .`/__`-..-'__' .-
,...`-./___|____|___.-'.,.
,-' ,` . . ', `-,
,-' ________________ `-,
,'/____|_____|_____
/ /__|_____|_____|___
/ /|_____|_____|_____|_
' /____|_____|_____|_____
.' /__|_____|_____|_____|___
,' /|_____|_____|_____|_____|_
,,---''--...___...--'''--.. /../____|_____|_____|_____|_____ ..--```--...___...--``---,,
'../__|_____|_____|_____|_____|___
) '.:/|_____|_____|_____|_____|_____|_ ( /
) / ) ,':./____|_____|_____|_____|_____|_____ ( /(
/ / ( ( /:../__|_____|_____|_____|_____|_____|___ ) )
| | /.../|_____|_____|_____|_____|_____|_____|_ / / | |
.-. '..:/____|_____|_____|_____|_____|_____|_____ / / / /.-.
(= ) `._.' | :./ _ _ ___ ____ ____ _ _ _ _ _ _ _ ___ | `._.' /( =)
(_) ) ./ ( (_) /
`----' """""""""""""""""""""""""""""""""""""""""""""""" `----' /
______ __/____ /
(= / /-) /
_)_ / /_(_/
/ /
) ) _ _ ( (
( (,-' `-..__ __..-' `-,) )
_.-'' ``-..____ ____..-'' ``-._/
`-._ ``--...____...--'' _.-'
`-.._ _..-'
`-..__ POPPY KNOWS ALL __..-'
``-..____ ____..-''
``--...____...--''

-->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Space+Mono" rel="stylesheet">
<title>thatpoppy</title>
<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="shortcut icon" href="favicon.png" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<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','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-85894489-1', 'auto');
ga('send', 'pageview');

</script>

<script>
$(document).ready(function() {
if(localStorage.getItem('popState') != 'shown'){
$(".pop-up").delay(1000).fadeIn();
localStorage.setItem('popState','shown')
}
$('.close-button').click(function(e)
{
$('.pop-up').fadeOut(1000);
});
$('.close-button').click(function(e)
{
$('.pop-up').fadeOut();
});
});

$(document).ready(function(){
$("#menu-item-top-left").click(function(){
$("#popup-top-left").addClass("active");
$("#popup-top-right").removeClass("active");
$("#popup-bottom-right").removeClass("active");
$("#popup-bottom-left").removeClass("active");
});
})




$(document).ready(function(){
$("#menu-item-top-right").click(function(){
$("#popup-top-right").addClass("active");
$("#popup-top-left").removeClass("active");
$("#popup-bottom-left").removeClass("active");
$("#popup-bottom-left").removeClass("active");
});
})

$(document).ready(function(){
$("#menu-item-bottom-right").click(function(){
$("#popup-bottom-right").addClass("active");
$("#popup-top-left").removeClass("active");
$("#popup-top-right").removeClass("active");
$("#popup-bottom-left").removeClass("active");
});
})
$(document).ready(function(){
$("#goaway").click(function(){
$("#popup-bottom-left").removeClass("active");
$("#popup-top-left").removeClass("active");
$("#popup-top-right").removeClass("active");
$("#popup-bottom-right").removeClass("active");
});
})

$(document).ready(function(){
// Set Perspective according to width of browser
var currentMousePos = { x: -1, y: -1 };
$(document).mousemove(function(event) {
var windowWidth = $(window).width();
var windowHeight = $(window).height();
currentMousePos.x = event.pageX;
currentMousePos.y = event.pageY;
// Attach vertical line to X position and horizontal line Y position
$('#vertical-line').css('left', event.pageX);
$('#horizontal-line').css('top', event.clientY);
// Tilting
// Get percentage of mouse position in relationship to total width
var mousePercentage = currentMousePos.x / windowWidth * 100 ;
// Get percentage of mouse position in relation to total height
var scrollTop = $(window).scrollTop();
var adjustedCurrentMousePosition = currentMousePos.y - scrollTop;
var mousePercentageHeight = adjustedCurrentMousePosition / windowHeight * 100;
// Tilt
// Define Range
var infoRangeY = mousePercentage - 50 + 'deg' ;
var infoRangeX = -(mousePercentageHeight - 50) + 'deg' ;
// Define and apply CSS
var perspective = windowWidth + 'px';
var tilting = 'rotateY' + '(' + infoRangeY + ')' + ' ' + 'rotateX' + '(' + infoRangeX + ')'
$('.perspective').css('perspective',perspective);
$('.tilter').css('transform',tilting);
});


});

</script>
</head>
<body>
<div id="desktop">

<div class="pop-up" style="display:none">
<div class="box small-6 large-centered">
<div class="pop-up-padding">
<h3>help.</h3>
<p>Poppy is trapped inside this <br> box on the internet.</p>
<img src="images/home_4.png">
<p>free Poppy today <br>by signing up for Poppy news.</p> <br>
<p style="font-size:12px">please type email address here &#8595;</p><br>
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#f694aa; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;color:black;}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//impoppy.us14.list-manage.com/subscribe/post?u=fd7b916914258ea9e4a3fadae&amp;id=0a5fc31e03" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">

<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_fd7b916914258ea9e4a3fadae_0a5fc31e03" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="free Poppy" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>

<!--End mc_embed_signup-->
</div>
</div>
</div>


<div class="top-bar">
<div id="menu-item-top-left">
<a href="#"><p>hi.</p></a>
<img src="images/menu-1.png"/>
</div>
<div id="menu-item-top-right">
<a href="#"><p>tour.</p></a>
<img src="images/menu-2.png"/>
</div>
</div><!--topbar-->
<div class="bottom-bar">
<div id="menu-item-bottom-left">
<img src="images/menu-3.png"/>
<a href="http://shop.impoppy.com" target="_blank"><p>super store.</p></a>
</div>
<div id="menu-item-bottom-right">
<a href="#"><p>T.V.</p></a>
<img src="images/menu-4.png"/>
</div>
</div><!--bottom bar-->

<div class="all-the-poppies">
<div class="contain-the-poppies">
<div class="perspective">
<div class="tilter">
<a href="https://www.facebook.com/thatpoppy" target="_blank"><img src="images/home_1.png"/></a>
<img class="spin-text"src="images/idioms/ilovetheinternet.gif"/>

</div><!--tilter-->
</div><!--perspective-->
<div class="perspective">
<div class="tilter">
<a href="https://twitter.com/thatPoppy?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target="_blank"><img src="images/home_2.png"/></a>
<img class="spin-text"src="images/idioms/weareliving.gif"/>
</div><!--tilter-->
</div><!--perspective-->
<div class="perspective">
<div class="tilter">
<a href="https://www.instagram.com/thatpoppy/?hl=en" target="_blank"><img src="images/home_3.png"/></a>
<img class="spin-text2"src="images/idioms/336.gif"/>
</div><!--tilter-->
</div><!--perspective-->
<br><br><br>
</div><!--contain the poppies-->
</div><!--all the poppies-->

<div id="popup-top-left">
<br><br><br><img class="spin-text"src="images/idioms/iwonder.gif"/>
<div id="goaway"><a href="">&#10005;</a></div>
<section class="computer" aria-hidden="true" role="presentation">
<img src="images/desktop-computer-poppys.png" class="computer-img">
<div class="program">
<div class="doc">
<div class="typing">
<div class="text-cover"></div>
<p>Hi I'm Poppy.</p>

<p>Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy.Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy.</p>

<p>Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy.Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy.</p>

<p>Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy.Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy.</p>

<p>Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy.Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy.</p>

<p>Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy.Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy.</p>

<p>Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy.Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy.</p>

<p>Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy.Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy.</p>

<p>Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy.Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy.</p>

<p>Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy.Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Hi I'm Poppy. Am I Poppy?</p>
</div>
</div>
</div>
</section>

<div class ="chat-frame" style="margin:auto;width: 50%;"> </div>


<h1> Be my friend.</h1>
<a href="https://www.facebook.com/thatpoppy" target="_blank"><img src="images/icons/facebook.gif"></a>
<a href="https://www.twitter.com/thatpoppy" target="_blank"><img src="images/icons/twitter.gif"></a>
<a href="https://www.instagram.com/thatpoppy" target="_blank"><img src="images/icons/instagram.gif"></a>
<a href="https://www.youtube.com/poppy" target="_blank"><img src="images/icons/youtube.gif"></a>
<a href="http://impoppy.bandcamp.com/" target="_blank"><img src="images/icons/bandcamp.gif"></a>
<br><br>

</div>
<div id="popup-top-right">
<br><br><br><img class="spin-text3"src="images/idioms/ilovemyfans.gif"/>
<div id="goaway"><a href="">&#10005;</a></div>
<h1>Poppy is coming everywhere soon...<br> in the future that is near.</h1>
</div>
<div id="popup-bottom-left">
<br><br><br><img class="spin-text"src="images/idioms/makessense.gif"/>
<div id="goaway"><a href="">&#10005;</a></div>
<h1>Welcome to my Super Store. <br> You should buy things.</h1>
<div class="perspective">
<div class="tilter">
<div class="store-blocks-row">
<div class="store-blocks">
<a href="http://impoppy.bandcamp.com/merch/3-3-shirt" target="_blank"><img src="images/store-item-6.jpg"></a><br>
<a href="http://impoppy.bandcamp.com/merch/3-3-shirt" target="_blank"><p>Buy this?</p></a>
</div>
<div class="store-blocks">
<a href="http://impoppy.bandcamp.com/merch/protection" target="_blank"><img src="images/store-item-2.jpg"></a><br>
<a href="http://impoppy.bandcamp.com/merch/protection" target="_blank"><p>This is cute please buy it?</p></a>
</div>
</div>

</div>
</div>

</div>
<div id="popup-bottom-right">
<div id="goaway"><a href="">&#10005;</a></div>
<br><br><br><img class="spin-text"src="images/idioms/telephone.gif"/> <br><br>
<div class="videos-containers">
<div class='embed-container'><iframe src='https://www.youtube.com/embed/AjJhXTUpfPQ' frameborder='0' allowfullscreen></iframe></div>
<br>
<div class='embed-container'><iframe src='https://www.youtube.com/embed/fpCXxqiTjqE' frameborder='0' allowfullscreen></iframe></div>
<br>
<div class='embed-container'><iframe src='https://www.youtube.com/embed/x_XJJcl0Q0s' frameborder='0' allowfullscreen></iframe></div>
<br>
<h1>I have more videos on the internet</h1>
<h1>they live here &#8595;</h1>
<a href="https://www.youtube.com/channel/UC8JE00xTMBOqKs7o0grFTfQ" target="_blank"><img src="images/icons/youtube.gif"></a></h1>
</div>
</div>








</div><!--desktopversion-->
<div id="mobile">
<div class="all-the-poppies">
<div class="contain-the-poppies">
<br><br>
<h1> Hi I'm Poppy.</h1>
<img src="images/home_5.png" width="50px"/>
<h1>You are looking at the internet on a small screen.</h1>
<br>
</div>
<div id="socials-row">
<p>Please visit me on social medias:</p><br>
<a href="https://www.facebook.com/thatpoppy" target="_blank"><img src="images/icons/facebook.gif" width"180px"></a>
<a href="https://www.twitter.com/thatpoppy" target="_blank"><img src="images/icons/twitter.gif" width"180px"></a>
<a href="https://www.instagram.com/thatpoppy" target="_blank"><img src="images/icons/instagram.gif" width"180px"></a>
<a href="https://www.youtube.com/poppy" target="_blank"><img src="images/icons/youtube.gif" width"180px"></a>
<a href="http://impoppy.bandcamp.com/" target="_blank"><img src="images/icons/bandcamp.gif"width"180px"></a>
</div>
</div>
</div><!--mobile-->
</div>

</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.