milesblog
/
hexo-theme-icarus
cermin dari https://github.com/MilesPong/hexo-theme-icarus.git


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209
							<!DOCTYPE html>
<html lang=en>
<head>
    <meta charset="utf-8">
    
    <title>Icarus</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="description" content="Hexo theme - Icarus">
<meta property="og:type" content="website">
<meta property="og:title" content="Icarus">
<meta property="og:url" content="http://ppoffice.github.io/hexo-theme-icarus/index.html">
<meta property="og:site_name" content="Icarus">
<meta property="og:description" content="Hexo theme - Icarus">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Icarus">
<meta name="twitter:description" content="Hexo theme - Icarus">
    

    <link rel="stylesheet" href="/hexo-theme-icarus/vendor/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/hexo-theme-icarus/vendor/open-sans/styles.css">
    <link rel="stylesheet" href="/hexo-theme-icarus/vendor/source-code-pro/styles.css">

    <link rel="stylesheet" href="/hexo-theme-icarus/css/style.css">

    <script src="/hexo-theme-icarus/vendor/jquery/2.1.3/jquery.min.js"></script>
    
    
        <link rel="stylesheet" href="/hexo-theme-icarus/vendor/fancybox/jquery.fancybox.css">
    
    
</head>
<body>
    <div id="container">
        <header id="header">
    <div id="header-main" class="header-inner">
        <div class="outer">
            <a href="/hexo-theme-icarus/" id="logo">
                <i class="logo"></i>
                <span class="site-title">Icarus</span>
            </a>
            <nav id="main-nav">
                
                    <a class="main-nav-link" href="/hexo-theme-icarus/.">Home</a>
                
                    <a class="main-nav-link" href="/hexo-theme-icarus/archives">Archives</a>
                
                    <a class="main-nav-link" href="/hexo-theme-icarus/categories">Categories</a>
                
                    <a class="main-nav-link" href="/hexo-theme-icarus/tags">Tags</a>
                
                    <a class="main-nav-link" href="/hexo-theme-icarus/about">About</a>
                
            </nav>
            
                
                <nav id="sub-nav">
                    <div class="profile" id="profile-nav">
                        <a id="profile-anchor" href="javascript:;">
                            <img class="avatar" src="/hexo-theme-icarus/css/images/avatar.png" />
                            <i class="fa fa-caret-down"></i>
                        </a>
                    </div>
                </nav>
            
            <div id="search-form-wrap">

    <form class="search-form">
        <input type="text" class="ins-search-input search-form-input" placeholder="Search" />
        <button type="submit" class="search-form-submit"></button>
    </form>
    <div class="ins-search">
    <div class="ins-search-mask"></div>
    <div class="ins-search-container">
        <div class="ins-input-wrapper">
            <input type="text" class="ins-search-input" placeholder="Type something..." />
            <span class="ins-close ins-selectable"><i class="fa fa-times-circle"></i></span>
        </div>
        <div class="ins-section-wrapper">
            <div class="ins-section-container"></div>
        </div>
    </div>
</div>
<script>
(function (window) {
    var INSIGHT_CONFIG = {
        TRANSLATION: {
            POSTS: 'Posts',
            PAGES: 'Pages',
            CATEGORIES: 'Categories',
            TAGS: 'Tags',
            UNTITLED: '(Untitled)',
        },
        ROOT_URL: '/hexo-theme-icarus/',
        CONTENT_URL: '/hexo-theme-icarus/content.json',
    };
    window.INSIGHT_CONFIG = INSIGHT_CONFIG;
})(window);
</script>
<script src="/hexo-theme-icarus/js/insight.js"></script>

</div>
        </div>
    </div>
    <div id="main-nav-mobile" class="header-sub header-inner">
        <table class="menu outer">
            <tr>
                
                    <td><a class="main-nav-link" href="/hexo-theme-icarus/.">Home</a></td>
                
                    <td><a class="main-nav-link" href="/hexo-theme-icarus/archives">Archives</a></td>
                
                    <td><a class="main-nav-link" href="/hexo-theme-icarus/categories">Categories</a></td>
                
                    <td><a class="main-nav-link" href="/hexo-theme-icarus/tags">Tags</a></td>
                
                    <td><a class="main-nav-link" href="/hexo-theme-icarus/about">About</a></td>
                
                <td>
                    
    <div class="search-form">
        <input type="text" class="ins-search-input search-form-input" placeholder="Search" />
    </div>

                </td>
            </tr>
        </table>
    </div>
</header>

        <div class="outer">
            
                
