about.html

---
layout: page
title: "About"
description: "Dr. Yonghong Xiang."
header-img: "img/about-bg.jpg"
---

<!-- Language Selector -->
<select 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">
    <blockquote>
        生活其实很简单，每天除了上班工作，就是下班总结总结工作。
        因为吃喝已经不用发愁了。
    </blockquote>
</div>

<!-- English Version -->
<div class="en post-container">
    <blockquote>
        Life is just simple and easy. Work in office and review work at home.
        Nothing to worry about bread and milk.
    </blockquote>

</div>

<!-- Handle Language Change -->
<script type="text/javascript">
    var $zh = document.querySelector(".zh");
    var $en = document.querySelector(".en");
    function onLanChange(index){
        if(index == 0){
            $zh.style.display = "block";
            $en.style.display = "none";
        }else{
            $en.style.display = "block";
            $zh.style.display = "none";
        }
    }
    onLanChange(0);
</script>