Content

4 files changed, 117 insertions, 86 deletions

diff --git a/src/pages/about.js b/src/pages/about.js
index c8f050e..7e2c7b0 100644
--- a/src/pages/about.js
+++ b/src/pages/about.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { FontAwesome } from '../components/font-awesome'
 import {
   faHeart,
   faMap,
@@ -26,7 +26,7 @@ export const skills = [
 
 export const tools = [
   `Languages: Expert in TypeScript/JavaScript, fluent in C, working knowledge of Python and Shell`,
-  'Frontend: React, Angular, Ionic, RxJS',
+  'Frontend: React, Angular, Ionic, RxJS, Redux',
   'Infrastructure: Node, Firebase, Google Cloud (Cloud Functions, Pubsub, Stackdriver)',
   'Embedded: Linux, Legato, Yocto, AirVantage',
   'Automation: TSLint, ESLint, Prettier, clang-format'
@@ -36,7 +36,7 @@ const aboutLists = [
   {
     header: (
       <>
-        Values and Ethics <FontAwesomeIcon icon={faHeart} />
+        Values and Ethics <FontAwesome icon={faHeart} />
       </>
     ),
     listItems: [
@@ -49,7 +49,7 @@ const aboutLists = [
   {
     header: (
       <>
-        Skills and Experience <FontAwesomeIcon icon={faMap} />
+        Skills and Experience <FontAwesome icon={faMap} />
       </>
     ),
     listItems: skills
@@ -57,7 +57,7 @@ const aboutLists = [
   {
     header: (
       <>
-        Tools <FontAwesomeIcon icon={faWrench} />
+        Tools <FontAwesome icon={faWrench} />
       </>
     ),
     listItems: tools
@@ -65,7 +65,7 @@ const aboutLists = [
   {
     header: (
       <>
-        Future Learning Ideas <FontAwesomeIcon icon={faFlask} />
+        Future Learning Ideas <FontAwesome icon={faFlask} />
       </>
     ),
     listItems: [
@@ -76,7 +76,7 @@ const aboutLists = [
       helps me write better code at all levels of abstraction.`,
       `Implement TCP from scratch in C (bonus for x86 Assembly). We send a lot of data over the network
       so I want to zoom in on how it's done.`,
-      `Maybe write my own kernel with some basic threading (RTOS style)?`,
+      `Write my own kernel with some basic threading (RTOS style)?`,
       'Reduce the overhead of declarative web primitives (React style API close to the metal).'
     ]
   }
@@ -89,8 +89,8 @@ const personalProps = {
   imgUrl: profilePic,
   email: (
     <p>
-      <FontAwesomeIcon icon={faEnvelope} /> nick <em>at</em> nv <em>dot</em>{' '}
-      delivery
+      <FontAwesome icon={faEnvelope} size="12px" /> nick <em>at</em> nv{' '}
+      <em>dot</em> delivery
     </p>
   )
 }
diff --git a/src/pages/index.js b/src/pages/index.js
index 26c481c..b872fd8 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,7 +1,7 @@
 import React from 'react'
 
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faPaperPlane } from '@fortawesome/free-solid-svg-icons'
+import { FontAwesome } from '../components/font-awesome'
 
 import Layout from '../components/layout'
 import { Splash } from '../components/splash'
@@ -12,7 +12,7 @@ const indexData = {
   heroBtnTo: '/about',
   heroBtn: (
     <>
-      Get In Touch <FontAwesomeIcon icon={faPaperPlane} />
+      Get In Touch <FontAwesome icon={faPaperPlane} />
     </>
   )
 }
diff --git a/src/pages/projects.js b/src/pages/projects.js
index 0c55834..77894b5 100644
--- a/src/pages/projects.js
+++ b/src/pages/projects.js
@@ -3,12 +3,11 @@ import React from 'react'
 import Layout from '../components/layout'
 import { Project } from '../components/project'
 
-import functional from '../images/functional.png'
 import camera from '../images/camera.png'
-import storageService from '../images/storage-service.png'
 import gpsMonitor from '../images/gps-monitor.png'
 import slask from '../images/slask.png'
-import ie from '../images/ie.png'
+import cnakedTestSuite from '../images/cnaked-test-suite.png'
+import naiveChat from '../images/naive-chat.png'
 
 export const projects = [
   {
@@ -16,27 +15,45 @@ export const projects = [
     brief:
       'A Battlesnake so close to the metal, 6 CVEs have been opened while reading',
     date: 'Feb 2019 - Present',
-    desc: (
-      <p>
-        A fast snake where everything is implemented by hand in C to perform a
-        fast traversal of all possible game states. The implementation is still
-        unfinished but I hope to enter it in the Battlesnake 2020 competition.
-      </p>
-    ),
-    url: '//github.com/nvandoorn/cnaked'
+    url: '//github.com/nvandoorn/cnaked',
+    projectDetails: [
+      {
+        listItems: [
+          'Prototype for Battlesnake 2019, will be entered in contest in 2020',
+          `Dangerously close to the metal`,
+          `All in on test driven development`,
+          'Likely to be re-written in Rust'
+        ],
+        images: [
+          {
+            imgUrl: cnakedTestSuite,
+            caption: 'cnaked Test Suite'
+          }
+        ]
+      }
+    ]
   },
   {
     name: 'naive',
     brief: 'A naive implementation of a NoSQL database',
     date: 'Jan 2019 - Present',
-    desc: (
-      <p>
-        A small realtime NoSQL database that can be used locally or over a
-        network. The public interface for this database mimic that of the
-        Firebase Realtime Database and data is persisted using a static JSON
-        file. For that reason, I do not suggest using this in production.
-      </p>
-    ),
+    projectDetails: [
+      {
+        listItems: [
+          'Designed to mimic the Firebase Realtime Database API',
+          'Written in TypeScript for the browser and Node',
+          'Code organized as monorepo with independent builds and integration tests',
+          'Can be used with a local filesystem or remote filesystem',
+          `Persisted in a static JSON file (don't use this in prod)`
+        ],
+        images: [
+          {
+            imgUrl: naiveChat,
+            caption: 'Chat Client Using Naive'
+          }
+        ]
+      }
+    ],
     url: '//github.com/nvandoorn/naive',
     showOnCv: true
   },
@@ -47,7 +64,8 @@ export const projects = [
     desc: (
       <p>
         My home internet performance is consistently below spec and my ISP never
-        believes me. Hopefully they will soon. Designed for maximum plug-ability
+        believes me. Hopefully they will soon. Designed for maximum
+        plug-ability.
       </p>
     ),
     url: '//github.com/nvandoorn/pipefitter',
@@ -63,7 +81,6 @@ export const projects = [
         two. In reality, a simple for loop is better, but I had fun trying this.
       </p>
     ),
-    imgUrl: functional,
     inProd: true,
     url: '//github.com/nvandoorn/functional'
   },
@@ -71,7 +88,6 @@ export const projects = [
     name: 'Legato Storage Service',
     brief: 'Non-volatile time series data storage',
     date: 'Jun 2018 - Present',
-    imgUrl: storageService,
     desc: (
       <p>
         The Legato Linux framework offers out of the box support for uploading
@@ -86,15 +102,23 @@ export const projects = [
     brief:
       'Monitor GPS in a separate process to avoid blocking single threaded apps',
     date: 'April 2018',
-    imgUrl: gpsMonitor,
-    desc: (
-      <p>
-        Instead of managing and synchronizing a thread to monitor GPS location
-        on embedded devices, this service asynchronously monitors the GPS
-        position and allows users to retrieve it using an inter process API (see
-        more about Legato IPC APIs here).
-      </p>
-    ),
+    projectDetails: [
+      {
+        listItems: [
+          'Allow single threaded apps to read the latest position without blocking',
+          'Dynamically poll and cache GPS location based on accuracy',
+          'Expose GPS API as synchronous methods reading from cache',
+          'Cache is updated in background using event-loop based timer (much like in JavaScript)'
+        ],
+        images: [
+          {
+            imgUrl: gpsMonitor,
+            caption: 'GPS Monitor with BRNKL App',
+            noShadow: true
+          }
+        ]
+      }
+    ],
     inProd: true,
     url: '//github.com/brnkl/gps-monitor',
     showOnCv: true
@@ -103,35 +127,31 @@ export const projects = [
     name: 'CF3 Config App',
     brief: 'Automatically configure common settings for CF3 based modules',
     date: 'April 2018',
-    desc: (
-      <p>
-        Sierra Wireless offers a range of cellular modules based on a common
-        socket with a common set of inputs and outputs.A range of commonly used
-        input / output pins and UART connections must be configured by running
-        an AT command over a serial connection to the CF3 based modem.Run this
-        app once and the CF3 based module will support the full range of GPIO
-        pins and UARTs in the Linux userspace.
-      </p>
-    ),
+    desc: <p>Automatically configure Sierra Wireless CF3 based modules</p>,
     inProd: true,
-    url: ''
+    url: '//github.com/brnkl/cf3-config'
   },
   {
     name: 'Legato Camera Driver',
     brief: 'Support for the VC0706 camera on a Legato based project',
     date: 'Nov 2017 - Dec 2017',
-    desc: (
-      <p>
-        The VC0706 camera is one of the only low power remote cameras with an
-        open protocol (serial port based).The seller, Adafruit, supplies open
-        source drivers implemented in Python and C++ with the purpose of running
-        on Arduino based systems. This means a dependency on certain Arduino
-        libraries for reading and writing to the serial port. We re-implemented
-        the C++ driver in C without the dependence on anything not included in
-        Linux (with the exception of a few Legato specific macros).
-      </p>
-    ),
-    imgUrl: camera,
+    projectDetails: [
+      {
+        listItems: [
+          'Port of an Arduino style driver to Linux',
+          'Integrated with Sierra Wireless Legato Framework',
+          'In use at Sierra Wireless and with their customers (see forums)'
+        ],
+        images: [
+          {
+            imgUrl: camera,
+            caption: 'Camera Driver with BRNKL App',
+            noShadow: true
+          }
+        ]
+      }
+    ],
+
     inProd: true,
     url: '//github.com/brnkl/VC0706-cam-lib',
     showOnCv: true
@@ -140,27 +160,30 @@ export const projects = [
     name: 'ccss',
     brief: 'A slightly more polite variant of CSS',
     date: 'Jul 2017',
-    links: '',
     desc: `ccss transforms the correct spelling of colour to color in your CSS. This was intended
           to be part one of a series of awful CSS transforms.`,
-    imgUrl: '',
     url: '//github.com/nvandoorn/ccss'
   },
   {
     name: 'slask',
     brief: 'A lightweight log viewer and server all in one',
     date: 'Mar 2017 - Present',
-    desc: (
-      <p>
-        slask is designed to make remote systems debugging easy. During my time
-        at Forest Technology Systems (FTS), we worked on a remote weather
-        station based on a single board Linux computer. During the early days, I
-        spent large amounts of time transferring and filtering log files using a
-        mix of <em>scp</em>, <em>grep</em>, and <em>less</em>.
-      </p>
-    ),
-    imgUrl: slask,
-    url: '//github.com/nvandoorn/slask'
+    url: '//github.com/nvandoorn/slask',
+    projectDetails: [
+      {
+        listItems: [
+          'Log server implemented run in Node',
+          'Log client implemented with React',
+          'Support for custom configs and custom log parsing'
+        ],
+        images: [
+          {
+            imgUrl: slask,
+            caption: 'slask Client Screenshot'
+          }
+        ]
+      }
+    ]
   },
   {
     name: 'IE Media Queries',
@@ -169,8 +192,14 @@ export const projects = [
     desc: `IE Media Queries is a Javascript polyfill for Internet Explorer 8's lack of
           media query support. IE8 is more or less dead and unsupported, but I still
           enjoyed re-creating unsupported functionality`,
-    imgUrl: ie,
     url: '//github.com/nvandoorn/IEMediaQueries'
+  },
+  {
+    name: 'times-table-tester',
+    brief: 'Code is easier than mental math',
+    date: 'March 2007',
+    url: '//github.com/nvandoorn/times-table-tester',
+    desc: 'In 6th grade I made command line app to quiz myself on times tables.'
   }
 ]
 
diff --git a/src/pages/work.js b/src/pages/work.js
index 19cf86c..e33525d 100644
--- a/src/pages/work.js
+++ b/src/pages/work.js
@@ -8,6 +8,7 @@ import brnklAppMap from '../images/brnkl-app-map-iphone.png'
 import brnklAppAlerts from '../images/brnkl-app-alerts-iphone.png'
 import brnklProduct from '../images/brnkl-product.jpg'
 import wpModule from '../images/wp-module.png'
+import raos from '../images/raos.jpg'
 
 export const workHistory = [
   {
@@ -44,9 +45,9 @@ export const workHistory = [
       {
         header: <a href="https://app.brnkl.io"> App</a>,
         listItems: [
-          'Implemented with TypeScript, Angular, and RxJS',
+          'Implemented with TypeScript, Angular, RxJS, and Redux',
           'Deployed on iOS, Android, and the web',
-          'Realtime data using RxJS and Firebase Realtime Database',
+          'Live data using RxJS and Firebase Realtime Database',
           'Push alerts implemented over Firebase Cloud Messaging'
         ],
         images: [
@@ -72,7 +73,7 @@ export const workHistory = [
         ]
       },
       {
-        header: 'Embedded',
+        header: <a href="https://github.com/brnkl">Embedded</a>,
         listItems: [
           <>
             Written in C with the{' '}
@@ -96,7 +97,7 @@ export const workHistory = [
         header: 'Production Automation',
         listItems: [
           'Test circuit boards against a suite of hardware tests',
-          'Automate installtion of latest firmware release for hardware',
+          'Automate installation of latest firmware release for hardware',
           'Automated delivery of diagnostic messages to factory workers',
           'Automation of device inventory (e.g collecting board serial numbers)'
         ],
@@ -112,8 +113,8 @@ export const workHistory = [
     desc: (
       <p>
         Barnacle Systems is a self bootstrapped company working on boat
-        monitoring and security. I worked as the sole implementer of the the
-        BRNKL app, backend, embedded firmware, and production automation
+        monitoring and security. I worked remotely as the sole implementer of
+        the the BRNKL app, backend, embedded firmware, and production automation
         software (with thanks to many open source authors).
       </p>
     ),
@@ -152,7 +153,8 @@ export const workHistory = [
           'Implement components of embedded camera product aimed at the fire weather market (FTS RAOS)',
           'Automate builds and installs',
           'Integrate with user facing software as a service product'
-        ]
+        ],
+        images: [{ imgUrl: raos, caption: 'FTS RAOS camera system' }]
       }
     ],
     desc: (