layout: page
{% assign about = site.data.about %} {% capture string_with_newlines %} Hello, I am Wei Bo Chen.
I am a CTF player and web developer.
He is responsible for website development and club lecturer in bamboofox.
Specialized in Ruby on Rails. {% endcapture %}
<div class=“box”>
<h1 class="title">About</h1> <div class="box"> <article class="media"> <div class="media-left"> {% asset {{about.profile}} class="image is-128x128" %} </div> <div class="media-content"> <div class="content"> {{ string_with_newlines | newline_to_br }} </div> </div> </article> </div> <h1 class="title">Education</h1> <div class="columns"> {% for education in about.educations %} <div class="column is-narrow"> <div class="box"> <article class="media"> <div class="media-left"> <div class="image is-128x128"> {% asset {{education.logo}} %} </div> </div> <div class="media-content"> <div class="content"> <a class="link" href="{{education.link}}"> {{education.name}} </a> <br> <span class="icon"> <i class="fas fa-graduation-cap"></i> </span> {{education.degree}} <br> <span class="icon"> <i class="fas fa-calendar"></i> </span> {{education.period}} </div> </div> </article> </div> </div> {% endfor %} </div> <h1 class="title">Organizations</h1> <div class="columns"> {% for organization in about.organizations %} <div class="column is-narrow"> <div class="box"> <article class="media"> <div class="media-left"> <div class="image is-128x128"> {% asset {{organization.logo}} %} </div> </div> <div class="media-content"> <div class="content"> <a class="link" href="{{organization.link}}"> {{organization.name}} </a> <br> <span class="icon"> <i class="fas fa-user"></i> </span> {{organization.position}} <br> <span class="icon"> <i class="fas fa-calendar"></i> </span> {{organization.period}} </div> </div> </article> </div> </div> {% endfor %} </div> <h1 class="title">Skills</h1> <div class="field is-grouped is-grouped-multiline"> {% for skill in about.skills %} <div class="control"> <div class="tags has-addons"> <span class="tag is-dark">{{ skill.name }}</span> <span class="tag is-info">{{ skill.score | times: 10 }}</span> </div> </div> {% endfor %} </div> <h1 class="title">Programming Languages</h1> <div class="field is-grouped is-grouped-multiline"> {% for programming_language in about.programming_languages %} <div class="control"> <div class="tags has-addons"> <span class="tag is-dark">{{ programming_language.name }}</span> <span class="tag is-info">{{ programming_language.score | times: 10 }}</span> </div> </div> {% endfor %} </div> <h1 class="title">Talks</h1> <div class="columns is-multiline"> {% for talk in about.talks %} <div class="column is-narrow"> {{talk.link}} </div> {% endfor %} </div> <h1 class="title">Resume</h1> <div class="content"> {{ about.resume.description | newline_to_br}} <a href="{{ about.resume.link }}"> <span class="icon"> <i class="fas fa-download"></i> </span> Download the resume </a> </div>
</div>