<aside id="profile">
    <div class="inner profile-inner">
        <div class="base-info profile-block">
            <img id="avatar" src="/hexo-theme-icarus/css/images/avatar.png" />
            <h2 id="name">PPOffice</h2>
            <h3 id="title">Web Developer &amp; Designer</h3>
            <span id="location"><i class="fa fa-map-marker"></i>Harbin, China</span>
            <a id="follow" target="_blank" href="https://github.com/ppoffice/">FOLLOW</a>
        </div>
        <div class="article-info profile-block">
            <div class="article-info-block">
                10
                <span>posts</span>
            </div>
            <div class="article-info-block">
                3
                <span>tags</span>
            </div>
        </div>
        
        <div class="profile-block social-links">
            <table>
                <tr>
                    
                    <td><a href="http://github.com/ppoffice/hexo-theme-icarus" target="_blank" title="github"><i class="fa fa-github"></i></a></td>
                    
                    <td><a href="/hexo-theme-icarus/" target="_blank" title="twitter"><i class="fa fa-twitter"></i></a></td>
                    
                    <td><a href="/hexo-theme-icarus/" target="_blank" title="facebook"><i class="fa fa-facebook"></i></a></td>
                    
                    <td><a href="/hexo-theme-icarus/" target="_blank" title="dribbble"><i class="fa fa-dribbble"></i></a></td>
                    
                    <td><a href="/hexo-theme-icarus/" target="_blank" title="rss"><i class="fa fa-rss"></i></a></td>
                    
                </tr>
            </table>
        </div>
        
    </div>
</aside>

            
            <section id="main">
    <article id="post-post2" class="article article-type-post" itemscope itemprop="blogPost">
    <div class="article-inner">
        
            
		<a href="/hexo-theme-icarus/2016/04/23/post2/" itemprop="url">
            <img src="/hexo-theme-icarus/gallery/shoes.jpg" class="article-banner" />
        </a>
	

            <header class="article-header">
                
    
        <h1 itemprop="name">
            <a class="article-title" href="/hexo-theme-icarus/2016/04/23/post2/">Being Outside in Fresh Air &amp; How Your Body Loves It</a>
        </h1>
    

                <div class="article-meta">
                    
    <div class="article-date">
        <i class="fa fa-calendar"></i>
        <a href="/hexo-theme-icarus/2016/04/23/post2/">
            <time datetime="2016-04-23T04:10:48.046Z" itemprop="datePublished">2016-04-23</time>
        </a>
    </div>


    <div class="article-category">
    	<i class="fa fa-folder"></i>
        <a class="article-category-link" href="/hexo-theme-icarus/categories/LifeStyle/">LifeStyle</a>
    </div>

                    
                </div>
            </header>
        
        <div class="article-entry" itemprop="articleBody">
        
            <p><p>Amor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br></p>
            <p class="article-more-link">
                <a href="/hexo-theme-icarus/2016/04/23/post2/#more">Read More</a>
            </p>
        
        </div>
        <footer class="article-footer">
            <div class="share-container">


</div>

    <a data-url="http://ppoffice.github.io/hexo-theme-icarus/2016/04/23/post2/" data-id="cincq2hx1000g50vcvheo47c5" class="article-share-link"><i class="fa fa-share"></i>Share</a>
<script>
    (function ($) {
        // Prevent duplicate binding
        if (typeof(__SHARE_BUTTON_BINDED__) === 'undefined' || !__SHARE_BUTTON_BINDED__) {
            __SHARE_BUTTON_BINDED__ = true;
        } else {
            return;
        }
        $('body').on('click', function() {
            $('.article-share-box.on').removeClass('on');
        }).on('click', '.article-share-link', function(e) {
            e.stopPropagation();

            var $this = $(this),
                url = $this.attr('data-url'),
                encodedUrl = encodeURIComponent(url),
                id = 'article-share-box-' + $this.attr('data-id'),
                offset = $this.offset(),
                box;

            if ($('#' + id).length) {
                box = $('#' + id);

                if (box.hasClass('on')){
                    box.removeClass('on');
                    return;
                }
            } else {
                var html = [
                    '<div id="' + id + '" class="article-share-box">',
                        '<input class="article-share-input" value="' + url + '">',
                        '<div class="article-share-links">',
                            '<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="fa fa-twitter article-share-twitter" target="_blank" title="Twitter"></a>',
                            '<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="fa fa-facebook article-share-facebook" target="_blank" title="Facebook"></a>',
                            '<a href="http://pinterest.com/pin/create/button/?url=' + encodedUrl + '" class="fa fa-pinterest article-share-pinterest" target="_blank" title="Pinterest"></a>',
                            '<a href="https://plus.google.com/share?url=' + encodedUrl + '" class="fa fa-google article-share-google" target="_blank" title="Google+"></a>',
                        '</div>',
                    '</div>'
                ].join('');

              box = $(html);

              $('body').append(box);
            }

            $('.article-share-box.on').hide();

            box.css({
                top: offset.top + 25,
                left: offset.left
            }).addClass('on');

        }).on('click', '.article-share-box', function (e) {
            e.stopPropagation();
        }).on('click', '.article-share-box-input', function () {
            $(this).select();
        }).on('click', '.article-share-box-link', function (e) {
            e.preventDefault();
            e.stopPropagation();

            window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');
        });
    })(jQuery);
</script>

            
        <a href="http://ppoffice.github.io/hexo-theme-icarus/2016/04/23/post2/#comments" class="article-comment-link disqus-comment-count" data-disqus-url="http://ppoffice.github.io/hexo-theme-icarus/2016/04/23/post2/">Comments</a>
    

        </footer>
    </div>
    
