<!doctype html>
<html lang="en-US">
<!-- Profile By Lyend -->
<head>
    <!-- Links and shit -->
    <script src="https://dl.dropboxusercontent.com/u/108390498/Code/fade().js"></script>
    <link href="http://fonts.googleapis.com/css?family=La+Belle+Aurore" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="http://www.dreamtemplate.com/dreamcodes/divider/css/tsc_divider.css" />

    <!-- Script time! I hate this part. -->
    <script language="javascript">
document.title=("Lyend");
function clickIE4(){
    if (event.button==2)
    { alert(message);
              return false;
                        }
    }
function clickNS4(e){
    if (document.layers||document.getElementById&&!document.all)
        { if
            (e.which==2||e.which==3)
        { alert(message); return false; }
    }
} if (document.layers){
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown=clickNS4;
}
    else if (document.all&&!document.getElementById){
        document.onmousedown=clickIE4;
    } document.oncontextmenu=new Function("alert('You are a Faggot for trying to view source');return false")
</script>
    <!-- Well that wasn't too bad. Phew. -->
<style>
/* Getting all this anonnying shit outta of the way */
.logo_div { visibility: hidden; }
.fpix_header { visibility: hidden; }
.topad { visibility: hidden; }
.fpix_asl_table { visibility: hidden; }
.profile_text { visibility: hidden; }
.nc_profile { visibility: visible; }
#left_container { visibility: hidden }
#profilephoto { visibility: hidden; }
#flash_close_butt { visibility: hidden; }
#start_chat_but { visibility: hidden; }
#fpix_wrapper { visibility: visible; }
span {display:text !important;}
body,html {color:black;}
body { overflow:hidden; }
Background {
    Top:0px;
    Left:0px;
    Height:100%;
    Width:100%;
    background-color:white;
    position:absolute;
    background-image:url('http://i.imgur.com/mDGGLII.png');
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    background-size:cover;}
#head {
    width:100%;
    height:100px;
    position:relative;
    top:0;
    left:0;
    z-index: +1;
    background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #C0C0C0 100%);
    background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #C0C0C0 100%);
    background-image: -o-linear-gradient(top left, #FFFFFF 0%, #C0C0C0 100%);
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #C0C0C0));
    background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #C0C0C0 100%);
    background-image: linear-gradient(to bottom right, #FFFFFF 0%, #C0C0C0 100%);
    -webkit-box-shadow: 0 1px 9px 1px #000;
    box-shadow: 0 1px 9px 1px #000;
}
span.headtext {
    font-family:'La Belle Aurore';
    font-size:14px;
    bottom:0;
    width:100%;
    text-align:center;
    padding:2px 2px 2px 2px;
    display:inline-block;
    position:absolute;
}
#boxone,#boxtwo {
    width:200px;
    height:300px;
    margin-top:2%;
    margin-left:2%;
    border: dotted 1px #c0c0c0;
    position:relative;

}
#profile-pic {
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height:50px;
    width:50px;
    background-image:url('http://fp.chatango.com/profileimg/l/y/lyend/thumb.jpg');
    position:relative;
    margin-top:1%;
    margin-left:2%;
    margin-left:auto;
    margin-right:auto;
}
#main {
    width:899px;
    height:600px;
    border:1px solid black;
    position:absolute;
    top:20%;
    margin-left:25%;
    background-color:white;
    border: 1px dotted #c0c0c0;
    border-radius: 8px;
    overflow:hidden;
    float: left;
    padding: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 0 10px 2px #000;
    box-shadow: 0 0 10px 2px #000;
    background-image:url('http://i.imgur.com/347phX9.png');
    background-position: bottom right;
    background-repeat: no-repeat;
}
/* simple */
.flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    }
.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    }
.flip-container:hover .front, .flip-container.hover .front {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
 }
