Initial commit of website content

jasongerbes · Mar 30, 2018 · 5172918 · 5172918
1 parent 0aa13d2
commit 5172918
Show file tree

Hide file tree

Showing 37 changed files with 682 additions and 655 deletions.
diff --git a/_config.yml b/_config.yml
@@ -7,7 +7,7 @@ author: Jason Gerbes
 
 twitter:
     username: jasongerbes
-    
+
 defaults:
   - scope:
       path: ""
@@ -22,5 +22,10 @@ social:
         - https://www.linkedin.com/in/jason-gerbes
         - https://github.com/jasongerbes
 
-gems:
+collections:
+    - sections
+    - experiences
+    - projects
+
+plugins:
     - jekyll-seo-tag
diff --git a/_experiences/1-aut.html b/_experiences/1-aut.html
@@ -0,0 +1,6 @@
+---
+date_range: "2013 - 2015"
+company_name: "Auckland University of Technology"
+role: "Bachelor of Computer Science"
+blurb: "I majored in Computer Science and minored in Software Development. Courses included programming, network principles, database design, algorithm design and analysis, IT project management, and operating systems."
+---
diff --git a/_experiences/2-asb.html b/_experiences/2-asb.html
@@ -0,0 +1,6 @@
+---
+date_range: "2015 - 2016"
+company_name: "ASB Bank"
+role: "Online Content Editor"
+blurb: "I helped redesign and re-platform ASB's website, working directly with the marketing and development teams."
+---
diff --git a/_experiences/3-at.html b/_experiences/3-at.html
@@ -0,0 +1,6 @@
+---
+date_range: "2017"
+company_name: "Auckland Transport"
+role: "Online Content Editor"
+blurb: "I created and iterated webpages for AT’s website, in adherence to the New Zealand Government’s web usability and accessibility standards."
+---
diff --git a/_experiences/4-vista.html b/_experiences/4-vista.html
@@ -0,0 +1,6 @@
+---
+date_range: "2017 - Present"
+company_name: "Vista Entertainment Solutions"
+role: "Software Developer"
+blurb: "I'm helping to maintain and extend a performance-focused API built around the widely-varying needs of Vista’s Cinema customers."
+---
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+<!--Hey! Thanks for checking out my website. I'm always looking for new opportunities, so please feel free to contact me at [email protected] -->
 <html lang="en">
     <head>
         <meta charset="utf-8">
@@ -8,6 +9,6 @@
     </head>
     <body>
         {{ content }}
-        <!-- <script src="/js/app.js"></script> -->
+        <script src="/js/app.js"></script>
     </body>
 </html>