</article>


    <article id="post-post1" class="article article-type-post" itemscope itemprop="blogPost">
    <div class="article-inner">
        
            
		<a href="/hexo-theme-icarus/2016/04/23/post1/" itemprop="url">
            <img src="/hexo-theme-icarus/gallery/salt-lake.jpg" class="article-banner" />
        </a>
	

            <header class="article-header">
                
    
        <h1 itemprop="name">
            <a class="article-title" href="/hexo-theme-icarus/2016/04/23/post1/">Take a Deep Breath and Just Be</a>
        </h1>
    

                <div class="article-meta">
                    
    <div class="article-date">
        <i class="fa fa-calendar"></i>
        <a href="/hexo-theme-icarus/2016/04/23/post1/">
            <time datetime="2016-04-23T04:10:48.045Z" itemprop="datePublished">2016-04-23</time>
        </a>
    </div>


    <div class="article-category">
    	<i class="fa fa-folder"></i>
        <a class="article-category-link" href="/hexo-theme-icarus/categories/LifeStyle/">LifeStyle</a>
    </div>

                    
                </div>
            </header>
        
        <div class="article-entry" itemprop="articleBody">
        
            <p><p>This is Icarus, a free responsive, high resolution and pretty flexible theme for you to use to write about things you love. Make sure to check all the examples out! To download this theme or to check the full feature list, just go here. Feel free to leave a comment there if you digg it!<br></p>
            <p class="article-more-link">
                <a href="/hexo-theme-icarus/2016/04/23/post1/#more">Read More</a>
            </p>
        
        </div>
        <footer class="article-footer">
            <div class="share-container">


</div>

    <a data-url="http://ppoffice.github.io/hexo-theme-icarus/2016/04/23/post1/" data-id="cincq2hwu000d50vczobfj8c1" class="article-share-link"><i class="fa fa-share"></i>Share</a>
<script>
    (function ($) {
        // Prevent duplicate binding
        if (typeof(__SHARE_BUTTON_BINDED__) === 'undefined' || !__SHARE_BUTTON_BINDED__) {
            __SHARE_BUTTON_BINDED__ = true;
        } else {
            return;
        }
        $('body').on('click', function() {
            $('.article-share-box.on').removeClass('on');
        }).on('click', '.article-share-link', function(e) {
            e.stopPropagation();

            var $this = $(this),
                url = $this.attr('data-url'),
                encodedUrl = encodeURIComponent(url),
                id = 'article-share-box-' + $this.attr('data-id'),
                offset = $this.offset(),
                box;

            if ($('#' + id).length) {
                box = $('#' + id);

                if (box.hasClass('on')){
                    box.removeClass('on');
                    return;
                }
            } else {
                var html = [
                    '<div id="' + id + '" class="article-share-box">',
                        '<input class="article-share-input" value="' + url + '">',
                        '<div class="article-share-links">',
                            '<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="fa fa-twitter article-share-twitter" target="_blank" title="Twitter"></a>',
                            '<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="fa fa-facebook article-share-facebook" target="_blank" title="Facebook"></a>',
                            '<a href="http://pinterest.com/pin/create/button/?url=' + encodedUrl + '" class="fa fa-pinterest article-share-pinterest" target="_blank" title="Pinterest"></a>',
                            '<a href="https://plus.google.com/share?url=' + encodedUrl + '" class="fa fa-google article-share-google" target="_blank" title="Google+"></a>',
                        '</div>',
                    '</div>'
                ].join('');

              box = $(html);

              $('body').append(box);
            }

            $('.article-share-box.on').hide();

            box.css({
                top: offset.top + 25,
                left: offset.left
            }).addClass('on');

        }).on('click', '.article-share-box', function (e) {
            e.stopPropagation();
        }).on('click', '.article-share-box-input', function () {
            $(this).select();
        }).on('click', '.article-share-box-link', function (e) {
            e.preventDefault();
            e.stopPropagation();

            window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');
        });
    })(jQuery);
</script>

            
        <a href="http://ppoffice.github.io/hexo-theme-icarus/2016/04/23/post1/#comments" class="article-comment-link disqus-comment-count" data-disqus-url="http://ppoffice.github.io/hexo-theme-icarus/2016/04/23/post1/">Comments</a>
    

        </footer>
    </div>
    
</article>


    <article id="post-Independent-Artists-Make-Their-Own-Way-Without-Big-Record-Labels" class="article article-type-post" itemscope itemprop="blogPost">
    <div class="article-inner">
        
            
		<a href="/hexo-theme-icarus/2015/02/03/Independent-Artists-Make-Their-Own-Way-Without-Big-Record-Labels/" itemprop="url">
            <img src="/hexo-theme-icarus/gallery/guitarist.jpg" class="article-banner" />
        </a>
	

            <header class="article-header">
                
    
        <h1 itemprop="name">
            <a class="article-title" href="/hexo-theme-icarus/2015/02/03/Independent-Artists-Make-Their-Own-Way-Without-Big-Record-Labels/">Independent Artists Make Their Own Way Without Big Record Labels</a>
        </h1>
    

                <div class="article-meta">
                    
    <div class="article-date">
        <i class="fa fa-calendar"></i>
        <a href="/hexo-theme-icarus/2015/02/03/Independent-Artists-Make-Their-Own-Way-Without-Big-Record-Labels/">
            <time datetime="2015-02-03T09:29:25.000Z" itemprop="datePublished">2015-02-03</time>
        </a>
    </div>


    <div class="article-category">
    	<i class="fa fa-folder"></i>
        <a class="article-category-link" href="/hexo-theme-icarus/categories/Music/">Music</a>
    </div>

                    
                </div>
            </header>
        
        <div class="article-entry" itemprop="articleBody">
        
            <p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br></p>
            <p class="article-more-link">
                <a href="/hexo-theme-icarus/2015/02/03/Independent-Artists-Make-Their-Own-Way-Without-Big-Record-Labels/#more">Read More</a>
            </p>
        
        </div>
        <footer class="article-footer">
            <div class="share-container">


