about / ANCHOR

<!DOCTYPE html>
<head>

<!--


                        anchor about

                         @odeysseus


-->

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<title>about</title>

<style type="text/css">

* { margin:0;padding:0;box-sizing:border-box; }
iframe.tmblr-controls { display:none!important; }

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

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

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

.tmblr-iframe { display:none; } /* to hide tumblr controls */

a { text-decoration:none;color:#333;transition:0.15s ease-in;}
a:hover { color:#aaa; }
b,strong { color:#333; /* bold text */ }

body {
    background:#fff;
    font-family:'Georgia',serif; /*font*/
    font-size:12px; /* font size */
    line-height:190%;
    font-weight:300;
    color:#767676; /* text color */
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    animation: fadein 1s;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;

}

section {
    margin:150px;
    width:500px;
}

h1,h2 {
    font-weight:400;
    color:#333;
    margin-bottom:5px;
}

h1 { font-size:20px; }

h2 {
    font-size:14px;
    padding-bottom:10px;
    margin-bottom:10px;
    font-style:italic;
}

h2 i { margin-right:5px;color:#aaa; }
header { margin-bottom:40px; }

article {
    width:100%;
    margin-top:40px;
    position:relative;
}

nav { margin-top:5px; }

article span {
    width:160px;
    display:inline-block;
    padding:5px 7px;
    border:1px solid #eee;
    margin:2px;
}

article span b {
    text-transform:uppercase;
    font-weight:700;
    margin-right:5px;
    font-size:10px;
}

.info { margin-top:20px; }

hr {
    margin:20px 0;
    width:40%;
    height:1px;
    background:#eee;
    border:0;
}

.f {
    width:24%;
    display:inline-block;
    margin:6px 0;
}

.f img {
    width:23px;
    border-radius:100%;
    float:left;
    margin-right:10px;
}

.anchor { bottom:27px;right:27px;position:fixed; }
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">

</head>
<body>
    <section>
        <header><!--header-->
            <h1>biography</h1> <!--heading-->
            <nav><!--links-->
                <a href="#!">home</a> .
                <a href="#!">dash</a> .
                <a href="#!">inbox</a>
            <!--end links--></nav>

<article><!--basic about section-->
<h2><i class="th th-bookmark-1-o"></i> about the blogger</h2><!--heading-->

<!--to add a new category, copy and paste the following:

<span><b> category </b> info </span>

as many times as needed -->

                <span><b>name</b> ella </span>
                <span><b>age</b> 18 </span>
                <span><b>pronouns</b> she </span>
                <span><b>star sign</b> virgo </span>
                <span><b>mbti</b> intp </span>
                <span><b>house</b> slytherin </span>

<!--end about categories-->

                <br/><br/>

<!--start about text, delete if not needed-->

Some about text if you want it. <b>Bold</b>, <i>italics</i>, <u>underline</u>, <a href="link url">links</a>. < p > for new paragraphs, without the spaces.

<!--end about text-->
</article><!--end basic about section-->

<article><!--find me elsewhere section-->
<h2><i class="th th-paper-plane-o"></i> find me elsewhere</h2> <!--heading-->

<!--to add a new category, copy and paste the following:

<span><b> category </b> info </span>
for categories with links: <span><b>category</b> <a href="link url"> info </a></span>

as many times as needed -->

                <span><b>instagram</b> <a href="link url">username</a></span>
                <span><b>discord</b> username </span>
                <span><b>snapchat</b> username </span>
                <span><b>sideblog</b> <a href="link url">username</a></span>
                <span><b>sideblog</b> <a href="link url">username</a></span>
                <span><b>sideblog</b> <a href="link url">username</a></span>
                <span><b>network</b> <a href="#!">networkname</a></span>
                <span><b>network</b> <a href="#!">networkname</a></span>
                <span><b>network</b> <a href="#!">networkname</a></span>


</article><!--end find me elsewhere section-->

<article><!--friends section-->

            <h2><i class="th th-heart-1-o"></i> friends</h2> <!--heading-->

            <!--example friend, copy and paste as needed-->
             <div class="f">
                 <img src="image url"/>
                 <a href="link url">name</a>
             </div>
             <!--end example friend-->

            <!--example friend, copy and paste as needed-->
             <div class="f">
                 <img src="image url"/>
                 <a href="link url">name</a>
             </div>
             <!--end example friend-->

            </article>
        </header>
    </section>

<div class="anchor"><a href="http://odeysseus.tumblr.com">O</a></div>
</body>
</html>