Permalink
Browse files

VictorL - Updated Work page

Changed header .bg styles on Blog and Work pages
  • Loading branch information...
1 parent 551bfbf commit 45d6ade3a6ad674f130eca20966a26fbce4de910 @Blisse committed Jan 17, 2014
Showing with 217 additions and 150 deletions.
  1. +29 −5 about/index.html
  2. +16 −21 css/base.css
  3. +16 −29 css/base.scss
  4. +3 −26 index.html
  5. +153 −69 work/index.html
View
34 about/index.html
@@ -14,9 +14,9 @@
</div>
<blockquote>
{% for line in site.data.profile.missionstatement %}
- <h5>
+ <p>
{{ line }}
- </h5>
+ </p>
{% endfor %}
</blockquote>
<p>
@@ -103,7 +103,7 @@ <h2 class="bg">
<h2 class="bg">
Favourite TED Talks
</h2>
- <ul>
+ <ul class="no-bullet">
{% for tedtalk in site.data.tedtalks %}
<li>
<a href="{{ tedtalk.link }}">
@@ -124,7 +124,7 @@ <h2 class="bg">
<h2 class="bg">
Favourite Bloggers
</h2>
- <ul>
+ <ul class="no-bullet">
{% for blogger in site.data.bloggers %}
<li>
<a href="{{ blogger.link }}">
@@ -170,4 +170,28 @@ <h2 class="bg">
If you want to contact me, send me a message at <a href="mailto:{{ site.email }}">{{ site.email }}</a>.
</p>
</div>
-</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>
View
37 css/base.css
@@ -106,7 +106,7 @@ h1, h2, h3, h4, h5, h6 {
text-transform: uppercase;
color: #424242; }
h1.bg, h2.bg, h3.bg, h4.bg, h5.bg, h6.bg {
- background: #424242;
+ background: #3299bb;
color: #f6f6f6;
padding-top: 0.3rem;
padding-left: 0.3rem;
@@ -115,7 +115,7 @@ h1, h2, h3, h4, h5, h6 {
color: #3299bb;
display: block; }
h1 a.bg, h2 a.bg, h3 a.bg, h4 a.bg, h5 a.bg, h6 a.bg {
- background: #3299bb;
+ background: #424242;
color: #f6f6f6;
padding-top: 0.3rem;
padding-left: 0.3rem;
@@ -131,31 +131,26 @@ h1, h2, h3, h4, h5, h6 {
text-transform: uppercase; }
.work-entry {
- margin-bottom: 1rem; }
+ margin-bottom: 2.0rem; }
.work-entry .work-title {
- /* Define mobile styles */
- /* min-width 641px, medium screens */ }
- .work-entry .work-title a, .work-entry .work-title span {
+ margin-bottom: 0; }
+ .work-entry .work-title .title, .work-entry .work-title .company {
font-family: "Open Sans";
- text-transform: none;
- font-weight: 500;
+ text-transform: uppercase;
+ font-weight: bold;
display: inline-block; }
- .work-entry .work-title short span, .work-entry .work-title long span {
- white-space: nowrap; }
- @media only screen {
- .work-entry .work-title short {
- display: inline-block; }
- .work-entry .work-title long {
- display: none; } }
- @media only screen and (min-width: 64.063em) {
- .work-entry .work-title short {
- display: none; }
- .work-entry .work-title long {
- display: inline-block; } }
+ .work-entry .work-title .company {
+ color: #8a8a8a; }
.work-entry .work-date {
white-space: nowrap;
text-transform: uppercase;
- font-size: 0.8rem; }
+ font-size: 0.8rem;
+ margin-top: 0;
+ margin-bottom: 1rem; }
+ .work-entry .work-description {
+ margin-top: 1.0rem; }
+ .work-entry .work-description li {
+ font-size: 1.0rem; }
/* #Main Menu
================================================== */
View
45 css/base.scss
@@ -126,7 +126,7 @@
color: $color-darkgray;
&.bg {
- background: $color-darkgray;
+ background: $color-blue;
color: $color-bg;
padding-top: 0.3rem;
@@ -139,7 +139,7 @@
display: block;
&.bg {
- background: $color-blue;
+ background: $color-darkgray;
color: $color-bg;
padding-top: 0.3rem;
padding-left: 0.3rem;
@@ -164,50 +164,37 @@
}
.work-entry {
- margin-bottom: 1rem;
+ margin-bottom: 2.0rem;
.work-title {
- a, span {
+ margin-bottom: 0;
+
+ .title, .company {
font-family: $font-open;
- text-transform: none;
- font-weight: 500;
+ text-transform: uppercase;
+ font-weight: bold;
display: inline-block;
}
- short span, long span {
- white-space: nowrap;
+ .company {
+ color: $color-hovergray;
}
-
- // Small screens
- @media only screen {
- short {
- display: inline-block;
- }
- long {
- display: none;
- }
- } /* Define mobile styles */
-
- // Medium screens
- @media only screen and (min-width: 64.063em) {
- short {
- display: none;
- }
- long {
- display: inline-block;
- }
- } /* min-width 641px, medium screens */
-
}
.work-date {
white-space: nowrap;
text-transform: uppercase;
font-size: 0.8rem;
+ margin-top: 0;
+ margin-bottom: 1rem;
}
.work-description {
+ margin-top: 1.0rem;
+ li {
+ font-size: 1.0rem;
+ }
}
}
View
29 index.html
@@ -5,44 +5,21 @@
---
<div class="row home-social">
- <div class="small-12 large-4 columns">
+ <div class="small-12 medium-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 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.twitter.com/{{ site.twitter }}">
- <span aria-hidden="true" data-icon="&#xe002;"></span> Twitter
- </a>
- </h2>
- </div>
-</div>
-<div class="row home-social">
- <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">
+ <div class="small-12 medium-4 columns">
<h2>
<a href="mailto:{{ site.email }}">
<span aria-hidden="true" data-icon="&#xe010;"></span> Email
</a>
</h2>
</div>
- <div class="small-12 large-4 columns">
+ <div class="small-12 medium-4 columns">
<h2>
<a href="/atom.xml">
<span aria-hidden="true" data-icon="&#xe00c;"></span> RSS
View
222 work/index.html
@@ -8,7 +8,7 @@
<div class="row">
<div class="small-12 columns">
<h1 class="bg">
- Professional
+ Work Experience
</h1>
</div>
</div>
@@ -18,81 +18,117 @@ <h1 class="bg">
<div class="row">
<div class="small-12 columns work-entry">
- <h2 class="work-title">
+ <h3 class="work-title">
<span class="title">
- <long>
- Agile Engineer at Pivotal Labs
- </long>
- <short>
- Agile Engineer, <span>Pivotal Labs</span>
- </short>
- </span>
- </h2>
+ Agile Engineer
+ </span>,
+ <span class="company">
+ Pivotal Labs
+ </span>
+ </h3>
<p class="work-date">
Sept &ndash; Dec 2013
</p>
- <p class="work-description">
- Windows Phone 8 and iOS development.
- </p>
+ <div class="row work-description">
+ <div class="small-12 medium-11 medium-offset-1 columns">
+
+ <ul class="square">
+ <li>
+ Agile Windows Phone 8 development &ndash; mockup to release in under 3 months
+ </li>
+ <li>
+ Collaborated with Microsoft to implement and extend custom version of Microsoft's HTTP Live Streaming SDK
+ </li>
+ <li>
+ Implemented barcode detection routine for iOS7 mobile wallet app
+ </li>
+ </ul>
+ </div>
+ </div>
</div>
</div>
<div class="row">
<div class="small-12 columns work-entry">
- <h2 class="work-title">
+ <h3 class="work-title">
<span class="title">
- <long>
- Application Developer at NexJ Systems
- </long>
- <short>
- App Dev, <span>NexJ Systems</span>
- </short>
+ Application Developer
+ </span>,
+ <span class="company">
+ NexJ Systems
</span>
- </h2>
+ </h3>
<p class="work-date">
- Jan &ndash; April 2013
- </p>
- <p class="work-description">
- Health CRM product development.
+ Jan &ndash; Apr 2013
</p>
+ <div class="row work-description">
+ <div class="small-12 medium-11 medium-offset-1 columns">
+ <ul class="square">
+ <li>
+ Front-end, cloud-based enterprise CRM development &ndash; beta deployed to 1000+ patients
+ </li>
+ <li>
+ Improve code quality by leading effort to document and update obsolete technical designs
+ </li>
+ </ul>
+ </div>
+ </div>
</div>
</div>
<div class="row">
<div class="small-12 columns work-entry">
- <h2 class="work-title">
+ <h3 class="work-title">
<span class="title">
- <long>
- Quality Assurance at NexJ Systems
- </long>
- <short>
- QA, <span>NexJ Systems</span>
- </short>
+ Quality Assurance Analyst
+ </span>,
+ <span class="company">
+ NexJ Systems
</span>
- </h2>
+ </h3>
<p class="work-date">
May &ndash; Aug 2012
</p>
- <p class="work-description">
- Tester for finance and insurance customers.
- </p>
+ <div class="row work-description">
+ <div class="small-12 medium-11 medium-offset-1 columns">
+ <ul class="square">
+ <li>
+ Tested and signed off beta deployment to over 3,000 users
+ </li>
+ <li>
+ Assumed QA lead duties during teammate vacation leave
+ </li>
+ <li>
+ Developed Python application to automate regression testing PDF files &ndash; improved speeds up to 10x
+ </li>
+ </ul>
+ </div>
+ </div>
</div>
</div>
<div class="row">
<div class="small-12 columns work-entry">
- <h2 class="work-title">
+ <h3 class="work-title">
<span class="title">
- Math Assistant,
+ Math Assistant
+ </span>,
+ <span class="company">
Kumon
</span>
- </h2>
+ </h3>
<p class="work-date">
2009 &ndash; 2011
</p>
- <p class="work-description">
- Homework mentoring and marking.
- </p>
+ <div class="row work-description">
+ <div class="small-12 medium-11 medium-offset-1 columns">
+ <ul class="square">
+ <li>
+ Mentored and graded homework of up to 8 children at a time
+ </li>
+ </ul>
+ </div>
+ </div>
</div>
</div>
@@ -109,71 +145,119 @@ <h1 class="bg">
<div class="row">
<div class="small-12 columns">
- <a href="http://www.github.com/{{ site.github }}" class="button success">Github, for more projects!</a>
+
<div class="row">
<div class="small-12 columns work-entry">
- <h2 class="work-title">
+ <h3 class="work-title">
<a href="http://www.windowsphone.com/en-us/store/app/21-day-advantage/19cc9347-88a3-4358-a2f7-065a01679145" class="title">
21 Day Advantage
</a>
- </h2>
- <p class="work-description">
- A Windows Phone 8 app for monitoring progress. Based off of Shawn Achor's TEDx Talk.
- </p>
+ </h3>
+ <div class="row work-description">
+ <div class="small-12 medium-11 medium-offset-1 columns">
+ <ul class="no-bullet">
+ <li>
+ Windows Phone 8 app based off of <a href="http://youtu.be/fLJsdqxnZb0">Shawn Achor</a>'s TEDx Talk &ndash; 600+ downloads
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="small-12 columns work-entry">
+ <h3 class="work-title">
+ <a href="https://github.com/Blisse/UWOpenDataLib" class="title">
+ UWaterloo OpenData Library
+ </a>
+ </h3>
+ <div class="row work-description">
+ <div class="small-12 medium-11 medium-offset-1 columns">
+ <ul class="no-bullet">
+ <li>
+ C# Portable Class Library wrapping asynchronous methods to retrieve JSON data from <a href="https://github.com/uWaterloo/api-documentation">UWaterloo's Open Data API</a>
+ </li>
+ </ul>
+ </div>
+ </div>
</div>
</div>
<div class="row">
<div class="small-12 columns work-entry">
- <h2 class="work-title">
+ <h3 class="work-title">
<a href="/work/ytsubscriber" class="title">
Youtube Subscriber
</a>
- </h2>
- <p class="work-description">
- I have too much music coming in daily, so here's something that's helping.
- </p>
+ </h3>
+ <div class="row work-description">
+ <div class="small-12 medium-11 medium-offset-1 columns">
+ <ul class="no-bullet">
+ <li>
+ Desktop WPF application to parse, display and filter Youtube subscriptions HTML page sources
+ </li>
+ </ul>
+ </div>
+ </div>
</div>
</div>
<div class="row">
<div class="small-12 columns work-entry">
- <h2 class="work-title">
+ <h3 class="work-title">
<a href="/work/ogltictactoe" class="title">
OpenGL Tic-Tac-Toe
</a>
- </h2>
- <p class="work-description">
- The standard tic-tac-toe, but in OpenGL.
- </p>
+ </h3>
+ <div class="row work-description">
+ <div class="small-12 medium-11 medium-offset-1 columns">
+ <ul class="no-bullet">
+ <li>
+ 2D OpenGLUT implementation of Tic-Tac-Toe with unbeatable expert level difficulty
+ </li>
+ </ul>
+ </div>
+ </div>
</div>
</div>
<div class="row">
<div class="small-12 columns work-entry">
- <h2 class="work-title">
+ <h3 class="work-title">
<a href="https://github.com/Blisse/BC3Launcher" class="title">
Beyond Compare 3 Launcher
</a>
- </h2>
- <p class="work-description">
- Better comparison parser, built for QA co-op.
- </p>
+ </h3>
+ <div class="row work-description">
+ <div class="small-12 medium-11 medium-offset-1 columns">
+ <ul class="no-bullet">
+ <li>
+ PDF comparison utility integrated with Beyond Compare 3
+ </li>
+ </ul>
+ </div>
+ </div>
</div>
</div>
<div class="row">
<div class="small-12 columns work-entry">
- <h2 class="work-title">
+ <h3 class="work-title">
<a href="/work/site" class="title">
This Website
</a>
- </h2>
- <p class="work-description">
- The evolution of this website.
- </p>
+ </h3>
+ <div class="row work-description">
+ <div class="small-12 medium-11 medium-offset-1 columns">
+ <ul class="no-bullet">
+ <li>
+ Fun Jekyll-based exploration of web development using SASS and JavaScript
+ </li>
+ </ul>
+ </div>
+ </div>
</div>
</div>
-
</div>
</div>

0 comments on commit 45d6ade

Please sign in to comment.