</div>

    <a data-url="http://ppoffice.github.io/hexo-theme-icarus/2015/02/03/Independent-Artists-Make-Their-Own-Way-Without-Big-Record-Labels/" data-id="cincq2hwb000650vc7ob15512" class="article-share-link"><i class="fa fa-share"></i>Share</a>
<script>
    (function ($) {
        // Prevent duplicate binding
        if (typeof(__SHARE_BUTTON_BINDED__) === 'undefined' || !__SHARE_BUTTON_BINDED__) {
            __SHARE_BUTTON_BINDED__ = true;
        } else {
            return;
        }
        $('body').on('click', function() {
            $('.article-share-box.on').removeClass('on');
        }).on('click', '.article-share-link', function(e) {
            e.stopPropagation();

            var $this = $(this),
                url = $this.attr('data-url'),
                encodedUrl = encodeURIComponent(url),
                id = 'article-share-box-' + $this.attr('data-id'),
                offset = $this.offset(),
                box;

            if ($('#' + id).length) {
                box = $('#' + id);

                if (box.hasClass('on')){
                    box.removeClass('on');
                    return;
                }
            } else {
                var html = [
                    '<div id="' + id + '" class="article-share-box">',
                        '<input class="article-share-input" value="' + url + '">',
                        '<div class="article-share-links">',
                            '<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="fa fa-twitter article-share-twitter" target="_blank" title="Twitter"></a>',
                            '<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="fa fa-facebook article-share-facebook" target="_blank" title="Facebook"></a>',
                            '<a href="http://pinterest.com/pin/create/button/?url=' + encodedUrl + '" class="fa fa-pinterest article-share-pinterest" target="_blank" title="Pinterest"></a>',
                            '<a href="https://plus.google.com/share?url=' + encodedUrl + '" class="fa fa-google article-share-google" target="_blank" title="Google+"></a>',
                        '</div>',
                    '</div>'
                ].join('');

              box = $(html);

              $('body').append(box);
            }

            $('.article-share-box.on').hide();

            box.css({
                top: offset.top + 25,
                left: offset.left
            }).addClass('on');

        }).on('click', '.article-share-box', function (e) {
            e.stopPropagation();
        }).on('click', '.article-share-box-input', function () {
            $(this).select();
        }).on('click', '.article-share-box-link', function (e) {
            e.preventDefault();
            e.stopPropagation();

            window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');
        });
    })(jQuery);
</script>

            
        <a href="http://ppoffice.github.io/hexo-theme-icarus/2015/02/03/Independent-Artists-Make-Their-Own-Way-Without-Big-Record-Labels/#comments" class="article-comment-link disqus-comment-count" data-disqus-url="http://ppoffice.github.io/hexo-theme-icarus/2015/02/03/Independent-Artists-Make-Their-Own-Way-Without-Big-Record-Labels/">Comments</a>
    

        </footer>
    </div>
    
</article>


    <article id="post-Starting-to-Actually-Listen-to-The-Lyrics-in-Music" class="article article-type-post" itemscope itemprop="blogPost">
    <div class="article-inner">
        
            
		<a href="/hexo-theme-icarus/2015/02/03/Starting-to-Actually-Listen-to-The-Lyrics-in-Music/" itemprop="url">
            <img src="/hexo-theme-icarus/gallery/music2.jpg" class="article-banner" />
        </a>
	

            <header class="article-header">
                
    
        <h1 itemprop="name">
            <a class="article-title" href="/hexo-theme-icarus/2015/02/03/Starting-to-Actually-Listen-to-The-Lyrics-in-Music/">Starting to Actually Listen to The Lyrics in Music</a>
        </h1>
    

                <div class="article-meta">
                    
    <div class="article-date">
        <i class="fa fa-calendar"></i>
        <a href="/hexo-theme-icarus/2015/02/03/Starting-to-Actually-Listen-to-The-Lyrics-in-Music/">
            <time datetime="2015-02-03T09:27:36.000Z" itemprop="datePublished">2015-02-03</time>
        </a>
    </div>


    <div class="article-category">
    	<i class="fa fa-folder"></i>
        <a class="article-category-link" href="/hexo-theme-icarus/categories/Music/">Music</a>
    </div>

                    
                </div>
            </header>
        
        <div class="article-entry" itemprop="articleBody">
        
            <p><p>This is a self-hosted audio test with some music. Sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.<br></p>
            <p class="article-more-link">
                <a href="/hexo-theme-icarus/2015/02/03/Starting-to-Actually-Listen-to-The-Lyrics-in-Music/#more">Read More</a>
            </p>
        
        </div>
        <footer class="article-footer">
            <div class="share-container">