.flip-container, .front, .back {
    width:200px;
    height:300px;
    margin-top:2%;
    margin-left:2%;
    overflow:none;
}
.front, .back { -webkit-box-shadow: 0 0 10px 2px #000;
box-shadow: 0 0 10px 2px #000; }

.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}
.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
    background-color:white;
}
.front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    padding:5px 5px 5px 5px;
    color:black;
    border:1px dotted #c0c0c0;
}
.back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    padding:5px 5px 5px 5px;
    overflow:none;
    border:1px dotted skyblue;
    color:white;
    filter: dropshadow(color=#820882, offx=8, offy=8);
}
.front .name {
    font-size: 2em;
    display: inline-block;
    background: rgba(33, 33, 33, 0.9);
    color: #f8f8f8;
    font-family: Courier;
    padding: 5px 10px;
    border-radius: 5px;
    bottom: 60px;
    left: 25%;
    position: absolute;
    text-shadow: 0.1em 0.1em 0.05em #333;
    display: none;
    overflow:none;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
        /* vertical */
.vertical.flip-container {
    position: relative;
}
.vertical .back {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.vertical.flip-container .flipper {
    -webkit-transform-origin: 100% 213.5px;
    -moz-transform-origin: 100% 213.5px;
    -ms-transform-origin: 100% 213.5px;
    transform-origin: 100% 213.5px;
}
    /*
.vertical.flip-container:hover .flipper {
        -webkit-transform: rotateX(-180deg);
        -moz-transform: rotateX(-180deg);
        -ms-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
}
    */
        /* Comfirm Rotation, accommodating for IE support */
.vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
#tsc_divider7 {Width:50%;}
div.title {
    text-align: center;
    font-family:'La Belle Aurore';
    font-size: 18px;}
p {
    font-family: 'Times new roman' serif;
    font-size:13px;
    color:black;
    padding:1px 1px 1px 1px;
}

@-webkit-keyframes outburst {
    0% { -webkit-box-shadow: 0 0 0 0 ###;
        box-shadow: 0 0 0 0 ###; }
    50% { -webkit-box-shadow: 0px 0px 10px 2px #000;
        box-shadow: 0px 0px 10px 2px #000; }
    100% { -webkit-box-shadow: 0 0 0 0 ###;
        box-shadow: 0 0 0 0 ###; } }
@keyframes outburst {
    0% { -webkit-box-shadow: 0 0 0 0 ###;
        box-shadow: 0 0 0 0 ###; }
    50% { -webkit-box-shadow: 0px 0px 10px 2px #000;
        box-shadow: 0px 0px 10px 2px #000; }
    100% { -webkit-box-shadow: 0 0 0 0 ###;
        box-shadow: 0 0 0 0 ###; } }

#profile-pic:hover {
    animation-name: outburst;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-play-state: running;
    text-decoration: underline;
    color:blue;

    /*-Webkit-*/
    -webkit-animation-name: stop;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
}
#footer {
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #C0C0C0 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #C0C0C0 100%);
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #C0C0C0 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #C0C0C0));
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #C0C0C0 100%);
    background-image: linear-gradient(to top, #FFFFFF 0%, #C0C0C0 100%);
    position:fixed;
    bottom:0;
    width:100%;
    height:50px;
    -webkit-box-shadow: 0 1px 9px 1px #000;
    box-shadow: 0 1px 9px 1px #000;
}
#a {
    display:inline-block;
    position:relative;
    padding-left:5px;
    margin:2px 2px 2px 2px;
    margin-top:2%;
    width:10%;
    height:20px;
    border-left:1px solid #c0c0c0;
    border-right:1px solid #c0c0c0;
    text-align:center;
    color:black;
    font-family:monospace;
    font-size:16px;
    text-shadow: 0 0 0 ####;
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: initial;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#a:hover {
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-transition: all 0.5s ease-in-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: initial;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#center-menu {
    margin-left:auto;
    margin-right:auto;
    position:relative;
}
#menu-contain {
    position:absolute;
    width:100%;
}
#credit {
    position:fixed;
    bottom:0;
    right:0;
    margin-right:5px;
    margin-bottom:5px;
    color:#000;
    opacity: 0.5;
    font-family: 'Corbel';
    font-size:13px;
}
@-webkit-keyframes fadeIn {
    from { opacity:0; }
    to { opacity:1; }
}
@-moz-keyframes fadeIn {
    from { opacity:0; }
    to { opacity:1; }
}
@keyframes fadeIn {
    from { opacity:0; }
    to { opacity:1;}
}
.fade-in {
    opacity:0;
    -webkit-animation:fadeIn ease-in 1;
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
    animation-duration:0.5s;
}
.fade-in.one {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
@-webkit-keyframes fadeOut {
    from { opacity:1; }
    to { opacity:0; }
}
@-moz-keyframes fadeOut {
    from { opacity:1; }
    to { opacity:0; }
}
@keyframes fadeOut {
    from { opacity:1; }
    to { opacity:0; }
}
.fade-out {
    opacity:1;
    -webkit-animation:fadeOut ease-in 1;
    -moz-animation:fadeOut ease-in 1;
    animation:fadeOut ease-in 1;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
    animation-duration:0.5s;
}
.fade-out.one {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
important { color:red; font-weight: bold; text-decoration: underline; }
#credit:hover { color:blue; opacity: 1; text-decoration: underline;}
#credit:before { content:"Made By Lyend";}
.none {display:none;}
.classTitle {
    font-family:'La Belle Aurore';
    font-size:18px;
    text-align: center;
    border-bottom:2px dashed #c0c0c0;
}
.space { margin:1% 1% 1% 1%; }
</style>

</head>
<body>
<Background />

<div id="head">
    <div id="menu-contain">
            <center><div id="myDiv" class="fade-in one">
            <span onclick=
"document.getElementById('info').innerHTML=document.getElementById('1').innerHTML; "><div id="a" onclick="fade()">About me</div></span>
        <span onclick=
"document.getElementById('info').innerHTML=document.getElementById('2').innerHTML; "><div id="a" onclick="fade()">Contact Info</div></span>
        <span onclick=
"document.getElementById('info').innerHTML=document.getElementById('3').innerHTML; "><div id="a" onclick="fade()">Ghennee</div></span>
        <span onclick=
"document.getElementById('info').innerHTML=document.getElementById('4').innerHTML; "><div id="a" onclick="fade()">Notes</div></span>
            </div></center>
    </div>
    <span class="headtext"><div id="myDiv" class="fade-in one">Be Careful for What you Wish For.</div></span>
</div>


<div id="profile-pic" alt="Lyend"></div>


<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
        <div class="flipper">
            <div class="front">
                <div class="title">Welcome!</div>
                    <div class="tsc_divider10"></div> <!-- Believe it or not, that's an hr code.... Sorta. -->
                <div id="myDiv" class="fade-in one"><p>Hai there, I'd like to welcome you to my profile. <important>These profiles are Copyrighted.</important>
                <br/>Now, for more pressing matters. I welcome you to my profile, hover over me to see more.</p></div>
            </div>
            <div class="back">
                    <p class="box">Yes, I do make these profiles myself. I am the owner of <a href="http://Script-ango.weebly.com"target="_blank" title="Script-ango" alt="Script-ango">Script-ango,</a> where you can find all sorts of treasures and goodies. <br/> Now if you're looking for me to do a custom profile for you, I get sooo many requests (Fucking crazy amounts dude,) I'll have to ask for a small sum.<br/>Full profile with functions : $10<br/>Nonfunctionary Profiles : $5</p>
            </div>
        </div>
    </div>


<div class="flip-container vertical" ontouchstart="this.classList.toggle('hover');">
    <div class="flipper">
        <div class="front">
                <div class="title">Script-ango</div>
                    <div class="tsc_divider10"></div>
                <div id="myDiv" class="fade-in one"><p>The reason I made Script-ango two years ago was because no one had a liable source of information about coding concerning Chatango. Knowing I had the skill of css, and javascript. I set to work with a small group of friends to make an informational base for Chatango's coding.</P></div>
        </div>
            <div class="back">
                    <p class="box">Script-ango Contains many different things, such as... <br/><br/>

                                            Tutorials<br/>
                                            Full Profile Codes<br/>
                                            Snippets<br/>
                                            Cookies and Milk
                            </p> <!-- 420 on original code -->
            </div>
     </div>
    </div>

<div id="shadow">
<div id="main">
    <div id="info">
        <div id="myDiv" class="fade-in one">
            <p>Hey! Welcome to my profile, please use the navigation above. Best Viewed in Mozilla Firefox, or Google Chrome. <!-- Fuck IE -->  </p>
        </div>
    </div>

    <div id="1" class="none">
        <div id="myDiv" class="fade-in one">
        <div class="classTitle">About me</div>
            <p>So you've successfully made it past the horrors of the navigation? Want a golden star or something?<br/> Soo... About me...<br/><br/>
            So, I'll start off saying I'm a burnout.<br/>
            I play guitar, been playing for awhile now. <br/>
            I skateboard too and wear beanies like a hipsta <br/>
            Funny story is, I live in the city of Gangsta's<br/>
            Did I meantion I was a poet?<br/>
            I never fucking sleep <br/>
            I swear I'm not on meth <br/>
            I'm a pretty chill person. <br/>
            I won't do your full profiles for you (Unless you're paying me), but I'll always help.<br/>
            Oh, and I do web design and I am the admin and owner of Script-ango</p>
        </div>
    </div>

    <div id="2" class="none">
        <div id="myDiv" class="fade-in one">
        <div class="classTitle">Contact Information</div>
            <p>There's like a billion places you can find me, any google search of "Lyend" will bring up some details.<br/>
            Email: [email protected]<br/>I guess you'll have to discover more about me to get more contact info. Gold star for anyone who gets my skype in 5 minutes or less!
            </p>
        </div>
    </div>

    <div id="3" class="none">
        <div id="myDiv" class="fade-in one">
        <div class="classTitle">Ghennee</div>
            <p>She's just bootayful.</p>
        </div>
    </div>

    <div id="4" class="none">
        <div id="myDiv" class="fade-in one">
        <div class="classTitle">Notes</div>
            <p>No notes yet. Mainly because I always forget about these.</p>
        </div>
    </div>


    </div>
    </div>

    <div id="footer">
        <center>
            <div class="space">
                <a href="http://Script-ango.weebly.com/">Script-ango</a>
            </div>
        </center>

        <div id="credit"></div>
    </div>
</body>
</html>