diff --git a/_projects/1-luminar.html b/_projects/1-luminar.html
@@ -0,0 +1,8 @@
+---
+heading: "LuminAR - An augmented reality wayfinding application"
+image_url: "/img/luminar.png"
+image_class: "project__image--small"
+image_title: "A screenshot of the LuminAR app being used on Queen Street in Auckland"
+---
+<p>LuminAR is a proof-of-concept iOS app built in Xcode that uses augmented reality to navigate to nearby points of interest.</p>
+<p>As this app was built before the release of ARKit, I created a custom sensor fusion algorithm to maintain a smooth and accurate compass heading.</p>
diff --git a/_projects/2-storefront.html b/_projects/2-storefront.html
@@ -0,0 +1,7 @@
+---
+heading: "Storefront - An online marketplace for NZ's small businesses"
+image_url: "/img/storefront.png"
+image_title: "A screenshot of the Storefront website concept"
+---
+<p>Storefront is an online marketplace concept that aims to offer a viable alternative to TradeMe for small businesses.</p>
+<p>Storefront is a platform that uses the latest technologies to offer a modern ecommerce solution that costs less and provides much more extensive automation.</p>
diff --git a/_projects/3-mini.html b/_projects/3-mini.html
@@ -0,0 +1,7 @@
+---
+heading: "MIINI - My classic Mini Cooper"
+image_url: "/img/mini.jpg"
+image_title: "A picture of my Rover Mini Cooper"
+---
+<p>While they are not the most reliable, economical or practical cars, Minis are certainly the most fun.</p>
+<p>My Rover Mini Cooper takes up much of my spare time, whether it be repairing a fault or searching the world for an obsolete part.</p>
diff --git a/_sections/1-hero.html b/_sections/1-hero.html
@@ -0,0 +1,10 @@
+---
+class: "section--hero"
+---
+<div class="hero">
+    <div class="hero__profile-image"></div>
+    <div class="hero__content">
+        <h1 class="hero__name">Jason <span class="hero__accented-text">Gerbes</span></h1>
+        <p class="hero__intro">I'm a Software Developer working in Auckland, New Zealand.</p>
+    </div>
+</div>
diff --git a/_sections/2-about.html b/_sections/2-about.html
@@ -0,0 +1,6 @@
+---
+heading: "A bit about me"
+---
+<p>Born in the always-sunny Hawke's Bay of New Zealand, I moved to Auckland to pursue my passion for technology, design and sustainability.</p>
+<p>Since graduating from Auckland University of Technology with a Bachelor of Computer Science, I have worked with a number of high profile New Zealand companies.</p>
+<p>I'm always looking to work on the next big thing and draw inspiration from Apple, Vend, Tesla, SpaceX and Dyson.</p>
diff --git a/_sections/3-experience.html b/_sections/3-experience.html
@@ -0,0 +1,17 @@
+---
+heading: "My journey (so far)"
+---
+<ul class="experience-list">
+    {% for experience in site.experiences reversed %}
+    <li class="experience-list-item">
+        <div class="experience-list-item__primary-details">
+            <span class="experience-list-item__date-range">{{ experience.date_range }}</span>
+            <h3 class="experience-list-item__company-name">{{ experience.company_name }}</h3>
+            <span class="experience-list-item__role">{{ experience.role }}</span>
+        </div>
+        <div class="experience-list-item__secondary-details">
+            <p class="experience-list-item__blurb">{{ experience.blurb }}</p>
+        </div>
+    </li>
+    {% endfor %}
+</ul>
diff --git a/_sections/4-projects.html b/_sections/4-projects.html
@@ -0,0 +1,15 @@
+---
+heading: "How I spend my spare time"
+---
+{% for project in site.projects reversed %}
+<div class="project {% cycle 'project--image-right', 'project--image-left' %}">
+    <div class="project__details">
+        <h3>{{ project.heading }}</h3>
+        {{ project.content }}
+    </div>
+    <img class="project__image {{ project.image_class }}"
+         src="{{ project.image_url }}"
+         title="{{ project.image_title }}"
+         alt="{{ project.image_title }}">
+</div>
+{% endfor %}
diff --git a/_sections/5-contact.html b/_sections/5-contact.html
@@ -0,0 +1,6 @@
+---
+heading: "Want to chat? I'd love to hear from you."
+---
+<div class="text-centered">
+    <a href="mailto:[email protected]">[email protected]</a>
+</div>
diff --git a/css/base/_all.scss b/css/base/_all.scss
@@ -0,0 +1,3 @@
+@import "reset";
+@import "fonts";
+@import "helpers";
diff --git a/css/base/fonts.scss b/css/base/fonts.scss
@@ -0,0 +1,63 @@
+@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Roboto:300,400');
+
+body {
+    color: $black;
+    font-size: 1.1rem;
+    line-height: 1.5;
+    font-weight: 400;
+    font-family: $font-family-body;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-family: $font-family-headings;
+    font-weight: 600;
+    color: $grey-dark;
+    line-height: 1.2;
+    margin-bottom: 0.5em;
+}
+
+h1 {
+    font-size: 3em;
+
+    @include tablet {
+        font-size: 3.5em;
+    }
+}
+
+h2 {
+    font-size: 1.75em;
+
+    @include tablet {
+        font-size: 2em;
+    }
+}
+
+h3 {
+    font-size: 1.2em;
+
+    @include tablet {
+        font-size: 1.3em;
+    }
+}
+
+h4 {
+    font-size: 1em;
+
+    @include tablet {
+        font-size: 1.1em;
+    }
+}
+
+p:not(:last-child) {
+    margin-bottom: 1em;
+}
+
+a {
+    color: $blue;
+    text-decoration: none;
+}
diff --git a/css/base/helpers.scss b/css/base/helpers.scss
@@ -0,0 +1,11 @@
+.text-centered {
+    text-align: center;
+}
+
+.text-left {
+    text-align: left;
+}
+
+.text-right {
+    text-align: right;
+}
diff --git a/css/base/reset.scss b/css/base/reset.scss
@@ -0,0 +1,74 @@
+html {
+    box-sizing: border-box;
+    -webkit-text-size-adjust: 100%;
+}
+
+* {
+    box-sizing: inherit;
+
+    &:before,
+    &:after {
+        box-sizing: inherit;
+    }
+}
+
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    margin: 0;
+    padding: 0;
+}
+
+ul {
+    list-style: none;
+}
+
+button,
+input,
+select,
+textarea {
+    margin: 0;
+}
+
+img,
+embed,
+object,
+audio,
+video {
+    max-width: 100%;
+}
+
+iframe {
+    border: 0;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+td,
+th {
+    padding: 0;
+    text-align: left;
+}
diff --git a/css/modules/_all.scss b/css/modules/_all.scss
@@ -0,0 +1,4 @@
+@import "section";
+@import "hero";
+@import "experience-list";
+@import "project";
diff --git a/css/modules/experience-list.scss b/css/modules/experience-list.scss
@@ -0,0 +1,57 @@
+.experience-list {
+    padding: 0;
+    margin: 0;
+}
+
+.experience-list-item {
+    position: relative;
+    padding-left: 40px;
+    display: flex;
+    flex-direction: column;
+
+    &:not(:last-child) {
+        padding-bottom: 2em;
+    }
+
+    &::before {
+        content: '';
+        position: absolute;
+        top: 6px;
+        left: 0;
+        height: 15px;
+        width: 15px;
+        border-radius: 50%;
+        background-color: $blue;
+    }
+
+    &::after {
+        content: '';
+        position: absolute;
+        top: 26px;
+        left: 6px;
+        height: calc(100% - 26px);
+        width: 3px;
+        background-color: $grey;
+    }
+
+    &__primary-details {
+        margin-bottom: 1em;
+    }
+
+    &__date-range {
+        display: block;
+        color: $grey-dark;
+        margin-bottom: 0.5em;
+    }
+
+    @include tablet {
+        flex-direction: row;
+
+        &__primary-details {
+            margin-right: 2em;
+            margin-bottom: 0;
+            width: 45%;
+            flex-shrink: 0;
+        }
+    }
+}