</div>

    <a data-url="http://ppoffice.github.io/hexo-theme-icarus/2015/02/03/Starting-to-Actually-Listen-to-The-Lyrics-in-Music/" data-id="cincq2hwp000a50vcxo6izujt" class="article-share-link"><i class="fa fa-share"></i>Share</a>
<script>
    (function ($) {
        // Prevent duplicate binding
        if (typeof(__SHARE_BUTTON_BINDED__) === 'undefined' || !__SHARE_BUTTON_BINDED__) {
            __SHARE_BUTTON_BINDED__ = true;
        } else {
            return;
        }
        $('body').on('click', function() {
            $('.article-share-box.on').removeClass('on');
        }).on('click', '.article-share-link', function(e) {
            e.stopPropagation();

            var $this = $(this),
                url = $this.attr('data-url'),
                encodedUrl = encodeURIComponent(url),
                id = 'article-share-box-' + $this.attr('data-id'),
                offset = $this.offset(),
                box;

            if ($('#' + id).length) {
                box = $('#' + id);

                if (box.hasClass('on')){
                    box.removeClass('on');
                    return;
                }
            } else {
                var html = [
                    '<div id="' + id + '" class="article-share-box">',
                        '<input class="article-share-input" value="' + url + '">',
                        '<div class="article-share-links">',
                            '<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="fa fa-twitter article-share-twitter" target="_blank" title="Twitter"></a>',
                            '<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="fa fa-facebook article-share-facebook" target="_blank" title="Facebook"></a>',
                            '<a href="http://pinterest.com/pin/create/button/?url=' + encodedUrl + '" class="fa fa-pinterest article-share-pinterest" target="_blank" title="Pinterest"></a>',
                            '<a href="https://plus.google.com/share?url=' + encodedUrl + '" class="fa fa-google article-share-google" target="_blank" title="Google+"></a>',
                        '</div>',
                    '</div>'
                ].join('');

              box = $(html);

              $('body').append(box);
            }

            $('.article-share-box.on').hide();

            box.css({
                top: offset.top + 25,
                left: offset.left
            }).addClass('on');

        }).on('click', '.article-share-box', function (e) {
            e.stopPropagation();
        }).on('click', '.article-share-box-input', function () {
            $(this).select();
        }).on('click', '.article-share-box-link', function (e) {
            e.preventDefault();
            e.stopPropagation();

            window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');
        });
    })(jQuery);
</script>

            
        <a href="http://ppoffice.github.io/hexo-theme-icarus/2015/02/03/Starting-to-Actually-Listen-to-The-Lyrics-in-Music/#comments" class="article-comment-link disqus-comment-count" data-disqus-url="http://ppoffice.github.io/hexo-theme-icarus/2015/02/03/Starting-to-Actually-Listen-to-The-Lyrics-in-Music/">Comments</a>
    

        </footer>
    </div>
    
</article>


    <article id="post-An-Ode-To-Earth-–-Baba-Yetu" class="article article-type-post" itemscope itemprop="blogPost">
    <div class="article-inner">
        
            
		<a href="/hexo-theme-icarus/2015/02/03/An-Ode-To-Earth-–-Baba-Yetu/" itemprop="url">
            <img src="/hexo-theme-icarus/gallery/little-girl.jpg" class="article-banner" />
        </a>
	

            <header class="article-header">
                
    
        <h1 itemprop="name">
            <a class="article-title" href="/hexo-theme-icarus/2015/02/03/An-Ode-To-Earth-–-Baba-Yetu/">An Ode To Earth – Baba Yetu</a>
        </h1>
    

                <div class="article-meta">
                    
    <div class="article-date">
        <i class="fa fa-calendar"></i>
        <a href="/hexo-theme-icarus/2015/02/03/An-Ode-To-Earth-–-Baba-Yetu/">
            <time datetime="2015-02-03T09:22:23.000Z" itemprop="datePublished">2015-02-03</time>
        </a>
    </div>


    <div class="article-category">
    	<i class="fa fa-folder"></i>
        <a class="article-category-link" href="/hexo-theme-icarus/categories/Music/">Music</a>
    </div>

                    
    <div class="article-tag">
        <i class="fa fa-tag"></i>
        <a class="tag-link" href="/hexo-theme-icarus/tags/Music/">Music</a>
    </div>

                </div>
            </header>
        
        <div class="article-entry" itemprop="articleBody">
        
            <p><p>Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br></p>
            <p class="article-more-link">
                <a href="/hexo-theme-icarus/2015/02/03/An-Ode-To-Earth-–-Baba-Yetu/#more">Read More</a>
            </p>
        
        </div>
        <footer class="article-footer">
            <div class="share-container">


</div>

    <a data-url="http://ppoffice.github.io/hexo-theme-icarus/2015/02/03/An-Ode-To-Earth-–-Baba-Yetu/" data-id="cincq2hvm000050vce9148ncq" class="article-share-link"><i class="fa fa-share"></i>Share</a>
