about.html

---
layout: page
title: "About"
description: "Hello, this is XiaoYu"
header-img: "img/about-bg.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; 伪设计师 &amp; 摄影爱好者，美学爱好者，本科毕业于西安电子科技大学，现就读于<a href="http://www.scu.edu.cn">四川大学</a>。</p>

    <p>一些作品和开源项目，👉 戳 <a href="http://github.com/onlythen">Github</a>；会在博客写点东西外，我也是 <a href="https://www.cnswift.org">Swift 3 可能是最用心的翻译了吧</a> 的翻译维护成员。</p>
    
    <p>怀旧金曲爱好者，Apple设计准则学习者，Booker，荣迷，间歇性人格分裂者，T-ara迷弟，网络安全小师弟。</p>
    <h5>Talks</h5>

    <!-- <ul>
    <li><a href="//huangxuan.me/2016/11/20/sw-101-gdgdf/">Service Worker 101</a> · GDG DevFest 北京 2016</li>
    <li><a href="//huangxuan.me/2016/10/20/pwa-qcon2016/">Progressive Web Apps 复兴序章</a> · <a href="http://2016.qconshanghai.com/presentation/3111">QCon 上海 2016</a></li>
    <li><a href="//huangxuan.me/2016/06/05/pwa-in-my-pov/">Progressive Web App 之我见</a> · IO Redux 北京 2016</li>
    <li><a href="//huangxuan.me/2015/12/28/css-sucks-2015/">CSS Still Sucks 2015</a> · 2015</li>
    <li><a href="//huangxuan.me/2015/07/09/js-module-7day/">JavaScript 模块化七日谈</a> · 2015</li>
    </ul> -->
</div>

<!-- English Version -->
<div class="en post-container">
    <blockquote><p>Thinking out of everything <br>
    Do what I want</p></blockquote>

    <p>Hi, I am <strong>Zhang Yu</strong>，you can call me <strong>XiaoYu</strong>. I'm an engineer &amp; a designer who builds softwares (👉 <a href="/portfolio">Project</a> and <a href="http://github.com/onlythen">Github</a>). I got my bachelor degree in Xidian University.Now I am learning Cyber-Security in <a href="https://en.wikipedia.org/wiki/Sichuan_University">Sichuan University</a> .</p>
    
    <p>I am a fan of "Apple".I think a big bussiness need to develope various aspects.Including art &amp; social science.Photography and reading are my hobbies.</p>

    <p>In addition, I'm also an translator at <a href="https://www.cnswift.org">Swift 3 Best Translation</a>.</p>

    <h5>Talks</h5>

    <!-- <ul>
    <li><a href="//huangxuan.me/2016/11/20/sw-101-gdgdf/" title="Service Worker 101 - working offline and instant loading">Service Worker 101</a> · GDG DevFest Beijing 2016</li>
    <li><a href="//huangxuan.me/2016/10/20/pwa-qcon2016/" title="Progressive Web Apps - make web great again">Progressive Web Apps</a> · QCon Shanghai 2016</li>
    <li><a href="//huangxuan.me/2016/06/05/pwa-in-my-pov/" title="Progressive Web App in my point of view">Progressive Web App in my POV</a> · IO Redux Beijing 2016</li>
    <li><a href="//huangxuan.me/2015/12/28/css-sucks-2015/" title="CSS Still Sucks 2015 - and how we work around it">CSS Still Sucks 2015</a> · 2015</li>
    <li><a href="//huangxuan.me/2015/07/09/js-module-7day/">JavaScript Modularization Journey</a> · 2015</li>
    </ul> -->
</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.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 %}