about.html

---
layout: banner
title: About
subtitle: Proudly hosted by Github.
nav: about
excerpt: Copyright © 2013 Harttle. Hosted by GitHub, powered by Jekyll.
---

<style>
    .avatar{ 
        display: inline-block;
        margin-top: -50px;
        margin-left: 40px;
        position: relative;
        z-index: 100;
        float: right;
        transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg);
    }
    .avatar img{ max-height: 150px; }
    .about-body{
        font-size: 110%;
        padding: 30px;
    }
    .interests, .thanks{ margin-top: 30px; }
    .interests label, .thanks label{display: block;}
    .thanks a img{ margin:10px!important; }
    .thanks a:hover{ text-decoration: none; }
    .thanks a img{ max-height: 50px; }
</style>

<div class="avatar">
    <a href="#" class="thumbnail" style="padding: 7px;">
        <img class="lazy" data-original="/assets/img/avatar.png" src="/assets/img/loading.gif" style="display: block;">
    </a>
</div>

<div class="about-body paper-curl">
    <p>
    Harttleland 起始于2013年9月，正当Harttle在PKU的第五个秋天。也正是此时，Harttle正式进入了程序猿的行列。在<a href="{% post_url 2013-10-18-github-homepage-tutorial %}">这里</a>记录着本站的开发过程。这里的文章包括读书笔记、软件开发、还有Linux！
    </p>

    <div class="interests">
    <label>Interests:</label>

    <a class="label label-default">Linux</a> <a class="label label-info">Arch</a> <a class="label label-danger">Bash</a> <a class="label label-primary">Bootstrap</a> <a class="label label-default">Jquery</a> <a class="label label-info">Django</a> <a class="label label-success">Xetex</a> <a class="label label-default">TexLive</a> <a class="label label-danger">Physics</a> <a class="label label-info">Electrodynamics</a> <a class="label label-warning">Pulsars</a>

</div>

    <div class="thanks">
        <label>Thanks:</label>
        <a href="http://github.com/" target="_blank">
            <img src="/assets/img/github.png">
        </a>
        <a href="http://jekyllrb.com/" target="_blank">
            <img src="/assets/img/jekyll.png">
        </a>
        <a href="http://jquery.com/" target="_blank">
            <img src="/assets/img/jquery.png">
        </a>
        <a href="http://fontawesome.github.io/Font-Awesome/" target="_blank">
            <img src="/assets/img/fontawesome.png">
        </a>
        <a href="http://bootcss.com/" target="_blank">
            <img src="/assets/img/bootstrap.png">
        </a>
        <a href="http://alexwolfe.github.io/Buttons/" target="_blank">
            <img src="/assets/img/buttons.png">
        </a>
    </div>
</div>