about.html

---
layout: page
title: "About"
description: "Hey, this is Nan."
header-img: "img/about-tiger.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>孟令楠</strong>，程序员 &amp; 设计师，博客爱好者 · <a href="http://xiaomenglnan.github.io">Github Pages</a>燕山大学应届毕业研究生· <a href="http://www.ysu.edu.cn/">燕山大学</a></p>
    <p>一些作品和开源项目，👉 戳 <a href="https://github.com/xiaomenglnan/frontend-nanodegree">Front-end web developer Nanodegree from Udacity</a> 与 <a href="http://github.com/xiaomenglnan">Github</a></p>
</div>
<!-- English Version -->
<div class="en post-container">
    <blockquote>
        <p>Yet another Frontend Engineer.
            <br> Yet another Lifelong Designer.</p>
    </blockquote>
    <p>Hi, I am <strong>Lingnan Meng(menglingnan)</strong>，you can call me <strong>Nan</strong>. I'm an engineer &amp; a designer who loves to build blog such as <a href="http://xiaomenglnan.github.io">Github Pages</a> and more (<a href="https://github.com/xiaomenglnan/frontend-nanodegree">Front-end web developer Nanodegree from Udacity 👉</a> and <a href="http://github.com/xiaomenglnan">Github 👉</a>). I am graduating from <a href="http://www.ysu.edu.cn/">Yanshan University</a> in 2017.</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>
{% if site.duoshuo_username %}
<!-- 多说评论框 start -->
<div class="comment">
    <div class="ds-thread" {% if site.duoshuo_username=="huxblog" %} data-thread-id="1187623191091085319" {% else %} data-thread-key="{{site.duoshuo_username}}/about" {% endif %} data-title="{{page.title}}" data-url="{{site.url}}/about/"></div>
</div>
<!-- 多说评论框 end -->
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
// dynamic User hacking by Hux
var _user = '{{site.duoshuo_username}}';

// duoshuo comment query.
var duoshuoQuery = {
    short_name: _user
};
(function() {
    var ds = document.createElement('script');
    ds.type = 'text/javascript';
    ds.async = true;
    ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
    ds.charset = 'UTF-8';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>
<!-- 多说公共JS代码 end -->
{% endif %} {% 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 %}