<script>
    (function ($) {
        // Prevent duplicate binding
        if (typeof(__SHARE_BUTTON_BINDED__) === 'undefined' || !__SHARE_BUTTON_BINDED__) {
            __SHARE_BUTTON_BINDED__ = true;
        } else {
            return;
        }
        $('body').on('click', function() {
            $('.article-share-box.on').removeClass('on');
        }).on('click', '.article-share-link', function(e) {
            e.stopPropagation();

            var $this = $(this),
                url = $this.attr('data-url'),
                encodedUrl = encodeURIComponent(url),
                id = 'article-share-box-' + $this.attr('data-id'),
                offset = $this.offset(),
                box;

            if ($('#' + id).length) {
                box = $('#' + id);

                if (box.hasClass('on')){
                    box.removeClass('on');
                    return;
                }
            } else {
                var html = [
                    '<div id="' + id + '" class="article-share-box">',
                        '<input class="article-share-input" value="' + url + '">',
                        '<div class="article-share-links">',
                            '<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="fa fa-twitter article-share-twitter" target="_blank" title="Twitter"></a>',
                            '<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="fa fa-facebook article-share-facebook" target="_blank" title="Facebook"></a>',
                            '<a href="http://pinterest.com/pin/create/button/?url=' + encodedUrl + '" class="fa fa-pinterest article-share-pinterest" target="_blank" title="Pinterest"></a>',
                            '<a href="https://plus.google.com/share?url=' + encodedUrl + '" class="fa fa-google article-share-google" target="_blank" title="Google+"></a>',
                        '</div>',
                    '</div>'
                ].join('');

              box = $(html);

              $('body').append(box);
            }

            $('.article-share-box.on').hide();

            box.css({
                top: offset.top + 25,
                left: offset.left
            }).addClass('on');

        }).on('click', '.article-share-box', function (e) {
            e.stopPropagation();
        }).on('click', '.article-share-box-input', function () {
            $(this).select();
        }).on('click', '.article-share-box-link', function (e) {
            e.preventDefault();
            e.stopPropagation();

            window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');
        });
    })(jQuery);
</script>

            
        <a href="http://ppoffice.github.io/hexo-theme-icarus/2015/02/03/An-Ode-To-Earth-–-Baba-Yetu/#comments" class="article-comment-link disqus-comment-count" data-disqus-url="http://ppoffice.github.io/hexo-theme-icarus/2015/02/03/An-Ode-To-Earth-–-Baba-Yetu/">Comments</a>
    

        </footer>
    </div>
    
</article>


    <article id="post-post4" class="article article-type-post" itemscope itemprop="blogPost">
    <div class="article-inner">
        
            
		<a href="/hexo-theme-icarus/2015/02/02/post4/" itemprop="url">
            <img src="/hexo-theme-icarus/gallery/niagara.jpg" class="article-banner" />
        </a>
	

            <header class="article-header">
                
    
        <h1 itemprop="name">
            <a class="article-title" href="/hexo-theme-icarus/2015/02/02/post4/">Life Happens. Learn How to Flow With It</a>
        </h1>
    

                <div class="article-meta">
                    
    <div class="article-date">
        <i class="fa fa-calendar"></i>
        <a href="/hexo-theme-icarus/2015/02/02/post4/">
            <time datetime="2015-02-02T14:36:23.000Z" itemprop="datePublished">2015-02-02</time>
        </a>
    </div>


    <div class="article-category">
    	<i class="fa fa-folder"></i>
        <a class="article-category-link" href="/hexo-theme-icarus/categories/LifeStyle/">LifeStyle</a>
    </div>

                    
                </div>
            </header>
        
        <div class="article-entry" itemprop="articleBody">
        
            <p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br></p>
            <p class="article-more-link">
                <a href="/hexo-theme-icarus/2015/02/02/post4/#more">Read More</a>
            </p>
        
        </div>
        <footer class="article-footer">
            <div class="share-container">


</div>

    <a data-url="http://ppoffice.github.io/hexo-theme-icarus/2015/02/02/post4/" data-id="cincq2hx6000m50vcwduadymp" class="article-share-link"><i class="fa fa-share"></i>Share</a>
