about.html

---
layout: page
title: "About"
description: "Sh7ne On."
header-img: "img/about-bg.jpg"
---

<!-- Language Selector -->
<select class="sel-lang" onchange= "onLanChange(this.options[this.options.selectedIndex].value)">
    <option value="0" selected> English 英文 </option>
    <option value="1"> 中文 Chinese </option>
</select>



<!-- English Version -->
<div class="en post-container">
    <blockquote>
        <p>
            Geeks love the latest features but most people fear change
        </p>
    </blockquote>

    <p>Hi, I am <strong>Sh7ne</strong>. a Developer.(<a href="http://github.com/Sh7ne">Github</a>).

</div>



<!-- Chinese Version -->
<div class="zh post-container">

    <!--copied from markdown -->
    <p>
        大家好，我是谁也不是，望多交流。
    </p>

</div>


<div id="disqus_thread"></div>
<script>

/**
*  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
*  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
/*
var disqus_config = function () {
this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
};
*/
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = '//sh7ne.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
                                


<!-- Handle Language Change -->
<script type="text/javascript">
    // get nodes
    var $zh = document.querySelector(".zh");
    var $en = document.querySelector(".en");
    var $select = document.querySelector("select");

    // bind hashchange event
    window.addEventListener('hashchange', _render);

    // handle render
    function _render(){
        var _hash = window.location.hash;
        // zh
        if(_hash == "#zh"){
            $select.selectedIndex = 1;
            $en.style.display = "none";
            $zh.style.display = "block";
        // en by default
        }else{
            // not trigger onChange, otherwise cause a loop call.
            $select.selectedIndex = 0;
            $zh.style.display = "none";
            $en.style.display = "block";
        }
    }

    // handle select change
    function onLanChange(index){
        if(index == 1){
            window.location.hash = "#zh"
        }else{
            window.location.hash = "#en"
        }
    }

    // init
    _render();
</script>