Initial commit

.gitignore

@@ -0,0 +1,12 @@
+# Hugo default output directory
+/public
+
+## OS Files
+# Windows
+Thumbs.db
+ehthumbs.db
+Desktop.ini
+$RECYCLE.BIN/
+
+# OSX
+.DS_Store

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "themes/ananke"]
+	path = themes/ananke
+	url = https://github.com/budparr/gohugo-theme-ananke.git

CNAME

@@ -0,0 +1 @@
+www.johnlian.ca

archetypes/default.md

@@ -0,0 +1,8 @@
+---
+title:  "{{ replace .TranslationBaseName "-" " " | title }}"
+date: {{ .Date }}
+tags: []
+featured_image: ""
+description: ""
+draft: true
+---

config.toml

@@ -0,0 +1,31 @@
+baseURL = "http://jlian.co/"
+languageCode = "en-us"
+title = "John Lian"
+theme = "ananke"
+
+MetaDataFormat = "yaml"
+DefaultContentLanguage = "en"
+SectionPagesMenu = "main"
+Paginate = 3 # this is set low for demonstrating with dummy content. Set to a higher number
+googleAnalytics = ""
+enableRobotsTXT = true
+
+[sitemap]
+  changefreq = "monthly"
+  priority = 0.5
+  filename = "sitemap.xml"
+
+[params]
+  custom_css = "/css/style.css"
+  favicon = "/images/favicon.ico"
+  description = "The last theme you'll ever need. Maybe."
+  facebook = ""
+  twitter = ""
+  instagram = "https://www.instagram.com/__jlian__/"
+  youtube = ""
+  github = "https://github.com/jlian"
+  linkedin = "https://www.linkedin.com/in/jlian1/"
+  # choose a background color from any on this page: http://tachyons.io/docs/themes/skins/ and preface it with "bg-"
+  background_color_class = "bg-black"
+  featured_image = "/images/seattle.jpg"
+  recent_posts_number = 2

content/_index.md

