about.html

---
layout: page
title: 'About Me'
header-img: 'img/tag-bg-o.jpg'
---

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

<!-- Chinese Version -->
<!-- <div class="zh post-container"> -->
  <!--copied from markdown -->
  <!-- <blockquote>
    <p>
      <br />
      积土成山 非斯须之作
    </p>
  </blockquote>

  <p>Hey，我是<strong>jiahao.si</strong>, 是一名 Node.js 爱好者</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/jiahao-si"
      >👉GitHub</a
    >
    如果有什么问题，欢迎提出探讨~
  </p>
  <h5>Talks</h5>
  <ul>
    <li><a href="https://jiahao-si.github.io">My GitHub</a></li>
  </ul>
  <p><img src="/img/wechat.jpg" width="300px" /></p>
</div> -->

  <!-- English Version -->
  <div class="en post-container">
    <blockquote>
      <p>
        Yet another Node.js Developer. <br />
        Yet another Life-long Coder.
      </p>
    </blockquote>

    <p>
      Hi, I am <strong>jiahao.si</strong>，you can call me
      <strong>Nolan</strong>. I am an full stack software engineer and currently
      working in China
    </p>

    <p>
      This is my personal blog 👉
      <a href="http://github.com/jiahao-si">Github</a>.
    </p>

    <p>I am a sports enthusiast, I like basketball and swimming.</p>

    <h5>Talks</h5>
    <ul>
      <li><a href="http://github.com/jiahao-si">My GitHub Projects</a></li>
    </ul>
    <p><img src="/img/wechat.jpg" width="300px" /></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();
    // 隐藏下侧的个人介绍
    setTimeout(()=> {
      var $ele = document.querySelector('.sidebar-container')
      $ele.style.display = 'none';
    },100)
    
  </script>
</div>