page 01: basta

<!--

page 01 by leopardraws
feel free to change the colors

don't remove the credits
thank you & enjoy;

-->

<html>
<head>

<title>about me</title> <!-- your blog title -->
<link rel="shortcut icon" href="https://goo.gl/UC654a"/> <!-- icon url -->
<link href="//fonts.googleapis.com/css?family=Nunito+Sans:400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"/>
<link rel="stylesheet" href="//static.tumblr.com/ev0x8sk/8K0p0pqqr/style.css"/>
<link rel="stylesheet" href="//static.tumblr.com/ev0x8sk/nrFp2lybx/p1.css"/>


<style>

/* colors */
a { color:#555; } /* links */
b { color:#555; } /* bolds */
h1 { color:#555; } /* titles */
body { background:#fafafa; /* background */
    color:#888; /* fonts */ }
#content { background:#f8f8f8; } /* container box background */
::-webkit-scrollbar { background:#f8f8f8; } /* scrollbar */
::-webkit-scrollbar-thumb { background:#fff; } /* scrollbar thumb */

::-webkit-scrollbar-thumb { box-shadow:1px 0 0 1px #eee; } /* borders */
nav, #image, #content, header, ::-webkit-scrollbar, ::-webkit-scrollbar-thumb, .searchbox, .box { border-color:#eee; } /* borders */

nav, header, .box { background:#fff; } /* main boxes background */
#searchbox { background:#fafafa; } /* search box background*/
.searchbox { color:#999999; } /* search box text */
input[type="text"].searchbox:focus { color:#666; } /* search box text on focus */

.box a:hover, a:hover i[class^="i"], a:hover dt { color:#ffc5bf; } /* accent */
.about a { border-color:#ffc5bf; }

/* images */
#image { background-image:url('https://goo.gl/nwsrDe'); } /* header image */
#avatar { background-image:url('https://goo.gl/UC654a'); } /* avatar image */
* { cursor:url('//goo.gl/6kLCND'), default; } /* custom cursor url */

#controls { width:110px!important; }
.tmblr-iframe { display:none!important; }
.searchbox { width:235px!important; }

</style>
</head>
<body>

<div id="content">

    <nav>
    <div id="image"></div>
    <div class="links">

        <a href="/">
            <i class="i-home"></i>
            <dt>index</dt>
            <dl>go back to the blog</dl>
        </a>

        <a href="/ask">
            <i class="i-message"></i>
            <dt>inbox</dt>
            <dl>leave a message</dl>
        </a>

        <a href="/archive">
            <i class="i-archive"></i>
            <dt>archive</dt>
            <dl>check all my posts</dl>
        </a>

        <a href="/ask">
            <i class="i-more"></i>
            <dt>extra link</dt>
            <dl>have an extra link</dl>
        </a>

        <a href="/ask">
            <i class="i-wishlist"></i>
            <dt>extra link two</dt>
            <dl>wow more space for links</dl>
        </a>

        <a href="//leopardraws.tumblr.com/">
            <i class="i-theme"></i>
            <dt>theme</dt>
            <dl>made by leopardraws</dl>
        </a>
    </div>
    </nav>

    <div id="main">
    <header>
    <div id="avatar"></div>
    <form onsubmit="return tagSearch(this)" id="searchbox">
        <i class="i-search"></i>
        <input type="text"
        name="tag"
        class="searchbox"
        autocomplete="off"
        value="Search @{Name}"
        onfocus="if (this.value =='Search @{Name}') {this.value=''}"
        onblur="if (this.value == '') {this.value='Search @{Name}'}"/>
    </form>

    <div id="controls">
    <a href="//tumblr.com/dashboard"><i class="i-tumblr"></i></a>
    <a href="//tumblr.com/message/{Name}"><i class="i-chat2"></i></a>
    <a href="//tumblr.com/follow/{Name}"><i class="i-follow"></i></a>
    </div>

    </header>

    <div style="height:519px; overflow:auto;">
    <div class="box about">
    <h1>about me</h1>

<!------------------------------------------------------------>
<!---------------- add stuff about yourself here ------------->
<!------------------------------------------------------------>

    <p>Neither <b>here</b> nor <u>there</u>, I am out of control, these days I feign forgetful, but oh my memory teases, then I wake, ashamed of my fantasy, when I dream of us as two strains of bacteria of a porch talk that lasts 1.5 billion years.</p><p>


Are you <a href="https://youtu.be/nLlFW8n5kyY">not</a> learning? Have you not been listening? Are you not learning? You have not been listening.,</p><p>

I guess my tongue was softer then but no one's trying and I'm sick of it. There's no crying in baseball, try to understand. Their chapped lips begging me over and over again.

<!------------------------------------------------------------>
<!---------------- add stuff about yourself here ------------->
<!------------------------------------------------------------>

    </div>










<!------------------------------------------------------------>
<!------------------ don't change this part ------------------>
<!------------------------------------------------------------>
{block:Following}
<div class="box">
<h1>blogroll</h1>
    {block:Followed}
    <a href="{FollowedURL}">
        <div class="each">
            <img src="{FollowedPortraitURL-48}"/>
            <div class="each-name">{FollowedName}</div>
        </div>
    </a>
    {/block:Followed}
</div>
{/block:Following}
<!------------------------------------------------------------>
<!------------------ don't change this part ------------------>
<!------------------------------------------------------------>











<!------------------------------------------------------------>
<!----------------------- add your own links ----------------->
<!------------------------------------------------------------>
<div class="box tags">
<h1>navigation</h1>
<ul>
    <li><b>theme tags</b></li> <!-- title -->
    <a href="/tagged/theme rec"><li>theme recs</li></a> <!-- link -->
    <a href="/tagged/page rec"><li>page recs</li></a>
    <a href="/tagged/!!!"><li>favorite themes</li></a>
    <a href="//bit.ly/2cILI4D"><li>my themes</li></a>
    <a href="/tagged/resources"><li>resources</li></a>
</ul>

<ul>
    <li><b>music tags</b></li>
    <a href="#"><li>alvvays</li></a>
    <a href="#"><li>birdy</li></a>
    <a href="#"><li>coals</li></a>
    <a href="#"><li>daughter</li></a>
    <a href="#"><li>mitski</li></a>
    <a href="#"><li>mothers</li></a>
    <a href="#"><li>vera blue</li></a>
</ul>


<ul>
    <li><b>social media</b></li>
    <a href="#"><li>twitter</li></a>
    <a href="#"><li>instagram</li></a>
    <a href="#"><li>flavors</li></a>
    <a href="#"><li>behance</li></a>
    <a href="#"><li>pinterest</li></a>
</ul>
</div>



<div class="box">
<h1>leave a message</h1>
<iframe frameborder="0" scrolling="no" width="100%" height="260" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
</div>


</div> <!-- /main -->
</div> <!-- /content -->


</body>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<script src="//static.tumblr.com/ev0x8sk/q2borkomt/jquery.trunc.min.js">
</script>
<script>
$(document).ready(function() {
    $('.each-name').trunc(15);
});
</script>
<script type="text/javascript">
    function tagSearch(form) {
    if (form.tag.value.replace(/\s/g, '').length > 0) {
    window.location = "/search/" + form.tag.value; }
    return false; }
</script>
</html>