[self] include .md for about; update config/avatar

Author: Huxpro

_config.yml

@@ -15,8 +15,8 @@ RSS: false
 weibo_username:     huxpro
 zhihu_username:     huxpro
 github_username:    huxpro
-#twitter_username:  huxpro
-facebook_username:  huxpro
+twitter_username:   huxpro
+#facebook_username:  huxpro
 # linkedin_username:  firstname-lastname-idxxxx
 
 
@@ -90,9 +90,9 @@ service-worker: true
 # Friends
 friends: [
     {
-        title: "Su",
-        href: "http://su.gallery/"
-    },{
+    #     title: "Su",
+    #     href: "http://su.gallery/"
+    # },{
         title: "乱序",
         href: "http://mida.re/"
     },{

_includes/about/en.md

@@ -0,0 +1,20 @@
+
+
+> Yet another Developer & Designer.  
+
+
+Hi, I am Huang, Xuan(黄玄), or Hux. I'm a software engineer & a designer. I built softwares particularly on the Web (👉see [Portfolio](https://huangxuan.me/portfolio) and [Github](https://github.com/huxpro)), and posted about tech at [Twitter](https://twitter.com/Huxpro/) and [Medium.com](https://medium.com/@Huxpro).
+
+I previsouly worked at [Alibaba Trip](https://www.alitrip.com/), then led Front-End Infrastructure Team at [Wepiao.com](https://www.crunchbase.com/organization/wepiao#/entity), and then [worked on PWA]((https://medium.com/elemefe/upgrading-ele-me-to-progressive-web-app-2a446832e509)) at [Ele.me](https://github.com/elemefe/) as invited consultant.
+
+I studied Digital Media Art and graduated from [Communication University of China](https://en.wikipedia.org/wiki/Communication_University_of_China) in 2016, and I will study Computer Science at [Rochester Institute of Technology](https://en.wikipedia.org/wiki/Rochester_Institute_of_Technology) in 2017.
+
+
+##### Talks
+
+- [Service Worker 101](//huangxuan.me/2016/11/20/sw-101-gdgdf/) · GDG DevFest Beijing 2016
+- [Progressive Web Apps](//huangxuan.me/2016/10/20/pwa-in-my-pov/) · QCon Shanghai 2016
+- [Progressive Web App in my POV](//huangxuan.me/2016/06/05/pwa-in-my-pov/) · GDG IO Redux Beijing 2016
+- [CSS Still Sucks 2015](//huangxuan.me/2015/12/28/css-sucks-2015/) · 2015
+- [JavaScript Modularization Journey](//huangxuan.me/2015/07/09/js-module-7day/) · 2015
+

_includes/about/zh.md

@@ -0,0 +1,18 @@
+> 写写代码，做做设计，  
+> 离开世界之前，一切都是过程。
+
+Hey，我是黄玄，病毒种，进化程度不明，多出没于[博客](https://huangxuan.me)、[微博](weibo.com/huxpro)、[知乎](https://www.zhihu.com/people/huxpro/pins/posts)、[Twitter](https://twitter.com/Huxpro/)、[Github](http://github.com/huxpro)、[Medium.com](https://medium.com/@Huxpro) 等地带，混点过艺术设计与计算机两条技能树，绝招尚在开发中。
+
+职业是软件工程师，[Web 工会](https://medium.com/ben-and-dion/team-web-3315aa447fb2#.359a9c6cl)活跃成员。曾被招募为淘宝网 · [阿里旅行](http://alitrip.com)前端工程师、微影时代 · [微票儿](http://www.wepiao.com/?r=movie)前端基础工程团队负责人、[饿了么](https://ele.me/) · 大前端团队 · [PWA 顾问](https://medium.com/elemefe/upgrading-ele-me-to-progressive-web-app-2a446832e509)。  
+
+一些作品和开源软件项目，👉 戳 [Portfolio](/portfolio)、[Github](http://github.com/huxpro)、[演说.io](http://https://zhuanlan.zhihu.com/p/21280918)。 
+
+
+
+##### Talks
+
+- [Service Worker 101](//huangxuan.me/2016/11/20/sw-101-gdgdf/) · GDG DevFest 北京 2016
+- [Progressive Web App，复兴序章](//huangxuan.me/2016/10/20/pwa-in-my-pov/) · QCon 上海 2016
+- [Progressive Web App 之我见](//huangxuan.me/2016/06/05/pwa-in-my-pov/) · GDG IO Redux 北京 2016
+- [CSS Still Sucks 2015](//huangxuan.me/2015/12/28/css-sucks-2015/) · 2015
+- [JavaScript 模块化七日谈](//huangxuan.me/2015/07/09/js-module-7day/) · 2015

_posts/2016-10-20-pwa-qcon2016.markdown

@@ -18,6 +18,8 @@ tags:
 
 ### [Watching Fullscreen →](https://huangxuan.me/pwa-qcon2016/)
 
+### [Watching Video →](http://www.infoq.com/cn/presentations/progressive-web-app)
+
 <div class="visible-md visible-lg">
     <img src="//huangxuan.me/pwa-qcon2016/attach/qrcode.png" width="350" />
     <small class="img-hint">Scanning on mobile</small>

about.html

@@ -13,47 +13,14 @@
 
 <!-- Chinese Version -->
 <div class="zh post-container">
-
-    <!--copied from markdown -->
-    <blockquote><p>写写代码，做做设计，<br>
-    离开世界之前，一切都是过程</p></blockquote>
-
-    <p>Hey，我是<strong>黄玄</strong>，程序员 &amp; 设计师，<a href="https://medium.com/ben-and-dion/team-web-3315aa447fb2#.359a9c6cl">Team Web</a>。前淘宝网 · <a href="http://alitrip.com">阿里旅行</a>前端工程师，前微影时代 · <a href="http://www.wepiao.com/?r=movie">微票儿</a>前端基础工程团队负责人，现就职于<a href="https://ele.me">饿了么</a> · <a href="https://fe.ele.me">大前端团队</a>。</p>
-
-    <p>一些作品和开源项目，👉 戳 <a href="https://zhuanlan.zhihu.com/p/21280918">演说.io</a>、<a href="/portfolio">Portfolio</a> 与 <a href="http://github.com/huxpro">Github</a>；除了在博客与 <a href="http://zhuanlan.zhihu.com/huxblog">知乎专栏 · 一生想做浪漫极客</a> 写点东西外，我也是 <a href="http://www.gfansub.com/">GDG 字幕组</a> 与 <a href="http://zhuanlan.zhihu.com/FrontendMagazine">前端外刊评论 · 知乎专栏</a> 的翻译维护成员。</p>
-    
-    <p>音乐重度依赖患者，设计师强迫症患者，书买得比看得多患者，毒舌患者，科技产品发布会观看癖患者，间歇性感伤患者，习惯性熬夜患者。</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>
+    {% capture about_zh %}{% include about/zh.md %}{% endcapture %}
+    {{ about_zh | markdownify }}
 </div>
 
 <!-- English Version -->
 <div class="en post-container">
-    <blockquote><p>Yet another Web Developer. <br>
-    Yet another Life-long Designer.</p></blockquote>
-
-    <p>Hi, I am <strong>Huang Xuan(黄玄)</strong>，you can call me <strong>Hux</strong>. I'm an engineer &amp; a designer who builds softwares (👉 <a href="/portfolio">Portfolio</a> and <a href="http://github.com/huxpro">Github</a>). I studied Digital Media Art and graduated from <a href="https://en.wikipedia.org/wiki/Communication_University_of_China">Communication University of China</a> in 2016.</p>
-    
-    <p>I previsouly worked at <a href="https://www.alitrip.com/">Alibaba Trip</a> and then led Front-End Infrastructure Team at Wepiao (<a href="https://www.crunchbase.com/organization/wepiao#/entity">see CrunchBase</a>). Now I am working at <a href="https://github.com/elemefe/">Ele.me Front-End Engineering Team</a> as Staff Software Engineer, focusing on performance and web app architecture.</p>
-
-    <p>In addition, I'm also an active member of GDG Beijing, a translator at <a href="http://www.gfansub.com/">GDG China Subtitle Team</a>, maintainer at <a href="http://zhuanlan.zhihu.com/FrontendMagazine">Frontend Magazine (in Chinese)</a> and the owner of <a href="http://zhuanlan.zhihu.com/huxblog">Lifelong Romantic Geek (in Chinese)</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>
+    {% capture about_en %}{% include about/en.md %}{% endcapture %}
+    {{ about_en | markdownify }}
 </div>
 
 <!-- Handle Language Change -->