<commit_before>---
layout: post
---

<div class="about-page">
  <p class="sidebar-title about-me">About me.</p>
  <p class="about-p">My name is <NAME>. Currently, I am studying in Aalto University as a Master's degree student in Geoinformatics. I am also a Front-end developer at <mark><a href="https://www.tieto.com/">Tieto Google Services</a></mark>. My interests are web development, data visualisation and <a href="http://www.esri.com/what-is-gis">GIS</a>. Recently I restarted to maintain my Github Page as I finally found a template which could arouse my desire to write blogs. By the way, Github API is my favourite for testing any new web technologies so far.</p>
  <p class="about-p">Want more?</p>
  <ul class="list">
    <li><a href="https://github.com/crabcanon">Github</a> | <a href="https://fi.linkedin.com/pub/huang-ye/4a/668/425">Linkedin</a> | <a href="http://www.zhihu.com/people/ye-huang-7-35">『知乎』</a> | <a href="/images/CV.pdf">CV</a></li>
  </ul>

  <div class="photos">
    <a href="https://www.instagram.com/p/9cd5_KGmOj/?taken-by=yehuang_crabcanon" class="p1 photo" target="_blank"><img alt="" src="/images/homepage/about-1.jpg"></a>
    <a href="https://www.instagram.com/p/BBGQEK7GmHo/?taken-by=yehuang_crabcanon" class="p2 photo" target="_blank"><img alt="" src="/images/homepage/about-2.jpg"></a>
    <a href="https://www.instagram.com/p/BAuqIJAGmBE/?taken-by=yehuang_crabcanon" class="p3 photo" target="_blank"><img alt="" src="/images/homepage/about-4.jpg"></a>
    <a href="https://www.instagram.com/p/_gkXcSGmIX/?taken-by=yehuang_crabcanon" class="p4 photo" target="_blank"><img alt="" src="/images/homepage/about-3.jpg"></a>
    <div class="caption t1">Woke up in the morning feeling like my shadow which was projected on the wall by a beam of light.</div>
    <div class="caption t2">Arctic Ocean under the sunset.</div>
    <div class="caption t3">I learned a new word "LGBT" in a library of Helsinki.</div>
    <div class="caption t4">I will use this picture as the cover if I have something to publish one day.</div>
  </div>
</div>

<div class="about-page">
  <p class="sidebar-title about-others">Open-source projects for fun.:zap:</p>
  <p class="about-p">Please feel free to <mark>fork and contribute your codes</mark>. Let's make some amazing demos together!</p>
  <ul class="list">
    <li><a href="https://github.com/crabcanon/AngularFire-Chat">Real-time chat channel by AngularFire and Ionic</a></li>
    <li><a href="https://github.com/crabcanon/angular-es6-demo">ES6 + SystemJS + JSPM + Gulp + Babel + AngularJS + Sass + Travis CI + Heroku</a>
    </li>
  </ul>
</div>

<div class="about-page">
  <p class="sidebar-title about-others">Web technologies that I use.</p>
  <ul class="list">
    <li>Front-end frameworks: <a href="https://facebook.github.io/react/">React</a>, <a href="https://angularjs.org/">AngularJS</a>, <a href="https://www.sencha.com/products/extjs/#overview">ExtJS</a></li>
    <li>Back-end frameworks: <a href="http://rubyonrails.org/">Rails</a>, <a href="http://sailsjs.org/">Sails</a></li>
    <li>Data visualisations: <a href="http://d3js.org/">D3</a>, <a href="https://cartodb.com/">CartoDB</a>, <a href="https://www.mapbox.com/">Mapbox</a>, <a href="http://www.esri.com/software/arcgis">ArcGIS</a>, <a href="http://boundlessgeo.com/">OpenGeo</a></li>
    <li>Others that I am learning: <a href="http://graphql.org/">GraphQL</a>, <a href="https://facebook.github.io/relay/">Relay</a>, <a href="https://www.docker.com/">Docker</a></li>
  </ul>
</div>

<div class="about-page">
  <p class="sidebar-title about-others">Why 'Crab Canon' in the title?</p>
  <ul class="list">
    <li><a href="http://genius.com/Douglas-hofstadter-crab-canon-annotated">Crab Canon by <NAME></a></li>
  </ul>
</div><commit_msg>Update "about" page<commit_after>---
layout: post
---

