about.html

---
layout: page
title: "About"
description: "Hey, this is huangqing."
header-img: "img/home-bg-o.jpg"
---

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

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

    <!--copied from markdown -->
    <blockquote><p>天行健，君子以自强不息。<br>
        地势坤，君子以厚德载物。</p></blockquote>

    <p>Hey，我是<strong>HUANGQING</strong>，一只前端程序猿，现在济南工作。</p>

    <p>这是我的利用 <a href="https://pages.github.com/">GitHub Pages</a> 与 <a href="http://jekyll.com.cn/">Jekyll</a> 搭建的 个人博客。我在GitHub主页<a href="https://github.com/huang-qing">👉GitHub·HUANGQING</a> 与 简书主页<a href="https://http://www.jianshu.com/u/a5f4cd1641eb">👉HUANGQING</a>。</p>

    <p>工作、学习之余，我特别喜欢运动，跑步、健身和自由搏击都是我特别喜欢的运动。</p>
    
</div>

<!-- English Version -->
<div class="en post-container">
    <blockquote><p>As Heaven’s movement is ever vigorous, so must a gentleman ceaselessly strive along. <br>
        A gentleman should generously cultivate to become tolerant just like the earth bears everything on it.</p></blockquote>

    <p>Hi, I am <strong>HUANGQING</strong>，you can call me <strong>HUANG QING</strong>. I'm an Front-end Developer.I now working in JiNan Supermo Intelligent Logistics Technology Co., Ltd.</p>

    <p>This is my personal blog, through making Github Pages and Jekyll.My GitHub  👉 <a href="http://github.com/huang-qing">Github·HUANGQING</a>.</p>
    
    <p>I am a sports enthusiast, I like fitness, running and tae kwon do, sports is my full of vitality.</p>

</div>

<!-- Technology Stack -->
{% if site.data.technology_stack %}
<hr>

<h2>Technology Stack</h2>
<br/>
<ul class="list-unstyled">
    {% for group in site.data.technology_stack %}
    <li>
        <h4> {{group.classify}} </h4>
        <ul>
            {% for tech in group.content %}
            <li><a href="{{tech.href}}">{{tech.title}}</a></li>
            {% endfor %}
        </ul>    
    </li>    
    {% endfor %}
</ul>
{% endif %}

<!-- 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;
        // en
        if(_hash == "#en"){
            $select.selectedIndex = 1;
            $en.style.display = "block";
            $zh.style.display = "none";
        // zh by default
        }else{
            // not trigger onChange, otherwise cause a loop call.
            $select.selectedIndex = 0;
            $zh.style.display = "block";
            $en.style.display = "none";
        }
    }

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

    // init
    _render();
</script>


{% if site.disqus_username %}
<!-- disqus 评论框 start -->
<div class="comment">
    <div id="disqus_thread" class="disqus-thread">

    </div>
</div>
<!-- disqus 评论框 end -->

<!-- disqus 公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES * * */
    var disqus_shortname = "{{site.disqus_username}}";
    var disqus_identifier = "{{site.disqus_username}}/{{page.url}}";
    var disqus_url = "{{site.url}}{{page.url}}";

    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>
<!-- disqus 公共JS代码 end -->
{% endif %}