<script>
    (function ($) {
        // Prevent duplicate binding
        if (typeof(__SHARE_BUTTON_BINDED__) === 'undefined' || !__SHARE_BUTTON_BINDED__) {
            __SHARE_BUTTON_BINDED__ = true;
        } else {
            return;
        }
        $('body').on('click', function() {
            $('.article-share-box.on').removeClass('on');
        }).on('click', '.article-share-link', function(e) {
            e.stopPropagation();

            var $this = $(this),
                url = $this.attr('data-url'),
                encodedUrl = encodeURIComponent(url),
                id = 'article-share-box-' + $this.attr('data-id'),
                offset = $this.offset(),
                box;

            if ($('#' + id).length) {
                box = $('#' + id);

                if (box.hasClass('on')){
                    box.removeClass('on');
                    return;
                }
            } else {
                var html = [
                    '<div id="' + id + '" class="article-share-box">',
                        '<input class="article-share-input" value="' + url + '">',
                        '<div class="article-share-links">',
                            '<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="fa fa-twitter article-share-twitter" target="_blank" title="Twitter"></a>',
                            '<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="fa fa-facebook article-share-facebook" target="_blank" title="Facebook"></a>',
                            '<a href="http://pinterest.com/pin/create/button/?url=' + encodedUrl + '" class="fa fa-pinterest article-share-pinterest" target="_blank" title="Pinterest"></a>',
                            '<a href="https://plus.google.com/share?url=' + encodedUrl + '" class="fa fa-google article-share-google" target="_blank" title="Google+"></a>',
                        '</div>',
                    '</div>'
                ].join('');

              box = $(html);

              $('body').append(box);
            }

            $('.article-share-box.on').hide();

            box.css({
                top: offset.top + 25,
                left: offset.left
            }).addClass('on');

        }).on('click', '.article-share-box', function (e) {
            e.stopPropagation();
        }).on('click', '.article-share-box-input', function () {
            $(this).select();
        }).on('click', '.article-share-box-link', function (e) {
            e.preventDefault();
            e.stopPropagation();

            window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');
        });
    })(jQuery);
</script>

            
        <a href="http://ppoffice.github.io/hexo-theme-icarus/2015/02/02/post4/#comments" class="article-comment-link disqus-comment-count" data-disqus-url="http://ppoffice.github.io/hexo-theme-icarus/2015/02/02/post4/">Comments</a>
    

        </footer>
    </div>
    
</article>


    <nav id="page-nav">
        <span class="page-number current">1</span><a class="page-number" href="/hexo-theme-icarus/page/2/">2</a><a class="extend next" rel="next" href="/hexo-theme-icarus/page/2/">Next &raquo;</a>
    </nav>
</section>
            
                <aside id="sidebar">
   
        
    <div class="widget-wrap">
        <h3 class="widget-title">recent</h3>
        <div class="widget">
            <ul id="recent-post" class="">
                
                    <li>
                        
                        <div class="item-thumbnail">
                            <a href="/hexo-theme-icarus/2016/04/23/post2/" class="thumbnail">
    
    
        <span style="background-image:url(/hexo-theme-icarus/gallery/shoes.jpg)" alt="Being Outside in Fresh Air &amp; How Your Body Loves It" class="thumbnail-image"></span>
    
</a>

                        </div>
                        
                        <div class="item-inner">
                            <p class="item-category"><a class="article-category-link" href="/hexo-theme-icarus/categories/LifeStyle/">LifeStyle</a></p>
                            <p class="item-title"><a href="/hexo-theme-icarus/2016/04/23/post2/" class="title">Being Outside in Fresh Air &amp; How Your Body Loves It</a></p>
                            <p class="item-date"><time datetime="2016-04-23T04:10:48.046Z" itemprop="datePublished">2016-04-23</time></p>
                        </div>
                    </li>
                
                    <li>
                        
                        <div class="item-thumbnail">
                            <a href="/hexo-theme-icarus/2016/04/23/post1/" class="thumbnail">
    
    
        <span style="background-image:url(/hexo-theme-icarus/gallery/salt-lake.jpg)" alt="Take a Deep Breath and Just Be" class="thumbnail-image"></span>
    
</a>

                        </div>
                        
                        <div class="item-inner">
                            <p class="item-category"><a class="article-category-link" href="/hexo-theme-icarus/categories/LifeStyle/">LifeStyle</a></p>
                            <p class="item-title"><a href="/hexo-theme-icarus/2016/04/23/post1/" class="title">Take a Deep Breath and Just Be</a></p>
                            <p class="item-date"><time datetime="2016-04-23T04:10:48.045Z" itemprop="datePublished">2016-04-23</time></p>
                        </div>
                    </li>
                
                    <li>
                        
                        <div class="item-thumbnail">
                            <a href="/hexo-theme-icarus/2015/02/03/Independent-Artists-Make-Their-Own-Way-Without-Big-Record-Labels/" class="thumbnail">
    
    
        <span style="background-image:url(/hexo-theme-icarus/gallery/guitarist.jpg)" alt="Independent Artists Make Their Own Way Without Big Record Labels" class="thumbnail-image"></span>
    
</a>

                        </div>
                        
                        <div class="item-inner">
                            <p class="item-category"><a class="article-category-link" href="/hexo-theme-icarus/categories/Music/">Music</a></p>
                            <p class="item-title"><a href="/hexo-theme-icarus/2015/02/03/Independent-Artists-Make-Their-Own-Way-Without-Big-Record-Labels/" class="title">Independent Artists Make Their Own Way Without Big Record Labels</a></p>
                            <p class="item-date"><time datetime="2015-02-03T09:29:25.000Z" itemprop="datePublished">2015-02-03</time></p>
                        </div>
                    </li>
                
                    <li>
                        
                        <div class="item-thumbnail">
                            <a href="/hexo-theme-icarus/2015/02/03/Starting-to-Actually-Listen-to-The-Lyrics-in-Music/" class="thumbnail">
    
    
        <span style="background-image:url(/hexo-theme-icarus/gallery/music2.jpg)" alt="Starting to Actually Listen to The Lyrics in Music" class="thumbnail-image"></span>
    
