about.html

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

<!-- Language Selector -->
<!--<select onchange= "onLanChange(this.options[this.options.selectedIndex].value)">-->
    <!--<option value="0" selected> 中文 Chinese </option>-->
    <!--&lt;!&ndash; <option value="1"> 英文 English </option> &ndash;&gt;-->
<!--</select>-->

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

    <!--copied from markdown -->
    <blockquote><p>愿：不忘初心<br></p></blockquote>
    <p>本人廖长军，毕业于四川农业大学计算机科学与技术专业，2010年大三在学校工作室接触java web开发，2014年开始接触大数据技术，且学且用。<br/>
        <br>
        联系方式：
        <ul>
            <li>Email: 417156994@qq.com</li>
            <li>QQ: 417156994</li>
        </ul>
        <br>
    前路风光无限，怎生是好...^_^
    <br>
    <br>
    keywords: java-web,spring,hadoop,spark,kafka,docker</p>


</div>

<!-- 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>