@@ -0,0 +1,19 @@
+---
+title: "John Lian - Person"
+date: 2018-02-21T20:55:14-08:00
+tags: [John Lian, engineering, PM, product management, program management, robotics]
+featured_image: '/images/seattle.jpg'
+
+draft: true
+---
+
+Hi, I'm John. I work as a PM at [Microsoft Azure](https://azure.microsoft.com/). Here's where I discuss some of my projects and share my (free!) photography work.
+
+Before Microsoft, I studied at Mechanical Engineering at [McGill](http://www.mcgill.ca), where I 
+
+- Interned at [Bombardier](http://commercialaircraft.bombardier.com/en/cseries.html) and [Suncor](http://www.suncor.com)
+- Played in the [McGill Fight Band](http://www.fightband.com)
+- Co-founded [FRC Team 4955 LA Tech](http://www.frc4955.com) and served as lead mentor
+- Did research with [Prof. Andrew Higgins](https://www.mcgill.ca/mecheng/facultystaff/staff/andrewhiggins)
+
+Now that I live in Seattle, I've been volunteering at [FRC Team 1983 Skunkworks Robotics](https://skunkworks.wildapricot.org) as a mechanical design mentor.

content/about/_index.md

@@ -0,0 +1,12 @@
+---
+title: "About"
+date: 2018-02-21T20:59:39-08:00
+featured_image: '/images/xiamen.jpg'
+draft: true
+---
+
+I am originally from [Xiamen, China](http://en.wikipedia.org/wiki/Xiamen). I moved to Vancouver in 2004 and went to Shawnigan Lake School on Vancouver Island. 
+
+In 2010, I moved to Montreal to for McGill University, where I studied Mechanical Engineering. As a student, that's where I developed strong interest in tech, robotics, and product/program management.
+
+I now live in Seattle and work at Microsoft Azure. 

content/contact/_index.md

@@ -0,0 +1,10 @@
+---
+title: "Contact"
+date: 2018-02-21T20:59:47-08:00
+featured_image: '/images/halong.jpg'
+draft: true
+---
+
+Send me a mail for whatever! I'd love to chat.
+
+{{< form-contact action="https://formspree.io/[email protected]"  >}}

content/post/home-automation-2018.md

@@ -0,0 +1,7 @@
+---
+title: "Automated my home, mostly"
+date: 2018-02-21T20:07:29-08:00
+draft: true
+---
+
+Work in progress!

content/projects/_index.md

@@ -0,0 +1,79 @@
+---
+title: "Projects"
+date: 2018-02-21T20:59:56-08:00
+featured_image: '/images/work.jpg'
+draft: true
+---
+
+### Program Coordinator at FRC Team 4955 LA Tech
+
+As a full-time student, I helped [Lakeside Academy](http://lakesideacademy.lbpsb.qc.ca) found the team in the 2014 [*FIRST* Robotics Competition](http://www.firstinspires.org/robotics/frc) season. We went from having absolutely no experience in robotics to finishing *Ethel*, our first robot, in under two months. 
+
+I served as the leader of the 40-person team responsible for integrating the Mechanical, Software, Electrical functions into our robots. In particular, I was most involved in the Mechanical side, completing most of the detail design using SolidWorks with custom as well as COTS parts. I also coordinated the six-week build seasons from a project management perspective, handling priorities, timeline, and budgeting.
+
+At the same time, I focused on long-term sustainability of the team by installing a positive team culture, creating a friendly environment, and helping members learn useful skills. It was really important for me to maximize student learning from the robots, and not necessarily the competitive edge. This meant that we tried to build the robots to incorporate as many functions as possible given our resources. Under my leadership, we went from zero to multi-function robot in one season, and saw 100% return rate the next.
+
+#### *Ethel*
+
+*Ethel* competed in the game [*Aerial Assist*](http://www.usfirst.org/roboticsprograms/frc/2014-game). It can score in the both the high goal and and low goal reliably with its high-torque intake roller, pneumatic lifter, and spring-loaded launcher. 
+
+<figure>
+	<a href="/images/ethel.jpg"><img src="/images/ethel.jpg"></a>
+	<figcaption>Ethel, our first robot.</figcaption>
+</figure>
+
+#### *Watson* 
+
+*Watson* competed in [*Recycle Rush*](http://www.usfirst.org/roboticsprograms/frc/2015-game). It can pick up and stack three totes and a bin. It has a reliable tote intake, a double geared motor elevator, and an encoder-based chain timing system. 
+
+<figure class="half">
+	<a href="/images/watson.jpg"><img src="/images/watson.jpg"></a>
+	<a href="/images/watson2.jpg"><img src="/images/watson2.jpg"></a>
+	<figcaption>Watson. It's very tall.</figcaption>
+</figure>
+
+### Simulating a One-Dimensional Gas With Suspended Magnets
+
+I completed an honours mechanical engineering thesis under Prof. Andrew Higgins. It can be viewed [here](thesis.pdf) (PDF warning). As a part of the the thesis, three projects were completed - listed below.
+
+#### MATLAB Particle Tracker
+
+<div markdown="0"><a href="https://github.com/jlian/matlab-particle-tracker" class="btn btn-info"><i class="fa fa-fw fa-github"></i> View on GitHub</a></div>
+
+With the help of open-source algorithms, I developed a user-friendly MATLAB application that could reliably and accurately track particles in videos. 
+
+<figure>
+	<a href="/images/particle-tracker-in-action.png"><img src="/images/particle-tracker-in-action.png"></a>
+	<figcaption>The MATLAB particle tracker in action </figcaption>
+</figure>
+
+
+#### Magnets Suspension Device
+
+We were able to suspend magnets using a air-bearing mechanism. This allowed free magnetic interaction without friction - a key requirement for the success of the study.
+
+<figure>
+	<a href="/images/device.png"><img src="/images/device.png"></a>
+	<figcaption>A SolidWorks rendering of the device</figcaption>
+</figure>
+
+<figure>
+	<a href="/images/device2.jpg"><img src="/images/device2.jpg"></a>
+	<figcaption>Actual device complete with backlighting</figcaption>
+</figure>
+
+#### MATLAB Numerical Simulator for Nonlinear Interaction
+
+I also developed a numerical simulator used to compare theoretical trajectories with ones observed with image analysis. I will clean up the code and host it on GitHub soon.
+
+<figure>
+	<a href="/images/simvsreal.png"><img src="/images/simvsreal.png"></a>
+	<figcaption>Simulation of acoustic wave in nonlinear media vs observed with air bearing device.</figcaption>
+</figure>
+
+
+### Super Smashteroids
+
+A silly little game we developed in Java. It has multi player and level progression.
+
+<div markdown="0"><a href="https://github.com/jlian/super-smashteroids" class="btn btn-info"><i class="fa fa-fw fa-github"></i> View on GitHub</a></div>

layouts/404.html

@@ -0,0 +1,8 @@
+{{ define "header" }}{{ partial "page-header.html" . }}{{ end }}
+{{ define "main" }}
+    <article class="center cf pv5 measure-wide-l">
+      <h1>
+        This is not the page you were looking for
+      </h1>
+    </article>
+{{ end }}

layouts/index.html

@@ -0,0 +1,55 @@
+{{ define "main" }}
+  <article class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray">
+    {{ .Content }}
+  </article>
+  {{/* Define a section to pull recent posts from. For Hugo 0.20 this will default to the section with the most number of pages. */}}
+  {{ $mainSections := .Site.Params.mainSections | default (slice "post") }}
+  {{/* Create a variable with that section to use in multiple places. */}}
+  {{ $section := where .Site.RegularPages "Section" "in" $mainSections }}
+  {{/* Check to see if the section is defined for ranging through it */}}
+  {{ $section_count := len $section }}
+  {{ if ge $section_count 1 }}
+    {{/* Derive the section name  */}}
+    {{ $section_name := index (.Site.Params.mainSections) 0 }}
+
+    <div class="pa3 pa4-ns w-100 w-70-ns center">
+      {{/* Use $section_name to get the section title. Use "with" to only show it if it exists */}}
+       {{ with .Site.GetPage "section" $section_name }}
+          <h1 class="flex-none">
+            Recent {{ .Title }}
+          </h1>
+        {{ end }}
+
+      {{ $n_posts := $.Param "recent_posts_number" | default 3 }}
+
+      <section class="w-100 mw8">
+        {{/* Range through the first $n_posts items of the section */}}
+        {{ range (first $n_posts $section) }}
+          <div class="relative w-100 mb4">
+            {{ partial "summary-with-image.html" . }}
+          </div>
+        {{ end }}
+      </section>
+
+      {{ if ge $section_count (add $n_posts 1) }}
+      <section class="w-100">
+        <h1 class="f3">More</h1>
+        {{/* Now, range through the next four after the initial $n_posts items. Nest the requirements, "after" then "first" on the outside */}}
+        {{ range (first 4 (after $n_posts $section))  }}
+          <h2 class="f5 fw4 mb4 dib mr3">
+            <a href="{{ .URL }}" class="link black dim">
+              {{ .Title }}
+            </a>
+          </h2>
+        {{ end }}
+
+        {{/* As above, Use $section_name to get the section title, and URL. Use "with" to only show it if it exists */}}
+        {{ with .Site.GetPage "section" $section_name }}
+          <a href="{{ .URL }}" class="link db f6 pa2 br3 bg-mid-gray white dim w4 tc">All {{.Title }}</a>
+        {{ end }}
+        </section>
+      {{ end }}
+
+      </div>
+  {{ end }}
+{{ end }}

layouts/partials/menu-contextual.html

@@ -0,0 +1,24 @@
+{{/* Get the current page's URL so we can compare it to the list below */}}
+{{ $currentPageUrl := .URL }}
+{{/* Get a list of this section's other pages. "RegularPages" excludes the list page    */}}
+{{ $currentSection := (where .Site.RegularPages "Section" .Section) }}
+{{/* Get the number of entries of  $currentSection and subtract 1 */}}
+{{ $i := sub ($currentSection | len) 1 }}
+{{/* So we can only show this menu if there are one or more other entries  */}}
+{{ if ge $i 1 }}
+  <div class="bg-light-gray pa3">
+    <ul>
+      <li class="list b mb3">{{/* Return the section name, make it readable (humanize) and if there are 2 or more entries, make the section name plural (pluralize).  */}}
+        {{ $i }} More {{ if ge $i 2 }}{{ .Section | humanize | pluralize }}{{ else }}{{ .Section | humanize }}{{end}}
+      </li>
+      {{ range $currentSection }}
+        <li class="list f5 w-100 hover-bg-white nl1">
+          {{/* If the URL returned is the same as the current URL dim it so we know that that's the page we're on. NOTE: Should probably use a more accessible way of displaying this. */}}
+          <a href="{{ .URL }}" class="link ph2 pv2 db black{{ if eq $currentPageUrl .URL }} o-50{{end}}">
+            {{ .Title }}
+          </a>
+        </li>
+      {{ end }}
+    </ul>
+  </div>
+{{ end }}

layouts/partials/page-header.html

@@ -0,0 +1,24 @@
+{{ $featured_image := .Params.featured_image }}
+{{ if $featured_image }}
+  {{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
+  {{ $featured_image := (trim $featured_image "/") | absURL }}
+  <header class="cover bg-top" style="background-image: url('{{ $featured_image }}');">
+    <div class="pb3-m pb6-l bg-black-60">
+      {{ partial "site-navigation.html" . }}
+      <div class="tc-l pv6 ph3 ph4-ns">
+        <h1 class="f2 f1-l fw2 white-90 mb0 lh-title">{{ .Title | default .Site.Title }}</h1>
+        {{ with .Params.description  }}
+          <h2 class="fw1 f5 f3-l white-80 measure-wide-l center lh-copy mt3 mb4">
+            {{ . }}
+          </h2>
+        {{ end }}
+      </div>
+    </div>
+  </header>
+{{ else }}
+  <header>
+    <div class="{{ .Site.Params.background_color_class | default "bg-black" }}">
+      {{ partial "site-navigation.html" . }}
+    </div>
+  </header>
+{{ end }}

layouts/partials/site-favicon 2.html

@@ -0,0 +1,11 @@
+{{ if .Site.Params.favicon }}
+<link rel="shortcut icon" href="{{ .Site.Params.favicon }}" type="image/x-icon" />
+<!-- 57x57 (precomposed) for iPhone 3GS, pre-2011 iPod Touch and older Android devices -->
+<link rel="apple-touch-icon-precomposed" href="/images/apple-touch-icon-precomposed.png">
+<!-- 72x72 (precomposed) for 1st generation iPad, iPad 2 and iPad mini -->
+<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/apple-touch-icon-72x72-precomposed.png">
+<!-- 114x114 (precomposed) for iPhone 4, 4S, 5 and post-2011 iPod Touch -->
+<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/apple-touch-icon-114x114-precomposed.png">
+<!-- 144x144 (precomposed) for iPad 3rd and 4th generation -->
+<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/images/apple-touch-icon-144x144-precomposed.png">
+{{ end }}

layouts/partials/site-favicon.html

@@ -0,0 +1,3 @@
+{{ if .Site.Params.favicon }}
+<link rel="shortcut icon" href="/{{ .Site.Params.favicon }}" type="image/x-icon" />
+{{ end }}

layouts/partials/site-footer.html

@@ -0,0 +1,8 @@
+<footer class="bg-near-black bottom-0 w-100 pa3" role="contentinfo">
+  <div class="flex justify-between">
+  <a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="{{ .Site.BaseURL }}" >
+    &copy; {{ now.Format "2006" }} {{ .Site.Title }}
+  </a>
+  {{ partial "social-follow.html" . }}
+  </div>
+</footer>

layouts/partials/site-header.html

@@ -0,0 +1,36 @@
+{{ $featured_image := .Param "featured_image" | default "images/seattle.jpg" }}
+{{ if $featured_image }}
+  {{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
+  {{ $featured_image := (trim $featured_image "/") | absURL }}
+  <header class="cover bg-top" style="background-image: url('{{ $featured_image }}');">
+    <div class="bg-black-60">
+      {{ partial "site-navigation.html" .}}
+      <div class="tc-l pv4 pv6-l ph3 ph4-ns">
+        <h1 class="f2 f-subheadline-l fw2 white-90 mb0 lh-title">
+          {{ .Title | default .Site.Title }}
+        </h1>
+        {{ with .Params.description }}
+          <h2 class="fw1 f5 f3-l white-80 measure-wide-l center mt3">
+            {{ . }}
+          </h2>
+        {{ end }}
+      </div>
+    </div>
+  </header>
+{{ else }}
+  <header>
+    <div class="pb3-m pb6-l {{ .Site.Params.background_color_class | default "bg-black" }}">
+      {{ partial "site-navigation.html" . }}
+      <div class="tc-l pv3 ph3 ph4-ns">
+        <h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
+          {{ .Title | default .Site.Title }}
+        </h1>
+        {{ with .Params.description }}
+          <h2 class="fw1 f5 f3-l white-80 measure-wide-l center lh-copy mt3 mb4">
+            {{ . }}
+          </h2>
+        {{ end }}
+      </div>
+    </div>
+  </header>
+{{ end }}