</a>

                        </div>
                        
                        <div class="item-inner">
                            <p class="item-category"><a class="article-category-link" href="/hexo-theme-icarus/categories/Music/">Music</a></p>
                            <p class="item-title"><a href="/hexo-theme-icarus/2015/02/03/Starting-to-Actually-Listen-to-The-Lyrics-in-Music/" class="title">Starting to Actually Listen to The Lyrics in Music</a></p>
                            <p class="item-date"><time datetime="2015-02-03T09:27:36.000Z" itemprop="datePublished">2015-02-03</time></p>
                        </div>
                    </li>
                
                    <li>
                        
                        <div class="item-thumbnail">
                            <a href="/hexo-theme-icarus/2015/02/03/An-Ode-To-Earth-–-Baba-Yetu/" class="thumbnail">
    
    
        <span style="background-image:url(/hexo-theme-icarus/gallery/little-girl.jpg)" alt="An Ode To Earth – Baba Yetu" class="thumbnail-image"></span>
    
</a>

                        </div>
                        
                        <div class="item-inner">
                            <p class="item-category"><a class="article-category-link" href="/hexo-theme-icarus/categories/Music/">Music</a></p>
                            <p class="item-title"><a href="/hexo-theme-icarus/2015/02/03/An-Ode-To-Earth-–-Baba-Yetu/" class="title">An Ode To Earth – Baba Yetu</a></p>
                            <p class="item-date"><time datetime="2015-02-03T09:22:23.000Z" itemprop="datePublished">2015-02-03</time></p>
                        </div>
                    </li>
                
            </ul>
        </div>
    </div>

    
    <div class="widget-wrap">
        <h3 class="widget-title">categories</h3>
        <div class="widget">
            <ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/hexo-theme-icarus/categories/LifeStyle/">LifeStyle</a><span class="category-list-count">4</span></li><li class="category-list-item"><a class="category-list-link" href="/hexo-theme-icarus/categories/Music/">Music</a><span class="category-list-count">4</span></li><li class="category-list-item"><a class="category-list-link" href="/hexo-theme-icarus/categories/Technology/">Technology</a><span class="category-list-count">1</span><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/hexo-theme-icarus/categories/Technology/Github/">Github</a><span class="category-list-count">1</span></li></ul></li></ul>
        </div>
    </div>

    
    <div class="widget-wrap">
        <h3 class="widget-title">archives</h3>
        <div class="widget">
            <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/hexo-theme-icarus/archives/2016/04/">April 2016</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/hexo-theme-icarus/archives/2015/02/">February 2015</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/hexo-theme-icarus/archives/2015/01/">January 2015</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/hexo-theme-icarus/archives/2014/12/">December 2014</a><span class="archive-list-count">2</span></li></ul>
        </div>
    </div>

    
    <div class="widget-wrap">
        <h3 class="widget-title">tags</h3>
        <div class="widget">
            <ul class="tag-list"><li class="tag-list-item"><a class="tag-list-link" href="/hexo-theme-icarus/tags/Music/">Music</a><span class="tag-list-count">2</span></li><li class="tag-list-item"><a class="tag-list-link" href="/hexo-theme-icarus/tags/Research/">Research</a><span class="tag-list-count">1</span></li><li class="tag-list-item"><a class="tag-list-link" href="/hexo-theme-icarus/tags/markdown/">markdown</a><span class="tag-list-count">1</span></li></ul>
        </div>
    </div>

    
    <div class="widget-wrap">
        <h3 class="widget-title">tag cloud</h3>
        <div class="widget tagcloud">
            <a href="/hexo-theme-icarus/tags/Music/" style="font-size: 20px;">Music</a> <a href="/hexo-theme-icarus/tags/Research/" style="font-size: 10px;">Research</a> <a href="/hexo-theme-icarus/tags/markdown/" style="font-size: 10px;">markdown</a>
        </div>
    </div>

    
    <div class="widget-wrap widget-list">
        <h3 class="widget-title">links</h3>
        <div class="widget">
            <ul>
                
                    <li>
                        <a href="http://hexo.io">Hexo</a>
                    </li>
                
            </ul>
        </div>
    </div>


    <div id="toTop" class="fa fa-angle-up"></div>
</aside>
            
        </div>
        <footer id="footer">
    <div class="outer">
        <div id="footer-info" class="inner">
            &copy; 2016 PPOffice<br>
            Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>. Theme by <a href="http://github.com/ppoffice">PPOffice</a>
        </div>
    </div>
</footer>
        
    
    <script>
    var disqus_shortname = 'hexo-theme-icarus';
    
    
    (function() {
    var dsq = document.createElement('script');
    dsq.type = 'text/javascript';
    dsq.async = true;
    dsq.src = '//' + disqus_shortname + '.disqus.com/count.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
    </script>


        <script src="/hexo-theme-icarus/vendor/fancybox/jquery.fancybox.pack.js"></script>
    

<!-- Custom Scripts -->
<script src="/hexo-theme-icarus/js/main.js"></script>

    </div>
</body>
</html>