index.html

---
layout: default
title: about
main: about
sub: me
---

<div class="row">
	<div class="small-12 columns">		
		<div class="about-title-quote">
			<p>
				Never give up.
			</p>
		</div>
		<blockquote>
			{% for line in site.data.profile.missionstatement %}
			<p>
				{{ line }}
			</p>
			{% endfor %}
		</blockquote>
		<p>
			Hi! My name is Victor Lai. I'm a Software Engineering student at the University of Waterloo, and I'm passionate about great experiences backed up by great code.
		</p>
	</div>
</div>

<div class="row">
	<div class="small-12 columns">
		<p>
			I love learning, and I think everyone does, too. But I'm also learning to love making mistakes and learning from them.
		</p>
		<p>
			As a programmer and Software Engineering student, I'm peeved by horribly unmaintainable and excessive code. But as a user, I'm just as peeved by poor user experiences. I'm always learning from both, so it's really cool watching my views change as I'm exposed to more code and experiences backed by code.
 		</p>
		<p>
			Other than that, when I'm not neck-deep dabbling in programming, I'm out learning. At the moment, I'm enjoying learning how to skate, to eventually play hockey. I'm also working out, running, and learning to play the guitar.
		</p>
	</div>
</div>

<div class="row">
	<div class="small-12 columns">
		<p>
			I love music too. This is my favourite song.
		</p>
		<p>
			<iframe class="youtube" src="//www.youtube.com/embed/{{ site.data.profile.song }}" frameborder="0" allowfullscreen></iframe>
		</p>
		<p>
			And this is my favourite video.
		</p>
		<p>
			<iframe class="youtube" src="//www.youtube.com/embed/{{ site.data.profile.video }}" frameborder="0" allowfullscreen></iframe>
		</p>
	</div>
</div>

<div class="row">
	<div class="small-12 columns">
		<h2 class="bg">
			Favourite Quotes
		</h2>
		{% for quote in site.data.quotes %}

		<blockquote>
			{% for line in quote.lines %}
			<p>
				{{ line }}
			</p>
			{% endfor %}
			<cite>
				{{ quote.cite }}
			</cite>
		</blockquote>

		{% endfor %}
	</div>
</div>

<div class="row">
	<div class="small-12 columns">
		<h2 class="bg">
			Favourite Posts
		</h2>
		<ul class="no-bullet">
			{% for post in site.data.posts %}
			<li>
				<a href="{{ post.link }}">
					{% if post.starred == true %}
					<span aria-hidden="true" data-icon="&#xe005;"></span>
					{% endif %}
					{{ post.title }}
				</a>
			</li>
			{% endfor %}
		</ul>
	</div>
</div>

<div class="row">
	<div class="small-12 columns">
		<h2 class="bg">
			Favourite TED Talks
		</h2>
		<ul class="no-bullet">
			{% for tedtalk in site.data.tedtalks %}
			<li>
				<a href="{{ tedtalk.link }}">
					{% if tedtalk.starred == true %}
					<span aria-hidden="true" data-icon="&#xe005;"></span>
					{% endif %}
					{{ tedtalk.title }}
				</a>
			</li>
			{% endfor %}
		</ul>
	</div>
</div>


<div class="row">
	<div class="small-12 columns">
		<h2 class="bg">
			Favourite Bloggers
		</h2>
		<ul class="no-bullet">
			{% for blogger in site.data.bloggers %}
			<li>
				<a href="{{ blogger.link }}">
					{{ blogger.title }}
				</a>
			</li>
			{% endfor %}
		</ul>
	</div>
</div>

<div class="row">
	<div class="small-12 columns">
		<h2>
			<a name="copyright" class="bg">
				Copyright
			</a>
		</h2>
		<p>
			This website is built using <a href="http://github.com/mojombo/jekyll"
			target="_blank">Jekyll</a>, a blog-aware, static site generator written in Ruby.
			The <a href="http://en.wikipedia.org/wiki/Source_code">source code</a> used to
			create this website is publicly available on <a href="http://github.com/Blisse/blisse.github.com">GitHub</a>.
		</p>
		<p>
			All the posts here are Copyright &copy; 2012-2014 <a href="{{ site.url }}">{{ site.author }}.</a>
			Any thing else is <a href="http://en.wikipedia.org/wiki/Mit_license">MIT licensed</a>.
			Feel free to reuse the <a href="http://en.wikipedia.org/wiki/Html">HTML</a> and
			<a href="http://en.wikipedia.org/wiki/Css">CSS</a>.
		</p>
	</div>
</div>

<div class="row">
	<div class="small-12 columns">
		<h2>
			<a name="Contact" class="bg">
				Contact
			</a>
		</h2>
		
		<p>
			If you want to contact me, send me a message at <a href="mailto:{{ site.email }}">{{ site.email }}</a>.
		</p>
	</div>
</div>

<div class="row home-social">
    <div class="small-12 large-4 columns">
        <h2>
            <a href="http://ca.linkedin.com/in/{{ site.linkedin }}/">
                <span aria-hidden="true" data-icon="&#xe020;"></span> LinkedIn
            </a>
        </h2>
    </div>
    <div class="small-12 large-4 columns">
        <h2>
            <a href="http://www.last.fm/user/{{ site.lastfm }}">
                <span aria-hidden="true" data-icon="&#xe021;"></span> Last.fm
            </a>
        </h2>
    </div>
    <div class="small-12 large-4 columns">
        <h2>
            <a href="http://www.twitter.com/{{ site.twitter }}">
                <span aria-hidden="true" data-icon="&#xe002;"></span> Twitter
            </a>
        </h2>
    </div>
</div>