<div class="about-page">
  <p class="sidebar-title about-me">About me.</p>
  <p class="about-p">My name is <NAME>. Currently, I am studying in Aalto University as a Master's degree student in Geoinformatics. I am also a Front-end developer at <mark><a href="https://www.tieto.com/product-development/overview">Tieto PDS</a></mark>. My interests include web development, data visualisation and <a href="http://www.esri.com/what-is-gis">GIS</a>. Recently I restarted to maintain my Github Page as I finally found a template which could arouse my desire to write blogs. By the way, Github API is my favourite for testing any new web technologies so far.</p>
  <p class="about-p">Want more?</p>
  <ul class="list">
    <li><a href="https://github.com/crabcanon">Github</a> | <a href="https://fi.linkedin.com/pub/huang-ye/4a/668/425">Linkedin</a> | <a href="https://www.codewars.com/users/crabcanon">Codewars</a> | <a href="http://www.zhihu.com/people/ye-huang-7-35">『知乎』</a> | <a href="/images/CV.pdf">CV</a></li>
  </ul>

  <div class="photos">
    <a href="https://www.instagram.com/p/9cd5_KGmOj/?taken-by=yehuang_crabcanon" class="p1 photo" target="_blank"><img alt="" src="/images/homepage/about-1.jpg"></a>
    <a href="https://www.instagram.com/p/BBGQEK7GmHo/?taken-by=yehuang_crabcanon" class="p2 photo" target="_blank"><img alt="" src="/images/homepage/about-2.jpg"></a>
    <a href="https://www.instagram.com/p/BAuqIJAGmBE/?taken-by=yehuang_crabcanon" class="p3 photo" target="_blank"><img alt="" src="/images/homepage/about-4.jpg"></a>
    <a href="https://www.instagram.com/p/_gkXcSGmIX/?taken-by=yehuang_crabcanon" class="p4 photo" target="_blank"><img alt="" src="/images/homepage/about-3.jpg"></a>
    <div class="caption t1">Woke up in the morning feeling like my shadow which was projected on the wall by a beam of light.</div>
    <div class="caption t2">Arctic Ocean under the sunset.</div>
    <div class="caption t3">I learned a new word "LGBT" in a library of Helsinki.</div>
    <div class="caption t4">I will use this picture as the cover if I have something to publish one day.</div>
  </div>
</div>

<div class="about-page">
  <p class="sidebar-title about-others">Open-source projects for fun.:zap:</p>
  <p class="about-p">Please feel free to <mark>fork and contribute your codes</mark>. Let's make some amazing demos together!</p>
  <ul class="list">
    <li><a href="https://github.com/crabcanon/angular2-ionic2-demo">angular2-ionic2-demo</a></li>
    <li><a href="https://github.com/crabcanon/AngularFire-Chat">angularfire-ionic-chat</a></li>
    <li><a href="https://github.com/crabcanon/angular-es6-demo">angular-es6-demo</a>
    </li>
  </ul>
</div>

<div class="about-page">
  <p class="sidebar-title about-others">Web technologies that I use.</p>
  <ul class="list">
    <li>Front-end: <a href="https://facebook.github.io/react/">React</a>, <a href="https://angularjs.org/">AngularJS</a>, <a href="https://www.sencha.com/products/extjs/#overview">ExtJS</a>, <a href="http://reactivex.io/rxjs/">RxJS</a></li>
    <li>Back-end: <a href="http://rubyonrails.org/">Rails</a>, <a href="http://sailsjs.org/">Sails</a></li>
    <li>Visualisations: <a href="http://d3js.org/">D3</a>, <a href="https://cartodb.com/">CartoDB</a>, <a href="https://www.mapbox.com/">Mapbox</a>, <a href="http://www.esri.com/software/arcgis">ArcGIS</a>, <a href="http://boundlessgeo.com/">OpenGeo</a></li>
    <li>Others(learning): <a href="http://graphql.org/">GraphQL</a>, <a href="https://facebook.github.io/relay/">Relay</a>, <a href="https://www.docker.com/">Docker</a>, <a href="https://serverless.com/">Serverless</a></li>
  </ul>
</div>

<div class="about-page">
  <p class="sidebar-title about-others">Why 'Crab Canon' in the title?</p>
  <ul class="list">
    <li><a href="http://genius.com/Douglas-hofstadter-crab-canon-annotated">Crab Canon by <NAME></a></li>
  </ul>
</div>
{'fraction_non_alphanumeric': 0.20850071271219386, 'fraction_numerical': 0.00803421018530517, 'mean_word_length': 4.454416961130742, 'pattern_counts': {'":': 0, '<': 249, '<?xml version=': 0, '>': 249, 'https://': 35, 'lorem ipsum': 0, 'www.': 23, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5472238', 'n_tokens_mistral': 2896, 'n_tokens_neox': 2780, 'n_words': 606}