Skip to content
Browse files

VictorL - Updated Home page.

  • Loading branch information...
1 parent 51d0676 commit 03da1faa0d6ba9a2033e4a773eec97d43b38461a @Blisse committed Jan 20, 2014
View
8 about/index.html
@@ -159,21 +159,21 @@ <h2 class="bg">
</div>
<div class="row home-social">
- <div class="small-12 medium-4 columns">
+ <div class="small-12 large-4 columns">
<h2>
<a href="http://www.github.com/{{ site.github }}">
<span aria-hidden="true" data-icon="&#xe000;"></span> Github
</a>
</h2>
</div>
- <div class="small-12 medium-4 columns">
+ <div class="small-12 large-4 columns">
<h2>
<a href="mailto:{{ site.email }}">
<span aria-hidden="true" data-icon="&#xe010;"></span> Email
</a>
</h2>
</div>
- <div class="small-12 medium-4 columns">
+ <div class="small-12 large-4 columns">
<h2>
<a href="/atom.xml">
<span aria-hidden="true" data-icon="&#xe00c;"></span> RSS
@@ -182,7 +182,7 @@ <h2 class="bg">
</div>
</div>
-<div class="row home-social">
+<div class="row about-social">
<div class="small-12 large-4 columns">
<h2>
<a href="http://ca.linkedin.com/in/{{ site.linkedin }}/">
View
46 css/base.css
@@ -186,32 +186,47 @@ div#nex-menu {
/* #Page Specific CSS */
/* #Home
================================================== */
-.home-social a {
- white-space: nowrap; }
-
.home-background {
background: url(/assets/img/background_0.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
- -webkit-box-shadow: inset 0 35px 35px -15px #000;
- -moz-box-shadow: inset 0 35px 35px -15px #000;
- box-shadow: inset 0 35px 35px -15px #000;
+ -webkit-box-shadow: inset 0 -35px 35px -20px #000, inset 0 35px 35px -20px #000;
+ -moz-box-shadow: inset 0 -35px 35px -20px #000, inset 0 35px 35px -20px #000;
+ box-shadow: inset 0 -35px 35px -20px #000, inset 0 35px 35px -20px #000;
min-height: 100%;
width: 100%;
height: 100%; }
+ .home-background .home-title-quote {
+ border-left: none;
+ margin: 2rem 0 4rem;
+ padding-bottom: 1rem; }
+ .home-background .home-title-quote p {
+ font-family: Lato, sans-serif;
+ font-size: 2.2rem;
+ font-weight: 300;
+ color: #f6f6f6;
+ margin: 1rem 0; }
-.home-title-quote {
- border-left: none;
+.home-posts {
margin: 2rem 0 4rem;
padding-bottom: 1rem; }
- .home-title-quote p {
- font-family: Lato, sans-serif;
- font-size: 2.2rem;
- font-weight: 300;
- color: #f6f6f6;
- margin: 1rem 0; }
+ .home-posts p {
+ font-size: 1.0rem; }
+ .home-posts h2 {
+ font-size: 1.4rem; }
+ .home-posts li {
+ font-weight: 400;
+ font-size: 1rem;
+ color: #3299bb;
+ margin: 0.2rem 1.6rem; }
+ .home-posts li a {
+ border-bottom: 1px dotted #3299bb; }
+ .home-posts li a:hover {
+ background: #3299bb;
+ color: #f6f6f6;
+ border-bottom: 1px solid #3299bb; }
/* #About
================================================== */
@@ -229,6 +244,9 @@ div#nex-menu {
float: right;
margin-bottom: 0.6rem; }
+.about-social a {
+ white-space: nowrap; }
+
/* #Blog
================================================== */
.tags {
View
64 css/base.scss
@@ -260,44 +260,69 @@
/* #Home
================================================== */
- .home-social {
- a {
- white-space: nowrap;
- }
- }
-
.home-background {
background: url(/assets/img/background_0.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
- -webkit-box-shadow: inset 0 35px 35px -15px #000;
- -moz-box-shadow: inset 0 35px 35px -15px #000;
- box-shadow: inset 0 35px 35px -15px #000;
+ -webkit-box-shadow: inset 0 -35px 35px -20px #000, inset 0 35px 35px -20px #000;
+ -moz-box-shadow: inset 0 -35px 35px -20px #000, inset 0 35px 35px -20px #000;
+ box-shadow: inset 0 -35px 35px -20px #000, inset 0 35px 35px -20px #000;
min-height: 100%;
width: 100%;
height: 100%;
+
+ .home-title-quote {
+ p {
+ font-family: Lato, sans-serif;
+ font-size: 2.2rem;
+ font-weight: 300;
+ color: $color-white;
+ margin: 1rem 0;
+ }
+
+ border-left: none;
+ margin: 2rem 0 4rem;
+ padding-bottom: 1rem;
+ }
}
- .home-title-quote {
+ .home-posts {
p {
- font-family: Lato, sans-serif;
- font-size: 2.2rem;
- font-weight: 300;
- color: $color-white;
- margin: 1rem 0;
+ font-size: 1.0rem;
+ }
+
+ h2 {
+ font-size: 1.4rem;
+ }
+
+ li {
+ font-weight: 400;
+ font-size: 1rem;
+ color: $color-blue;
+ margin: 0.2rem 1.6rem;
+
+ a {
+ border-bottom: 1px dotted $color-blue;
+
+ &:hover {
+ background: $color-blue;
+ color: $color-bg;
+ border-bottom: 1px solid $color-blue;
+ }
+ }
}
- border-left: none;
margin: 2rem 0 4rem;
padding-bottom: 1rem;
}
+
/* #About
================================================== */
@@ -324,6 +349,13 @@
}
}
+ .about-social {
+ a {
+ white-space: nowrap;
+ }
+ }
+
+
/* #Blog
================================================== */
View
30 index.html
@@ -15,4 +15,34 @@
{% endfor %}
</blockquote>
</div>
+</div>
+
+<div class="home-posts">
+ <div class="row">
+ <div class="small-12 medium-6 columns">
+ <p>
+ Hi! I'm Victor Lai, a Software Engineering student at the University of Waterloo. This is where I collect my thoughts.
+ </p>
+ <p>
+ When I'm bored, I code. I make things that work. I am passionate about making good things &mdash; for users and coders, and making things that do good.
+ </p>
+ <p>
+ Other than that, I love learning. This year, it's skating into hockey, running, working out, guitar, and helping out.
+ </p>
+ </div>
+
+ <div class="small-12 medium-6 columns">
+ <h2 class="bg">
+ New Posts
+ </h2>
+
+ <ul class="square">
+ {% for post in site.posts limit:5 %}
+ <li>
+ <a href="{{ post.url }}">{{ post.title }}</a>
+ </li>
+ {% endfor %}
+ </ul>
+ </div>
+ </div>
</div>
View
BIN work/resume/victor-lai-resume.indd
Binary file not shown.
View
BIN work/resume/victor-lai-resume.pdf
Binary file not shown.

0 comments on commit 03da1fa

Please sign in to comment.
Something went wrong with that request. Please try again.