homebrew.pdf again

.harness/firebase-deploy.yaml

@@ -2,26 +2,85 @@ version: 1
 kind: pipeline
 spec:
   stages:
-    - name: build
+  - name: debug
-      type: ci
+    type: ci
-      spec:
+    spec:
-        steps:
+      steps:
-          - name: debug
+      - name: debug
-            type: run
+        type: run
-            spec:
+        spec:
-              name: debug
+          name: debug
-              container: alpine/git
+          container: alpine/git
-              shell: sh
+          shell: sh
-              script: |
+          script: |
-                echo build.event = ${{ build.event }}
+            export build_event=${{ build.event }}
-                echo build.target = ${{ build.target }}
+            export build_target=${{ build.target }}
-          - name: build
+            export build_before=${{ build.before }}
-            type: run
+            export build_after=${{ build.after }}
-            when: build.event == "push" && build.target == "main"
+            env | grep ^build_
-            spec:
+            git --no-pager diff --name-only $build_before..$build_after
-              name: build
+  - name: dockers
-              container: andreysenov/firebase-tools
+    type: ci
-              shell: sh
+    spec:
-              script: >
+      volumes:
-                bash ./deploy.firebase.sh '${{
+      - name: dockersock
-                secrets.get("resume-firebase-squeaky2x3-gmail-token") }}'
+        spec: {}
+        type: temp
+      steps:
+      - name: dind
+        when: build.event == "push" && build.target == "main"
+        type: background
+        spec:
+          container:
+            image: registry-app.inhome.blapointe.com:5001/docker:latest
+            privileged: true
+          mount:
+          - name: dockersock
+            path: /var/run
+      - name: docker
+        type: run
+        when: build.event == "push" && build.target == "main"
+        spec:
+          name: docker
+          container: registry-app.inhome.blapointe.com:5001/docker:latest
+          mount:
+          - name: dockersock
+            path: /var/run
+          shell: sh
+          script: |
+            set -ueo pipefail
+
+            export build_before=${{ build.before }}
+            export build_after=${{ build.after }}
+
+            apk add --no-cache git
+            t=registry-app.inhome.blapointe.com:5001/portfolio/resume/builder:latest
+            if git diff --name-only $build_before..$build_after | grep Dockerfile.cicd; then
+              until docker ps; do
+                sleep 5
+              done
+              docker build -t "$t" -f ./Dockerfile.cicd .
+              docker push "$t"
+            fi
+  - name: build
+    type: ci
+    spec:
+      steps:
+      - name: build
+        type: run
+        when: build.event == "push" && build.target == "main"
+        spec:
+          name: build
+          container:
+            image: registry-app.inhome.blapointe.com:5001/portfolio/resume/builder:latest
+            user: root
+          envs:
+            FIREBASE_CI_TOKEN: ${{ secrets.get("resume-firebase-squeaky2x3-gmail-token") }}
+            GITLAB_PAT: ${{ secrets.get("resume-gitlab-gitlab-breel-dev-token") }}
+          shell: sh
+          script: |
+            export build_before=${{ build.before }}
+            export build_after=${{ build.after }}
+            if git --no-pager diff --name-only $build_before..$build_after | grep src.homebrew; then
+               bash ./deploy.firebase.sh
+            fi

.vale.ini

@@ -0,0 +1,9 @@
+StylesPath = styles
+
+MinAlertLevel = suggestion
+
+Packages = proselint, write-good, Readability, Joblint
+
+[*]
+BasedOnStyles = Vale, proselint, write-good, Readability, Joblint
+

Dockerfile.cicd

@@ -0,0 +1,22 @@
+FROM jdkato/vale:latest as vale
+
+FROM andreysenov/firebase-tools:latest
+
+USER root
+
+RUN echo installing dependencies...
+RUN apt update \
+   && apt -y install git woff2 bash curl wget gnupg2 \
+   && ( \
+      wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add - \
+      && echo "deb http://dl.google.com/linux/chrome/deb/ stable main" | tee -a /etc/apt/sources.list.d/google.list \
+      && (apt update; apt --fix-broken install; apt -y install google-chrome-stable) \
+   ) \
+   && curl -L https://github.com/svenstaro/miniserve/releases/download/v0.24.0/miniserve-0.24.0-x86_64-unknown-linux-musl > /bin/miniserve \
+   && chmod +x /bin/miniserve
+
+RUN echo copying vale...
+COPY --from=vale /bin/vale /bin/vale
+
+RUN echo OK
+

README.md

@@ -1,12 +1,18 @@
 # Resume
 
-1. open https://www.open-resume.com/resume-builder
+1. modify [homebrew.yaml](./src/homebrew/homebrew.yaml)
-1. in browser, `inspect > storage > local storage > about:srcdoc`
+1. generate `cd ./src/homebrew; bash ./homebrew.sh`
-1. `cat ./open-resume.com.d/local*.json`
+1. `open ./src/homebrew/homebrew.html`
-1. paste into `about:srcdoc` `Value`
+1. `ctrl + p` and save as pdf
-1. refresh
+1. commit + push
-1. download resume as `./open-resume.com.d/resume.pdf`
+
-1. inspect iframe > `<html>` > copy outer HTML
+## CICD
-1. `pbpaste > ./open-resume.com.d/resume.html`
+
-1. `cd ./open-resume.com.d/; bash ./clean_resume_html.sh; cd ..`
+1. `gitness.inhome.blapointe.com` has a `./.harness` pipeline
-1. `bash ./deploy.firebase.sh`
+1. the pipeline
+   1. renders [Resume](#resume) as `$(mktemp -d)/public`
+   1. clones [gitlab](https://gitlab.com/breel/resume.git)
+   1. replaces [gitlab](https://gitlab.com/breel/resume.git) with `.../public/`
+   1. pushes [gitlab](https://gitlab.com/breel/resume.git)
+      1. [render](https://dashboard.render.com/static/srv-cklkk8o710pc73d7fn7g) detects public repo event and updates its static site hosting for [breel.dev](https://breel.dev)
+   1. [firebase](https://console.firebase.google.com/u/0/project/blapointe-com/overview) deploys `.../public/` for [blapointe.com](https://blapointe.com)

cv/202001-202310.yaml

@@ -0,0 +1,857 @@
+# TODO https://www.linkedin.com/posts/brianjenney_ive-spoken-with-about-500-developers-in-activity-7119717343127117824-I016/?utm_source=share&utm_medium=member_desktop
+# > did [x] using [y] which led to [z].
+- when: 2019
+  rendered: Decreased backend service's annual outages by 91% and reduced hardware costs by 40% by selecting, training owners on, and migrating without downtime to a different database.
+  quantity:
+  - 718 avg outage min per year down to 64 avg outage min per year
+  - 356 outage minutes 2018 for marauders-map
+  - 352 outage minutes 2018 for couchbase
+  - 203 outage minutes 2018 for gobs
+  - 47 outage minutes 2019 for marauders-map
+  - 149 outage minutes 2019 for couchbase
+  - 282 outage minutes 2019 for gobs
+  - 47 outage minutes 2019 for geni
+  - 184 outage minutes 2020 for gobs
+  - 5 outage minutes 2020 for geni
+  - 48 outage minutes 2021 for couchbase
+  - 48 outage minutes 2021 for gobs
+  - 31 outage minutes 2022 for gobs
+  - 131 outage minutes 2023 for couchbase
+  - 131 outage minutes 2023 for gobs
+  - 12 outage minutes 2023 for geni
+- when: 2020
+  rendered: Automated infrastructure patching without customer impact for 30 microservices and 25 database clusters by creating a modular and testable Bash script framework.
+- when: 2020
+  what:
+  - edits healthcheck as a modular stack monorepo before it was cool that does visibility+remediation
+  why:
+  - pride-in-craft
+  grade: c
+  quantity:
+  - routinely randomly sampled N ETL
+  - scanned ~N rows per second vs 3 source systems
+  - fixed ~N per day
+  rendered: "Established a healthcheck system to scan X rows per second, resolve drift from upstream systems, and expose findings."
+- when: 2020
+  what:
+  - BoQ hosting 2020..2023
+  why:
+  - pride-in-craft
+  - pride-for-others
+  grade: c
+  quantity:
+  - N text books
+  - audience of N
+  - 1 time a week
+  rendered: "Hosted engineering book club, including book selection and weekly group reflection."
+- when: 2020
+  what:
+  - GOBS from p2p to stateless (via redis, killing leveldb)
+  - decoupled cache miss rate from releases
+  - decreased thread scalability
+  - decoupled disk size service scale
+  - same team known technology less sentinel operational burden
+  - decreased error rate from N to N during releases
+  why:
+  - scalability
+  grade: b
+  quantity:
+  - reduced touchpoints per call from N to N
+  rendered: "Simplified microservice by extracting peer-to-peer layer, decoupling single nodes' performance, availability, and scale from global performance."
+- when: 2020
+  what:
+  - nexpose-remediations and blackduck sme
+  why:
+  - scalability
+  grade: c
+  quantity:
+  - decoupled knowledge of problem space from solution
+  - implement optional interface with your tribal knowledge and done
+  - made things like log4j feasible
+  - scripted tribal knowledge
+  rendered: null
+- when: 2020
+  what:
+  - scale test rems vs re
+  why:
+  - failfast
+  grade: d
+  quantity: [""]
+  rendered: null
+- when: 2020
+  what:
+  - mongo sme designed and released rems-mongo
+  why:
+  - scalability
+  grade: d
+  quantity: [""]
+  rendered: null
+- when: 2020
+  what:
+  - re, terminator to nomad
+  why:
+  - scalability
+  grade: d
+  quantity: [""]
+  rendered: null
+- when: 2020
+  what:
+  - design GOBS off of Couchbase
+  why:
+  - scalability
+  grade: a
+  quantity:
+  - single greatest operational pain, instability cause, financial burden
+  - horizontal scale on known, stable technology to reduce total team space
+  - simplified complex system to core requirements
+  - GOBS on Mongo with Xongo w/ Ryan intern mentor
+  - for all gobs,geni,maraudersmap,couchbase...
+  - ...35 outages/722 minutes 18 // geni on cb
+  - ...21 outages/290 minutes 19 // geni on cb
+  - ...13 outages/615 minutes 20
+  - ...8 outages/88  minutes 21
+  - ...13 outages/31  minutes 22
+  - ...14 outages/143 minutes 23
+  rendered: "Designed a replacement for a system, which yielded 28 outages annually, based entirely on technologies well understood by the team."
+- when: 2020
+  what:
+  - REMS migration implementation
+  why:
+  - pride-in-craft
+  grade: c
+  quantity:
+  - no incidents
+  rendered: null
+- when: 2020
+  what:
+  - DRS for REMS
+  why:
+  - scalability
+  - isolation for REMS
+  grade: c
+  quantity: [""]
+  rendered: null
+- when: 2020
+  what:
+  - FSDef,FSIndex to GOBS from Couchbase
+  why:
+  - scalability
+  grade: b
+  quantity: [""]
+  rendered: null
+- when: 2020
+  what:
+  - Mongo on TLS SME/pilot
+  - Redis on TLS,Password no downtime migration via middleware
+  why:
+  - scalability
+  grade: c
+  quantity:
+  - 0 incident
+  - 0 downtime
+  rendered: null
+- when: 2020
+  what:
+  - Mongosback V2 for cron > rundeck
+  - Mongosback V2.1 autorelease after bake time, indexes
+  why:
+  - pride-in-craft
+  grade: a
+  quantity:
+  - onboarding from copy-paste to 1 line change
+  - served N teams over N years
+  rendered: Created custom Python tooling to create, increment, restore, and check for MongoDB database backups for standalone, replicated, and sharded deployments without customer impact, and has been the in-house standard for 21 teams for 4 years.
+- when: 2020
+  what:
+  - REMS+DSCat Mongo SME
+  why:
+  - pride-in-craft
+  grade: c
+  quantity: [""]
+  rendered: null
+- when: 2021
+  rendered: Developed and owned highly available and reliable data storage and operational tooling.
+- when: 2021
+  rendered: Mentored 2 intern, 2 new grad, and 4 mid-level engineers on operational tools, best practices for maintainable software, and career development.
+- when: 2021
+  rendered: Genericized AWS asset management tooling ahead of company-wide mass migration initiative.
+- when: 2021
+  rendered: Championed disaster recovery by supporting training runs with documentation, tools, and live support across teams and enforced continuous compliance for 17 database clusters with monitoring and alerting.
+- when: 2021
+  rendered: Lent expertise owning MongoDB across teams by advising on configuration and data models and genericizing disaster recovery tooling for 21 teams.
+- when: 2021
+  what:
+  - systems review planning
+  why:
+  - pride-in-craft
+  - pride-for-others
+  grade: c
+  quantity: [""]
+  rendered: null
+- when: 2021
+  what:
+  - mentored new hire until he left the team for his starter project (S3)
+  why:
+  - pride-in-craft
+  - pride-for-others
+  grade: c
+  quantity: [""]
+  rendered: null
+- when: 2021
+  what:
+  - mentored sr engineer on Bash, rundeck, in-house metrics and alerting, ssh...
+  why:
+  - pride-in-craft
+  grade: d
+  quantity: [""]
+  rendered: null
+- when: 2021
+  what:
+  - on-call training with chaos testing, hands-on, log perusing
+  - Mongo multi-phase, multi-timezone interactive training with offline reading and video + online chaos testing + forum for anonymous feedback
+  why:
+  - pride-in-craft
+  - pride-for-others
+  grade: c
+  quantity:
+  - N chaos tests // 2021-06-16, 2022-08-08, 2023.02.01, 2019-01-23, 2019-08-09, 2019-09-04
+  - N systems // re, geni, gobs, terminator, is
+  - N participants
+  rendered: "Administered on-call training, including 6 chaos tests gamedays across 5 systems."
+- when: 2021
+  what:
+  - s2se; scripted Galera with safety for multi-team // https://qualtrics.slack.com/archives/C016VAW2L04/p1613540701066600
+  why:
+  - scalability
+  - pride-in-craft
+  grade: b
+  quantity:
+  - 3 teams // https://qualtrics.slack.com/archives/C016VAW2L04/p1613540701066600 // vocalizedb=3*8, dis=3*8, me=5*3*8
+  - spreadsheet with N steps // https://docs.google.com/spreadsheets/d/1JsxGdEWlGOFivJZMOBMmlkaoqRz3gTJB7NtjVGI3q-I/edit#gid=644182888 // https://qualtrics.slack.com/archives/C016VAW2L04/p1612567987267700 // https://gitlab-app.eng.qops.net/data-store/orchestration/runbooks/-/blob/8d30ca087c6f1a5518515b98e7948b48aac6d08a/Maintenance/Galera_to_TLS/upgrade.sh
+  - "Scripted no-downtime database reconfiguration, which reduced 44 manual steps per node to 3 and was leveraged by 3 teams to update 168 instances."
+  - our N clusters
+  rendered: "Scripted no-downtime database reconfiguration, which was leveraged by 3 teams to update 168 instances."
+- when: 2021
+  what:
+  - dr backup check to monitor s3 compliance w/ 19 teams onboarded and eventually handed to dbteam
+  why:
+  - scalability
+  grade: b
+  quantity:
+  - 16 teams // s3-backup-check $ git grep '^[a-z].*:' $(git rev-list --all) | grep :config.*yaml: | sed 's/.*:config.//' | sed 's#/.*##' | sort -u | tr '\n' ' '; echo .examples action-planning analytics-engine datastore dbteam devplat-mongo dp-orchestration dp-orchestration.yaml:geni-mongo-$DC: dp-orchestration.yaml:rdb-$DC-i: dp-orchestration.yaml:rdb-$DC-s: dtool exh geni.yaml:backups: geni.yaml:geni: geni.yaml:rdb: jfe job-platform orch pxapp statwing ta tickets workflow-triggers
+  - parallelized to P=3 and trivially configurable
+  - caught N issues backups failing causes for us
+  rendered: Founded the in-house standard system to continuously verify 16 teams' compliance with disaster recovery requirements.
+- when: 2021
+  what:
+  - REMS on SSDs analysis, budget proposal, approval, deploy, mock traffic
+  why:
+  - scalability
+  grade: b
+  quantity:
+  - N% more cost but N% less shards
+  - https://docs.google.com/document/d/1Yh-HrA4xuaZD4CMFJwqHjir_B4qLIPbXEUmw9m5azy8/edit#heading=h.uw3h16ap7r5f
+  rendered: "Forecasted financial and complexity cost to launch on cheap hardware yielded $N savings over 2 years. // compute $ and include dev cost of setting up new shards, say .5 dev week so 1k=100k/52/2 per shard"
+- when: 2021
+  what:
+  - Took REMS migration implementaion back from handoff and reduced ETA from inf to 3w at max speed w/ visibility and parallelism
+  why:
+  - pride-in-craft
+  grade: b
+  quantity: [""]
+  rendered: null
+- when: 2021
+  what:
+  - found Go likes lots of small > few big RAM nodes
+  why:
+  - pride-in-craft
+  grade: d
+  quantity: [""]
+  rendered: null
+- when: 2021
+  what:
+  - REMS quality of life
+  - idempotency test
+  - brand/user/issuer/byte limiting
+  - squishing
+  - lazy JSON parsing
+  - resumable jobs
+  - heartbeating jobs
+  why:
+  - scalability
+  grade: d
+  quantity:
+  - reduced RAM from >N to N with lazy json flame graphs
+  rendered: null
+- when: 2021
+  what:
+  - DSCat mongo query analysis and optimization
+  why:
+  - pride-in-craft
+  grade: c
+  quantity: [""]
+  rendered: null
+- when: 2021
+  what:
+  - cross-team Mongo incident remediation, support, guidance, SME
+  why:
+  - pride-in-craft
+  grade: b
+  quantity: [""]
+  rendered: null
+- when: 2021
+  what:
+  - couchsback to v2 as rclone
+  why:
+  - scalability
+  grade: c
+  quantity: [""]
+  rendered: null
+- when: 2021
+  what:
+  - pushed against proposed optimizations (rems cleaning of old edit fields on stale edits) and proved gains (.3% data saved on wire to TS) wouldnt pay off but complied when commanded
+  why:
+  - scalability
+  grade: b
+  quantity: [""]
+  rendered: null
+- when: 2021
+  what:
+  - LegacyPublicAPI; they wanted to hand to us, so I executed what itd take to shift ownership to us and documented the gotchas, and it was so bad that they reverted my complete code and revisited so this handoff wouldnt repeat with other teams
+  why:
+  - pride-in-craft
+  grade: d
+  quantity: [""]
+  rendered: null
+- when: 2021
+  what:
+  - healthcheck platform design approved but implementaion priority rejected
+  why:
+  - pride-in-craft
+  - pride-for-others
+  grade: c
+  quantity: [""]
+  rendered: null
+- when: 2022
+  rendered: Mentored entry and mid-level engineers on stability, clean code, and distributed systems.
+- when: 2022
+  rendered: Hosted engineering book and white paper clubs for continuous improvement and cross-team experience sharing for 2 years.
+- when: 2022
+  rendered: Recovered 98% of data lost in critical incident via coordinating cross-team efforts and dissecting native database operation logs.
+- when: 2022
+  what:
+  - champion of quality; suspected and saw symptoms of data incorrectness in REMS snapshots, insisted and provided more and more evidence despite willful holiday ignorance, eventually recognized as p1
+  why:
+  - pride-in-craft
+  grade: c
+  quantity:
+  - discovered bug affecting N rows
+  rendered: null
+- when: 2022
+  what:
+  - became team lead
+  why:
+  - scalability
+  grade: c
+  quantity: [""]
+  rendered: null
+- when: 2022
+  what:
+  - cost-benefit of geni on ddb; 10x the cost but reduces hardlyAnyOperationalBurdenQuantified
+  why:
+  - pride-in-craft
+  grade: b
+  quantity:
+  - contrary to popular opinion, found N% more cost for N risk to move mongo to DDB as-is
+  rendered: Challenged deprecation of MongoDB for DynamoDB, ultimately saving $N annually and operational burden on N teams.
+- when: 2022
+  what:
+  - geni iops -> i insist and tune docker when team wants to ignore call to action
+  why:
+  - pride-in-craft
+  grade: c
+  quantity: [""]
+  rendered: null
+- when: 2022
+  what:
+  - response-files OOMs image resizing sidecar proposed + open source used
+  why:
+  - scalability
+  - pride-in-craft
+  grade: c
+  quantity:
+  - N ooms/errors per week
+  - N on call alerts for nothing
+  - 0 migration pain
+  rendered: null
+- when: 2022
+  what:
+  - generic aws migration scripts w/ mentee leveraged by tens of teams for s3, ddb, lambda, sns, sqs
+  what2: |
+    https://huggingface.co/chat/conversation/6533fbd355db1e7b0bf62a3b
+    Model: mistralai/Mistral-7B-Instruct-v0.1
+    https://www.linkedin.com/posts/thedanielbotero_use-these-chatgpt-prompts-if-you-want-to-activity-7119669945298284546-q1DA/?utm_source=share&utm_medium=member_desktop
+    created custom AWS asset management tooling that streamlined our infrastructure management process and saved time and resources
+  why:
+  - pride-in-craft
+  - pride-for-others
+  - scalability
+  grade: a
+  quantity:
+  - 9 teams
+  - |
+      Production[674592268301]/api_access $ ls replication-user-* | grep -o 'replication.user.[a-z]*-' | uniq
+      replication-user-datasets-
+      replication-user-datastore-
+      replication-user-des-
+      replication-user-distributions-
+      replication-user-dp-
+      replication-user-dpie-
+      replication-user-eax-
+      replication-user-graphic-
+      replication-user-xmd-
+  - with 1 mentee
+  - each team saved N man hours
+  - 7 aws technologies
+  rendered: "Spearheaded AWS asset replication tooling, sparing 9 teams from duplicating work relocating up to 7 AWS technologies each."
+- when: 2022
+  what:
+  - cicd for team; onboarding + converting + creating continuous testing framework
+  why:
+  - scalability
+  grade: b
+  quantity:
+  - N repos from wild west to E2E // atlas-data loader, -qmp, -qmp canary, -data loader canary, qdp counts, janus
+  - blocked N releases // from spinnaker ui probably
+  - ajw initial release from 25% e2e test to 75%
+  - more E2E tests on previously E2E test free repos because old mentee sahithig didnt feel comfortable joining the team fearing shes break stuff
+  - test everything; our tests found FSCS outages and then FSCS team found they had no visibility
+  - test everything; atlas data loader first e2e test
+  - test everything; block dev if merging release isnt noop
+  - test everything; legacy responses first e2e test
+  - test everything; except dont; response-files keepalives cross-dc would expire and break response-files allocs permanently, so tests couldnt pass to release fix
+  - test everything; janus cruddy e2e tests
+  - 10 data-store/* repos, 1 legacyresponses
+  - |
+      fffffffff finding carter throughput gonna hurt if even possible
+      well, i guess i just need to find b1 failures because qamel fail and check commit diff for the one after
+      only since cruddy invention
+      spinnaker prunes so
+  - |
+      'from:@Spinnaker "Deploy to Beta" "Failed" in:#datastore-releases'
+      11 unique dates in -30d..now
+      10 unique dates in -60d..-30d
+      10 unique dates in -90d..-60d
+  rendered: "Created automated release test suites for 11 services, which catches 10 would-be customer facing bugs per month on average."
+- when: 2022
+  what:
+  - sahithig + itony mentorships; spead asks whats wrong with onboarding? what onboarding!
+  why:
+  - pride-in-craft
+  - pride-for-others
+  - scalability
+  grade: b
+  quantity: [""]
+  rendered: null
+- when: 2022
+  what:
+  - monorepo and parallelizing and caching packages = Jenkins from 10m to 2m
+  why:
+  - pride-in-craft
+  - scalability
+  grade: d
+  quantity: [""]
+  rendered: null
+- when: 2022
+  what:
+  - autopatching for vuln remediation via scheduled builds for team w/ stable, quiet cicd
+  - scalability
+  grade: d
+  quantity:
+  - our team does N images per month vs DPORCS
+  - N of last N weeks fedramp high compliant
+  rendered: null
+- when: 2022
+  what:
+  - The REMS Data Loss Incident
+  - mongo bug around leaked oplog lock = no disk persistence = total loss
+  - upstream replayed jobs or shared their mongodb oplog so i could rebuild
+  - forward-facing communication; instead of sorry, this is our root cause and future prevention
+  why:
+  - pride-in-craft
+  grade: b
+  quantity:
+  - N% jobs restored
+  - N of N parties fully recovered
+  rendered: null
+- when: 2022
+  what:
+  - miss; jfe needs faster virus scanning so I give em 10%. They want 10x because they retry all N files of their batch of M every time. Losers.
+  why:
+  - scalability
+  grade: d
+  quantity: [""]
+  rendered: null
+- when: 2022
+  what:
+  - every aws migration solo or nearly
+  why:
+  - scalability
+  grade: c
+  quantity: [""]
+  rendered: null
+- when: 2022
+  what:
+  - became team lead and promoted to l5
+  why:
+  - role-model-dad
+  grade: b
+  quantity: [""]
+  rendered: null
+- when: 2022
+  what:
+  - coda doc for planning splits owners from contributors w/ weights
+  why:
+  - scalability
+  grade: b
+  quantity:
+  - hit N% of team commitments up from N
+  rednered: null
+  rendered2: "Revised bottom-up quarterly planning to consider variable development time costs, averaging in N% more team committments hit. // this is pretty fuckin vauge..."
+- when: 2022
+  what:
+  - miss; davidc exported to orcs despite wishes to stay
+  why:
+  - pride-in-craft
+  - role-model-dad
+  grade: d
+  quantity: [""]
+  rendered: null
+- when: 2022
+  what:
+  - swimlanes of rems; byte write/read rate limits, terminator specific pool
+  why:
+  - scalability
+  - pride-in-craft
+  grade: d
+  quantity: [""]
+  rendered: null
+- when: 2022
+  what:
+  - tested REMS no-ops when carter ignored me asking him to
+  - please write 1 test before i get  back from vacation
+  - 0 forever
+  why:
+  - pride-in-craft
+  - pride-for-others
+  grade: d
+  quantity: [""]
+  rendered: null
+- when: 2022
+  what:
+  - generic nomad cost analysis grafana
+  why:
+  - scalability
+  grade: b
+  quantity:
+  - generic cost analysis found $N over provisioned hardware transformation+rems
+  rendered: "Built a cost analysis Grafana dashboard that revealed $Nk in over allocated elastic compute hardware annually."
+- when: 2023
+  what:
+  - learning the performance feedback game; my perception is no one elses reality; make a rubric and define specific examples against it
+  why:
+  - pride-in-craft
+  - pride-for-others
+  - role-model-dad
+  grade: b
+  quantity: [""]
+  rendered: null
+- when: 2023
+  what:
+  - miss; horizons doc review wasn’t generalized/brief enough
+  why:
+  - pride-in-craft
+  - pride-for-others
+  - customer-obsesssion
+  grade: d
+  quantity: [""]
+  rendered: null
+- when: 2023
+  what:
+  - 2nd highest contributor to runbook blitz
+  why:
+  - pride-in-craft
+  - pride-for-others
+  grade: d
+  quantity: [""]
+  rendered: null
+- when: 2023
+  what:
+  - when overloaded with ops, told team and offloaded + handed off threads
+  why:
+  - pride-in-craft
+  grade: c
+  quantity: [""]
+  rendered: null
+- when: 2023
+  what:
+  - fairness for rems; if attempt to use N threads per box, defer to low prio queue
+  why:
+  - pride-in-craft
+  - scalability
+  grade: c
+  quantity:
+  - sandboxed about N minor incidents per month
+  rendered: null
+- when: 2023
+  what:
+  - interactive cicd tutorial with dpie so they could execute side-by-side
+  - not my fault they didnt
+  why:
+  - pride-for-others
+  - scalability
+  grade: b
+  quantity: [""]
+  rendered: null
+- when: 2023
+  what:
+  - chaos test gameday to train new teammate oncall
+  why:
+  - pride-in-craft
+  grade: c
+  quantity:
+  - N chaos tests
+  rendered: null
+- when: 2023
+  what:
+  - Couchbase-aggedon
+  - i told em how to patch that shit motherfuckers are usual
+  - i go to office because that team insists
+  - i stop em from terminating early many times
+  - '* a hash means we dont need to check, right?'
+  - '* ive got a script its good enough i wrote it'
+  - '* ive got v2 of my script its good enough i wrote it'
+  - '* this is a lotta pain, we should give up'
+  - taught 8 teammates how to sed/grep/script/Bash
+  - delegating threads; spiking accesslogs, spiking redis dumps, spiking couchbase backup/restore
+  - discovered bugs that meant some threads were not viable
+  - reduced problem to safest state for round 1, next safest for round 2, ...
+  why:
+  - pride-in-craft
+  grade: a
+  quantity:
+  - N% data restored
+  - 2 fault remediations blocked
+  - N% data jeopardized
+  - N% data identified free and delegated to N engineers
+  rendered: "Enforced <a high quality bar> in a data loss incident, delegating identifying the N% of data lost, 3 distinct restoration efforts, and developing automated validation to block 2 incorrect remediation attempts."
+- when: 2023
+  what:
+  - BoQ final
+  why:
+  - scalability
+  grade: d
+  quantity: [""]
+  rendered: null
+- when: 2023
+  what:
+  - generic datastore customers could opt into us doing stateramp for them in GENI if they set jwts
+  why:
+  - pride-in-craft
+  - scalability
+  grade: b
+  quantity:
+  - N teams had a zero or near zero onboarding lift
+  rendered: null
+- when: 2023
+  what:
+  - REMS /partitions, /entrypoints for TS to parallel data load via index scan+hash live vs. keithc INSISTED on not live :eye_roll:
+  why:
+  - pride-in-craft
+  - scalability
+  grade: b
+  quantity:
+  - N% dev work for N% gains
+  - system more flexible to add/remove/update configuration vs baked index
+  - |
+    performance of native
+      for each key in index:
+        yield key from index
+      so N index keys yielded from mongo*
+    performance of live
+      for each key in index_a:
+        if partition(key) in range:
+          yield key from index
+      dont store a second index, so halve index use
+      inverse linear scaling with partition count network bytes
+        1 partition == native
+        2 partitions == 2*native
+        3 partitions == 3*native
+      BUT internally, mongo was doing 2*, 3*, so now we are doing as much complexity but client side so adding network cost
+      so what is cost of doing N on local vs remote?
+        well, what is cost of 1 network hop vs cpu filtering? should be that ratio
+          .4ms vs COST_OF_(HASHING_15_CHARS+GC+MOD)
+            but all of this still would be done, just async and 99% unused
+          .4ms vs .1ms
+          4:1
+      https://qualtrics.slack.com/archives/DGS4G1J87/p1678121083319669
+  rendered: Devised a MongoDB live indexing strategy, which supported both current and future use cases, and saved the computing and filling of a new 99% unused native database index.
+- when: 2023
+  what:
+  - proposed AtlasQMP as bugfixed singleton, parallelized nomad, or lambda cost and speed and devcost and deliverytime
+  - high availability; 2 instances of singleton with distributed lock as cheap and good enough path forward
+  why:
+  - pride-in-craft
+  - scalability
+  grade: b
+  quantity:
+  - spike into 3 alternative
+  - review by team
+  - final option cost $N% of pre-spike expectations, N% dev work, N% risk
+  - https://docs.google.com/document/d/10lpn6c8hHRs2dGAm37sP0wKR5vbzJ4zbtY9zBDopTMU/edit
+  - was 40k items per second, now 175k
+  - would require qmp proxy to scale about as much as we would drop nomad BUT we gain lambda cost assuming never replay
+  - so $600 per mo worldwide to $1200 per mo worldwide
+  - 7k per year isnt very much with cheating
+  - 2 dev weeks to revamp and clean up
+  - lets say 4 dev weeks to get qmp team to scale up proxy, the incidents that wouldve caused, and assume kinesis to rest wouldve been trivial
+  rendered: Optimized a Go application to increase consumption rate from Kafka by 340%, costing half the engineering effort of the proposed rewrite.
+- when: 2023
+  what:
+  - response-files split from library-files so we can move to our own database without sideaffect
+  why:
+  - scalability
+  - pride-in-craft
+  grade: c
+  quantity:
+  - N% of our requests were for a different team's operations
+  - N% of our features were for a different team's features
+  - first wait for them, then fork and pass
+  rendered: null
+- when: 2023
+  what:
+  - challenge; q2/q3 planning without knowing what medical leave teammate would do
+  - 1. offboard what mattered that he was doing
+  - 2. ask him repeatedly to offboard early and ask for updates how its going
+  - 3. guess things he really wants and assume he wont be here for forseeable future even if he does return
+  - coordinate with mathis on expectations upon his return
+  why:
+  - pride-for-others
+  grade: d
+  quantity: [""]
+  rendered: null
+- when: 2023
+  what:
+  - REMS vs Translations
+  - Translatsions gets 500 rows from AE without translations and translates those
+  - '* prone to eventual consistency, blocks, brand deprioritizing, random bugs'
+  - REMS got a backlog so we told them first
+  - '* and we bumped over and over for them to look'
+  - '  * and it escalated to a snafu'
+  - '* root cause was squishing taking 90% of our cpu on this backlog of repeat work so sync squishing expedited to full release'
+  - REMS emit a bug to TS that missed edits, so Translatsions kept re-translating what REMS perceived to be no-ops
+  why:
+  - pride-in-craft
+  grade: c
+  quantity: [""]
+  rendered: null
+- when: 2023
+  what:
+  - insist on oncall covers during stressful weeks, high effort windows, and okr release time
+  why:
+  - role-model-dad
+  - pride-in-craft
+  grade: b
+  quantity: [""]
+  rendered: null
+- when: 2023
+  what:
+  - still SME on mongo backups and use-case-specific performance optimization
+  why:
+  - pride-in-craft
+  - scalability
+  grade: c
+  quantity: [""]
+  rendered: null
+- when: 2023
+  what:
+  - more E2E tests on previously E2E test free repos because old mentee sahithig didnt feel comfortable joining the team fearing shes break stuff
+  why:
+  - pride-in-craft
+  - scalability
+  - pride-for-others
+  grade: c
+  quantity: [""]
+  rendered: null
+- when: 2023
+  what:
+  - navigated a teammate getting exported to a team he didnt want to join AND later getting exported from that team and almost someone else getting exported too
+  why:
+  - pride-in-craft
+  - role-model-dad
+  grade: d
+  quantity: [""]
+  rendered: null
+- when: 2023
+  what:
+  - CSchmalzle
+  - '* burnt out in q1 from too many projects in-flight'
+  - '  * bi-weekly are you closing stuff?'
+  - '  * daily yaknow that 2 day thing? is it done? when will it be done? what do we need to do to ship it? for 2 months'
+  - '  * insisted he pick things to handoff and we got 2 from him'
+  - '* released a lotta stuff untested and broken and i doubled back to fix it'
+  - '  * entire team adds quality as key result'
+  - '* terrible mr of copy-pasting + 2k lines of code'
+  - '  * learn2git'
+  - '  * multi-mr'
+  - '  * refactors separate'
+  - '* wants to release his mass changes that include customer-facing system behavior changes because well be more correct'
+  - '  * and lots of support to remediate kanban'
+  - '  * and i say NO u fok'
+  why:
+  - pride-for-others
+  - scalability
+  grade: c
+  quantity:
+  - weekly checkins for burnout causes
+  rendered: null
+- when: 2023
+  what:
+  - i get team approval on a design to stop not-deleting customer data, they say we should fix at system level, so I spike and prove system level, just for other team to nope.avi out (REMS MoM delete)
+  - designed rems mom deleting parallel with atlas, proposed drs team fixes it and impacted team volume, got deferred indefinitely and solved the same problem yet again but for rems mom
+  why:
+  - pride-in-craft
+  grade: b
+  quantity:
+  - demonstrated N system race conditions and touch points
+  rendered: "Mapped N unhandled inter-system race conditions to their single point of failure."
+- when: 2023
+  what:
+  - XMD Contact Consolidation Consumer
+  - read our kafka topic like this and call your apis with it
+  - ezpz BUT i dont wanna own your business logic by proxy
+  - but our manager said you would, and something about throttling
+  - handle our 429s and youll be k
+  - but our manager...
+  - ...3 weeks later...
+  - listen here m8, u guys own your own 1 write per second shit, ya hear?
+  - we didnt even want that, yall just took 2 years to get back to us >:(
+  - o
+  why:
+  - pride-in-craft
+  grade: c
+  quantity:
+  - sample size 1 week revealed new team was scared of N ops per second but N was 1
+  rendered: null
+- when: 2022
+  what:
+  - feedback; told sean implying we should spend QED time on ops work is against the spirit of QED time but he is an authority figure and makes it uncomfortable not to
+  grade: b
+  quantity: [""]
+  rendered: null
+- when: 2022
+  what:
+  - feedback; when i needed to ask michaelp for a remote exception, i had to share i was hesistant because he made possibly leaving engineers sound ostracized and ejected immediately
+  grade: c
+  quantity: [""]
+  rendered: null

cv/202001-202310.yaml.origin-main

@@ -0,0 +1,529 @@
+- when: 2020
+  what: edits healthcheck as a modular stack monorepo before it was cool that does visibility+remediation
+  how: []
+  why:
+  - pride-in-craft
+- when: 2020
+  what: BoQ hosting 2020..2023
+  how: []
+  why:
+  - pride-in-craft
+  - pride-for-others
+- when: 2020
+  what: GOBS from p2p to stateless (via redis, killing leveldb)
+  how: []
+  why:
+  - scalability
+- when: 2020
+  what: nexpose-remediations and blackduck sme
+  how: []
+  why:
+  - scalability
+- when: 2020
+  what: scale test rems vs re
+  how: []
+  why:
+  - failfast
+- when: 2020
+  what: mongo sme designed and released rems-mongo
+  how: []
+  why:
+  - scalability
+- when: 2020
+  what: re, terminator to nomad
+  how: []
+  why:
+  - scalability
+- when: 2020
+  what: design GOBS off of Couchbase
+  how: []
+  why:
+  - scalability
+- when: 2020
+  what: REMS migration implementation
+  how: []
+  why:
+  - pride-in-craft
+- when: 2020
+  what: DRS for REMS
+  how: []
+  why:
+  - scalability
+- when: 2020
+  what: isolation for REMS
+  how: []
+  why:
+  - scalability
+- when: 2020
+  what: FSDef,FSIndex to GOBS from Couchbase
+  how: []
+  why:
+  - scalability
+- when: 2020
+  what: GOBS on Mongo with Xongo w/ Ryan intern
+  how: []
+  why:
+  - pride-in-craft
+- when: 2020
+  what: Mongo on TLS SME/pilot
+  how: []
+  why:
+  - scalability
+- when: 2020
+  what: Mongosback V2 for cron > rundeck
+  how: []
+  why:
+  - pride-in-craft
+- when: 2020
+  what: REMS+DSCat Mongo SME
+  how: []
+  why:
+  - pride-in-craft
+- when: 2021
+  what: systems review planning
+  how: []
+  why:
+  - pride-in-craft
+  - pride-for-others
+- when: 2021
+  what: mentored new hire until he left the team for his starter project (S3)
+  how: []
+  why:
+  - pride-in-craft
+  - pride-for-others
+- when: 2021
+  what: mentored sr engineer on bash, rundeck, in-house metrics and alerting, ssh...
+  how: []
+  why:
+  - pride-in-craft
+- when: 2021
+  what: on-call training with chaos testing, hands-on log perusing
+  how: []
+  why:
+  - pride-in-craft
+  - pride-for-others
+- when: 2021
+  what: s2se; scripted Galera with safety for multi-team
+  how: []
+  why:
+  - scalability
+  - pride-in-craft
+- when: 2021
+  what: dr backup check to monitor s3 compliance w/ 19 teams onboarded and eventually handed to dbteam
+  how: []
+  why:
+  - scalability
+- when: 2021
+  what: Mongosback V2.1 autorelease after bake time, indexes
+  how: []
+  why:
+  - pride-in-craft
+- when: 2021
+  what: REMS on SSDs analysis, budget proposal, approval, deploy, mock traffic
+  how: []
+  why:
+  - scalability
+- when: 2021
+  what: Took REMS migration implementaion back from handoff and reduced ETA from inf to 3w at max speed w/ visibility and parallelism
+  how: []
+  why:
+  - pride-in-craft
+- when: 2021
+  what: found Go likes lots of small > few big RAM nodes
+  how: []
+  why:
+  - pride-in-craft
+- when: 2021
+  what: |
+    REMS quality of life
+   * idempotency test
+   * brand/user/issuer/byte limiting
+   * squishing
+   * lazy JSON parsing
+   * resumable jobs
+   * heartbeating jobs
+  how: []
+  why:
+  - scalability
+- when: 2021
+  what: DSCat mongo query analysis and optimization
+  how: []
+  why:
+  - pride-in-craft
+- when: 2021
+  what: cross-team Mongo incident remediation, support, guidance, SME
+  how: []
+  why:
+  - pride-in-craft
+- when: 2021
+  what: couchsback to v2 as rclone
+  how: []
+  why:
+  - scalability
+- when: 2021
+  what: pushed against proposed optimizations (rems cleaning of old edit fields on stale edits) and proved gains (.3% data saved on wire to TS) wouldnt pay off but complied when commanded
+  how: []
+  why:
+  - scalability
+- when: 2021
+  what: Mongo multi-phase, multi-timezone interactive training with offline reading and video + online chaos testing + forum for anonymous feedback
+  how: []
+  why:
+  - pride-in-craft
+  - pride-for-others
+- when: 2021
+  what: LegacyPublicAPI; they wanted to hand to us, so I executed what it'd take to shift ownership to us and documented the gotchas, and it was so bad that they reverted my complete code and revisited so this handoff wouldnt repeat with other teams
+  how: []
+  why:
+  - pride-in-craft
+- when: 2021
+  what: healthcheck platform design approved but implementaion priority rejected
+  how: []
+  why:
+  - pride-in-craft
+  - pride-for-others
+- when: 2022
+  what: champion of quality: suspected and saw symptoms of data incorrectness in REMS snapshots, insisted and provided more and more evidence despite willful holiday ignorance, eventually recognized as p1
+  how: []
+  why:
+  - pride-in-craft
+- when: 2022
+  what: became team lead
+  how: []
+  why:
+  - scalability
+- when: 2022
+  what: cost-benefit of geni on ddb: 10x the cost but reduces hardlyAnyOperationalBurdenQuantified
+  how: []
+  why:
+  - pride-in-craft
+- when: 2022
+  what: geni iops -> i insist and tune docker when team wants to ignore call to action
+  how: []
+  why:
+  - pride-in-craft
+- when: 2022
+  what: response-files OOMs image resizing sidecar proposed + open source used
+  how: []
+  why:
+  - scalability
+  - pride-in-craft
+- when: 2022
+  what: generic aws migration scripts w/ mentee leveraged by tens of teams for s3, ddb, lambda, sns, sqs
+  how: []
+  why:
+  - pride-in-craft
+  - pride-for-others
+  - scalability
+- when: 2022
+  what: cicd for team; onboarding + converting + creating continuous testing framework
+  how: []
+  why:
+  - scalability
+- when: 2022
+  what: sahithig + itony mentorships; spead asks what's wrong with onboarding? what onboarding!
+  how: []
+  why:
+  - pride-in-craft
+  - pride-for-others
+  - scalability
+- when: 2022
+  what: monorepo and parallelizing and caching packages = Jenkins from 10m to 2m
+  how: []
+  why:
+  - pride-in-craft
+  - scalability
+- when: 2022
+  what: autopatching for vuln remediation via scheduled builds for team w/ stable, quiet cicd
+  how: []
+  - scalability
+- when: 2022
+  what: |
+    The REMS Data Loss Incident
+   * mongo bug around leaked oplog lock = no disk persistence = total loss
+   * upstream replayed jobs or shared their mongodb oplog so i could rebuild
+   * forward-facing communication; instead of sorry, this is our root cause and future prevention
+  how: []
+  why:
+  - pride-in-craft
+- when: 2022
+  what: miss; jfe needs faster virus scanning so I give 'em 10%. They want 10x because they retry all N files of their batch of M every time. Losers.
+  how: []
+  why:
+  - scalability
+- when: 2022
+  what: every aws migration solo or nearly
+  how: []
+  why:
+  - scalability
+- when: 2022
+  what: ajw initial release from 25% e2e test to 75%
+  how: []
+  why:
+  - pride-in-craft
+  - pride-for-others
+- when: 2022
+  what: became team lead :sparkles: and promoted to l5
+  how: []
+  why:
+  - role-model-dad
+- when: 2022
+  what: coda doc for planning splits owners from contributors w/ weights
+  how: []
+  why:
+  - scalability
+- when: 2022
+  what: miss; davidc exported to orcs despite wishes to stay
+  how: []
+  why:
+  - pride-in-craft
+  - role-model-dad
+- when: 2022
+  what: swimlanes of rems; byte write/read rate limits, terminator specific pool
+  how: []
+  why:
+  - scalability
+  - pride-in-craft
+- when: 2022
+  what: |
+    tested REMS no-ops when carter ignored me asking him to
+   * "please write 1 test before i get  back from vacation"
+   * 0 forever
+  how: []
+  why:
+  - pride-in-craft
+  - pride-for-others
+- when: 2022
+  what: generic nomad cost analysis grafana
+  how: []
+  why:
+  - scalability
+- when: 2023
+  what: learning the performance feedback game; my perception is no one else's reality; make a rubric and define specific examples against it
+  how: []
+  why:
+  - pride-in-craft
+  - pride-for-others
+  - role-model-dad
+- when: 2023
+  what: miss; horizons doc review wasn’t generalized/brief enough
+  how: []
+  why:
+  - pride-in-craft
+  - pride-for-others
+  - customer-obsesssion
+- when: 2023
+  what: 2nd highest contributor to runbook blitz
+  how: []
+  why:
+  - pride-in-craft
+  - pride-for-others
+- when: 2023
+  what: when overloaded with ops, told team and offloaded + handed off threads
+  how: []
+  why:
+  - pride-in-craft
+- when: 2023
+  what: fairness for rems; if attempt to use N threads per box, defer to low prio queue
+  how: []
+  why:
+  - pride-in-craft
+  - scalability
+- when: 2023
+  what: |
+    interactive cicd tutorial with dpie so they could execute side-by-side
+   * not my fault they didnt
+  how: []
+  why:
+  - pride-for-others
+  - scalability
+- when: 2023
+  what: chaos test gameday to train new teammate oncall
+  how: []
+  why:
+  - pride-in-craft
+- when: 2023
+  what: |
+    Couchbase-aggedon
+   * i told 'em how to patch that shit motherfuckers are usual
+   * i go to office because that team insists
+   * i stop 'em from terminating early many times
+      * a hash means we dont need to check, right?
+      * ive got a script it's good enough i wrote it
+      * ive got v2 of my script it's good enough i wrote it
+      * this is a lotta pain, we should give up
+   * taught 8 teammates how to sed/grep/script/bash
+   * delegating threads; spiking accesslogs, spiking redis dumps, spiking couchbase backup/restore
+   * discovered bugs that meant some threads were not viable
+   * reduced problem to safest state for round 1, next safest for round 2, ...
+  how: []
+  why:
+  - pride-in-craft
+- when: 2023
+  what: BoQ final
+  how: []
+  why:
+  - scalability
+- when: 2023
+  what: generic datastore customers could opt into us doing stateramp for them in GENI if they set jwts
+  how: []
+  why:
+  - pride-in-craft
+  - scalability
+- when: 2023
+  what: REMS /partitions, /entrypoints for TS to parallel data load via index scan+hash live vs. keithc INSISTED on not live :eye_roll:
+  how: []
+  why:
+  - pride-in-craft
+  - scalability
+- when: 2023
+  what: proposed AtlasQMP as bugfixed singleton, parallelized nomad, or lambda cost and speed and devcost and deliverytime
+  how: []
+  why:
+  - pride-in-craft
+  - scalability
+- when: 2023
+  what: response-files split from library-files so we can move to our own database without sideaffect
+  how: []
+  why:
+  - scalability
+  - pride-in-craft
+- when: 2023
+  what: |
+    challenge; q2/q3 planning without knowing what medical leave teammate would do
+   * 1. offboard what mattered that he was doing
+   * 2. ask him repeatedly to offboard early and ask for updates how it's going
+   * 3. guess things he really wants and assume he won't be here for forseeable future even if he does return
+   * coordinate with mathis on expectations upon his return
+  how: []
+  why:
+  - pride-for-others
+- when: 2023
+  what: |
+    REMS vs Translations
+   * Translatsions gets 500 rows from AE without translations and translates those
+      * prone to eventual consistency, blocks, brand deprioritizing, random bugs
+   * REMS got a backlog so we told them first
+      * and we bumped over and over for them to look
+         * and it escalated to a snafu
+      * root cause was squishing taking 90% of our cpu on this backlog of repeat work so sync squishing expedited to full release
+   * REMS emit a bug to TS that missed edits, so Translatsions kept re-translating what REMS perceived to be no-ops
+  how: []
+  why:
+  - pride-in-craft
+- when: 2023
+  what: insist on oncall covers during stressful weeks, high effort windows, and okr release time
+  how: []
+  why:
+  - role-model-dad
+  - pride-in-craft
+- when: 2023
+  what: still SME on mongo backups and use-case-specific performance optimization
+  how: []
+  why:
+  - pride-in-craft
+  - scalability
+- when: 2023
+  what: more E2E tests on previously E2E test free repos because old mentee sahithig didn't feel comfortable joining the team fearing she's break stuff
+  how: []
+  why:
+  - pride-in-craft
+  - scalability
+  - pride-for-others
+- when: 2023
+  what: navigated a teammate getting exported to a team he didnt want to join AND later getting exported from that team and almost someone else getting exported too
+  how: []
+  why:
+  - pride-in-craft
+  - role-model-dad
+- when: 2023
+  what: |
+    CSchmalzle
+   * burnt out in q1 from too many projects in-flight
+      * bi-weekly "are you closing stuff?"
+      * daily "yaknow that 2 day thing? is it done? when will it be done? what do we need to do to ship it?" for 2 months
+      * insisted he pick things to handoff and we got 2 from him
+   * released a lotta stuff untested and broken and i doubled back to fix it
+      * entire team adds quality as key result
+   * terrible mr of copy-pasting + 2k lines of code
+      * "learn2git"
+      * multi-mr
+      * refactors separate
+   * wants to release his mass changes that include customer-facing system behavior changes because "we'll be more correct"
+      * and lots of support to remediate kanban
+      * and i say NO u fok
+  how: []
+  why:
+  - pride-for-others
+  - scalability
+- when: 2023
+  what: i get team approval on a design to stop not-deleting customer data, they say we should fix at system level, so I spike and prove system level, just for other team to nope.avi out (REMS MoM delete)
+  how: []
+  why:
+  - pride-in-craft
+- when: 2023
+  what: |
+    XMD Contact Consolidation Consumer
+   * "read our kafka topic like this and call your apis with it"
+   * ezpz BUT i dont wanna own your business logic by proxy
+   * "but our manager said you would, and something about throttling"
+   * handle our 429s and you'll be k
+   * "but our manager..."
+   * ...3 weeks later...
+   * listen here m8, u guys own your own 1 write per second shit, ya hear?
+   * "we didnt even want that, y'all just took 2 years to get back to us >:("
+   * o
+  how: []
+  why:
+  - pride-in-craft
+- when: 2023
+  what: test everything; atlas qmp canary from ignored to release blocking via librdkafka configs, sleep deletions
+  how: []
+  why:
+  - pride-in-craft
+- when: 2023
+  what: test everything; atlas data loader first e2e test
+  how: []
+  why:
+  - pride-in-craft
+- when: 2023
+  what: test everything; block dev if merging release isn't noop
+  how: []
+  why:
+  - scalability
+- when: 2023
+  what: test everything; legacy responses first e2e test
+  how: []
+  why:
+  - scalability
+- when: 2023
+  what: test everything; except don't; response-files keepalives cross-dc would expire and break response-files allocs permanently, so tests couldn't pass to release fix
+  how: []
+  why:
+  - pride-in-craft
+- when: 2023
+  what: test everything; our tests found FSCS outages and then FSCS team found they had no visibility
+  how: []
+  why:
+  - pride-in-craft
+- when: 2023
+  what: test everything; janus cruddy e2e tests
+  how: []
+  why:
+  - pride-for-others
+- when: 2023
+  what: high availability; 2 instances of singleton with distributed lock as cheap and good enough path forward
+  how: []
+  why:
+  - pride-in-craft
+  - scalability
+- when: 2023
+  what: designed rems mom deleting parallel with atlas, proposed drs team fixes it and impacted team volume, got deferred indefinitely and solved the same problem yet again but for rems mom
+  how: []
+  why:
+  - pride-in-craft
+  - scalability
+- when: 2022
+  what: feedback; told sean implying we should spend QED time on ops work is against the spirit of QED time but he is an authority figure and makes it uncomfortable not to
+- when: 2022
+  what: feedback; when i needed to ask michaelp for a remote exception, i had to share i was hesistant because he made possibly leaving engineers sound ostracized and ejected immediately

cv/concerns.yaml

@@ -0,0 +1,87 @@
+- what: ''
+  priority: low
+  who: []
+- what: 'why are you hiring?'
+  priority: high
+  who: ['recruiter', 'manager']
+- what: 'why have you stayed?'
+  priority: high
+  who: ['recruiter', 'dev', 'manager']
+- what: 'what type of people are successful here?'
+  priority: high
+  who: ['recruiter', 'dev', 'manager']
+- what: 'what is 401k?'
+  priority: high
+  who: ['recruiter']
+- what: 'how is on-call?'
+  priority: high
+  who: ['dev']
+- what: 'tell me about incidents: remediation and reflection'
+  priority: high
+  who: ['dev', 'manager']
+- what: 'what does feedback look like?'
+  priority: high
+  who: ['dev', 'manager']
+- what: '6 month plan? 2 year plan?'
+  priority: high
+  who: ['dev', 'manager']
+- what: 'how is tech debt handled?'
+  priority: high
+  who: ['dev', 'manager']
+- what: 'how is a deadline failure handled?'
+  priority: high
+  who: ['dev', 'manager']
+- what: 'open source stance'
+  priority: high
+  who: ['dev', 'manager']
+- what: 'what has the team worked on recently?'
+  priority: med
+  who: ['dev']
+- what: 'what is the decision making process, like for a project?'
+  priority: med
+  who: ['dev']
+- what: 'what does testing look like'
+  priority: med
+  who: ['dev']
+- what: 'what is the role of r&d?'
+  priority: med
+  who: ['recruiter', 'dev', 'manager']
+- what: 'tell me the release process'
+  priority: med
+  who: ['dev']
+- what: 'how is burnout handled?'
+  priority: med
+  who: ['dev', 'manager']
+- what: 'what career paths are there? IC vs manager?'
+  priority: low
+  who: ['recruiter', 'manager']
+- what: 'what does taking time off look like? what does taking sick days look like?'
+  priority: low
+  who: ['recruiter', 'dev', 'manager']
+- what: 'opinion on employees learning?'
+  priority: low
+  who: ['recruiter', 'dev']
+- what: 'you all ever do hackathons?'
+  priority: low
+  who: ['dev', 'manager']
+- what: 'if there is a staging environment, then how does it differ from prod?'
+  priority: low
+  who: ['dev', 'manager']
+- what: 'is the company profitable? projected to be?'
+  priority: low
+  who: ['manager']
+- what: 'how will the company culture scale? what do you want to retain vs grow?'
+  priority: low
+  who: ['recruiter', 'manager']
+- what: 'is there unpaid time off?'
+  priority: low
+  who: ['recruiter']
+- what: 'what separates you from competitor?'
+  priority: low
+  who: ['recruiter', 'manager']
+- what: 'when an employee suffers burn out, what do you want their experience to be?'
+  priority: low
+  who: ['manager']
+- what: 'what is your WHY?'
+  priority: low
+  who: ['manager']

cv/pick_n.sh

@@ -0,0 +1,7 @@
+#! /bin/bash
+cd "$(dirname "$(realpath "$BASH_SOURCE")")"
+cat ./20* \
+| gojq -c --yaml-input '.[] | [.grade, (.quantity | length), .]' \
+| sort \
+| head -n ${1:-${N:-15}} \
+| $(which jq) -c

cv/prompts.yaml

@@ -0,0 +1,8 @@
+- topic: resume wording
+  src: https://www.linkedin.com/posts/thedanielbotero_use-these-chatgpt-prompts-if-you-want-to-activity-7119669945298284546-q1DA/?utm_source=share&utm_medium=member_desktop
+  prompt: |
+    Review my current resume and suggest improvements to ensure it is error-free, precise, and effectively communicates my skill, expertise, and experience. Provide feedback on the structure, including formatting and layout, and avoid any kind of personal opinions or preferences or biases.
+- topic: LinkedIn profile headline
+  src: https://www.linkedin.com/posts/thedanielbotero_use-these-chatgpt-prompts-if-you-want-to-activity-7119669945298284546-q1DA/?utm_source=share&utm_medium=member_desktop
+  prompt: |
+    I work in Software Development as a Senior Software Engineer. Can you help me in creating a headline that will catch the interest of recruiters and possible employers?

cv/rendered.sh

@@ -0,0 +1,10 @@
+#! /bin/bash
+cd "$(dirname "$(realpath "$BASH_SOURCE")")"
+cat 2* \
+| gojq -c --yaml-input '.[] | {when: .when, s: .rendered}' \
+| grep -v null \
+| grep -v '""' \
+| $(which jq) -r -c . \
+| sort \
+| $(which jq) -s 'group_by(.when) | map({key: (.[0].when | tostring), value: [.[] | .s]}) | from_entries' \
+| gojq --yaml-output

deploy.firebase.sh

@@ -4,13 +4,14 @@ set -o pipefail
 set -e
 set -u
 
-if tty && ! which firebase; then
+cd src
-   f="$(mktemp)"
+
-   wget https://firebase.tools -O - > "$f"
+if which vale; then
-   export upgrade=true
+   f=$(mktemp)
-   sudo bash "$f"
+   cp homebrew/homebrew.yaml $f
+   vale sync
+   vale $f || true
 fi
-which firebase
 
 outdir=$(mktemp -d)
 cleanup() {
@@ -20,19 +21,76 @@ trap cleanup EXIT
 
 rm -rf $outdir
 mkdir -p $outdir/public
-cp ./open-resume.com.d/resume.html.2 $outdir/public/index.html
+cp homebrew/homebrew.html $outdir/public/index.html
-cp ./open-resume.com.d/resume.pdf $outdir/public/BreeLaPointeResume.pdf
+cp -r ./homebrew/fonts $outdir/public/
-cp -r ./open-resume.com.d/fonts $outdir/public/
+cp homebrew/homebrew.pdf $outdir/public/BreeLaPointeResume.pdf
+ls $outdir/public/BreeLaPointeResume.pdf
 
-cp -r ./firebase.json ./.firebaserc ./.firebase $outdir/
+(
+   if ! which woff2_compress; then
+      sudo apt -y install woff2
+   fi
+   set -ueo pipefail
+   for f in "$outdir"/public/fonts/*.ttf; do
+      echo ttf to woff2 for "$f"
+      if [ -f "$f" ]; then
+         woff2_compress "$f"
+         rm "$f"
+      fi
+      basename_f="${f##*/}"
+      find "$outdir/public" -type f | grep -v public.fonts | while read -r f2; do
+         sed -i "s#$basename_f#${basename_f%.ttf}.woff2#g" "$f2"
+      done
+      echo asserting no $basename_f
+      ! grep -R "$basename_f" "$outdir/public"
+      echo asserting ${basename_f%.ttf}.woff2
+      grep -R "${basename_f%.ttf}.woff2" "$outdir/public"
+   done
+   find "$outdir/public" -type f | grep -v public.fonts | while read -r f; do
+      sed -i 's#type="font/ttf"#type="font/woff2"#g' "$f"
+   done
+   du -sh "$outdir/public/fonts/"*
+)
+
+if tty && ! which firebase; then
+   f="$(mktemp)"
+   wget https://firebase.tools -O - > "$f"
+   export upgrade=true
+   sudo bash "$f"
+fi
+which firebase
+cp -r ../firebase.json ../.firebaserc ../.firebase $outdir/
 sed -i "s#deploy/public#public#" $outdir/firebase.json
 cd $outdir
 
-echo firebase uses squeaky2x3@gmail.com
+(
-! tty || firebase login
+   set -ueo pipefail
-echo firebase init
+   if [ -n "$GITLAB_PAT" ]; then
-args=()
+      export HOME="$(mktemp -d)"
-if ! tty; then
+      git clone https://gitlab%40breel.dev:"$GITLAB_PAT"@gitlab.com/breel/resume.git gitlab-resume.d
-   args+=("--token" "$1")
+      git config --global user.name "gitlab@breel.dev"
-fi
+      git config --global user.email "gitlab@breel.dev"
-firebase deploy "${args[@]}"
+      rm -rf ./gitlab-resume.d/*
+      cp -r ./public/* ./gitlab-resume.d/
+      cd ./gitlab-resume.d/
+      git add -A :/
+      git commit -m "$(date -u +%Y-%m-%dT%H:%M:%S)"
+      git push origin main
+   fi
+) || true
+
+(
+   set -ueo pipefail
+   echo firebase uses squeaky2x3@gmail.com
+   ! tty || firebase login
+   echo firebase init
+   args=()
+   log_args=()
+   if ! tty; then
+      args+=("--token" "$FIREBASE_CI_TOKEN")
+      log_args+=("--token" "${FIREBASE_CI_TOKEN:0:1}")
+      test "${FIREBASE_CI_TOKEN:0:1}" != "$"
+   fi
+   echo firebase deploy "${log_args[@]}"
+   firebase deploy "${args[@]}"
+)

headless_homebrew_pdf.sh

@@ -0,0 +1,43 @@
+#! /bin/sh
+
+set -o pipefail
+set -e
+set -u
+
+cd src
+
+echo PRINTING PDF
+echo ...which google
+bin=google-chrome-stable
+if ! which $bin; then
+   bin=chromium
+fi
+which $bin
+if ! which miniserve; then
+   wget -O $GOPATH/bin/miniserve https://github.com/svenstaro/miniserve/releases/download/v0.24.0/miniserve-0.24.0-x86_64-unknown-linux-musl
+   chmod +x $GOPATH/bin/miniserve
+fi
+which miniserve
+miniserve -p 58080 ./homebrew/ &
+pid=${!}
+until curl localhost:58080; do sleep 5; done
+$bin \
+   --no-sandbox \
+   --headless \
+   --disable-gpu \
+   --print-to-pdf=./homebrew/homebrew.pdf \
+   --run-all-compositor-stages-before-draw \
+   --no-pdf-header-footer \
+   http://localhost:58080/homebrew.html
+get_state() {
+   cksum ./homebrew/homebrew.pdf | awk '{print $1}'
+}
+state=$(get_state)
+while true; do
+   sleep 5
+   if [ "$state" == "$(get_state)" ]; then
+      break
+   fi
+done
+kill $pid || true
+echo

homebrew.html

@@ -1,55 +0,0 @@
-<html>
-  <header>
-  </header>
-  <body>
-    <div name="name">
-      <h1>Bree LaPointe </h1>
-      <h4>Senior Software Engineer</h4>
-    </div>
-    <div name="contact">
-      
-        <div style="display: inline-block">
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 13pt; height: 13pt; fill: rgb(82, 82, 82);"><path d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"></path></svg>
-          <a href="mailto:contact@blapointe.com">contact@blapointe.com</a>
-        </div>
-      
-        <div style="display: inline-block">
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 13pt; height: 13pt; fill: rgb(82, 82, 82);"><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"></path></svg>
-          <a href="tel:3367016159">(336) 701 - 6159</a>
-        </div>
-      
-        <div style="display: inline-block">
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 13pt; height: 13pt; fill: rgb(82, 82, 82);"><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"></path></svg>
-          <a href="<no value>">Provo, UT</a>
-        </div>
-      
-        <div style="display: inline-block">
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 13pt; height: 13pt; fill: rgb(82, 82, 82);"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg>
-          <a href="https://linkedin.com/in/lapoba16">linkedin.com/in/lapoba16</a>
-        </div>
-      
-      
-        <div>
-        map[title:Skills what:[Languages: Golang, Bash, Python3 Platforms: Docker, Hashicorp, Linux/Unix, AWS, Jenkins, REST, Microservices, Git Datastores: MongoDB, Redis, S3, Couchbase, DynamoDB]]
-        </div>
-      
-        <div>
-        map[headings:[map[headings:[map[title:Senior Software Engineer, Team Lead what:[Mentored entry and mid-level engineers on stability, clean code, and distributed systems. Hosted engineering book and white paper clubs for continuous improvement and cross-team experience sharing for 2 years. Recovered 98% of data lost in critical incident via coordinating cross team efforts and dissecting native database operation logs.] when:May 2022 - Present] map[title:Software Engineer II what:[Developed and owned highly available and reliable data storage and operational tooling. Mentored 2 interns, 2 new hires, and 3 mid-level cross team engineers on operational tools, maintainable software, and career development. Genericized AWS asset management tooling ahead of company-wide mass migration initiative. Championed disaster recovery by supporting training runs with documentation, tools, and live support across teams and enforced continuous compliance for 17 database clusters with monitoring and alerting. Lent expertise owning MongoDB across teams by advising on configuration and data models and genericizing disaster recovery tooling for 21 teams.] when:Oct 2019 - May 2022] map[title:Software Engineer I what:[Automated no-downtime system patching for 30 services and 25 database clusters by creating a modular and testable scripting framework. Raised backend service's availability to 99.99% and reduced hardware costs by 40% by selecting, training team on, and live migrating to a different datastore.] when:Feb 2018 - Oct 2019]] title:Qualtrics]] title:Work Experience]
-        </div>
-      
-        <div>
-        map[headings:[map[title:Wake Forest University what:[Master of Science in Computer Science - 3.88/4.00] when:Dec 2017] map[title:High Point University what:[Bachelor of Arts in Computer Science - 3.91/4.00] when:Dec 2015]] title:Education]
-        </div>
-      
-        <div>
-        map[headings:[map[title:Arabidopsis thaliana computationally-generated next-state gene interaction models what:[Refactored to correct bugs and improve efficiency by orders of magnitude] when:Jun 2018]] title:Publications]
-        </div>
-      
-    </div>
-    <div name="headings">
-    </div>
-  </body>
-  <footer>
-  </footer>
-</html>
-

homebrew.sh

@@ -1,16 +0,0 @@
-#! /bin/bash
-
-if ! which tpl; then
-   go install github.com/bluebrown/go-template-cli/cmd/tpl@latest
-fi &> /dev/null
-if ! which gojq; then
-   go install github.com/itchyny/gojq@latest
-fi &> /dev/null
-
-while sleep 1; do
-   clear
-   cat ./homebrew.yaml \
-   | gojq --yaml-input . \
-   | tpl --file homebrew.tmpl \
-   | tee ./homebrew.html
-done

homebrew.tmpl

@@ -1,27 +0,0 @@
-<html>
-  <header>
-  </header>
-  <body>
-    <div name="name">
-      <h1>{{ range .resume.name }}{{ . }} {{ end }}</h1>
-      <h4>{{ .resume.title }}</h4>
-    </div>
-    <div name="contact">
-      {{ range .resume.contact.links }}
-        <div style="display: inline-block">
-          {{ .svg }}
-          <a href="{{ .link }}">{{ .text }}</a>
-        </div>
-      {{ end }}
-      {{ range .resume.headings }}
-        <div>
-        {{ . }}
-        </div>
-      {{ end }}
-    </div>
-    <div name="headings">
-    </div>
-  </body>
-  <footer>
-  </footer>
-</html>

homebrew.yaml

@@ -1,63 +0,0 @@
-resume:
-  name:
-  - Bree
-  - LaPointe
-  title: 'Senior Software Engineer'
-  contact:
-   links:
-   - text: contact@blapointe.com
-     link: mailto:contact@blapointe.com
-     svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 13pt; height: 13pt; fill: rgb(82, 82, 82);"><path d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"></path></svg>'
-   - text: (336) 701 - 6159
-     link: tel:3367016159
-     svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 13pt; height: 13pt; fill: rgb(82, 82, 82);"><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"></path></svg>'
-   - text: Provo, UT
-     svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 13pt; height: 13pt; fill: rgb(82, 82, 82);"><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"></path></svg>'
-   - text: linkedin.com/in/lapoba16
-     link: https://linkedin.com/in/lapoba16
-     svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 13pt; height: 13pt; fill: rgb(82, 82, 82);"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg>'
-  headings:
-  - title: Skills
-    what:
-    - 'Languages: Golang, Bash, Python3'
-    - 'Platforms: Docker, Hashicorp, Linux/Unix, AWS, Jenkins, REST, Microservices, Git'
-    - 'Datastores: MongoDB, Redis, S3, Couchbase, DynamoDB'
-  - title: Work Experience
-    headings:
-    - title: Qualtrics
-      headings:
-      - title: Senior Software Engineer, Team Lead
-        when: May 2022 - Present
-        what:
-        - Mentored entry and mid-level engineers on stability, clean code, and distributed systems.
-        - Hosted engineering book and white paper clubs for continuous improvement and cross-team experience sharing for 2 years.
-        - Recovered 98% of data lost in critical incident via coordinating cross team efforts and dissecting native database operation logs.
-      - title: Software Engineer II
-        when: Oct 2019 - May 2022
-        what:
-        - Developed and owned highly available and reliable data storage and operational tooling.
-        - Mentored 2 interns, 2 new hires, and 3 mid-level cross team engineers on operational tools, maintainable software, and career development.
-        - Genericized AWS asset management tooling ahead of company-wide mass migration initiative.
-        - Championed disaster recovery by supporting training runs with documentation, tools, and live support across teams and enforced continuous compliance for 17 database clusters with monitoring and alerting.
-        - Lent expertise owning MongoDB across teams by advising on configuration and data models and genericizing disaster recovery tooling for 21 teams.
-      - title: Software Engineer I
-        when: Feb 2018 - Oct 2019
-        what:
-        - Automated no-downtime system patching for 30 services and 25 database clusters by creating a modular and testable scripting framework.
-        - Raised backend service's availability to 99.99% and reduced hardware costs by 40% by selecting, training team on, and live migrating to a different datastore.
-  - title: Education
-    headings:
-    - title: Wake Forest University
-      when: Dec 2017
-      what:
-      - Master of Science in Computer Science - 3.88/4.00
-    - title: High Point University
-      when: Dec 2015
-      what:
-      - Bachelor of Arts in Computer Science - 3.91/4.00
-  - title: Publications
-    headings:
-    - title: Arabidopsis thaliana computationally-generated next-state gene interaction models
-      when: Jun 2018
-      what:
-      - Refactored to correct bugs and improve efficiency by orders of magnitude

json-resume/build.sh

@@ -1,101 +0,0 @@
-#! /bin/bash
-
-main() {
-   log flags...
-   flags "$@"
-   log install...
-   install
-   log build...
-   build
-}
-
-flags() {
-   set -e
-
-   export THEMES="${1:-"${THEME:-"${THEMES:-"onepage"}"}"}"
-   export PAGE_SIZE="${PAGE_SIZE:-A4}"
-
-   if [ "$THEMES" == "all" ]; then
-      export THEMES="jsonresume-theme-ace","jsonresume-theme-actual","jsonresume-theme-apage","jsonresume-theme-autumn","jsonresume-theme-caffeine","jsonresume-theme-class","jsonresume-theme-classy","jsonresume-theme-cora","jsonresume-theme-dave","jsonresume-theme-elegant","jsonresume-theme-elite","jsonresume-theme-eloquent","jsonresume-theme-even","jsonresume-theme-flat","jsonresume-theme-flat-fr","jsonresume-theme-full","jsonresume-theme-github","jsonresume-theme-jacrys","jsonresume-theme-kards","jsonresume-theme-keloran","jsonresume-theme-kendall","jsonresume-theme-kwan","jsonresume-theme-kwan-linkedin","jsonresume-theme-latex","jsonresume-theme-macchiato","jsonresume-theme-mantra","jsonresume-theme-mocha-responsive","jsonresume-theme-modern","jsonresume-theme-msresume","jsonresume-theme-onepage","jsonresume-theme-onepageresume","jsonresume-theme-orbit","jsonresume-theme-paper","jsonresume-theme-paper-plus-plus","jsonresume-theme-papirus","jsonresume-theme-pumpkin","jsonresume-theme-rocketspacer","jsonresume-theme-short","jsonresume-theme-simple-red","jsonresume-theme-slick","jsonresume-theme-spartan","jsonresume-theme-srt","jsonresume-theme-stackoverflow","jsonresume-theme-standard-resume","jsonresume-theme-tachyons-clean","jsonresume-theme-tan-responsive","jsonresume-theme-techlead","jsonresume-theme-verbum","jsonresume-theme-wraypro"
-      export THEMES="${THEMES//jsonresume-theme-/}"
-   fi
-}
-
-install() {
-   install_cli
-   install_themes
-
-   if ! which wkhtmltopdf &> /dev/null; then
-      log installing wkhtmltopdf
-      local d=$(mktemp -d)
-      apt -y install xfonts-75dpi
-      wget https://github.com/wkhtmltopdf/packaging/releases/download/0.12.6-1/wkhtmltox_0.12.6-1.focal_amd64.deb -O "$d/wkhtmltox.deb"
-      if ! dpkg -i "$d/wkhtmltox.deb"; then
-         apt-get -f install
-         dpkg -i "$d/wkhtmltox.deb"
-      fi
-      rm -rf "$d"
-   fi
-}
-
-install_cli() {
-   if which resume &> /dev/null; then
-      return
-   fi
-
-   _npm install -g resume-cli
-   which resume
-}
-
-install_themes() {
-   for theme in ${THEMES//,/ }; do
-      if [ -d node_modules/jsonresume-theme-$theme ]; then
-         return
-      fi
-      log installing theme $theme
-      if ! _npm install jsonresume-theme-$theme; then
-         log failed
-         export THEMES="${THEMES//,$theme,/,}"
-      else
-         log ok
-      fi
-   done
-}
-
-build() {
-   if ! [ -f ./resume.json ]; then
-      resume init
-   fi
-
-   for theme in ${THEMES//,/ }; do
-      THEME=$theme build_theme
-   done
-}
-
-build_theme() {
-   log building theme $THEME
-
-   (
-      resume validate
-      mkdir -p ./out
-      resume export ./out/resume.$THEME.html --theme $THEME || true
-      if [ -f ./out/resume.$THEME.html ]; then
-         wkhtmltopdf --page-size $PAGE_SIZE ./out/resume.$THEME.html ./out/resume.$THEME.pdf
-      fi
-   ) || true
-}
-
-_npm() {
-   which npm || exit 1
-   echo "> $(which npm) "$@"" >&2
-   $(which npm) "$@"
-}
-
-
-log() {
-   echo "$(date) > $*" >&2
-}
-
-if [ "$0" == "$BASH_SOURCE" ]; then
-   main "$@"
-fi

json-resume/package-lock.json

@@ -1,208 +0,0 @@
-{
-  "name": "json-resume",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "dependencies": {
-        "jsonresume-theme-flat": "^0.3.7",
-        "jsonresume-theme-full": "^0.0.4",
-        "jsonresume-theme-onepage": "^0.0.3",
-        "jsonresume-theme-riga": "^1.0.16",
-        "jsonresume-theme-short": "^0.1.7"
-      }
-    },
-    "node_modules/amdefine": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
-      "integrity": "sha512-S2Hw0TtNkMJhIabBwIojKL9YHO5T0n5eNqWJ7Lrlel/zDbftQpxpapi8tZs3X1HWa+u+QeydGmzzNU0m09+Rcg==",
-      "optional": true,
-      "engines": {
-        "node": ">=0.4.2"
-      }
-    },
-    "node_modules/async": {
-      "version": "0.2.10",
-      "resolved": "https://registry.npmjs.org/async/-/async-0.2.10.tgz",
-      "integrity": "sha512-eAkdoKxU6/LkKDBzLpT+t6Ff5EtfSF4wx1WfJiPEEV7WNLnDaRXk0oVysiEPm262roaachGexwUv94WhSgN5TQ==",
-      "optional": true
-    },
-    "node_modules/atob": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
-      "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
-      "bin": {
-        "atob": "bin/atob.js"
-      },
-      "engines": {
-        "node": ">= 4.5.0"
-      }
-    },
-    "node_modules/css": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/css/-/css-2.2.4.tgz",
-      "integrity": "sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==",
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "source-map": "^0.6.1",
-        "source-map-resolve": "^0.5.2",
-        "urix": "^0.1.0"
-      }
-    },
-    "node_modules/css/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/decode-uri-component": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
-      "integrity": "sha512-hjf+xovcEn31w/EUYdTXQh/8smFL/dzYjohQGEIgjyNavaJfBY2p5F527Bo1VPATxv0VYTUC2bOcXvqFwk78Og==",
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/handlebars": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-2.0.0.tgz",
-      "integrity": "sha512-OdfkaA0M8qGD5EJBkMw3TpguSWl6lz94jdyVmYs5e4TpwepZJ35Y5XlchsIwcN7NP/yzNa3MJYd/dRTO7Nf/fg==",
-      "dependencies": {
-        "optimist": "~0.3"
-      },
-      "bin": {
-        "handlebars": "bin/handlebars"
-      },
-      "engines": {
-        "node": ">=0.4.7"
-      },
-      "optionalDependencies": {
-        "uglify-js": "~2.3"
-      }
-    },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
-    },
-    "node_modules/jsonresume-theme-flat": {
-      "version": "0.3.7",
-      "resolved": "https://registry.npmjs.org/jsonresume-theme-flat/-/jsonresume-theme-flat-0.3.7.tgz",
-      "integrity": "sha512-sdDkJdmMR4hqV/z/acBQCEWmzUlmsg74F97+aeH7KMhRRipB7j8GO2XKZxK9Zb+lh3ewZ7kmlo5/AX+mvTYcig==",
-      "dependencies": {
-        "handlebars": "^2.0.0-alpha.4"
-      }
-    },
-    "node_modules/jsonresume-theme-full": {
-      "version": "0.0.4",
-      "resolved": "https://registry.npmjs.org/jsonresume-theme-full/-/jsonresume-theme-full-0.0.4.tgz",
-      "integrity": "sha512-C5Mr7Ttao9H9bff77Z8UT4XIYPnjHSjpQXZSMupOVXpqaQeOj+zdrh+KxRYE7J+JJUWrolFINaeNXyCN8+pZgg==",
-      "dependencies": {
-        "handlebars": "^2.0.0-alpha.4"
-      }
-    },
-    "node_modules/jsonresume-theme-onepage": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/jsonresume-theme-onepage/-/jsonresume-theme-onepage-0.0.3.tgz",
-      "integrity": "sha512-hfiSUbHHoWJkRxcYe5/bSZxZRmg3DAIBFgxnGOZXFzuytqxpzb9sTfI5fQ+0FNAxfsAcYVOFw0tMpzD6QNO53Q==",
-      "dependencies": {
-        "css": "2.2.x",
-        "handlebars": "^2.0.0-alpha.4"
-      }
-    },
-    "node_modules/jsonresume-theme-riga": {
-      "version": "1.0.16",
-      "resolved": "https://registry.npmjs.org/jsonresume-theme-riga/-/jsonresume-theme-riga-1.0.16.tgz",
-      "integrity": "sha512-CKWd/g+CLBSfoSdQ/kXcvxauzcjTuY3i5NCDP2xTg+cQlxEv0Du729hVXz0V9CynesIYqcJQr+vt5b3zvm7Q4A==",
-      "dependencies": {
-        "handlebars": "^2.0.0"
-      }
-    },
-    "node_modules/jsonresume-theme-short": {
-      "version": "0.1.7",
-      "resolved": "https://registry.npmjs.org/jsonresume-theme-short/-/jsonresume-theme-short-0.1.7.tgz",
-      "integrity": "sha512-ZEuXWAAh9T0nPrCjJLlGUL8QbCYJAEfF3XheQ2elMGolDZpSz1nY5TPJxoMSyIBurKNs9gdQFh+cD42wySH5gg==",
-      "dependencies": {
-        "handlebars": "^2.0.0-alpha.4"
-      }
-    },
-    "node_modules/optimist": {
-      "version": "0.3.7",
-      "resolved": "https://registry.npmjs.org/optimist/-/optimist-0.3.7.tgz",
-      "integrity": "sha512-TCx0dXQzVtSCg2OgY/bO9hjM9cV4XYx09TVK+s3+FhkjT6LovsLe+pPMzpWf+6yXK/hUizs2gUoTw3jHM0VaTQ==",
-      "dependencies": {
-        "wordwrap": "~0.0.2"
-      }
-    },
-    "node_modules/resolve-url": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
-      "integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==",
-      "deprecated": "https://github.com/lydell/resolve-url#deprecated"
-    },
-    "node_modules/source-map": {
-      "version": "0.1.43",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.1.43.tgz",
-      "integrity": "sha512-VtCvB9SIQhk3aF6h+N85EaqIaBFIAfZ9Cu+NJHHVvc8BbEcnvDcFw6sqQ2dQrT6SlOrZq3tIvyD9+EGq/lJryQ==",
-      "optional": true,
-      "dependencies": {
-        "amdefine": ">=0.0.4"
-      },
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/source-map-resolve": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
-      "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
-      "deprecated": "See https://github.com/lydell/source-map-resolve#deprecated",
-      "dependencies": {
-        "atob": "^2.1.2",
-        "decode-uri-component": "^0.2.0",
-        "resolve-url": "^0.2.1",
-        "source-map-url": "^0.4.0",
-        "urix": "^0.1.0"
-      }
-    },
-    "node_modules/source-map-url": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
-      "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
-      "deprecated": "See https://github.com/lydell/source-map-url#deprecated"
-    },
-    "node_modules/uglify-js": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-2.3.6.tgz",
-      "integrity": "sha512-T2LWWydxf5+Btpb0S/Gg/yKFmYjnX9jtQ4mdN9YRq73BhN21EhU0Dvw3wYDLqd3TooGUJlCKf3Gfyjjy/RTcWA==",
-      "optional": true,
-      "dependencies": {
-        "async": "~0.2.6",
-        "optimist": "~0.3.5",
-        "source-map": "~0.1.7"
-      },
-      "bin": {
-        "uglifyjs": "bin/uglifyjs"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/urix": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
-      "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==",
-      "deprecated": "Please see https://github.com/lydell/urix#deprecated"
-    },
-    "node_modules/wordwrap": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz",
-      "integrity": "sha512-1tMA907+V4QmxV7dbRvb4/8MaRALK6q9Abid3ndMYnbyo8piisCmeONVqVSXqQA3KaP4SLt5b7ud6E2sqP8TFw==",
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    }
-  }
-}

json-resume/package.json

@@ -1,9 +0,0 @@
-{
-  "dependencies": {
-    "jsonresume-theme-flat": "^0.3.7",
-    "jsonresume-theme-full": "^0.0.4",
-    "jsonresume-theme-onepage": "^0.0.3",
-    "jsonresume-theme-riga": "^1.0.16",
-    "jsonresume-theme-short": "^0.1.7"
-  }
-}

json-resume/resume.json

@@ -1,154 +0,0 @@
-{
-  "$schema": "https://raw.githubusercontent.com/jsonresume/resume-schema/v1.0.0/schema.json",
-  "basics": {
-    "name": "Bree LaPointe",
-    "label": "Senior Software Engineer",
-    "picture": "",
-    "email": "contact@blapointe.com",
-    "phone": "(336) 701-6159",
-    "website": "https://blapointe.com",
-    "summary": "",
-    "location": {
-      "city": "Provo",
-      "countryCode": "",
-      "region": "UT"
-    },
-    "profiles": [
-      {
-        "url": "https://blapointe.com"
-      },
-      {
-        "network": "LinkedIn",
-        "username": "lapoba16",
-        "url": "https://www.linkedin.com/in/lapoba16"
-      }
-    ]
-  },
-  "work": [
-    {
-      "company": "Qualtrics",
-      "position": "Senior Software Engineer, Team Lead",
-      "website": "https://www.qualtrics.com",
-      "startDate": "May 2022",
-      "endDate": "Present",
-      "summary": "",
-      "details": [
-        {"text": "Mentored entry to mid-level engineers on stability, clean code, and distributed systems as team lead.", "comment": ""},
-        {"text": "Hosted engineering book and white paper clubs for continuous approvement and cross-team experience sharing for 2 years.", "comment": ""},
-        {"text": "Recovered 98% of data lost in critical incident via coordinating cross team efforts and disecting native database operation logs.", "comment": ""}
-      ]
-    },
-    {
-      "company": "Qualtrics",
-      "position": "Software Engineer II",
-      "website": "",
-      "startDate": "Oct 2019",
-      "endDate": "May 2022",
-      "summary": "",
-      "details": [
-        {"text": "Developed and owned highly available and reliable data storage and operational tooling.", "comment": ""},
-        {"text": "Mentored 2 interns, 2 new hires, and 3 mid-level cross team engineers on operational tools, maintainable software, and career development."},
-        {"text": "Led genericized AWS asset management tooling ahead of company-wide mass migration initiative."},
-        {"text": "Championed disaster recovery by supporting training runs with documentation, tools, and live support across teams and enforced continuous compliance for 17 database clusters with monitoring and alerting."},
-        {"text": "Lent expertise owning MongoDB across teams by advising on configuration and data models and genericizing disaster recovery tooling for 21 teams."}
-      ]
-    },
-    {
-      "company": "Qualtrics",
-      "position": "Software Engineer I",
-      "website": "",
-      "startDate": "Feb 2018",
-      "endDate": "Oct 2019",
-      "summary": "",
-      "details": [
-        {"text": "Automated no-downtime system patching for 30 services and 25 database clusters by creating a modular and testable scripting framework.", "comment": ""},
-        {"text": "Increased backend service's availability from 98% to 99.99% and reduced hardware costs by 40% by selecting, training team on, and migrating without service interruption to a different database.", "comment": ""}
-      ]
-    }
-  ],
-  "volunteer": [
-  ],
-  "education": [
-    {
-      "institution": "Wake Forest University",
-      "area": "Computer Science",
-      "studyType": "Master of Science",
-      "startDate": "Jan 2016",
-      "endDate": "Dec 2017",
-      "gpa": "3.88/4.00",
-      "courses": [
-      ]
-    },
-    {
-      "institution": "High Point University",
-      "area": "Computer Science",
-      "studyType": "Bachelor of Arts",
-      "startDate": "Aug 2013",
-      "endDate": "Dec 2015",
-      "gpa": "3.91/4.00",
-      "courses": [
-      ]
-    }
-  ],
-  "awards": [
-  ],
-  "publications": [
-    {
-      "name": "Arabidopsis thaliana computationally-generated next-state gene interaction models",
-      "publisher": "",
-      "releaseDate": "Jun 2018",
-      "website": "",
-      "summary": "Refactored to correct bugs and improve efficiency by orders of magnitude"
-    }
-  ],
-  "skills": [
-    {
-      "name": "Languages",
-      "details": [
-         {"text":"Go", "comment":"expert"},
-         {"text":"Bash", "comment":"expert"},
-         {"text":"Python3", "comment":"proficient"}
-      ]
-    },
-    {
-      "name": "Platforms",
-      "details": [
-         {"text":"Docker", "comment":"expert"},
-         {"text":"Hashicorp", "comment":"expert"},
-         {"text":"Linux/Unix", "comment":"expert"},
-         {"text":"AWS", "comment":"proficient"},
-         {"text":"Jenkins", "comment":"proficient"},
-         {"text":"REST", "comment":"proficient"},
-         {"text":"Microservice Architecture", "comment":"proficient"},
-         {"text":"Git", "comment":"proficient"}
-      ]
-    },
-    {
-      "name": "Datastores",
-      "details": [
-         {"text":"MongoDB", "comment":"expert"},
-         {"text":"Redis", "comment":"expert"},
-         {"text":"S3", "comment":"expert"},
-         {"text":"Couchbase", "comment":"proficient"},
-         {"text":"DynamoDB", "comment":"proficient"}
-      ]
-    }
-  ],
-  "languages": [
-    {
-      "language": "English",
-      "fluency": "Native speaker"
-    }
-  ],
-  "interests": [
-  ],
-  "references": [
-  ],
-  "projects": [
-  ],
-  "meta": {
-    "canonical": "https://raw.githubusercontent.com/jsonresume/resume-schema/master/resume.json",
-    "version": "v1.0.0",
-    "lastModified": "2017-12-24T15:53:00"
-  }
-}

json-resume/themes/actual.html

@@ -1,363 +0,0 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><style>@charset "UTF-8";
-/* Workaround for 'break-before:avoid' */
-* {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-}
-
-ul, li {
-  margin: 0;
-  padding: 0;
-}
-
-span, q {
-  display: block;
-}
-
-p {
-  margin: 0;
-}
-
-@page {
-  size: A4;
-  margin: 15mm 0 20mm 0;
-}
-@page :first {
-  margin-top: 10mm;
-}
-a {
-  color: #222222;
-  font-weight: inherit;
-  text-decoration: none;
-}
-a[href] {
-  text-decoration: underline;
-  text-decoration-color: #888888;
-}
-
-p, q {
-  line-height: 1.25em;
-}
-
-li {
-  line-height: 1.35em;
-}
-li:first-child {
-  margin-top: 0;
-}
-
-.content {
-  width: 1000px;
-  height: auto;
-  padding: 0 50px;
-  margin: 0 auto;
-  font-family: Helvetica, Arial, sans-serif;
-  color: #222222;
-}
-
-.table {
-  width: 100%;
-  display: table;
-}
-.table .main {
-  display: table-cell;
-  width: 70%;
-  padding-right: 50px;
-}
-.table .side {
-  display: table-cell;
-  width: 30%;
-  padding-left: 50px;
-  text-align: right;
-}
-
-.summary {
-  font-size: 15px;
-}
-.summary:empty {
-  display: none;
-}
-
-.section-title {
-  font-size: 26px;
-  font-weight: normal;
-  margin: 0 0 20px 0;
-}
-
-.margin-container-2:not(:first-child) {
-  margin-top: 20px;
-}
-
-.margin-container-3:not(:first-child) {
-  margin-top: 30px;
-}
-
-.margin-container-4:not(:first-child) {
-  margin-top: 50px;
-}
-
-.padding-container-2 {
-  padding: 20px 0;
-}
-
-.margin-text-1 {
-  margin-top: 2px;
-}
-.margin-text-1:empty {
-  display: none;
-}
-
-.margin-text-2 {
-  margin-top: 4px;
-}
-.margin-text-2:empty {
-  display: none;
-}
-
-.margin-text-3 {
-  margin-top: 6px;
-}
-.margin-text-3:empty {
-  display: none;
-}
-
-.margin-text-4 {
-  margin-top: 8px;
-}
-.margin-text-4:empty {
-  display: none;
-}
-
-.margin-text-5 {
-  margin-top: 14px;
-}
-.margin-text-5:empty {
-  display: none;
-}
-
-.no-break {
-  break-inside: avoid;
-}
-
-.no-alone-1 {
-  break-inside: avoid;
-}
-.no-alone-1::after {
-  content: "";
-  display: block;
-  height: 75px;
-  margin-bottom: -75px;
-}
-
-.no-alone-2 {
-  break-inside: avoid;
-}
-.no-alone-2::after {
-  content: "";
-  display: block;
-  height: 150px;
-  margin-bottom: -150px;
-}
-
-.markdown h1 {
-  font-size: 160%;
-  font-weight: bolder;
-}
-.markdown h2 {
-  font-size: 150%;
-  font-weight: bolder;
-}
-.markdown h3 {
-  font-size: 140%;
-  font-weight: bolder;
-}
-.markdown h4 {
-  font-size: 130%;
-  font-weight: bold;
-}
-.markdown h5 {
-  font-size: 120%;
-  font-weight: bold;
-}
-.markdown h6 {
-  font-size: 110%;
-  font-weight: bold;
-}
-.markdown ul, .markdown ol {
-  margin-left: 20px;
-}
-.markdown img {
-  display: block;
-  margin: 20px auto;
-  max-width: 1000px;
-  text-align: center;
-}
-.markdown blockquote {
-  margin: 20px 0;
-  padding: 15px 20px;
-}
-.markdown blockquote p {
-  display: inline;
-}
-.markdown code {
-  font-family: monospace;
-}
-
-.main .highlights {
-  width: auto;
-  display: block;
-  padding: 0 10px;
-  margin-bottom: 0;
-  columns: 2;
-  column-width: 310px;
-  column-gap: 10px;
-}
-.main .highlights li {
-  font-size: 14px;
-  list-style: none;
-}
-.main .highlights li:before {
-  content: "· ";
-  vertical-align: middle;
-}
-.main .left {
-  display: table-cell;
-}
-.main .left .title {
-  font-size: 18px;
-  font-weight: bold;
-  display: block;
-}
-.main .left .subtitle {
-  font-size: 16px;
-  font-weight: lighter;
-  display: block;
-}
-.main .right {
-  text-align: right;
-  display: table-cell;
-}
-.main .right .date {
-  font-size: 15px;
-  font-weight: lighter;
-  white-space: nowrap;
-}
-
-.basics .main {
-  vertical-align: middle;
-}
-.basics .main .name {
-  font-size: 80px;
-  line-height: 1em;
-  font-weight: bold;
-  display: block;
-  margin-left: -5.6px;
-}
-.basics .main .label {
-  font-size: 40px;
-  line-height: 1em;
-  font-weight: lighter;
-  display: block;
-  margin-left: -1.6px;
-}
-.basics .side {
-  vertical-align: middle;
-  padding-left: 0;
-  padding-top: 15px;
-}
-.basics .side .contact {
-  list-style-type: none;
-}
-.basics .side .contact li {
-  font-size: 18px;
-  line-height: 1.6em;
-}
-
-.links ul {
-  list-style: none;
-}
-.links ul li {
-  font-size: 14px;
-}
-
-.education .title {
-  font-size: 15px;
-}
-.education .institution {
-  font-size: 15px;
-  font-weight: lighter;
-}
-
-.awards .header .title {
-  font-size: 15px;
-}
-.awards .header .awarder {
-  font-size: 15px;
-  font-weight: lighter;
-}
-.awards .summary {
-  font-size: 14px;
-}
-
-.certificates .name {
-  font-size: 15px;
-}
-.certificates .issuer {
-  font-size: 15px;
-  font-weight: lighter;
-}
-
-.skills .section-title {
-  margin: 0;
-}
-.skills .container {
-  display: block;
-  columns: 2;
-  column-gap: 10px;
-}
-.skills .container .article {
-  break-inside: avoid-column;
-  min-width: 120px;
-  padding-top: 20px;
-}
-.skills .container .article span {
-  display: block;
-  font-size: 18px;
-  font-weight: lighter;
-}
-.skills .container .article li {
-  font-size: 14px;
-  list-style: none;
-}
-
-.languages ul {
-  list-style: none;
-}
-.languages ul li {
-  font-size: 14px;
-}
-
-.interests ul {
-  list-style: none;
-}
-.interests ul li {
-  font-size: 14px;
-}
-
-.references .name {
-  font-size: 15px;
-}
-.references q {
-  font-size: 14.5px;
-  font-weight: lighter;
-  font-style: italic;
-}</style><title>Resume Bree LaPointe – Programmer</title></head><body><div class="content"><div class="basics"><div class="table padding-container-2"><div class="main"><span class="name">Bree LaPointe</span><span class="label">Programmer</span></div><div class="side"><ul class="contact"><li>(912) 555-4321</li><li>contact@blapointe.com</li><li class="margin-text-5">San Francisco, California, US</li></ul></div></div><div class="summary markdown padding-container-2"><p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-</div></div><div class="table padding-container-2"><div class="main"><div class="work margin-container-4"><p class="section-title no-alone-2">Experience</p><div class="container"><div class="article margin-container-3"><div class="header no-alone-1"><div class="table"><div class="left"><span class="title">CEO/President</span><span class="subtitle margin-text-1"><a href="http://piedpiper.example.com">Pied Piper</a> · Palo Alto, CA</span></div><div class="right"><span class="date">Dec 2013 - Dec 2014</span></div></div></div><div class="summary markdown margin-text-4"><p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-</div><ul class="highlights margin-text-4 no-break"><li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li><li>Successfully won Techcrunch Disrupt</li><li>Optimized an algorithm that holds the current world record for Weisman Scores</li></ul></div></div></div><div class="projects margin-container-4"><p class="section-title no-alone-2">Projects</p><div class="container"><div class="article margin-container-3"><div class="header no-alone-1"><div class="table"><div class="left"><span class="title">Team lead and Designer</span><span class="subtitle margin-text-1"><a href="missdirection.example.com">Miss Direction</a></span></div><div class="right"><span class="date">Aug 2016 - Aug 2016</span></div></div></div><div class="summary markdown margin-text-4"><p>A mapping engine that misguides you</p>
-</div><ul class="highlights margin-text-4 no-break"><li>Won award at AIHacks 2016</li><li>Built by all women team of newbie programmers</li><li>Using modern technologies such as GoogleMaps, Chrome Extension and Javascript</li></ul></div></div></div><div class="publications margin-container-4"><p class="section-title no-alone-2">Publications</p><div class="container"><div class="article margin-container-3"><div class="header no-alone-1"><div class="table"><div class="left"><span class="title"><a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)">Video compression for 3d media</a></span><span class="subtitle margin-text-1">Hooli</span></div><div class="right"><span class="date">Oct 2014</span></div></div></div><div class="summary markdown margin-text-4"><p>Innovative middle-out compression algorithm that changes the way we store data.</p>
-</div></div></div></div><div class="volunteer margin-container-4"><p class="section-title no-alone-2">Volunteer</p><div class="container"><div class="article margin-container-3"><div class="header no-alone-1"><div class="table"><div class="left"><span class="title">Teacher</span><span class="subtitle margin-text-1"><a href="http://coderdojo.example.com/">CoderDojo</a></span></div><div class="right"><span class="date">Jan 2012 - Jan 2013</span></div></div></div><div class="summary markdown margin-text-4"><p>Global movement of free coding clubs for young people.</p>
-</div><ul class="highlights margin-text-4 no-break"><li>Awarded 'Teacher of the Month'</li></ul></div></div></div></div><div class="side"><div class="skills margin-container-4"><p class="section-title no-alone-1">Skills</p><div class="container"><div class="article no-break"><span>Web Development</span><ul class="margin-text-2"><li>HTML</li><li>CSS</li><li>Javascript</li></ul></div><div class="article no-break"><span>Compression</span><ul class="margin-text-2"><li>Mpeg</li><li>MP4</li><li>GIF</li></ul></div></div></div><div class="education margin-container-4"><p class="section-title no-alone-1">Education</p><div class="container"><div class="article margin-container-2 no-break"><div class="title markdown"><p>Bachelor, Information Technology</p>
-</div><span class="institution margin-text-2"><a href="https://www.ou.edu/">University of Oklahoma</a></span></div></div></div><div class="awards margin-container-4"><p class="section-title no-alone-1">Awards</p><div class="container"><div class="article margin-container-2 no-break"><div class="header"><span class="title">Digital Compression Pioneer Award</span><span class="awarder margin-text-2">Techcrunch</span></div><div class="summary markdown margin-text-3"><p>There is no spoon.</p>
-</div></div></div></div><div class="references margin-container-4"><p class="section-title no-alone-2">References</p><div class="container"><div class="article margin-container-2 no-break"><span class="name">Erlich Bachman</span><q class="margin-text-2">It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.</q></div></div></div><div class="languages margin-container-4 no-break"><p class="section-title no-alone-1">Languages</p><div class="container"><ul><li class="article margin-text-2">English · Native speaker</li></ul></div></div><div class="interests margin-container-4 no-break"><p class="section-title no-alone-1">Interests</p><div class="container"><ul><li class="article margin-text-2">Wildlife</li></ul></div></div><div class="links margin-container-4 no-break"><p class="section-title no-alone-1">Links</p><div class="container"><ul><li class="article"><a href="http://richardhendricks.example.com"><strong>richardhendricks.example.com</strong></a></li><li class="article margin-text-4"><a href=""><strong></strong></a></li><li class="article margin-text-4"><a href="https://soundcloud.example.com/dandymusicnl"><strong>soundcloud.example.com</strong>/dandymusicnl</a></li></ul></div></div></div></div></div></body></html>

json-resume/themes/autumn.html

@@ -1,882 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
-
-	<title>Bree LaPointe</title>
-
-  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
-
-    <style>
-      /*
-! tailwindcss v3.0.13 | MIT License | https://tailwindcss.com
-*//*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-
-::before,
-::after {
-  --tw-content: '';
-}
-
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-*/
-
-html {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-  -moz-tab-size: 4; /* 3 */
-  -o-tab-size: 4;
-     tab-size: 4; /* 3 */
-  font-family: Ubuntu, ui-sans-serif, sans-serif; /* 4 */
-}
-
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr:where([title]) {
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted;
-}
-
-/*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-/*
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/*
-1. Use the user's configured `mono` font family by default.
-2. Correct the odd `em` font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/*
-Add the correct font size in all browsers.
-*/
-
-small {
-  font-size: 80%;
-}
-
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  line-height: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-  text-transform: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-
-button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-
-:-moz-focusring {
-  outline: auto;
-}
-
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-  vertical-align: baseline;
-}
-
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-  display: list-item;
-}
-
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-legend {
-  padding: 0;
-}
-
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-/*
-Prevent resizing textareas horizontally by default.
-*/
-
-textarea {
-  resize: vertical;
-}
-
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-
-input::-moz-placeholder, textarea::-moz-placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-
-input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-
-/*
-Set the default cursor for buttons.
-*/
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-/*
-Ensure the default browser behavior of the `hidden` attribute.
-*/
-
-[hidden] {
-  display: none;
-}
-  h1, h2, h3, h4, h5, h6 {
-  --tw-text-opacity: 1;
-  color: rgb(124 45 18 / var(--tw-text-opacity));
-}
-
-  h2 {
-  margin-bottom: 1rem;
-  display: inline-block;
-  -moz-column-break-after: avoid;
-       break-after: avoid;
-  border-radius: 0.5rem;
-  border-bottom-width: 4px;
-  --tw-border-opacity: 1;
-  border-color: rgb(249 115 22 / var(--tw-border-opacity));
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-
-  section {
-  -moz-column-break-inside: avoid;
-       break-inside: avoid;
-}
-
-  a:hover {
-  -webkit-text-decoration-line: underline;
-          text-decoration-line: underline;
-}
-
-*, ::before, ::after {
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-}
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
-.order-1 {
-  order: 1;
-}
-.col-span-3 {
-  grid-column: span 3 / span 3;
-}
-.col-span-1 {
-  grid-column: span 1 / span 1;
-}
-.m-1 {
-  margin: 0.25rem;
-}
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
-.mb-2 {
-  margin-bottom: 0.5rem;
-}
-.mb-4 {
-  margin-bottom: 1rem;
-}
-.mr-2 {
-  margin-right: 0.5rem;
-}
-.mr-1 {
-  margin-right: 0.25rem;
-}
-.mb-1 {
-  margin-bottom: 0.25rem;
-}
-.mb-6 {
-  margin-bottom: 1.5rem;
-}
-.mb-3 {
-  margin-bottom: 0.75rem;
-}
-.inline-block {
-  display: inline-block;
-}
-.inline {
-  display: inline;
-}
-.flex {
-  display: flex;
-}
-.inline-flex {
-  display: inline-flex;
-}
-.w-2 {
-  width: 0.5rem;
-}
-.max-w-4xl {
-  max-width: 56rem;
-}
-.list-inside {
-  list-style-position: inside;
-}
-.list-disc {
-  list-style-type: disc;
-}
-.break-inside-avoid {
-  -moz-column-break-inside: avoid;
-       break-inside: avoid;
-}
-.grid-cols-4 {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-.flex-row {
-  flex-direction: row;
-}
-.flex-col {
-  flex-direction: column;
-}
-.items-start {
-  align-items: flex-start;
-}
-.items-center {
-  align-items: center;
-}
-.justify-center {
-  justify-content: center;
-}
-.justify-between {
-  justify-content: space-between;
-}
-.justify-items-center {
-  justify-items: center;
-}
-.gap-8 {
-  gap: 2rem;
-}
-.rounded {
-  border-radius: 0.25rem;
-}
-.bg-orange-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 247 237 / var(--tw-bg-opacity));
-}
-.bg-orange-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
-}
-.p-8 {
-  padding: 2rem;
-}
-.p-1 {
-  padding: 0.25rem;
-}
-.p-2 {
-  padding: 0.5rem;
-}
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.py-0\.5 {
-  padding-top: 0.125rem;
-  padding-bottom: 0.125rem;
-}
-.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.text-5xl {
-  font-size: 3rem;
-  line-height: 1;
-}
-.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-.font-bold {
-  font-weight: 700;
-}
-.lowercase {
-  text-transform: lowercase;
-}
-.italic {
-  font-style: italic;
-}
-.text-slate-900 {
-  --tw-text-opacity: 1;
-  color: rgb(15 23 42 / var(--tw-text-opacity));
-}
-.text-orange-900 {
-  --tw-text-opacity: 1;
-  color: rgb(124 45 18 / var(--tw-text-opacity));
-}
-.text-orange-500 {
-  --tw-text-opacity: 1;
-  color: rgb(249 115 22 / var(--tw-text-opacity));
-}
-.text-orange-700 {
-  --tw-text-opacity: 1;
-  color: rgb(194 65 12 / var(--tw-text-opacity));
-}
-@media print {
-
-  .print\:order-2 {
-    order: 2;
-  }
-
-  .print\:grid {
-    display: grid;
-  }
-
-  .print\:flex-row {
-    flex-direction: row;
-  }
-
-  .print\:justify-between {
-    justify-content: space-between;
-  }
-}
-@media (min-width: 640px) {
-
-  .sm\:order-2 {
-    order: 2;
-  }
-
-  .sm\:grid {
-    display: grid;
-  }
-
-  .sm\:flex-row {
-    flex-direction: row;
-  }
-
-  .sm\:justify-between {
-    justify-content: space-between;
-  }
-}
-
-    </style>
-
-
-	</head>
-	<body class="bg-orange-50 p-8 text-slate-900 text-sm">
-	<div class="max-w-4xl mx-auto px-2">
-  <div class="mb-2">
-      <div class="flex flex-col sm:flex-row print:flex-row sm:justify-between print:justify-between">
-        <div>
-          <h1 class="text-5xl mb-4">Bree LaPointe</h1>
-          <h2 class="text-xl mb-4">Programmer</h2>
-        </div>
-        <div>
-          	<section>
-                <div class="p-1 text-orange-900 flex flex-row">
-                  <span class="sr-only">Location: </span>
-                  <i class="fa fa-map-marker text-m mr-2 text-orange-500 w-2 inline-flex flex-row items-center justify-center"></i>
-                    <span>San Francisco, California, United States</span>
-                </div>      <div class="p-1 text-orange-900 flex flex-row">
-                  <span class="sr-only">E-mail: </span>
-                  <i class="fa fa-envelope text-m mr-2 text-orange-500 w-2 inline-flex flex-row items-center justify-center"></i>
-                    <span>contact@blapointe.com</span>
-                </div>      <div class="p-1 text-orange-900 flex flex-row">
-                  <span class="sr-only">Phone: </span>
-                  <i class="fa fa-phone text-m mr-2 text-orange-500 w-2 inline-flex flex-row items-center justify-center"></i>
-                    <span>(912) 555-4321</span>
-                </div>          <div class="p-1 text-orange-900 flex flex-row">
-                      <span class="sr-only">Twitter: </span>
-                      <i class="fa fa-twitter text-m mr-2 text-orange-500 w-2 inline-flex flex-row items-center justify-center"></i>
-                        <span>Twitter</span>
-                    </div>          <div class="p-1 text-orange-900 flex flex-row">
-                      <span class="sr-only">SoundCloud: </span>
-                      <i class="fa fa-soundcloud text-m mr-2 text-orange-500 w-2 inline-flex flex-row items-center justify-center"></i>
-                        <a href="https://soundcloud.example.com/dandymusicnl"> SoundCloud <i class="fa fa-external-link text-xs" aria-hidden="true"></i></a>
-                    </div>	</section>
-        </div>
-      </div>
-    </div>
-      <div class="mb-4">
-        <p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-      </div>
-    <div class="sm:grid print:grid grid-cols-4 gap-8">
-      <div class="sm:order-2 print:order-2 col-span-3 mb-4">
-        <section>
-        	<h2>Work</h2>
-            <div class="mb-6 break-inside-avoid">
-              <div class="flex flex-row items-start justify-between mb-3">
-                <div>
-                  <h3 class="text-base font-bold">
-                      Pied Piper
-                  </h3>
-                    <p class="font-bold text-orange-700">
-                      CEO/President
-                    </p>
-                </div>
-                  <div class="text-sm text-orange-500">
-                    Dec 2013
-                      - Dec 2014
-                  </div>
-              </div>
-                <p class="mb-2">Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-                <ul class="list-disc list-inside">
-                    <li class="mb-1">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-                    <li class="mb-1">Successfully won Techcrunch Disrupt</li>
-                    <li class="mb-1">Optimized an algorithm that holds the current world record for Weisman Scores</li>
-                </ul>
-            </div></section>
-        <section>
-        	<h2>Volunteer</h2>
-            <div class="mb-6 break-inside-avoid">
-              <div class="flex flex-row items-start justify-between mb-3">
-                <div>
-                  <h3 class="text-base font-bold">
-                      CoderDojo
-                  </h3>
-                    <p class="font-bold text-orange-700">
-                      Teacher
-                    </p>
-                </div>
-                  <div class="text-sm text-orange-500">
-                    Jan 2012
-                      - Jan 2013
-                  </div>
-              </div>
-                <p class="mb-2">Global movement of free coding clubs for young people.</p>
-                <ul class="list-disc list-inside">
-                    <li class="mb-1">Awarded &#x27;Teacher of the Month&#x27;</li>
-                </ul>
-            </div></section>
-        <section>
-        	<h2>Education</h2>
-            <div class="mb-6 break-inside-avoid">
-              <div class="flex flex-row items-start justify-between mb-3">
-                <div>
-                  <h3 class="text-base font-bold">
-                      University of Oklahoma
-                  </h3>
-                    <p class="font-bold text-orange-700">
-                      Bachelor in Information Technology
-                    </p>
-                </div>
-                  <div class="text-sm text-orange-500">
-                    Jun 2011
-                      - Jan 2014
-                  </div>
-              </div>
-            </div></section>
-        <section>
-        	<h2>Awards</h2>
-            <div class="mb-6 break-inside-avoid">
-              <div class="flex flex-row items-start justify-between mb-3">
-                <div>
-                  <h3 class="text-base font-bold">
-                      Digital Compression Pioneer Award
-                  </h3>
-                    <p class="font-bold text-orange-700">
-                      Techcrunch
-                    </p>
-                </div>
-                      <div class="text-sm text-orange-500">
-                        Nov 2014
-                      </div>
-              </div>
-                <p class="mb-2">There is no spoon.</p>
-            </div></section>
-        <section>
-        	<h2>Publications</h2>
-            <div class="mb-6 break-inside-avoid">
-              <div class="flex flex-row items-start justify-between mb-3">
-                <div>
-                  <h3 class="text-base font-bold">
-                      Video compression for 3d media
-                  </h3>
-                    <p class="font-bold text-orange-700">
-                      Hooli
-                    </p>
-                </div>
-                      <div class="text-sm text-orange-500">
-                        Oct 2014
-                      </div>
-              </div>
-                <p class="mb-2">Innovative middle-out compression algorithm that changes the way we store data.</p>
-            </div></section>
-        <section>
-        	<h2>References</h2>
-        	<div class="p-2 bg-orange-100 rounded mb-2">
-        		<blockquote class="italic mb-2">
-        			It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.
-        		</blockquote>
-        		<div class="font-bold text-orange-500">
-        			Erlich Bachman
-        		</div>
-        	</div>
-        </section>
-      </div>
-      <div class="order-1 col-span-1 mb-4">
-        <section>
-        	<h2>Skills</h2>
-            <div class="mb-2 break-inside-avoid">
-                <h3 class="font-sm font-bold mb-2">Web Development</h3>
-                <div>
-                    <span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">HTML</span>
-                    <span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">CSS</span>
-                    <span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">Javascript</span>
-                </div>
-            </div>    <div class="mb-2 break-inside-avoid">
-                <h3 class="font-sm font-bold mb-2">Compression</h3>
-                <div>
-                    <span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">Mpeg</span>
-                    <span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">MP4</span>
-                    <span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">GIF</span>
-                </div>
-            </div></section>
-        <section>
-        	<h2>Languages</h2>
-            <div class="mb-2 break-inside-avoid">
-                <h3 class="font-sm font-bold mb-2">English</h3>
-                <div>
-                    <span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">Native speaker</span>
-                </div>
-            </div></section>
-        <section>
-        	<h2>Interests</h2>
-            <div class="mb-2 break-inside-avoid">
-                <h3 class="font-sm font-bold mb-2">Wildlife</h3>
-                <div>
-                    <span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">Ferrets</span>
-                    <span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">Unicorns</span>
-                </div>
-            </div></section>
-      </div>
-    </div>
-	</body>
-</html>

json-resume/themes/caffeine.html

@@ -1,512 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
-	<title>Bree LaPointe</title>
-	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
-	<style>
-		/* Utils */
-/*----- Colors -----*/
-/*----- Fonts -----*/
-/*----- Dimensions and sizes -----*/
-/* Base */
-@font-face {
-  font-family: 'Josefin Sans';
-  font-style: normal;
-  font-weight: 300;
-  src: local('Josefin Sans Light'), local('JosefinSans-Light'), url(https://fonts.gstatic.com/s/josefinsans/v9/C6HYlRF50SGJq1XyXj04zwV_pQ1T3xN3K1c3sB361us.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Josefin Sans';
-  font-style: normal;
-  font-weight: 700;
-  src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(https://fonts.gstatic.com/s/josefinsans/v9/C6HYlRF50SGJq1XyXj04z306qf9KHRHwsVx7iw5MXmY.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Lato';
-  font-style: normal;
-  font-weight: 300;
-  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/nj47mAZe0mYUIySgfn0wpQ.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Lato';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/v0SdcGFAl2aezM9Vq_aFTQ.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Lato';
-  font-style: normal;
-  font-weight: 700;
-  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/DvlFBScY1r-FMtZSYIYoYw.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Lato';
-  font-style: italic;
-  font-weight: 300;
-  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v11/2HG_tEPiQ4Z6795cGfdivKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Lato';
-  font-style: italic;
-  font-weight: 400;
-  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/LqowQDslGv4DmUBAfWa2Vw.ttf) format('truetype');
-}
-@font-face {
-  font-family: 'Lato';
-  font-style: italic;
-  font-weight: 700;
-  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYEKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
-}
-
-body {
-  font-family: "Lato", Helvetica, Arial, sans-serif;
-  font-weight: 400;
-  background: #f8f8f8;
-  margin: 50px 0 100px;
-  letter-spacing: .3px;
-  color: #39424B; }
-
-h1, h2, h3, h4, h5, h6 {
-  text-transform: uppercase;
-  margin: 0; }
-
-h1 {
-  font-family: "Josefin Sans", Helvetica, Arial, sans-serif;
-  font-weight: 700;
-  font-size: 40px;
-  letter-spacing: 1px; }
-
-h2 {
-  font-family: "Josefin Sans", Helvetica, Arial, sans-serif;
-  font-weight: 300;
-  font-size: 16px;
-  letter-spacing: .5px; }
-
-h3 {
-  font-family: "Lato", Helvetica, Arial, sans-serif;
-  font-weight: 300;
-  font-size: 14px;
-  letter-spacing: .4px; }
-  h3.bold {
-    font-weight: 700; }
-
-h4 {
-  font-family: "Lato", Helvetica, Arial, sans-serif;
-  font-weight: 300;
-  font-size: 12px; }
-  h4.bold {
-    font-weight: 700; }
-
-h5 {
-  font-family: "Lato", Helvetica, Arial, sans-serif;
-  font-weight: 300;
-  font-size: 11px; }
-  h5.italic {
-    font-style: italic; }
-
-h6 {
-  font-family: "Lato", Helvetica, Arial, sans-serif;
-  font-weight: 400;
-  font-size: 10px; }
-
-a {
-  color: inherit;
-  text-decoration: inherit; }
-  a:hover {
-    color: #2895F1; }
-  a .fa-external-link {
-    font-size: 10px;
-    vertical-align: text-top; }
-
-p,
-li {
-  font-size: 11px; }
-
-blockquote {
-  font-size: 11px;
-  font-family: "Lato", Helvetica, Arial, sans-serif;
-  font-weight: 400;
-  font-style: italic;
-  margin: 10px 25px; }
-
-em {
-  color: #999; }
-
-ul {
-  margin: 10px 0 0;
-  -webkit-padding-start: 25px; }
-  ul li {
-    padding-left: 10px; }
-  ul.minimal {
-    list-style: none;
-    padding: 0; }
-    ul.minimal li {
-      margin-bottom: 3px;
-      padding-left: 0; }
-  ul.two-column {
-    -webkit-column-count: 2;
-    -webkit-column-gap: 28px;
-    -moz-column-count: 2;
-         column-count: 2;
-    -moz-column-gap: 28px;
-         column-gap: 28px; }
-    ul.two-column li {
-      padding-left: 0; }
-
-@page {
-  size: A4; }
-
-.container {
-  padding-top: 20px; }
-
-.keyline {
-  width: 45px;
-  margin: 8px 0 10px;
-  border-top: 1px solid #56817A; }
-
-.pull-left {
-  float: left; }
-
-.pull-right {
-  float: right; }
-
-.clearfix:after {
-  content: "";
-  display: table;
-  clear: both; }
-
-.profile-pic {
-  margin-top: -5px;
-  margin-right: 18px; }
-  .profile-pic img {
-    height: 52px;
-    width: 52px;
-    border-radius: 50%;
-    border: 2px solid #56817A; }
-
-.summary {
-  margin: 5px 0 5px; }
-
-/* Layouts */
-.page {
-  background: white;
-  width: 612px;
-  min-height: 792px;
-  display: block;
-  margin: 0 auto;
-  border-top: 10px solid #56817A;
-  padding: 36px 22px 30px 34px;
-  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); }
-  .page:after {
-    content: "";
-    display: table;
-    clear: both; }
-
-.left-column {
-  float: left;
-  width: 160px;
-  margin-right: 20px;
-  word-wrap: break-word; }
-
-.right-column {
-  width: auto;
-  overflow: hidden; }
-
-.item {
-  margin-bottom: 15px; }
-  .item:last-child {
-    margin-bottom: 0; }
-
-@media print {
-  body {
-    margin: 0; }
-  .page {
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    padding: 36px 0 30px;
-    box-shadow: none; }
-    .page .resume-header,
-    .page .resume-content {
-      padding: 0 22px 0 34px; }
-  .container {
-    page-break-inside: avoid; }
-  .work-container .item {
-    page-break-inside: avoid; }
-  .fa-external-link {
-    display: none; } }
-
-/* Components */
-.info-tag-container {
-  margin-bottom: 5px; }
-  .info-tag-container .fa {
-    font-size: 14px;
-    width: 12px;
-    margin-right: 5px;
-    text-align: center;
-    vertical-align: middle; }
-    .info-tag-container .fa.fa-map-marker {
-      font-size: 16px; }
-    .info-tag-container .fa.fa-mobile {
-      font-size: 18px; }
-    .info-tag-container .fa.fa-envelope-o {
-      font-size: 12px; }
-    .info-tag-container .fa.fa-desktop {
-      font-size: 11px; }
-    .info-tag-container .fa.fa-external-link {
-      width: auto;
-      font-size: inherit;
-      vertical-align: text-top; }
-  .info-tag-container .info-text {
-    font-size: 9px;
-    display: inline-block;
-    vertical-align: middle;
-    width: 139px; }
-
-.references-container .fa {
-  font-size: 14px; }
-
-	</style>
-	</head>
-	<body>
-		<main id="resume" class="page">
-			<header class="resume-header clearfix">
-			    <div class="profile-header pull-left">
-			        <h1>Bree LaPointe</h1>
-			        <h2>Programmer</h2>
-			    </div>
-			    <div class="profile-pic pull-right">
-			        <img src="" alt="profile-pic">
-			    </div>
-			</header>
-			<div class="resume-content">
-				<aside class="left-column">
-					<div class="container about-container">
-					    <div class="title">
-					        <h3>About</h3>
-					        <div class="keyline"></div>
-					    </div>
-					        <div class="info-tag-container">
-					            <i class="fa fa-map-marker"></i>
-					        
-					                <h6 class="info-text">2712 Broadway St<br/>San Francisco, California CA 94115</h6>
-					        </div>
-					        <div class="info-tag-container">
-					            <i class="fa fa-envelope-o"></i>
-					        
-					                <h6 class="info-text">
-					                    <a href="http://richardhendricks.example.com" target="_blank">
-					                        contact@blapointe.com <i class="fa fa-external-link" aria-hidden="true"></i>
-					                    </a>
-					                </h6>
-					        </div>
-					        <div class="info-tag-container">
-					            <i class="fa fa-mobile"></i>
-					        
-					                <h6 class="info-text">
-					                    <a href="http://richardhendricks.example.com" target="_blank">
-					                        (912) 555-4321 <i class="fa fa-external-link" aria-hidden="true"></i>
-					                    </a>
-					                </h6>
-					        </div>
-					
-					                         <div class="info-tag-container">
-					                             <i class="fa fa-twitter"></i>
-					                         
-					                                 <h6 class="info-text">neutralthoughts</h6>
-					                         </div>                         <div class="info-tag-container">
-					                             <i class="fa fa-soundcloud"></i>
-					                         
-					                                 <h6 class="info-text">
-					                                     <a href="https://soundcloud.example.com/dandymusicnl" target="_blank">
-					                                         dandymusicnl <i class="fa fa-external-link" aria-hidden="true"></i>
-					                                     </a>
-					                                 </h6>
-					                         </div></section>
-					    <div class="skills-container">
-					            <section class="container">
-					                    <div class="title">
-					                        <h3>Web Development</h3>
-					                        <div class="keyline"></div>
-					                    </div>                    <h4 class="bold">Master</h4>
-					                    <ul class="minimal">
-					                            <li><h6>HTML</h6></li>
-					                            <li><h6>CSS</h6></li>
-					                            <li><h6>Javascript</h6></li>
-					                    </ul>
-					            </section>
-					            <section class="container">
-					                    <div class="title">
-					                        <h3>Compression</h3>
-					                        <div class="keyline"></div>
-					                    </div>                    <h4 class="bold">Master</h4>
-					                    <ul class="minimal">
-					                            <li><h6>Mpeg</h6></li>
-					                            <li><h6>MP4</h6></li>
-					                            <li><h6>GIF</h6></li>
-					                    </ul>
-					            </section>
-					    </div>
-					    <div class="container languages-container">
-					        <div class="title">
-					            <h3>Languages</h3>
-					            <div class="keyline"></div>
-					        </div>
-					        <ul class="minimal">
-					                <li>
-					                    <h6>English <em>(Native speaker)</em></h6>
-					                </li>
-					        </ul>
-					    </div>
-					    <div class="container interests-container">
-					        <div class="title">
-					            <h3>Interests</h3>
-					            <div class="keyline"></div>
-					        </div>
-					            <section class="item">
-					                    <h4 class="bold">Wildlife</h4>
-					                    <ul class="minimal">
-					                            <li>Ferrets</li>
-					                            <li>Unicorns</li>
-					                    </ul>
-					            </section>
-					    </div>
-				</aside>
-				<div class="right-column">
-					        <div class="container summary-container">
-					            <div class="title">
-					                <h3>Summary</h3>
-					                <div class="keyline"></div>
-					            </div>            <p class="summary">
-					                Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!
-					            </p>
-					        </div>
-					<div class="container work-container">
-					    <div class="title">
-					        <h3>Experience</h3>
-					        <div class="keyline"></div>
-					    </div>
-					        <section class="item">
-					            <div class="section-header clearfix">
-					                <h5 class="italic pull-right">
-					                        <span class="startDate">12/2013</span>
-					                        <span class="endDate"> - 12/2014</span>
-					                </h5>
-					            </div>
-					            <h4>CEO/President</h4>
-					
-					            <p class="summary">Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-					
-					            <ul>
-					                <li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-					                <li>Successfully won Techcrunch Disrupt</li>
-					                <li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
-					            </ul>
-					        </section>
-					</div>
-					<div class="container volunteer-container">
-					    <div class="title">
-					        <h3>Volunteer</h3>
-					        <div class="keyline"></div>
-					    </div>
-					    <section class="item">
-					        <div class="section-header clearfix">
-					            <h3 class="bold pull-left">
-					                    CoderDojo
-					            </h3>
-					            <h5 class="italic pull-right">
-					                    <span class="startDate">01/2012</span>
-					                    <span class="endDate"> - 01/2013</span>
-					            </h5>
-					        </div>        <h5>Teacher</h5>
-					
-					        <p class="summary">Global movement of free coding clubs for young people.</p>
-					
-					        <ul>
-					            <li>Awarded &#x27;Teacher of the Month&#x27;</li>
-					        </ul>
-					    </section>
-					</div>
-					<div class="container education-container">
-					    <div class="title">
-					        <h3>Education</h3>
-					        <div class="keyline"></div>
-					    </div>
-					        <section class="item">
-					            <div class="section-header clearfix">
-					                <h3 class="bold pull-left">
-					                        University of Oklahoma
-					                </h3>
-					                <h5 class="italic pull-right">
-					                        <span class="startDate">06/2011</span>
-					                        <span class="endDate"> - 01/2014</span>
-					                </h5>
-					            </div>
-					            <h4>Bachelor Information Technology</h4>
-					
-					
-					            <ul class="two-column">
-					                <li>DB1101 - Basic SQL</li>
-					                <li>CS2011 - Java Introduction</li>
-					            </ul>
-					        </section>
-					</div>
-					<div class="container awards-container">
-					    <div class="title">
-					        <h3>Awards</h3>
-					        <div class="keyline"></div>
-					    </div>
-					        <section class="item">
-					            <div class="section-header clearfix">
-					                <h3 class="bold pull-left">
-					                        Digital Compression Pioneer Award
-					                </h3>
-					                <h5 class="italic pull-right">
-					                </h5>
-					            </div>
-					            <h5 class="awarder">Techcrunch</h5>
-					
-					            <p class="summary">There is no spoon.</p>
-					        </section>
-					</div>
-					<div class="container publications-container">
-					    <div class="title">
-					        <h3>Publications</h3>
-					        <div class="keyline"></div>
-					    </div>
-					    <section class="item">
-					        <div class="section-header clearfix">
-					            <h3 class="bold pull-left">
-					                    Video compression for 3d media
-					            </h3>
-					            <h5 class="italic pull-right">
-					                    10/2014
-					                    </h5>
-					        </div>
-					        <h5 class="awarder">Hooli</h5>
-					
-					        <p class="summary">Innovative middle-out compression algorithm that changes the way we store data.</p>
-					
-					    </section>
-					</div>
-					<div class="container references-container">
-					    <div class="title">
-					        <h3>References</h3>
-					        <div class="keyline"></div>
-					    </div>
-					        <section class="item clearfix">
-					            <i class="fa fa-quote-left pull-left" aria-hidden="true"></i>
-					            <blockquote>
-					                It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.
-					            </blockquote>
-					
-					            <h5 class="pull-right"> — Erlich Bachman</h5>
-					        </section>
-					</div>
-				</div>
-			</div>
-		</main>
-	</body>
-</html>

json-resume/themes/class.html

@@ -1,395 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-	<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
-	
-	<title>Bree LaPointe - CV</title>
-
-	<style>
-	/*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
-
-/* General, overall styling */
-body {
-	background: #F9F9F9;
-	font-size: 0.9em;
-	font-family: 'Lato', sans-serif;
-	margin-bottom: 100px;
-}
-
-em {
-	color: #999;
-}
-
-p {
-	line-height: 1.4;
-}
-
-a {
-	color: #31A6D6;
-}
-
-a:visited {
-	color: #3061A5;
-}
-
-a:hover {
-	color: #3061A5;
-}
-
-ul {
-	margin-bottom: 0;
-}
-section {
-	margin-bottom: 2em;
-}
-
-blockquote {
-	margin: 0;
-	margin-bottom: 1em;
-}
-
-/* End general, overall styling */
-
-/* Header name styling */
-
-header {
-	background: #68B6E3;
-	padding: 50px;
-	margin-bottom: 50px;
-}
-
-header h1 {
-	color: #FFFFFF;
-	max-width: 700px;
-	margin: 0 auto;
-}
-
-header h2 {
-	color: #F3F3F3;
-	font-size: 1em;
-	max-width: 700px;
-	margin: 0 auto;
-}
-
-/* End header name styling */
-
-/* Set width of main body of CV */
-.container {
-	max-width: 700px;
-	padding: 0 50px;
-	margin: 0 auto;
-}
-
-/* End */
-
-/* Styling Basics (Name, Contact, About, Profiles) */
-
-#basics {
-	margin-bottom: 10px;
-	border-top: 1px #E2E2E2 solid;
-	border-bottom: 1px #E2E2E2 solid;
-}
-#basics h3 {
-	margin-top: 1.5em;
-	margin-bottom: 10px;
-}
-#basics .contact strong {
-	line-height: 1.3;
-	float: left;
-	width: 80px;
-}
-
-.contact h3 {
-	padding-bottom: 10px;
-}
-
-.website,
-.email,
-.phone {
-	margin-bottom: 10px;
-	float: left;
-	width: 50%;
-}
-
-.summary {
-	padding-top: 5px;
-	clear: both;
-}
-
-#profiles {
-	overflow: hidden;
-}
-
-#profiles .item {
-	float: left;
-	width: 50%;
-}
-
-.username{
-	margin-top: 10px;
-}
-
-/* End 'Basics' Styling */
-
-/* Work and volunteering experience styling */
-
-.work_date,
-.work_position,
-.work_website,
-.institution,
-.study_date,
-.qualification {
-	margin-bottom: 10px;
-	float: left;
-	width: 30%;
-}
-
-.courses {
-	clear: both;
-}
-
-.dissertation {
-	margin-top: 10px;
-}
-
-#work,
-#volunteer {
-	padding-bottom: 5px;
-	border-bottom: 1px #E2E2E2 solid;
-}
-
-#work .item,
-#volunteer .item {
-	margin: 25px 0;
-}
-
-/* End work and volunteering */
-
-/* Skills, languages, interests and references styling */
-
-#skills {
-	margin-bottom: 10px;
-	border-bottom: 1px #E2E2E2 solid;
-	padding-bottom: 5px;
-}
-
-#skills .item,
-#languages .item {
-	margin: 0 0 25px 0;
-}
-
-#interests .item {
-	margin-bottom: 25px;
-}
-
-#skills {
-	overflow: hidden;
-}
-
-#languages .item,
-#interests .item,
-#skills .item {
-	float: left;
-	width: 50%;
-}
-
-#references,
-#interests {
-	clear: both;
-}
-
-/* End styling */
-
-	</style>
-	
-	</head>
-	<body>
-	
-	<header>
-	<h1>Bree LaPointe</h1>
-	<h2>Programmer</h2>
-	</header>
-
-	<div id="content" class="container">
-	<section id="basics">
-		<div class="contact">
-		<h3>Contact</h3>
-		<div class="email">
-			<strong>Email</strong>
-			contact@blapointe.com
-		</div>
-		<div class="phone">
-			<strong>Phone</strong>
-			(912) 555-4321
-		</div>
-		</div>
-		<div class="summary">
-			<h3>About</h3>
-			<p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-		</div>
-		<section id="profiles">
-			<div class="item">
-				<strong class="network">
-					Twitter
-				</strong>
-			</div>
-			<div class="item">
-				<strong class="network">
-					SoundCloud
-				</strong>
-				<div class="url">
-					<a href="https://soundcloud.example.com/dandymusicnl">
-						dandymusicnl
-					</a>
-				</div>
-			</div>
-		</section>
-	</section>
-
-	<section id="work">
-		<h2>Work</h2>
-		<div class="item">
-			
-			<div class="work_position">
-				CEO/President
-			</div>
-
-			<div class="work_date">
-				<span class="startDate">
-					2013-12-01
-				</span>
-				<span class="endDate">
-					- 2014-12-01
-				</span>
-			</div>
-
-
-
-			<div class="summary">
-				<p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-			</div>
-			<ul class="highlights">
-				<li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-				<li>Successfully won Techcrunch Disrupt</li>
-				<li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
-			</ul>
-		</div>
-	</section>
-
-	<section id="volunteer">
-		<h2>Volunteer</h2>
-		<div class="item">
-			<h3 class="company">
-				CoderDojo
-			</h3>
-			
-			<div class="work_position">
-				Teacher
-			</div>
-			<div class="summary">
-				<p>Global movement of free coding clubs for young people.</p>
-			</div>
-			<ul class="highlights">
-				<li>Awarded &#x27;Teacher of the Month&#x27;</li>
-			</ul>
-		</div>
-	</section>
-	
-	<section id="education">
-		<h2>Education</h2>
-		<div class="item">
-			
-			<div class="institution">
-				University of Oklahoma
-			</div>
-
-			<div class="study_date">
-				<span class="startDate">
-					2011-06-01
-				</span>
-				<span class="endDate">
-					- 2014-01-01
-				</span>
-			</div>
-
-
-			<ul class="courses">
-				<li>DB1101 - Basic SQL</li>
-				<li>CS2011 - Java Introduction</li>
-			</ul>
-
-		</div>
-	</section>
-	
-	<section id="skills">
-		<h2>Skills</h2>
-		<div class="item">
-			<div class="name">
-				Web Development
-			</div>
-			<div class="level">
-				<em>Master</em>
-			</div>
-			<ul class="keywords">
-				<li>HTML</li>
-				<li>CSS</li>
-				<li>Javascript</li>
-			</ul>
-		</div>
-		<div class="item">
-			<div class="name">
-				Compression
-			</div>
-			<div class="level">
-				<em>Master</em>
-			</div>
-			<ul class="keywords">
-				<li>Mpeg</li>
-				<li>MP4</li>
-				<li>GIF</li>
-			</ul>
-		</div>
-	</section>
-
-	<section id="languages">
-		<h2>Languages</h2>
-		<div class="item">
-			<div class="language">
-				English
-			</div>
-			<div class="level">
-				<em>Native speaker</em>
-			</div>
-		</div>
-	</section>
-
-	<section id="interests">
-		<h2>Interests</h2>
-		<div class="item">
-			<div class="name">
-				Wildlife
-			</div>
-			<ul class="keywords">
-				<li>Ferrets</li>
-				<li>Unicorns</li>
-			</ul>
-		</div>
-	</section>
-	
-	<section id="references">
-		<h2>References</h2>
-		<div class="item">
-			<blockquote class="reference">
-				It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.
-			</blockquote>
-			<div class="name">
-				— Erlich Bachman
-			</div>
-		</div>
-	</section>
-	
-	</div>
-	</body>
-</html>

json-resume/themes/classy.html

@@ -1,241 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Bree LaPointe</title>
-    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans' rel='stylesheet' type='text/css'>
-    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
-    <style>
-		body {
-			font-size: 62.5%;
-			font-family: Montserrat;
-			color: #333333;
-		}
-		.picture {
-			border-radius: 50%;
-			margin: 0 auto;
-		}
-		a {
-			color: #333333;
-			text-decoration: none;
-		}
-		a:visited {
-			color: #4e4e4e;
-		}
-		a:hover {
-			color: #4e4e4e;
-			text-decoration: underline;
-		}
-		
-		.header {
-			text-align:center;
-			font-size: 2em;
-			margin-top:1em;
-			margin-left:5%;
-			margin-right:5%;
-		}
-		h1 {
-			font-size:3em;
-			margin-bottom:0;
-		}
-		.profile {
-			font-family: Montserrat;
-			font-size: 1em;
-			margin:0;
-		}
-
-		.contact-header {
-			font-weight:bold;
-		}
-		.label {
-			margin-top: 0;
-			margin-bottom: 1em;
-		}
-		.fa {
-			font-size:2em;
-		}
-		.left {
-			font-size: 1em;
-		}
-		.main {
-			margin 0 auto;
-			margin-left: 10%;
-			margin-right: 10%;
-			margin-bottom: 50px;
-		}
-		h2 {
-			font-size: 3.5em;
-		}
-		h3 {
-			font-size:2em;
-			margin-bottom:0;
-		}
-		h4 {
-			color: #4e4e4e;
-			font-size:1.5em;
-			margin-top:0;
-		}
-		.skills {
-			margin-bottom: 10px;
-		}
-		p {
-			font-family: 'Open Sans';
-			font-size: 1.5em;
-		}
-		li {
-			font-family: 'Open Sans';
-			font-size: 1.5em;
-		}
-		.keywords {
-			background-color: #333333;
-			color:#fff;
-			padding: 6px;
-			font-size: 1.2em;
-			margin-bottom: 5px;
-			display:inline-block;
-		}
-		blockquote {
-			margin: 2em 10px;
-  			padding: 1em 10px;
-			border-left: 10px solid #edf0f5;
-			font-family: 'Open Sans';
-			font-size: 1.5em;
-		}
-		blockquote .name {
-			font-weight:bold;
-			font-family: "Montserrat";
-		}
-		.responsive-show {
-			display:none;
-		}
-		@media (max-width: 1000px) {
-  			.header {
-    			font-size: 1.66em;
-  			}
-  			h2 {
-  				font-size: 3em;
-  			}
-		}
-		@media (max-width: 500px) {
-			p {
-				font-size:1.2em;
-			}
-			li {
-				font-size:1.2em;
-			}
-			blockquote {
-				font-size:1.2em;
-			}
-			h2 {
-				font-size:2.3em;
-			}
-			.responsive-hidden {
-				display:none;
-				visibility: hidden;
-			}
-			.responsive-show {
-				display:inline;
-				visibility: visible;
-			}
-		}
-    </style>
-	<script src= "//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
-  </head>
-  <body>
-	<div class= "header">
-		<h1>BREE LAPOINTE</h1>
-		<h3 class= "label">PROGRAMMER</h3>
-		<div class= "contact-header">
-				San Francisco, California, US<br>
-				2712 Broadway St
-			</div>
-		<div id= "contact">
-			<br>
-			<div class= "contact-header">
-				EMAIL <span class= "responsive-hidden">&bull;</span> <span class= "responsive-show"><br></span><a href= "mailto:contact@blapointe.com" target= "_blank">contact@blapointe.com</a> <span class= "responsive-show"><br><br></span>
-			</div>
-			<div class= "contact-header">
-				PHONE <span class= "responsive-hidden">&bull;</span> <span class= "responsive-show"><br></span>(912) 555-4321 <span class= "responsive-show"><br><br></span>
-			</div>
-		</div>
-		<br>
-		<div id= "profiles">
-			<div class= "contact-header">PROFILES</div><br>
-			<p class= "profile"><a href= "https:&#x2F;&#x2F;twitter.com&#x2F;neutralthoughts" target= "_blank" class= "profile">Twitter</a></p>
-			<p class= "profile"><a href= "https:&#x2F;&#x2F;soundcloud.example.com&#x2F;dandymusicnl" target= "_blank" class= "profile">SoundCloud</a></p>
-		</div>		
-	</div>
-	<div class= "main">
-		<div id= "about">
-			<h2><i class= "fa fa-user left"></i> ABOUT</h2>
-			<p>
-				Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!
-			</p>
-		</div>
-		<div id= "volunteer">
-			<h2><i class= "fa fa-child left"></i> VOLUNTEER WORK</h2>
-			<h3>Teacher, CoderDojo</h3>
-			<h4>January 2012 - January 2013</h4>
-			<p>Global movement of free coding clubs for young people.<br><a href= "" target= "_blank"></a></p>
-			<h4>HIGHLIGHTS</h4>
-			<ul>
-				<li>Awarded &#39;Teacher of the Month&#39;</li>
-			</ul>
-		</div>
-		<div id= "skills">
-			<h2><i class= "fa fa-tasks left"></i> SKILLS</h2>
-				<h3 class= "skills">Web Development</h3>
-				<span class= "keywords">HTML</span>
-				<span class= "keywords">CSS</span>
-				<span class= "keywords">Javascript</span>
-				<h3 class= "skills">Compression</h3>
-				<span class= "keywords">Mpeg</span>
-				<span class= "keywords">MP4</span>
-				<span class= "keywords">GIF</span>
-		</div><br>
-		<div id= "education">
-			<h2><i class= "fa fa-graduation-cap left"></i> EDUCATION</h2>
-				<h3>Bachelor, Information Technology - University of Oklahoma</h3>
-				<h4>June 2011 - January 2014</h4>
-				<h4>COURSES</h4>
-				<ul>
-					<li>DB1101 - Basic SQL</li>
-					<li>CS2011 - Java Introduction</li>
-				</ul>
-		</div>
-		<div id= "awards">
-			<h2><i class= "fa fa-trophy left"></i> AWARDS</h2>
-				<h3>Digital Compression Pioneer Award - Techcrunch</h3>
-				<h4>01 November 2014</h4>
-				<p>There is no spoon.</p>
-		</div>
-		<div id= "publications">
-			<h2><i class= "fa fa-book left"></i> PUBLICATIONS</h2>
-				<h3>Video compression for 3d media</h3>
-				<h4>01 October 2014</h4>
-				<p>Innovative middle-out compression algorithm that changes the way we store data.<br><a href= "" target= "_blank"></a></p>
-		</div>
-		<div id= "interests">
-			<h2><i class= "fa fa-star left"></i> INTERESTS</h2>
-				<h3 class= "skills">Wildlife</h3>
-				<span class= "keywords">Ferrets</span>
-				<span class= "keywords">Unicorns</span>
-		</div>
-		<div id= "languages">
-			<h2><i class= "fa fa-language left"></i> LANGUAGES</h2>
-				<h3>English</h3>
-				<h4>Fluency: Native speaker</h4>
-		</div>
-		<div id= "references">
-			<h2><i class= "fa fa-thumbs-up left"></i> REFERENCES</h2>
-			<blockquote>
-				It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.
-				<div class= "name"><br>- Erlich Bachman</div>
-			</blockquote><br>
-		</div>
-
-	</div>
-  </body>
-</html>

json-resume/themes/cora.html

@@ -1,373 +0,0 @@
-
-<!doctype html>
-<html>
-	<head>
-	<meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Bree LaPointe</title>
-	<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'>
-    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
-    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
-	<style>
-		body {
-    font-family: Montserrat;
-    font-size:1em;
-    color: #333333;
-}
-
-.picture {
-    border-radius: 3%;
-    margin: 20px;
-    width: 100px;
-    height: 100px;
-}
-
-a {
-    color: #333333;
-    text-decoration: none;
-}
-
-a:visited {
-    color: #4e4e4e;
-}
-
-a:hover {
-    color: #4e4e4e;
-    text-decoration: underline;
-}
-
-header {
-    text-align: center;
-    margin-left: 5%;
-    margin-right: 5%;
-}
-
-h1 {
-    font-size: 2em;
-    margin-bottom: 0.2em;
-}
-
-h2 {
-    font-size: 1.7em;
-    margin-top: 2em;
-    margin-bottom: 0.2em;
-}
-
-h3 {
-    font-size: 1.3em;
-    margin-top: 0;
-    margin-bottom: 0;
-}
-
-h4 {
-    color: #4e4e4e;
-    font-size: 1.1em;
-    margin-top: 0;
-}
-
-.profile {
-    font-family: Montserrat;
-    white-space:nowrap;
-    margin: 0.5em;
-}
-
-.contact-header {
-    font-weight: bold;
-    color: #4e4e4e;
-    margin:1em;
-}
-
-.contact-header .fa {
-    font-size: 1.5em;
-}
-
-.profile .fa {
-    font-size: 1.5em;
-}
-
-.label {
-    margin-top: 0;
-    margin-bottom: 0.5em;
-}
-
-.fa {
-    font-size: 2em;
-}
-
-.left {
-    font-size: 1em;
-}
-
-.main {
-    margin: 0 auto;
-    margin-left: 10%;
-    margin-right: 10%;
-    margin-bottom: 50px;
-}
-
-.skills {
-    margin-bottom: 10px;
-}
-
-p {
-    font-family: &#x27;Open Sans&#x27;;
-}
-
-li {
-    font-family: &#x27;Open Sans&#x27;;
-}
-
-.keywords {
-    background-color: #333333;
-    color: #fff;
-    padding: 6px;
-    margin-bottom: 5px;
-    display: inline-block;
-}
-
-blockquote {
-    margin: 2em 10px;
-    padding: 1em 10px;
-    border-left: 10px solid #edf0f5;
-    font-family: &#x27;Open Sans&#x27;;
-    font-size: 1.5em;
-}
-
-blockquote .name {
-    font-weight: bold;
-    font-family: &quot;Montserrat&quot;;
-}
-
-.responsive-show {
-    display: none;
-}
-
-.address {
-    display: block
-}
-
-section.skills {
-    display: flex;
-    flex-direction: column;
-}
-
-@media screen and (max-width: 1000px) {
-    header {
-        font-size: 1.66em;
-    }
-    h2 {
-        font-size: 3em;
-    }
-}
-
-@media screen and (max-width: 500px) {
-    p {
-        font-size: 1.2em;
-    }
-    li {
-        font-size: 1.2em;
-    }
-    blockquote {
-        font-size: 1.2em;
-    }
-    h2 {
-        font-size: 2.3em;
-    }
-    .responsive-hidden {
-        display: none;
-        visibility: hidden;
-    }
-    .responsive-show {
-        display: inline;
-        visibility: visible;
-    }
-}
-
-@media print {
-
-    body {
-        font-size:0.6em;
-    }
-
-    .address {
-        display: inline-block
-    }
-
-    .profile {
-        font-size: 1em;
-        display: inline-block
-    }
-
-    #profiles .contact-header {
-        display: none;
-    }
-
-    #languages,
-    #interests {
-        display: none;
-    }
-
-    section.skills section {
-        margin-right: 10em
-    }
-
-    .skills{
-        page-break-inside: avoid;
-    }
-
-    .main{
-        padding:10px;
-        margin-left: 2%;
-        margin-right: 2%;
-    }
-
-    section:not(#work) {
-        page-break-inside: avoid;
-    }
-
-    .job {
-        page-break-inside: avoid;
-    }
-
-    @page  
-    { 
-        size: auto;   /* auto is the initial value */ 
-        /* this affects the margin in the printer settings */ 
-        margin: 25mm 10mm;  
-    }
-}
-    </style>
-	<script src= "https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
-	</head>
-	<body>
-				<header>
-				<h1>Bree LaPointe</h1>
-				<h3 class= "label">Programmer</h3>
-		
-		
-				<div id= "contact">
-					<span class= "contact-header">
-						<a href="https://maps.google.com/?q=San Francisco, California, US"><i title="ADDRESS" class="fa fa-map-marker left"></i>&nbsp; 2712 Broadway St, San Francisco, California, US</a>
-					</span>
-					<br/><br/>
-					<span class= "contact-header">
-						<a href= "mailto:contact@blapointe.com" target= "_blank"><i title="EMAIL" class="fa fa-envelope left"></i>&nbsp;contact@blapointe.com</a>
-					</span>
-					<br/><br/>
-					<span class= "contact-header">
-						<a href= "tel:(912) 555-4321" target= "_blank"><i title="PHONE" class="fa fa-phone-square left"></i>&nbsp;(912) 555-4321</a>
-					</span>
-					<br/><br/>
-				</div>
-				<br>
-				<div id= "profiles">
-					<span class= "profile"><a href= "https://twitter.com/neutralthoughts" target= "_blank" class= "profile"><i class="fa fa-twitter left"></i>&nbsp;neutralthoughts</a></span> 
-					<span class= "profile"><a href= "https://soundcloud.example.com/dandymusicnl" target= "_blank" class= "profile"><i class="fa fa-soundcloud left"></i>&nbsp;dandymusicnl</a></span> 
-				</div>		
-			</header>		<div class="main">
-			<section id="about">
-				<h2><i class="fa fa-user left"></i> ABOUT</h2>
-				<p>
-					Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!
-				</p>
-			</section>
-			<section id= "work">
-				<h2><i class= "fa fa-suitcase left"></i> WORK EXPERIENCE</h2>
-					<div class= "job">
-						<h3>CEO/President, </h3>
-						<h4>2013-12-01 
-						<span class="endDate">
-							- 2014-12-01
-						</span>
-			</h4>
-						<p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-						<h4>HIGHLIGHTS</h4>
-						<ul class="highlights">
-							<li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-							<li>Successfully won Techcrunch Disrupt</li>
-							<li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
-						</ul>
-					</div>
-			</section>
-			<section id="skills">
-				<h2><i class="fa fa-tasks left"></i> SKILLS</h2>
-				<section class="skills">
-				<section>
-				<h3 class="skills">Web Development</h3>
-				<span class="keywords">HTML</span> 
-				<span class="keywords">CSS</span> 
-				<span class="keywords">Javascript</span> 
-				</section>
-				<section>
-				<h3 class="skills">Compression</h3>
-				<span class="keywords">Mpeg</span> 
-				<span class="keywords">MP4</span> 
-				<span class="keywords">GIF</span> 
-				</section>
-				</section>
-			</section>
-			<section id="education">
-				<h2><i class="fa fa-graduation-cap left"></i> EDUCATION</h2>
-				<h3>Bachelor, Information Technology - University of Oklahoma</h3>
-				<h4>2011-May  - 2013-Dec  
-				</h4>
-				<h4>COURSES</h4>
-				<ul class="courses">
-					<li>DB1101 - Basic SQL</li>
-					<li>CS2011 - Java Introduction</li>
-				</ul>
-				 
-			</section>
-			<section id="awards">
-				<h2><i class="fa fa-trophy left"></i> AWARDS</h2>
-				<h3>Digital Compression Pioneer Award - Techcrunch</h3>
-				<h4>
-					2014-Oct
-				</h4>
-				<p>There is no spoon.</p>
-			</section>
-			<section id="publications">
-				<h2><i class="fa fa-book left"></i> PUBLICATIONS</h2>
-				<h3>Video compression for 3d media</h3>
-				<h4>2014-10-01</h4>
-				<p>Innovative middle-out compression algorithm that changes the way we store data.<br><a href="" target="_blank"></a></p>
-			
-			</section>
-			<section id="volunteer">
-				<h2><i class="fa fa-child left"></i> VOLUNTEER WORK</h2>
-					<h3>Teacher, CoderDojo</h3>
-					<h4>2011-Dec 
-						<span class="endDate">
-								- 2012-Dec
-						</span> 
-					</h4>
-					<p>Global movement of free coding clubs for young people.<br><a href="" target="_blank"></a></p>
-						<h4>HIGHLIGHTS</h4>
-						<ul class="highlights">
-							<li>Awarded &#x27;Teacher of the Month&#x27;</li>
-						</ul>
-			</section>
-			<section id="languages">
-				<h2><i class="fa fa-language left"></i> LANGUAGES</h2>
-			
-				<h3>English</h3>
-				<h4>Fluency: Native speaker</h4>
-			</section>
-			<section id="interests">
-				<h2><i class="fa fa-star left"></i> INTERESTS</h2>
-				<h3 class="skills">Wildlife</h3>
-				 
-				<span class="keywords">Ferrets</span> 
-				<span class="keywords">Unicorns</span>   
-			</section>
-			<section id="references">
-				<h2><i class="fa fa-thumbs-up left"></i> REFERENCES</h2>
-				<blockquote>
-					It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.
-					<div class="name"><br>- Erlich Bachman</div>
-				</blockquote><br> 
-			</section>
-		</div>
-	</body>
-</html>

json-resume/themes/even.html

@@ -1,489 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-      <title>Bree LaPointe</title>
-      <meta name="description" content="Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700&display=swap">
-    <style>:root {
-  color-scheme: light dark;
-
-  --color-background: #ffffff; /* White */
-  --color-muted: #f3f4f5; /* Light Gray 200 */
-  --color-primary: #191e23; /* Dark Gray 900 */
-  --color-secondary: #6c7781; /* Dark Gray 300 */
-  --color-accent: #ffb900; /* Accent Yellow */
-  --color-link: #46b450; /* Accent Green */
-
-  --scale-ratio: 1.25;
-  --scale0: 1rem;
-  --scale1: calc(var(--scale0) * var(--scale-ratio));
-  --scale2: calc(var(--scale1) * var(--scale-ratio));
-  --scale3: calc(var(--scale2) * var(--scale-ratio));
-  --scale4: calc(var(--scale3) * var(--scale-ratio));
-  --scale5: calc(var(--scale4) * var(--scale-ratio));
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --color-background: #191e23; /* Dark Gray 900 */
-    --color-muted: #23282d; /* Dark Gray 800 */
-    --color-primary: #fbfbfc; /* Light Gray 100 */
-    --color-secondary: #ccd0d4; /* Light Gray 700 */
-  }
-}
-
-* {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-
-html {
-  font-size: 14px;
-}
-
-body {
-  background: var(--color-background);
-  color: var(--color-primary);
-  display: grid;
-  font: 1em/1.5 Lato, sans-serif;
-  gap: 2em;
-  grid-template-columns:
-    [full-start]
-    1fr
-    [main-start side-start]
-    minmax(min-content, 12em)
-    [side-end content-start]
-    minmax(min-content, 36em)
-    [main-end content-end]
-    1fr
-    [full-end];
-  grid-template-rows: auto [content] 0;
-  margin-bottom: 4em;
-}
-
-body::before {
-  content: '';
-  grid-column: full;
-  grid-row: content;
-}
-
-ol,
-ul {
-  padding-left: 1em;
-}
-
-:not(.icon-list, .tag-list) > li + li {
-  margin-top: 0.4em;
-}
-
-li::marker,
-.network {
-  color: var(--color-secondary);
-}
-
-a {
-  color: var(--color-link);
-  text-decoration: none;
-  transition: color 0.2s;
-}
-
-a:focus,
-a:hover {
-  color: var(--color-accent);
-}
-
-h1,
-h2,
-h3,
-h5 {
-  font-weight: normal;
-}
-
-h1,
-h2,
-h3 {
-  line-height: 1.2;
-}
-
-h1 {
-  font-size: var(--scale5);
-}
-
-h2 {
-  color: var(--color-secondary);
-  font-size: var(--scale4);
-}
-
-h3 {
-  color: var(--color-accent);
-  font-size: var(--scale3);
-  grid-column: side;
-  margin-bottom: 1rem;
-}
-
-h4 {
-  font-size: var(--scale2);
-}
-
-h5 {
-  font-size: var(--scale1);
-}
-
-h6 {
-  font-size: var(--scale0);
-}
-
-blockquote {
-  border-left: 0.2em solid var(--color-muted);
-  padding-left: 1em;
-}
-
-cite {
-  color: var(--color-secondary);
-  font-style: inherit;
-}
-
-cite::before {
-  content: '— ';
-}
-
-svg {
-  margin-right: 0.2em;
-  vertical-align: -0.2em;
-}
-
-.masthead {
-  background: var(--color-muted);
-  display: inherit;
-  gap: inherit;
-  grid-column: full;
-  grid-template-columns: inherit;
-  padding: 4em 0;
-  text-align: center;
-}
-
-.masthead > *,
-section {
-  grid-column: main;
-}
-
-.masthead > img {
-  border-radius: 50%;
-  margin: 0 auto;
-  max-width: 12em;
-}
-
-article > * + *,
-blockquote > * + * {
-  margin-top: 0.6em;
-}
-
-.meta {
-  color: var(--color-secondary);
-}
-
-.stack {
-  display: grid;
-  gap: 1.5em;
-}
-
-.icon-list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.4em 1em;
-  justify-content: center;
-  list-style: none;
-  padding: 0;
-}
-
-.grid-list {
-  display: grid;
-  gap: 1em;
-}
-
-.tag-list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.4em;
-  list-style: none;
-  padding: 0;
-}
-
-.tag-list > li {
-  background: var(--color-muted);
-  border-radius: 0.2em;
-  padding: 0.2em 0.6em;
-}
-
-.bullet-item:not(:first-child)::before {
-  content: '· ';
-  margin: 0 0.2em;
-}
-
-@media print, (min-width: 48em) {
-  h3 {
-    text-align: right;
-    margin-bottom: inherit;
-  }
-
-  .masthead {
-    text-align: inherit;
-  }
-
-  .masthead > *,
-  section {
-    grid-column: content;
-  }
-
-  .masthead img {
-    grid-column: side;
-    grid-row: span 2;
-    max-width: 100%;
-  }
-
-  section {
-    display: contents;
-  }
-
-  .icon-list {
-    flex-direction: column;
-  }
-
-  .grid-list {
-    grid-template-columns: repeat(
-      auto-fit,
-      minmax(calc((100% - 1em) / 2), 1fr)
-    );
-  }
-}
-</style>
-  </head>
-  <body>
-      <header class="masthead">
-          <img src="" alt="">
-        <div>
-            <h1>Bree LaPointe</h1>
-            <h2>Programmer</h2>
-        </div>
-          <article>
-            <p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-          </article>
-        <ul class="icon-list">
-              <li>
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map-pin"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
-                San Francisco, US
-              </li>
-            <li>
-              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
-              <a href="mailto:contact@blapointe.com">contact@blapointe.com</a>
-            </li>
-            <li>
-              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
-              <a href="tel:9125554321">(912) 555-4321</a>
-            </li>
-            <li>
-              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
-              <a href="http://richardhendricks.example.com">richardhendricks.example.com</a>
-            </li>
-            <li>
-              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>
-                  neutralthoughts
-                <span class="network">(Twitter)</span>
-            </li>
-            <li>
-              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
-                  <a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
-                <span class="network">(SoundCloud)</span>
-            </li>
-        </ul>
-      </header>
-
-      <section id="work">
-        <h3>Work</h3>
-        <div class="stack">
-            <article>
-              <header>
-                <h4>CEO/President</h4>
-                <div class="meta">
-                  <div>
-                    <strong><a href="http://piedpiper.example.com">Pied Piper</a></strong>
-                      <span class="bullet-item">Awesome compression company</span>
-                  </div>
-                  <div>
-                    <time datetime="2013-12-01">Dec 2013</time> –
-                    <time datetime="2014-12-01">Dec 2014</time>
-                  </div>
-                    <div>Palo Alto, CA</div>
-                </div>
-              </header>
-                <p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-                <ul>
-                    <li><p>Build an algorithm for artist to detect if their music was violating copy right infringement laws</p></li>
-                    <li><p>Successfully won Techcrunch Disrupt</p></li>
-                    <li><p>Optimized an algorithm that holds the current world record for Weisman Scores</p></li>
-                </ul>
-            </article>
-        </div>
-      </section>
-      <section id="volunteer">
-        <h3>Volunteer</h3>
-        <div class="stack">
-            <article>
-              <header>
-                <h4>Teacher</h4>
-                <div class="meta">
-                  <strong><a href="http://coderdojo.example.com/">CoderDojo</a></strong>
-                  <div>
-                    <time datetime="2012-01-01">Jan 2012</time> –
-                    <time datetime="2013-01-01">Jan 2013</time>
-                  </div>
-                </div>
-              </header>
-                <p>Global movement of free coding clubs for young people.</p>
-                <ul>
-                    <li><p>Awarded 'Teacher of the Month'</p></li>
-                </ul>
-            </article>
-        </div>
-      </section>
-      <section id="education">
-        <h3>Education</h3>
-        <div class="stack">
-            <article>
-              <header>
-                <h4><a href="https://www.ou.edu/">University of Oklahoma</a></h4>
-                <div class="meta">
-                    <strong>Information Technology</strong>
-                  <div>
-                    <time datetime="2011-06-01">Jun 2011</time> –
-                    <time datetime="2014-01-01">Jan 2014</time>
-                  </div>
-                </div>
-              </header>
-                <p>Bachelor</p>
-                <h5>Courses</h5>
-                <ul>
-                    <li><p>DB1101 - Basic SQL</p></li>
-                    <li><p>CS2011 - Java Introduction</p></li>
-                </ul>
-            </article>
-        </div>
-      </section>
-      <section id="projects">
-        <h3>Projects</h3>
-        <div class="stack">
-            <article>
-              <header>
-                <h4><a href="missdirection.example.com">Miss Direction</a></h4>
-                <div class="meta">
-                  <div>
-                      <strong>Team lead, Designer</strong>
-                      at <strong>Smoogle</strong>
-                  </div>
-                  <div>
-                    <time datetime="2016-08-24">Aug 2016</time> –
-                    <time datetime="2016-08-24">Aug 2016</time>
-                  </div>
-                </div>
-              </header>
-                <p>A mapping engine that misguides you</p>
-                <ul>
-                    <li><p>Won award at AIHacks 2016</p></li>
-                    <li><p>Built by all women team of newbie programmers</p></li>
-                    <li><p>Using modern technologies such as GoogleMaps, Chrome Extension and Javascript</p></li>
-                </ul>
-            </article>
-        </div>
-      </section>
-      <section id="awards">
-        <h3>Awards</h3>
-        <div class="stack">
-            <article>
-              <header>
-                <h4>Digital Compression Pioneer Award</h4>
-                <div class="meta">
-                    <div>
-                      Awarded by <strong>Techcrunch</strong>
-                    </div>
-                    <time datetime="2014-11-01">Nov 2014</time>
-                </div>
-              </header>
-                <p>There is no spoon.</p>
-            </article>
-        </div>
-      </section>
-      <section id="publications">
-        <h3>Publications</h3>
-        <div class="stack">
-            <article>
-              <header>
-                <h4><a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)">Video compression for 3d media</a></h4>
-                <div class="meta">
-                    <div>
-                      Published by <strong>Hooli</strong>
-                    </div>
-                    <time datetime="2014-10-01">Oct 2014</time>
-                </div>
-              </header>
-                <p>Innovative middle-out compression algorithm that changes the way we store data.</p>
-            </article>
-        </div>
-      </section>
-      <section id="skills">
-        <h3>Skills</h3>
-        <div class="grid-list">
-            <div>
-                <h4>Web Development</h4>
-                <ul class="tag-list">
-                    <li>HTML</li>
-                    <li>CSS</li>
-                    <li>Javascript</li>
-                </ul>
-            </div>
-            <div>
-                <h4>Compression</h4>
-                <ul class="tag-list">
-                    <li>Mpeg</li>
-                    <li>MP4</li>
-                    <li>GIF</li>
-                </ul>
-            </div>
-        </div>
-      </section>
-      <section id="languages">
-        <h3>Languages</h3>
-        <div class="grid-list">
-            <div>
-                <h4>English</h4>
-              Native speaker
-            </div>
-        </div>
-      </section>
-      <section id="interests">
-        <h3>Interests</h3>
-        <div class="grid-list">
-            <div>
-                <h4>Wildlife</h4>
-                <ul class="tag-list">
-                    <li>Ferrets</li>
-                    <li>Unicorns</li>
-                </ul>
-            </div>
-        </div>
-      </section>
-      <section id="references">
-        <h3>References</h3>
-        <div class="stack">
-              <blockquote>
-                <p>It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.</p>
-                  <p>
-                    <cite>Erlich Bachman</cite>
-                  </p>
-              </blockquote>
-        </div>
-      </section>
-  </body>
-</html>

json-resume/themes/flat-fr.html

@@ -1,490 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-	
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
-	
-	<title>Bree LaPointe</title>
-	
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.min.css">
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/2.0.2/octicons.min.css">
-	
-	<style type="text/css">
-	@import url(
-	https://fonts.googleapis.com/css?family=Lato:400,700
-);
-body {
-	background: #fff;
-	font-family: Lato, sans-serif;
-	margin: 0 0 80px;
-}
-a {
-	color: #2ecc71;
-}
-a:focus,
-a:hover {
-	color: #f1c40f;
-	text-decoration: none;
-}
-p {
-	line-height: 1.5;
-	margin: 0;
-}
-p + p {
-	margin-top: 10px;
-}
-h1,
-h2,
-h3,
-h4 {
-	margin-top: 0
-}
-section {
-	margin-top: 30px;
-}
-li {
-	line-height: 1.8;
-	list-style: none;
-}
-li:before {
-	content: "\f052";
-	float: left;
-	font: 13px Octicons;
-	margin-top: 6px;
-	margin-left: -20px;
-	opacity: .1;
-	position: absolute;
-}
-blockquote {
-	border-left: 5px solid #e7e9ec;
-	font-size: 14px;
-}
-em {
-	color: #95a5a6;
-	font-weight: normal;
-	font-style: normal;
-}
-h4 span:first-child {
-	color: #000;
-	font-weight: bold;
-}
-.container {
-	max-width: 750px;
-	padding: 0 30px;
-}
-.col-sm-6 {
-	margin-bottom: 10px;
-}
-.col-sm-12 h4 {
-	margin-top: 12px; 
-}
-.col-sm-12 + .col-sm-12 {
-	margin-top: 30px;
-}
-#header {
-	background: #f4f6f6;
-	padding: 50px 0;
-	margin-bottom: 30px;
-}
-#header h2 {
-	color: #95a5a6;
-	font-size: 24px;
-}
-#content h3 {
-	color: #f1c40f;
-	font-size: 26px;
-	margin-top: -4px;
-}
-#content aside {
-	text-align: right;
-	padding-right: 30px;
-}
-#profiles .network {
-	text-transform: capitalize;
-}
-#work .position,
-#volunteer .position {
-	font-weight: bold;
-	margin-bottom: 8px;
-}
-#education .area {
-	font-weight: bold;
-}
-#education .area:before {
-	content: "\f0d7";
-	font: 16px Octicons;
-	margin-right: 6px;
-}
-#education .studyType {
-	margin-left: 25px;
-}
-#awards .summary,
-#publications .summary {
-	margin-top: 8px;
-}
-#publications .website a:before {
-	content: attr(href);
-}
-
-@media (min-width: 480px) {
-	.strike-through {
-		border-top: 1px solid #f4f6f6;
-		height: 20px;
-		margin-top: 12px;
-		margin-bottom: -2px;
-		position: relative;
-	}
-	.strike-through span,
-	.strike-through a {
-		background: #fff;
-		position: absolute;
-	}
-	.strike-through span:first-child {
-		padding-right: 20px;
-		margin-top: -12px;
-	}
-	.strike-through span + span {
-		font-size: 14px;
-		margin-top: -10px;
-		padding-left: 20px;
-		right: 0;
-	}
-}
-@media (max-width: 768px) {
-	.col-sm-6:last-child {
-		margin-bottom: 0px;
-	}
-	#content aside {
-		margin-bottom: 20px;
-		padding-right: 0;
-		text-align: left;
-	}
-	#publications .website a:before {
-		content: "View publication";
-	}
-}
-@media (max-width: 480px) {
-	h1 {
-		font-size: 26px;
-	}
-	.date {
-		font-size: 14px;
-		margin-bottom: 5px;
-	}
-	.strike-through span:first-child {
-		margin-bottom: 7px;
-	}
-	.strike-through span {
-		display: block;
-	}	
-	#header {
-		margin-bottom: 10px;
-		padding: 40px 0;
-	}
-	#actions {
-		display: none;
-	}
-}
-
-	</style>
-	
-	</head>
-	<body>
-	
-	<header id="header">
-		<div class="container">
-			<div class="row">
-				<div class="col-sm-9 col-sm-push-3">
-					<h1>
-						Bree LaPointe
-					</h1>
-					<h2>
-						Programmer
-					</h2>
-				</div>
-			</div>
-		</div>
-	</header>
-	<div id="content" class="container">
-
-	<section id="contact" class="row">
-		<aside class="col-sm-3">
-			<h3>Contact</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-6">
-				<strong>Email</strong>
-				<div class="email">contact@blapointe.com</div>
-			</div>
-			<div class="col-sm-6">
-				<strong>Téléphone</strong>
-				<div class="phone">(912) 555-4321</div>
-			</div>
-			</div>
-		</div>
-	</section>
-	<section id="about" class="row">
-		<aside class="col-sm-3">
-			<h3>A propos</h3>
-		</aside>
-		<div class="col-sm-9">
-			<p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-		</div>
-	</section>
-	<section id="profiles" class="row">
-		<aside class="col-sm-3">
-			<h3>Profils</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-				<div class="col-sm-6">
-					<strong class="network">
-						Twitter
-					</strong>
-					<div class="username">
-							neutralthoughts
-					</div>
-				</div>
-				<div class="col-sm-6">
-					<strong class="network">
-						SoundCloud
-					</strong>
-					<div class="username">
-						<div class="url">
-							<a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</section>
-
-	<section id="work" class="row">
-		<aside class="col-sm-3">
-			<h3>Expérience</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<h4 class="strike-through">
-					<span></span>
-					<span class="date">
-						2013-12-01 — 2014-12-01
-					</span>
-				</h4>
-				<div class="position">
-					CEO/President
-				</div>
-				<div class="summary">
-					<p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-				</div>
-				<h4>Highlights</h4>
-				<ul class="highlights">
-					<li class="bullet">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-					<li class="bullet">Successfully won Techcrunch Disrupt</li>
-					<li class="bullet">Optimized an algorithm that holds the current world record for Weisman Scores</li>
-				</ul>
-			</div>
-			</div>
-		</div>
-	</section>
-
-	<section id="volunteer" class="row">
-		<aside class="col-sm-3">
-			<h3>Volontariat</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<h4 class="strike-through">
-					<span>CoderDojo</span>
-					<span class="date">
-						2012-01-01 — 2013-01-01
-					</span>
-				</h4>
-				<div class="position">
-					Teacher
-				</div>
-				<div class="summary">
-					<p>Global movement of free coding clubs for young people.</p>
-				</div>
-				<h4>Particularités</h4>
-				<ul class="highlights">
-					<li class="bullet">Awarded &#x27;Teacher of the Month&#x27;</li>
-				</ul>
-			</div>
-			</div>
-		</div>
-	</section>
-	
-	<section id="education" class="row">
-		<aside class="col-sm-3">
-			<h3>Education</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<h4 class="strike-through">
-					<span>University of Oklahoma</span>
-					<span class="date">
-						2011-06-01 — 2014-01-01
-					</span>
-				</h4>
-				<div class="area">
-					Information Technology
-				</div>
-				<div class="studyType">
-					Bachelor
-				</div>
-				<h4>Cours</h4>
-				<ul class="courses">
-					<li>DB1101 - Basic SQL</li>
-					<li>CS2011 - Java Introduction</li>
-				</ul>
-			</div>
-			</div>
-		</div>
-	</section>
-	
-	<section id="awards" class="row">
-		<aside class="col-sm-3">
-			<h3>Certifications</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<h4 class="strike-through">
-					<span>Digital Compression Pioneer Award</span>
-				</h4>
-				<div class="date pull-right">
-					<em>Certifié le</em>
-					2014-11-01
-				</div>
-				<div class="awarder">
-					<em>par</em>
-					<strong>Techcrunch</strong>
-				</div>
-				<div class="summary">
-					There is no spoon.
-				</div>
-			</div>
-			</div>
-		</div>
-	</section>
-	
-	<section id="publications" class="row">
-		<aside class="col-sm-3">
-			<h3>Publications</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<h4 class="strike-through">
-					<span>Video compression for 3d media</span>
-					<span class="date">
-						2014-10-01
-					</span>
-				</h4>
-				<div class="publisher">
-					<em>Publié par</em>
-					<strong>Hooli</strong>
-				</div>
-				<div class="summary">
-					<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
-				</div>
-			</div>
-			</div>
-		</div>
-	</section>
-	
-	<section id="skills" class="row">
-		<aside class="col-sm-3">
-			<h3>Talents</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-6">
-				<div class="name">
-					<h4>Web Development</h4>
-				</div>
-				<ul class="keywords">
-					<li>HTML</li>
-					<li>CSS</li>
-					<li>Javascript</li>
-				</ul>
-			</div>
-			<div class="col-sm-6">
-				<div class="name">
-					<h4>Compression</h4>
-				</div>
-				<ul class="keywords">
-					<li>Mpeg</li>
-					<li>MP4</li>
-					<li>GIF</li>
-				</ul>
-			</div>
-			</div>
-		</div>
-	</section>
-
-	<section id="languages" class="row">
-		<aside class="col-sm-3">
-			<h3>Langues</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-6">
-				<div class="language">
-					<strong>English</strong>
-				</div>
-				<div class="fluency">
-					Native speaker
-				</div>
-			</div>
-			</div>
-		</div>
-	</section>
-
-	<section id="interests" class="row">
-		<aside class="col-sm-3">
-			<h3>Intérêts</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-6">
-				<div class="name">
-					<h4>Wildlife</h4>
-				</div>
-				<ul class="keywords">
-					<li>Ferrets</li>
-					<li>Unicorns</li>
-				</ul>
-			</div>
-			</div>
-		</div>
-	</section>
-	
-	<section id="references" class="row">
-		<aside class="col-sm-3">
-			<h3>Références</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<blockquote class="reference">
-					<p>It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.</p>
-					<p class="name">
-						<strong>— Erlich Bachman</strong>
-					</p>
-				</blockquote>
-			</div>
-			</div>
-		</div>
-	</section>
-
-	</div>
-	
-	</body>
-</html>

json-resume/themes/flat.html

@@ -1,490 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-	
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
-	
-	<title>Bree LaPointe</title>
-	
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.min.css">
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/2.0.2/octicons.min.css">
-	
-	<style type="text/css">
-	@import url(
-	https://fonts.googleapis.com/css?family=Lato:400,700
-);
-body {
-	background: #fff;
-	font-family: Lato, sans-serif;
-	margin: 0 0 80px;
-}
-a {
-	color: #2ecc71;
-}
-a:focus,
-a:hover {
-	color: #f1c40f;
-	text-decoration: none;
-}
-p {
-	line-height: 1.5;
-	margin: 0;
-}
-p + p {
-	margin-top: 10px;
-}
-h1,
-h2,
-h3,
-h4 {
-	margin-top: 0
-}
-section {
-	margin-top: 30px;
-}
-li {
-	line-height: 1.8;
-	list-style: none;
-}
-li:before {
-	content: "\f052";
-	float: left;
-	font: 13px Octicons;
-	margin-top: 6px;
-	margin-left: -20px;
-	opacity: .1;
-	position: absolute;
-}
-blockquote {
-	border-left: 5px solid #e7e9ec;
-	font-size: 14px;
-}
-em {
-	color: #95a5a6;
-	font-weight: normal;
-	font-style: normal;
-}
-h4 span:first-child {
-	color: #000;
-	font-weight: bold;
-}
-.container {
-	max-width: 750px;
-	padding: 0 30px;
-}
-.col-sm-6 {
-	margin-bottom: 10px;
-}
-.col-sm-12 h4 {
-	margin-top: 12px; 
-}
-.col-sm-12 + .col-sm-12 {
-	margin-top: 30px;
-}
-#header {
-	background: #f4f6f6;
-	padding: 50px 0;
-	margin-bottom: 30px;
-}
-#header h2 {
-	color: #95a5a6;
-	font-size: 24px;
-}
-#content h3 {
-	color: #f1c40f;
-	font-size: 26px;
-	margin-top: -4px;
-}
-#content aside {
-	text-align: right;
-	padding-right: 30px;
-}
-#profiles .network {
-	text-transform: capitalize;
-}
-#work .position,
-#volunteer .position {
-	font-weight: bold;
-	margin-bottom: 8px;
-}
-#education .area {
-	font-weight: bold;
-}
-#education .area:before {
-	content: "\f0d7";
-	font: 16px Octicons;
-	margin-right: 6px;
-}
-#education .studyType {
-	margin-left: 25px;
-}
-#awards .summary,
-#publications .summary {
-	margin-top: 8px;
-}
-#publications .website a:before {
-	content: attr(href);
-}
-
-@media (min-width: 480px) {
-	.strike-through {
-		border-top: 1px solid #f4f6f6;
-		height: 20px;
-		margin-top: 12px;
-		margin-bottom: -2px;
-		position: relative;
-	}
-	.strike-through span,
-	.strike-through a {
-		background: #fff;
-		position: absolute;
-	}
-	.strike-through span:first-child {
-		padding-right: 20px;
-		margin-top: -12px;
-	}
-	.strike-through span + span {
-		font-size: 14px;
-		margin-top: -10px;
-		padding-left: 20px;
-		right: 0;
-	}
-}
-@media (max-width: 768px) {
-	.col-sm-6:last-child {
-		margin-bottom: 0px;
-	}
-	#content aside {
-		margin-bottom: 20px;
-		padding-right: 0;
-		text-align: left;
-	}
-	#publications .website a:before {
-		content: "View publication";
-	}
-}
-@media (max-width: 480px) {
-	h1 {
-		font-size: 26px;
-	}
-	.date {
-		font-size: 14px;
-		margin-bottom: 5px;
-	}
-	.strike-through span:first-child {
-		margin-bottom: 7px;
-	}
-	.strike-through span {
-		display: block;
-	}	
-	#header {
-		margin-bottom: 10px;
-		padding: 40px 0;
-	}
-	#actions {
-		display: none;
-	}
-}
-
-	</style>
-	
-	</head>
-	<body>
-	
-	<header id="header">
-		<div class="container">
-			<div class="row">
-				<div class="col-sm-9 col-sm-push-3">
-					<h1>
-						Bree LaPointe
-					</h1>
-					<h2>
-						Programmer
-					</h2>
-				</div>
-			</div>
-		</div>
-	</header>
-	<div id="content" class="container">
-
-	<section id="contact" class="row">
-		<aside class="col-sm-3">
-			<h3>Contact</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-6">
-				<strong>Email</strong>
-				<div class="email">contact@blapointe.com</div>
-			</div>
-			<div class="col-sm-6">
-				<strong>Phone</strong>
-				<div class="phone">(912) 555-4321</div>
-			</div>
-			</div>
-		</div>
-	</section>
-	<section id="about" class="row">
-		<aside class="col-sm-3">
-			<h3>About</h3>
-		</aside>
-		<div class="col-sm-9">
-			<p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-		</div>
-	</section>
-	<section id="profiles" class="row">
-		<aside class="col-sm-3">
-			<h3>Profiles</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-				<div class="col-sm-6">
-					<strong class="network">
-						Twitter
-					</strong>
-					<div class="username">
-							neutralthoughts
-					</div>
-				</div>
-				<div class="col-sm-6">
-					<strong class="network">
-						SoundCloud
-					</strong>
-					<div class="username">
-						<div class="url">
-							<a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</section>
-
-	<section id="work" class="row">
-		<aside class="col-sm-3">
-			<h3>Work</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<h4 class="strike-through">
-					<span></span>
-					<span class="date">
-						2013-12-01 — 2014-12-01
-					</span>
-				</h4>
-				<div class="position">
-					CEO/President
-				</div>
-				<div class="summary">
-					<p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-				</div>
-				<h4>Highlights</h4>
-				<ul class="highlights">
-					<li class="bullet">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-					<li class="bullet">Successfully won Techcrunch Disrupt</li>
-					<li class="bullet">Optimized an algorithm that holds the current world record for Weisman Scores</li>
-				</ul>
-			</div>
-			</div>
-		</div>
-	</section>
-
-	<section id="volunteer" class="row">
-		<aside class="col-sm-3">
-			<h3>Volunteer</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<h4 class="strike-through">
-					<span>CoderDojo</span>
-					<span class="date">
-						2012-01-01 — 2013-01-01
-					</span>
-				</h4>
-				<div class="position">
-					Teacher
-				</div>
-				<div class="summary">
-					<p>Global movement of free coding clubs for young people.</p>
-				</div>
-				<h4>Highlights</h4>
-				<ul class="highlights">
-					<li class="bullet">Awarded &#x27;Teacher of the Month&#x27;</li>
-				</ul>
-			</div>
-			</div>
-		</div>
-	</section>
-	
-	<section id="education" class="row">
-		<aside class="col-sm-3">
-			<h3>Education</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<h4 class="strike-through">
-					<span>University of Oklahoma</span>
-					<span class="date">
-						2011-06-01 — 2014-01-01
-					</span>
-				</h4>
-				<div class="area">
-					Information Technology
-				</div>
-				<div class="studyType">
-					Bachelor
-				</div>
-				<h4>Courses</h4>
-				<ul class="courses">
-					<li>DB1101 - Basic SQL</li>
-					<li>CS2011 - Java Introduction</li>
-				</ul>
-			</div>
-			</div>
-		</div>
-	</section>
-	
-	<section id="awards" class="row">
-		<aside class="col-sm-3">
-			<h3>Awards</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<h4 class="strike-through">
-					<span>Digital Compression Pioneer Award</span>
-				</h4>
-				<div class="date pull-right">
-					<em>Awarded</em>
-					2014-11-01
-				</div>
-				<div class="awarder">
-					<em>by</em>
-					<strong>Techcrunch</strong>
-				</div>
-				<div class="summary">
-					There is no spoon.
-				</div>
-			</div>
-			</div>
-		</div>
-	</section>
-	
-	<section id="publications" class="row">
-		<aside class="col-sm-3">
-			<h3>Publications</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<h4 class="strike-through">
-					<span>Video compression for 3d media</span>
-					<span class="date">
-						2014-10-01
-					</span>
-				</h4>
-				<div class="publisher">
-					<em>Published by</em>
-					<strong>Hooli</strong>
-				</div>
-				<div class="summary">
-					<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
-				</div>
-			</div>
-			</div>
-		</div>
-	</section>
-	
-	<section id="skills" class="row">
-		<aside class="col-sm-3">
-			<h3>Skills</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-6">
-				<div class="name">
-					<h4>Web Development</h4>
-				</div>
-				<ul class="keywords">
-					<li>HTML</li>
-					<li>CSS</li>
-					<li>Javascript</li>
-				</ul>
-			</div>
-			<div class="col-sm-6">
-				<div class="name">
-					<h4>Compression</h4>
-				</div>
-				<ul class="keywords">
-					<li>Mpeg</li>
-					<li>MP4</li>
-					<li>GIF</li>
-				</ul>
-			</div>
-			</div>
-		</div>
-	</section>
-
-	<section id="languages" class="row">
-		<aside class="col-sm-3">
-			<h3>Languages</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-6">
-				<div class="language">
-					<strong>English</strong>
-				</div>
-				<div class="fluency">
-					Native speaker
-				</div>
-			</div>
-			</div>
-		</div>
-	</section>
-
-	<section id="interests" class="row">
-		<aside class="col-sm-3">
-			<h3>Interests</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-6">
-				<div class="name">
-					<h4>Wildlife</h4>
-				</div>
-				<ul class="keywords">
-					<li>Ferrets</li>
-					<li>Unicorns</li>
-				</ul>
-			</div>
-			</div>
-		</div>
-	</section>
-	
-	<section id="references" class="row">
-		<aside class="col-sm-3">
-			<h3>References</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<blockquote class="reference">
-					<p>It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.</p>
-					<p class="name">
-						<strong>— Erlich Bachman</strong>
-					</p>
-				</blockquote>
-			</div>
-			</div>
-		</div>
-	</section>
-
-	</div>
-	
-	</body>
-</html>

json-resume/themes/full.html

@@ -1,543 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
-	<title>Bree LaPointe  - Programmer</title>
-	<style>
-  	:root {
-  --accent:#BC1B39;
-  --anchor-color: #2C85B1;
-  --blue:#2C85B1;
-  --copy-color-light: #666666;
-  --copy-color: #242424;
-  --grey:#999999;
-  --light-grey:#ededed;
-  --white:#FFFFFF;
-  --base-font-size: 12pt;
-  --spacing-double: 1rem;
-  --spacing-small: .1rem;
-  --spacing: .5rem;
-}
-@media (min-width: 567px) {
-  :root {
-    --spacing-double: 1.5rem;
-    --spacing-small: .25rem;
-    --spacing: .75rem;
-  }
-}
-@media print {
-  :root {
-    --anchor-color: #000000;
-    --base-font-size: 9pt;
-    --copy-color-light: #000000;
-    --copy-color: #000000;
-  }
-}
-
-body {
-  color: var(--copy-color);
-  display: flex;
-  font: var(--base-font-size) "Open Sans", Helvetica, Arial, sans-serif;
-  justify-content: center;
-  line-height: 1.25;
-  -webkit-print-color-adjust: exact;
-}
-
-em {
-  color: var(--grey);
-}
-
-p {
-  font-size: 90%;
-}
-
-a {
-  color: var(--anchor-color);
-  font-weight: 400;
-  text-decoration: none;
-}
-
-ul {
-  margin-bottom: 0;
-}
-
-section {
-  margin: var(--spacing) 0 var(--spacing-double);
-}
-
-blockquote {
-  margin-bottom: 0 0 var(--spacing);
-}
-
-#resume {
-  background: var(--white);
-  margin: var(--spacing) var(--spacing-double);
-  max-width: 760px;
-}
-
-section.heading header h1 {
-  font-size: 180%;
-  font-weight: 300;
-  margin: 0;
-}
-section.heading header h2 {
-  font-size: 140%;
-  font-weight: 400;
-  margin: 0;
-}
-section.heading header h2::after {
-  display: none;
-}
-section.heading header .contact {
-  display: flex;
-  flex-direction: column;
-  padding-bottom: var(--spacing);
-}
-@media (min-width: 567px) {
-  section.heading header .contact {
-    flex-direction: row;
-    justify-content: space-between;
-  }
-}
-section.heading header address {
-  font-size: 90%;
-  font-style: normal;
-  padding-bottom: var(--spacing);
-}
-section.heading .profiles {
-  display: flex;
-  flex-direction: column;
-  padding-bottom: var(--spacing);
-}
-@media (min-width: 567px) {
-  section.heading .profiles {
-    flex-direction: row;
-    justify-content: start;
-  }
-}
-section.heading .profiles .profile.print {
-  display: none;
-}
-@media print {
-  section.heading .profiles .profile.print {
-    display: block;
-  }
-}
-section.heading .profiles strong {
-  margin: 0 var(--spacing-small) 0 0;
-}
-section.heading .profiles span {
-  margin: 0 var(--spacing-double) 0 0;
-}
-
-section.experience .item {
-  border-bottom: 1px solid var(--light-grey);
-  margin: 0 0 0.5em;
-  padding: 0 0 0.5em;
-}
-section.experience .item:last-child {
-  border-bottom: none;
-}
-section.experience .item header a,
-section.experience .item header h3 {
-  color: var(--copy-color);
-  display: inline-block;
-  font-weight: 400;
-  text-decoration: none;
-}
-@media (max-width: 566px) {
-  section.experience .item header .subhead {
-    flex-direction: column;
-    margin-bottom: var(--spacing-double);
-  }
-}
-section.experience .item .summary p {
-  margin-top: var(--spacing);
-}
-section.experience .item .summary p:first-child {
-  margin-top: var(--spacing-small);
-}
-section.experience .item .summary p:last-child {
-  margin-bottom: var(--spacing-small);
-}
-section.experience .item .position {
-  color: var(--copy-color-light);
-  font-size: 100%;
-  font-weight: 500;
-  margin: var(--spacing-small) 0;
-}
-section.experience .item .startDate,
-section.experience .item .endDate {
-  color: var(--grey);
-}
-section.skills .item {
-  margin: 0;
-  padding: 0 0 var(--spacing);
-}
-section.skills .item:first-child {
-  margin-top: var(--spacing);
-}
-section.skills .item:last-child {
-  margin-bottom: var(--spacing);
-}
-section.skills .item .name {
-  display: inline-block;
-  font-size: 90%;
-  font-weight: 600;
-  margin: 0 var(--spacing) 0 0;
-  text-transform: uppercase;
-  vertical-align: top;
-  white-space: nowrap;
-}
-section.skills .item .keywords {
-  display: inline-block;
-  font-size: 90%;
-  vertical-align: top;
-}
-
-section.volunteering .item .position {
-  font-weight: 600;
-}
-section.volunteering .item header .subhead {
-  margin-top: var(--spacing);
-}
-section.projects .item strong {
-  color: var(--copy-color-light);
-  font-weight: 600;
-  display: inline-block;
-  padding-top: var(--spacing);
-}
-section.awards .item .title {
-  font-weight: 600;
-}
-section.publications .item .name {
-  font-weight: 600;
-}
-section.languages .language-item {
-  align-items: baseline;
-  display: flex;
-  justify-content: start;
-}
-section.languages .language-item:first-child {
-  margin-top: var(--spacing);
-}
-section.languages .language-item:last-child {
-  margin-bottom: var(--spacing);
-}
-section.languages .language-item .language {
-  display: inline-block;
-  font-size: 90%;
-  font-weight: 600;
-  margin: 0 var(--spacing) 0 0;
-  text-transform: uppercase;
-  vertical-align: top;
-  white-space: nowrap;
-}
-section.languages .language-item .fluency {
-  color: var(--copy-color-light);
-  font-style: italic;
-}
-
-section.interests .item {
-  margin-bottom: var(--spacing);
-}
-section.interests .item:last-child {
-  margin-bottom: var(--spacing);
-}
-section.interests .item .name {
-  display: inline-block;
-  font-size: 90%;
-  font-weight: 600;
-  margin: 0 var(--spacing) 0 0;
-  text-transform: uppercase;
-  vertical-align: top;
-  white-space: nowrap;
-}
-
-section.references .item blockquote {
-  font-style: italic;
-  margin-bottom: 0;
-  margin-left: var(--spacing);
-}
-section.references .item .name {
-  color: var(--copy-color-light);
-}
-
-section h2 {
-  color: var(--accent);
-  font-size: 135%;
-  font-weight: 400;
-  margin: 0 0 var(--spacing-double);
-  position: relative;
-  text-transform: uppercase;
-}
-section h2::after {
-  background: var(--accent);
-  bottom: -10px;
-  content: " ";
-  display: inline-block;
-  height: 3px;
-  left: 0;
-  position: absolute;
-  width: 2.5rem;
-}
-section header h3 {
-  margin: 0;
-  font-weight: 600;
-}
-
-section.experience .item .highlights, section.volunteering .highlights, section.projects .highlights,
-section.projects .keywords,
-section.projects .roles, section.education .item .courses {
-  font-size: 90%;
-  line-height: 1.3;
-  list-style: square;
-  margin: var(--spacing-small) 0 var(--spacing);
-  padding-left: var(--spacing-double);
-}
-
-section.experience .item, section.volunteering .item, section.projects .item, section.education .item, section.awards .item, section.publications .item, section.interests .item, section.references .item {
-  page-break-inside: avoid;
-}
-
-@media print {
-  section.heading .profiles .profile:not(.print), section.publications .item .website {
-    display: none;
-  }
-}
-
-section.experience .item header .subhead, section.volunteering .item header .subhead, section.projects .item header, section.education .item header, section.awards .item header, section.publications .item .subhead {
-  align-items: baseline;
-  display: flex;
-  justify-content: space-between;
-}
-@media (min-width: 567px) {
-  section.experience .item header .subhead, section.volunteering .item header .subhead, section.projects .item header, section.education .item header, section.awards .item header, section.publications .item .subhead {
-    flex-direction: row;
-  }
-}
-
-@media print {
-  body {
-    font-size: 11pt;
-    margin: 0;
-    padding: 0;
-  }
-}
-
-	</style>
-	<style media="print">
-		body { font-size: 12px; }
-	</style>
-
-	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300' rel='stylesheet' type='text/css'>
-	
-	</head>
-  <body>	
-    <div id="resume">
-      <section id="heading" class="heading">
-        <header>
-          <h1>
-            Bree LaPointe
-          </h1>
-          <h2>Programmer</h2>
-          <div class="summary"><p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p></div>
-          <div class="contact">
-            <span class="contact-detail"><a href="mailto:contact@blapointe.com">contact@blapointe.com</a></span>
-            <span class="contact-detail">(912) 555-4321</span>
-            <span class="contact-detail"><a href="http://richardhendricks.example.com" target="external">http://richardhendricks.example.com</a></span>
-          </div>
-          <address>
-            <span class="address-detail">2712 Broadway St</span>
-            <span class="address-detail">San Francisco,</span>
-            <span class="address-detail">California</span>
-            <span class="address-detail">CA 94115</span>
-            <span class="address-detail">US</span>
-          </address>
-        </header>
-      
-        <div class="profiles">
-          <div class="profile">
-            <strong class="network">Twitter</strong>
-            <span class="username">
-              neutralthoughts
-            </span>
-          </div>
-          <div class="profile print">
-            <span class="username">
-            </span>
-          </div>
-          <div class="profile">
-            <strong class="network">SoundCloud</strong>
-            <span class="username">
-              <a href="https://soundcloud.example.com/dandymusicnl" target="external">@dandymusicnl</a>
-            </span>
-          </div>
-          <div class="profile print">
-            <span class="username">
-              https://soundcloud.example.com/dandymusicnl
-            </span>
-          </div>
-        </div>
-      </section>
-      <section id="experience" class="experience">
-        <section class="item">
-          <h2>Experience</h2>
-          <header>
-            <h3 class="name"><a href="http://piedpiper.example.com" target="external">Pied Piper</a></h3>
-            <div class="subhead">
-            <span class="position">CEO/President</span>
-            <small class="dates">Nov 2013
-             - Nov 2014</small>
-            </div>
-          </header>
-          <div class="summary"><p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p></div>
-          <ul class="highlights">
-            <li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-            <li>Successfully won Techcrunch Disrupt</li>
-            <li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
-          </ul>
-        </section>
-      </section>
-      <section id="skills" class="skills">
-        <div class="item">
-          <h2>Skills</h2>
-          <div class="name">Web Development</div>
-          <div class="keywords">
-            HTML,
-            CSS,
-            Javascript
-          </div>
-        </div>
-        <div class="item">
-          <div class="name">Compression</div>
-          <div class="keywords">
-            Mpeg,
-            MP4,
-            GIF
-          </div>
-        </div>
-      </section>
-      <section id="volunteering" class="volunteering">
-        <div class="item">
-          <h2>Volunteering</h2>
-          <header>
-            <h3 class="name">CoderDojo</h3>
-            <div class="subhead">
-              <span class="position">Teacher</span>
-              <small class="startDate">Dec 2011
-              - Dec 2012</small>
-            </div>
-          </header>
-          <div class="summary">Global movement of free coding clubs for young people.</div>
-          <ul class="highlights">
-            <li>Awarded &#x27;Teacher of the Month&#x27;</li>
-          </ul>
-        </div>
-      </section>
-      <section id="projects" class="projects">
-        <section class="item">
-          <h2>Projects</h2>
-          <header>
-            <h3 class="name">Miss Direction</h3>
-            <small class="subhead">Aug 2016
-             - Aug 2016</small>
-          </header>
-          <strong>Highlights</strong>
-          <ul class="highlights">
-            <li>Won award at AIHacks 2016</li>
-            <li>Built by all women team of newbie programmers</li>
-            <li>Using modern technologies such as GoogleMaps, Chrome Extension and Javascript</li>
-          </ul>
-          <strong>Keywords</strong>
-          <ul class="keywords">
-            <li>GoogleMaps</li>
-            <li>Chrome Extension</li>
-            <li>Javascript</li>
-          </ul>
-            <strong>Roles</strong>
-          <ul class="roles">
-            <li>Team lead</li>
-            <li>Designer</li>
-          </ul>
-            <div class="entity">Smoogle</div>
-            <div class="type">application</div>
-        </section>
-      </section>
-      <section id="education" class="education">
-        <div class="item">
-          <h2>Education</h2>
-          <header>
-              <h3 class="name">University of Oklahoma</h3>
-            <small class="dates">
-              <span class="startDate">May 2011</span>
-              <span class="endDate"> - Dec 2013</span>
-            </small>
-          </header>
-          <div class="qualification">
-            <span class="studyType">Bachelor</span>
-            <span class="area">Information Technology</span>
-            <span class="gpa">GPA: 4.0</span>
-            <br>
-            <strong>Courses</strong>
-            <ul class="courses">
-              <li>DB1101 - Basic SQL</li>
-              <li>CS2011 - Java Introduction</li>
-            </ul>
-          </div>
-        </div>
-      </section>
-      <section id="awards" class="awards">
-        <div class="item">
-          <h2>Awards</h2>
-          <header>
-            <div class="title">Digital Compression Pioneer Award</div>
-            <small class="date">Oct 2014</small>
-          </header>
-          <div class="awarder">Techcrunch</div>
-          <div class="summary"><span>There is no spoon.</span></div>
-        </div>
-      </section>
-      <section id="publications" class="publications">
-        <div class="item">
-          <h2>Publications</h2>
-          <div class="name">Video compression for 3d media</div>
-          <div class="subhead">
-      
-          <div class="publisher">Hooli</div>
-          <small class="releaseDate">Sep 2014</small>
-          <div class="website"><a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)" target="external">Link</a></div>
-          </div>
-          <div class="summary">Innovative middle-out compression algorithm that changes the way we store data.</div>
-        </div>
-      </section>
-      <section id="languages" class="languages">
-        <div class="item">
-          <h2>Languages</h2>
-          <div class="language-item">
-            <span class="language">English:</span>
-            <span class="fluency">Native speaker</span>
-          </div>
-        </div>
-      </section>
-      <section id="interests" class="interests">
-        <div class="item">
-          <h2>Interests</h2>
-          <span class="name">Wildlife:</span>
-          <span class="keywords">
-            <span>Ferrets</span>,
-            <span>Unicorns</span>
-          </span>
-        </div>
-      </section>
-      <section id="references" class="references">
-        <div class="item">
-          <h2>References</h2>
-          <blockquote class="reference">It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.</blockquote>
-          <div class="name">— Erlich Bachman</div>
-        </div>
-      </section>
-    </div>
-	</body>
-</html>

json-resume/themes/jacrys.html

@@ -1,623 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Resume of Bree LaPointe</title>
-    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" rel="stylesheet">
-    <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
-@charset "utf-8";
-@-webkit-viewport   { width: device-width; }
-@-moz-viewport      { width: device-width; }
-@-ms-viewport       { width: device-width; }
-@-o-viewport        { width: device-width; }
-@viewport           { width: device-width; }
-
-body{
-  font-family: 'Open Sans', Arial, Tahoma;
-  font-weight: 400;
-  color: #363636;
-  background: #334960;
-}
-blockquote {
-  font-size: 1em;
-}
-
-.container{
-  margin-top: 80px;
-  margin-bottom: 15px;
-  background: #fff;
-}
-
-#photo-header{
-  margin-top: -75px;
-}
-#photo{
-  width: 160px;
-  height: 160px;
-  border-radius: 50%;
-  overflow: hidden;
-  padding: 5px;
-  background: #334960;
-  display: inline-block;
-}
-#photo img{
-  width: 150px;
-  height: 150px;
-  border-radius: 50%;
-}
-#text-header h1{
-  margin: 0;
-  padding: 0;
-  font-size: 1.5em;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: -1px;
-}
-#text-header h1::first-line{
-  font-size: 1.5em;
-  font-weight: 800;
-  line-height: 1.5em;
-}
-#text-header h1 span{
-  color: #334960;
-  opacity: 0.7;
-}
-#text-header h1 sup{
-  opacity: 0.5;
-}
-#text-header:after{
-  width: 100%;
-  height: 3px;
-  border-bottom: 1px solid #ddd;
-  margin-top: 15px;
-  content: '';
-  display: block;
-}
-
-.box{
-  padding-bottom: 10px;
-  margin-bottom: 25px;
-}
-.box h2{
-  color: #227c74;
-  font-size: 1.5em;
-  font-weight: 700;
-  text-transform: uppercase;
-}
-
-#awards,
-#education{
-  margin-top: 20px;
-  margin-bottom: 0;
-  position: relative;
-  padding: 1em 0;
-  list-style: none;
-}
-#awards:before,
-#education:before {
-  width: 5px;
-  height: 100%;
-  position: absolute;
-  left: 35px;
-  top: 0;
-  content: ' ';
-  display: block;
-  background: #32475c;
-  background: -moz-linear-gradient(top,  #ffffff 0%, #32475c 7%, #32475c 89%, #ffffff 100%);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(7%,#32475c), color-stop(89%,#32475c), color-stop(100%,#ffffff));
-  background: -webkit-linear-gradient(top,  #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
-  background: -o-linear-gradient(top,  #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
-  background: -ms-linear-gradient(top,  #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
-  background: linear-gradient(to bottom,  #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
-}
-#awards li,
-#education li{
-  width: 100%;
-  z-index: 2;
-  position: relative;
-  float: left;
-}
-#awards .year,
-#education .year{
-  width: 14%;
-  background: #fff;
-  padding: 10px 10px 10px 3px;
-  font-weight: 700;
-  display: inline-block;
-}
-#awards .description,
-#education .description{
-  width: 83%;
-  display: inline-block;
-  background: #eee;
-  margin-bottom: 10px;
-  position: relative;
-  padding: 10px;
-  border-bottom: 1px solid #ccc;
-  border-right: 1px solid #ccc;
-}
-#awards .description:after,
-#education .description:after {
-  content: '';
-  position: absolute;
-  top: 15px;
-  right: 0;
-  left: -16px;
-  height: 0;
-  width: 0;
-  border: solid transparent;
-  border-right-color: #eee;
-  border-width: 8px;
-  pointer-events: none;
-}
-#awards .description h3,
-#education .description h3{
-  font-size: 1.2em;
-  margin: 0;
-  padding: 0;
-  font-weight: 700;
-}
-#awards .description p,
-#education .description p{
-  margin-top: 5px;
-  padding: 0;
-}
-
-.job{
-  margin-bottom: 15px;
-}
-.job .details {
-  margin-left: 3%;
-  width: 95%;
-  padding: 10px;
-  margin-bottom: 10px;
-  background: #eee;
-  border-bottom: 1px solid #ccc;
-  border-right: 1px solid #ccc;
-}
-.job .where{
-  font-size: 1.2em;
-  font-weight: bold;
-}
-.job .year{
-  opacity: 0.7;
-}
-.job .profession{
-  font-size: 1.2em;
-  font-weight: bold;
-}
-.job .description{
-  line-height: 1.5em;
-}
-.job .highlights{
-  padding: 5px 0;
-  font-weight: bold;
-}
-.job .job-details {
-  padding-left: 5%;
-  width: 100%;
-}
-.publication {
-  margin-bottom: 0;
-}
-.publication .name{
-  font-size: 1em;
-  font-weight: bold;
-}
-.publication .year{
-    opacity: 0.7;
-}
-.publication p{
-  margin: 0;
-  padding-top: 10px;
-}
-
-.contact-item{
-  width: 100%;
-  float: left;
-}
-.contact-item .icon{
-  padding: 10px;
-  border-right: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
-  color: #32475c;
-  background: #eee;
-}
-.contact-item:last-child .icon{
-  border-bottom: none;
-}
-.contact-item .title{
-  width: 80%;
-  width: calc(100% - 55px);
-  font-weight: 700;
-  opacity: 0.9;
-}
-.contact-item .title.only{
-  margin-top: 10px;
-}
-.contact-item .description{
-  width: 80%;
-  width: calc(100% - 55px);
-  color: #334960;
-}
-
-.item-interests,
-.item-skills{
-  height: 30px;
-  color: #334960;
-  padding: 5px 10px;
-  margin-bottom: 5px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-size: 1.1em;
-  font-weight: 600;
-}
-.interest,
-.skill{
-  color: #fff;
-  display: inline-block;
-  margin-right: 5px;
-  margin-bottom: 5px;
-  padding: 5px 10px;
-  background: #32475c;
-  position: relative;
-  font-size: .85em;
-}
-.skill-level {
-  background-color: #227c74;
-  border-radius: 4px;
-  color: #fff;
-  padding: 1px 8px;
-  font-size: .75em;
-  position: absolute;
-  margin: 1px 10px;
-}
-
-#language-skills .skill{
-  margin: 10px 0;
-  padding-bottom: 10px;
-  border-bottom: 1px solid #eee;
-}
-
-    </style>
-    <style type="text/css" media="print">
-    body {
-  font-size: .95em;
-  -webkit-print-color-adjust: exact;
-}
-
-a[href]:after {
-  content: none !important;
-}
-
-#photo{
-  display: none;
-}
-
-.box {
-  margin-bottom: -10px;
-}
-
-blockquote,
-#education,
-#awards,
-.contact-item,
-.publication,
-.skills,
-.interests {
-  page-break-inside: avoid;
-}
-
-.col-sm-5{
-  width: 40%;
-  padding: 0 15px;
-}
-
-.col-sm-7{
-  width: 60%;
-  padding: 0 15px;
-}
-
-.skills .col-sm-offset-1,
-.interests .col-sm-offset-1{
-  margin-top: -10px;
-  margin-bottom: 5px;
-}
-
-#education {
-  margin: 0;
-  margin-bottom: -20px;
-}
-#awards:before,
-#education:before {
-  background: none;
-}
-
-#awards .description,
-#education .description,
-.job .details {
-  border: 1px solid #eee;
-}
-.publication,
-.publication .panel-heading,
-.publication .name{
-  margin: 0;
-  padding: 0 5px;
-  border: none;
-}
-.publication .panel-body {
-  padding: 0 10px;
-  margin: 0;
-}
-
-.badge {
-  margin: 0;
-}
-
-.list-group-item{
-  border: none;
-  margin: 0;
-  padding: 5px 15px;
-}
-.list-group-item:after{
-  content: '';
-  position: absolute;
-  top: 8px;
-  right: 0;
-  left: -1px;
-  height: 0;
-  width: 0;
-  border: solid transparent;
-  border-right-color: #999;
-  border-width: 4px;
-  pointer-events: none;
- }
-
-    </style>
-  </head>
-  <body>
-    <div class="container">
-      <div class="row">
-        <div class="col-xs-12">
-          <div id="photo-header" class="text-center">
-            <!-- PHOTO (AVATAR) -->
-            <div id="photo">
-              <img src="&#x2F;&#x2F;www.gravatar.com&#x2F;avatar&#x2F;3d1df38a85a478f73eaa3664b488edc3?s&#x3D;200&amp;r&#x3D;pg&amp;d&#x3D;mm" alt="avatar">
-            </div>
-            <div id="text-header" style="margin-top: 90px;">
-              <h1>Bree LaPointe<br><span>Programmer</span></h1>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-xs-12 col-sm-7">
-          <!-- ABOUT ME -->
-          <div class="box">
-            <h2><i class="fas fa-user ico"></i> About</h2>
-            <p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-          </div>
-          <!-- WORK EXPERIENCE -->
-          <div class="box">
-            <h2><i class= "fas fa-suitcase ico"></i> Work Experience</h2>
-              <div class="job clearfix">
-                <div class="row">
-                  <div class="details">
-                    <div class="where">
-                      Pied Piper
-                      <div class="pull-right">
-                        Palo Alto, CA
-                      </div>
-                    </div>
-                    <div class="description">
-                      Awesome compression company
-                    </div>
-                    <div class="address">
-                      <a href="http:&#x2F;&#x2F;piedpiper.example.com" target= "_blank"><i class="fas fa-globe ico"></i> http:&#x2F;&#x2F;piedpiper.example.com</a>
-                    </div>
-                    <div class="year">December 2013 – December 2014</div>
-                  </div>
-                </div>
-                <div class="row">
-                  <div class="job-details col-xs-11">
-                    <div class="profession">CEO&#x2F;President</div>
-                    <div class="description">
-                      Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.
-                      <div class="highlights">Highlights</div>
-                      <ul class="list-group">
-                        <li class="list-group-item">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-                        <li class="list-group-item">Successfully won Techcrunch Disrupt</li>
-                        <li class="list-group-item">Optimized an algorithm that holds the current world record for Weisman Scores</li>
-                      </ul>
-                    </div>
-                  </div>
-                </div>
-              </div>
-          </div>
-          <!-- AWARDS -->
-          <div class="box">
-            <h2><i class="fas fa-certificate ico"></i> Awards</h2>
-            <ul id="awards" class="clearfix">
-              <li>
-                <div class="year pull-left">November  2014</div>
-                <div class="description pull-right">
-                  <h3>Techcrunch</h3>
-                  <p><i class="fas fa-trophy ico"></i> Digital Compression Pioneer Award</p>
-                  <p>There is no spoon.</p>
-                </div>
-              </li>
-            </ul>
-          </div>
-          <!-- VOLUNTEER -->
-          <div class="box">
-            <h2><i class= "fas fa-users ico"></i> Volunteer</h2>
-              <div class="job clearfix">
-                <div class="row">
-                  <div class="details">
-                    <div class="where">CoderDojo</div>
-                    <div class="address">
-                      <a href="http:&#x2F;&#x2F;coderdojo.example.com&#x2F;" target= "_blank"><i class="fas fa-globe ico"></i> http:&#x2F;&#x2F;coderdojo.example.com&#x2F;</a>
-                    </div>
-                    <div class="year">January 2012 – January 2013</div>
-                  </div>
-                </div>
-                <div class="row">
-                  <div class="job-details col-xs-11">
-                    <div class="profession">Teacher</div>
-                    <div class="description">
-                      Global movement of free coding clubs for young people.
-                      <div class="highlights">Highlights</div>
-                      <ul class="list-group">
-                        <li class="list-group-item">Awarded 'Teacher of the Month'</li>
-                      </ul>
-                    </div>
-                  </div>
-                </div>
-              </div>
-          </div>
-          <!-- PROJECTS -->
-          <div class="box">
-            <h2><i class= "fas fa-code-branch ico"></i> Projects</h2>
-            <ul class="list-group">
-              <li class="list-group-item">
-                <span style="font-weight:bold">Miss Direction</span>: A mapping engine that misguides you
-              </li>
-            </ul>
-          </div>
-        </div>
-        <div class="col-xs-12 col-sm-5">
-          <!-- CONTACT -->
-          <div class="box clearfix">
-            <h2><i class="fas fa-bullseye ico"></i> Contact</h2>
-            <div class="contact-item">
-              <div class="icon pull-left text-center"><span class="fas fa-map-marker fa-fw"></span></div>
-              <div class="title pull-right">2712 Broadway St</div>
-              <div class="title  pull-right">San Francisco, California CA 94115 US</div>
-            </div>
-            <div class="contact-item">
-              <div class="icon pull-left text-center"><span class="fas fa-phone fa-fw"></span></div>
-              <div class="title only pull-right">(912) 555-4321</div>
-            </div>
-            <div class="contact-item">
-              <div class="icon pull-left text-center"><span class="fas fa-envelope fa-fw"></span></div>
-              <div class="title only pull-right"><a href="mailto:contact@blapointe.com" target="_blank">contact@blapointe.com</a></div>
-            </div>
-            <div class="contact-item">
-              <div class="icon pull-left text-center"><span class="fas fa-globe fa-fw"></span></div>
-              <div class="title only pull-right"><a href="http:&#x2F;&#x2F;richardhendricks.example.com" target="_blank">http:&#x2F;&#x2F;richardhendricks.example.com</a></div>
-            </div>
-            <div class="contact-item">
-              <div class="icon pull-left text-center"><span class="fab fa-twitter fa-fw"></span></div>
-              <div class="title pull-right">Twitter</div>
-              <div class="description pull-right"><a href="" target="_blank">neutralthoughts</a></div>
-            </div>
-            <div class="contact-item">
-              <div class="icon pull-left text-center"><span class="fab fa-soundcloud fa-fw"></span></div>
-              <div class="title pull-right">SoundCloud</div>
-              <div class="description pull-right"><a href="https:&#x2F;&#x2F;soundcloud.example.com&#x2F;dandymusicnl" target="_blank">dandymusicnl</a></div>
-            </div>
-          </div>
-          <!-- EDUCATION -->
-          <div class="box">
-            <h2><i class="fas fa-university ico"></i> Education</h2>
-            <ul id="education" class="clearfix">
-              <li>
-                <div class="year pull-left">2011 2014</div>
-                <div class="description pull-right">
-                  <h3>University of Oklahoma</h3>
-                  <div class="where"></div>
-                  <div class="address">
-                    <a href="https:&#x2F;&#x2F;www.ou.edu&#x2F;" target= "_blank"><i class="fas fa-globe ico"></i> https:&#x2F;&#x2F;www.ou.edu&#x2F;</a>
-                  </div>
-                  <p><i class= "fas fa-graduation-cap ico"></i> Bachelor</p>
-                  <p>Information Technology</p>
-                  <p>
-                    Grade: 4.0
-                  </p>
-                    <div>Courses</div>
-                    <ul class="list-group">
-                      <li class="list-group-item">DB1101 - Basic SQL</li>
-                      <li class="list-group-item">CS2011 - Java Introduction</li>
-                    </ul>
-                </div>
-              </li>
-            </ul>
-          </div>
-          <!-- SKILLS -->
-          <div class="box">
-            <h2><i class="fas fa-tasks ico"></i> Skills</h2>
-            <div class="skills clearfix">
-              <div class="item-skills">
-                  Web Development
-                  <span class="skill-level">Master</span>
-              </div>
-              <div class="col-sm-offset-1 col-sm-12 clearfix">
-                <span class= "skill badge">HTML</span>
-                <span class= "skill badge">CSS</span>
-                <span class= "skill badge">Javascript</span>
-              </div>
-            </div>
-            <div class="skills clearfix">
-              <div class="item-skills">
-                  Compression
-                  <span class="skill-level">Master</span>
-              </div>
-              <div class="col-sm-offset-1 col-sm-12 clearfix">
-                <span class= "skill badge">Mpeg</span>
-                <span class= "skill badge">MP4</span>
-                <span class= "skill badge">GIF</span>
-              </div>
-            </div>
-          </div>
-          <!-- PUBLICATIONS -->
-          <div class="box">
-            <h2><i class="fas fa-book ico"></i> Publications</h2>
-            <div class="publication panel panel-default">
-              <div class="panel-heading">
-                <div class="name panel-title">Video compression for 3d media</div>
-              </div>
-              <div class="panel-body">
-                <div class="publisher"><i class= "fas fa-bookmark ico"></i> Hooli</div>
-                <div class="year">01 October  2014</div>
-                <div class="address">
-                  <a href="http:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Silicon_Valley_(TV_series)" target= "_blank"><i class="fas fa-globe ico"></i> http:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Silicon_Valley_(TV_series)</a>
-                </div>
-                <p>Innovative middle-out compression algorithm that changes the way we store data.</p>
-              </div>
-            </div>
-          </div>
-          <!-- HOBBIES -->
-          <div class="box">
-            <h2><i class="fas fa-heart ico"></i> Interests</h2>
-            <div class="interests clearfix">
-              <div class="item-interests">
-                  Wildlife
-              </div>
-              <div class="col-sm-offset-1 col-sm-12 clearfix">
-                <span class= "interest badge">Ferrets</span>
-                <span class= "interest badge">Unicorns</span>
-              </div>
-            </div>
-          </div>
-          <div class="box">
-            <h2><i class= "fas fa-check-square ico"></i> References</h2>
-            <blockquote>
-              <div>It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.</div>
-              <footer>
-                <a href="" target= "_blank">Erlich Bachman</a>
-              </footer>
-            </blockquote><br>
-          </div>
-        </div>
-      </div>
-    </div>
-
-  </body>
-</html>

json-resume/themes/keloran.html

@@ -1,603 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Resume of Bree LaPointe</title>
-    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
-    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
-    <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
-@charset "utf-8";
-@-webkit-viewport   { width: device-width; }
-@-moz-viewport      { width: device-width; }
-@-ms-viewport       { width: device-width; }
-@-o-viewport        { width: device-width; }
-@viewport           { width: device-width; }
-
-body{
-  font-family: 'Open Sans', Arial, Tahoma;
-  font-weight: 400;
-  color: #363636;
-  background: #334960;
-}
-blockquote {
-  font-size: 1em;
-}
-
-.container{
-  margin-top: 80px;
-  margin-bottom: 15px;
-  background: #fff;
-}
-
-#photo-header{
-  margin-top: -75px;
-}
-#photo{
-  width: 160px;
-  height: 160px;
-  border-radius: 50%;
-  overflow: hidden;
-  padding: 5px;
-  background: #334960;
-  display: inline-block;
-}
-#photo img{
-  width: 150px;
-  height: 150px;
-  border-radius: 50%;
-}
-#text-header h1{
-  margin: 0;
-  padding: 0;
-  font-size: 1.5em;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: -1px;
-}
-#text-header h1::first-line{
-  font-size: 1.5em;
-  font-weight: 800;
-  line-height: 1.5em;
-}
-#text-header h1 span{
-  color: #334960;
-  opacity: 0.7;
-}
-#text-header h1 sup{
-  opacity: 0.5;
-}
-#text-header:after{
-  width: 100%;
-  height: 3px;
-  border-bottom: 1px solid #ddd;
-  margin-top: 15px;
-  content: '';
-  display: block;
-}
-
-.box{
-  padding-bottom: 10px;
-  margin-bottom: 25px;
-}
-.box h2{
-  color: #227c74;
-  font-size: 1.5em;
-  font-weight: 700;
-  text-transform: uppercase;
-}
-
-#awards,
-#education{
-  margin-top: 20px;
-  margin-bottom: 0;
-  position: relative;
-  padding: 1em 0;
-  list-style: none;
-}
-#awards:before,
-#education:before {
-  width: 5px;
-  height: 100%;
-  position: absolute;
-  left: 35px;
-  top: 0;
-  content: ' ';
-  display: block;
-  background: #32475c;
-  background: -moz-linear-gradient(top,  #ffffff 0%, #32475c 7%, #32475c 89%, #ffffff 100%);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(7%,#32475c), color-stop(89%,#32475c), color-stop(100%,#ffffff));
-  background: -webkit-linear-gradient(top,  #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
-  background: -o-linear-gradient(top,  #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
-  background: -ms-linear-gradient(top,  #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
-  background: linear-gradient(to bottom,  #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
-}
-#awards li,
-#education li{
-  width: 100%;
-  z-index: 2;
-  position: relative;
-  float: left;
-}
-#awards .year,
-#education .year{
-  width: 14%;
-  background: #fff;
-  padding: 10px;
-  font-weight: 700;
-  display: inline-block;
-}
-#awards .description,
-#education .description{
-  width: 83%;
-  display: inline-block;
-  background: #eee;
-  margin-bottom: 10px;
-  position: relative;
-  padding: 10px;
-  border-bottom: 1px solid #ccc;
-  border-right: 1px solid #ccc;
-}
-#awards .description:after,
-#education .description:after {
-  content: '';
-  position: absolute;
-  top: 15px;
-  right: 0;
-  left: -16px;
-  height: 0;
-  width: 0;
-  border: solid transparent;
-  border-right-color: #eee;
-  border-width: 8px;
-  pointer-events: none;
-}
-#awards .description h3,
-#education .description h3{
-  font-size: 1.2em;
-  margin: 0;
-  padding: 0;
-  font-weight: 700;
-}
-#awards .description p,
-#education .description p{
-  margin-top: 5px;
-  padding: 0;
-}
-
-.job{
-  margin-bottom: 15px;
-}
-.job .details {
-  margin-left: 3%;
-  width: 95%;
-  padding: 10px;
-  margin-bottom: 10px;
-  background: #eee;
-  border-bottom: 1px solid #ccc;
-  border-right: 1px solid #ccc;
-}
-.job .where{
-  font-size: 1.2em;
-  font-weight: bold;
-}
-.job .year{
-  opacity: 0.7;
-}
-.job .profession{
-  font-size: 1.2em;
-  font-weight: bold;
-}
-.job .description{
-  line-height: 1.5em;
-}
-.job .highlights{
-  padding: 5px 0;
-  font-weight: bold;
-}
-.job .languges {
-  padding: 5px 0;
-  font-weight: bold;
-}
-.job .systems {
-  padding: 5px 0;
-  font-weight: bold;
-}
-.job .job-details {
-  padding-left: 5%;
-  width: 100%;
-}
-.publication {
-  margin-bottom: 0;
-}
-.publication .name{
-  font-size: 1em;
-  font-weight: bold;
-}
-.publication .year{
-    opacity: 0.7;
-}
-.publication p{
-  margin: 0;
-  padding-top: 10px;
-}
-
-.contact-item{
-  width: 100%;
-  float: left;
-}
-.contact-item .icon{
-  padding: 10px;
-  border-right: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
-  color: #32475c;
-  background: #eee;
-}
-.contact-item:last-child .icon{
-  border-bottom: none;
-}
-.contact-item .title{
-  width: 80%;
-  width: calc(100% - 55px);
-  font-weight: 700;
-  opacity: 0.9;
-}
-.contact-item .title.only{
-  margin-top: 10px;
-}
-.contact-item .description{
-  width: 80%;
-  width: calc(100% - 55px);
-  color: #334960;
-}
-
-.item-interests,
-.item-skills{
-  height: 30px;
-  color: #334960;
-  padding: 5px 10px;
-  margin-bottom: 5px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-size: 1.1em;
-  font-weight: 600;
-}
-.interest,
-.skill{
-  color: #fff;
-  display: inline-block;
-  margin-right: 5px;
-  margin-bottom: 5px;
-  padding: 5px 10px;
-  background: #32475c;
-  position: relative;
-  font-size: .85em;
-}
-.skill-level {
-  background-color: #227c74;
-  border-radius: 4px;
-  color: #fff;
-  padding: 1px 8px;
-  font-size: .75em;
-  position: absolute;
-  margin: 1px 10px;
-}
-
-#language-skills .skill{
-  margin: 10px 0;
-  padding-bottom: 10px;
-  border-bottom: 1px solid #eee;
-}
-
-    </style>
-    <style type="text/css" media="print">
-    body {
-  font-size: .95em;
-  -webkit-print-color-adjust: exact;
-}
-
-a[href]:after {
-  content: none !important;
-}
-
-#photo{
-  display: none;
-}
-
-.box {
-  margin-bottom: -10px;
-}
-
-blockquote,
-#education,
-#awards,
-.contact-item,
-.publication,
-.skills,
-.interests,
-.job-details,
-.job {
-  page-break-inside: avoid;
-}
-
-.col-sm-5{
-  width: 40%;
-  padding: 0 15px;
-}
-
-.col-sm-7{
-  width: 60%;
-  padding: 0 15px;
-}
-
-.skills .col-sm-offset-1,
-.interests .col-sm-offset-1{
-  margin-top: -10px;
-  margin-bottom: 5px;
-}
-
-#education {
-  margin: 0;
-  margin-bottom: -20px;
-}
-#awards:before,
-#education:before {
-  background: none;
-}
-
-#awards .description,
-#education .description,
-.job .details {
-  border: 1px solid #eee;
-}
-.publication,
-.publication .panel-heading,
-.publication .name{
-  margin: 0;
-  padding: 0 5px;
-  border: none;
-}
-.publication .panel-body {
-  padding: 0 10px;
-  margin: 0;
-}
-
-.badge {
-  margin: 0;
-}
-
-.list-group-item{
-  border: none;
-  margin: 0;
-  padding: 5px 15px;
-}
-.list-group-item:after{
-  content: '';
-  position: absolute;
-  top: 8px;
-  right: 0;
-  left: -1px;
-  height: 0;
-  width: 0;
-  border: solid transparent;
-  border-right-color: #999;
-  border-width: 4px;
-  pointer-events: none;
- }
-
-    </style>
-  </head>
-  <body>
-    <div class="container">
-      <div class="row">
-        <div class="col-xs-12">
-          <div id="photo-header" class="text-center">
-            <!-- PHOTO (AVATAR) -->
-            <div id="photo">
-              <img src="&#x2F;&#x2F;www.gravatar.com&#x2F;avatar&#x2F;3d1df38a85a478f73eaa3664b488edc3?s&#x3D;200&amp;r&#x3D;pg&amp;d&#x3D;mm" alt="avatar">
-            </div>
-            <div id="text-header" >
-              <h1>Bree LaPointe<br><span>Programmer</span></h1>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-xs-12 col-sm-7">
-          <!-- ABOUT ME -->
-          <div class="box">
-            <h2><i class="fa fa-user ico"></i> About</h2>
-            <p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-          </div>
-          <!-- WORK EXPERIENCE -->
-          <div class="box">
-            <h2><i class= "fa fa-suitcase ico"></i> Work Experience</h2>
-              <div class="job clearfix">
-                <div class="row">
-                  <div class="details">
-                    <div class="where"></div>
-                    <div class="year">December 2013 – December 2014</div>
-                  </div>
-                </div>
-                <div class="row">
-                  <div class="job-details col-xs-11">
-                    <div class="profession">CEO&#x2F;President</div>
-                    <div class="description">
-                      Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.
-                      <div class="highlights">Highlights</div>
-                      <ul class="list-group">
-                        <li class="list-group-item">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-                        <li class="list-group-item">Successfully won Techcrunch Disrupt</li>
-                        <li class="list-group-item">Optimized an algorithm that holds the current world record for Weisman Scores</li>
-                      </ul>
-                    </div>
-                  </div>
-                </div>
-              </div>
-          </div>
-          <!-- AWARDS -->
-          <div class="box">
-            <h2><i class="fa fa-certificate ico"></i> Awards</h2>
-            <ul id="awards" class="clearfix">
-              <li>
-                <div class="year pull-left">November  2014</div>
-                <div class="description pull-right">
-                  <h3>Techcrunch</h3>
-                  <p><i class="fa fa-trophy ico"></i> Digital Compression Pioneer Award</p>
-                  <p>There is no spoon.</p>
-                </div>
-              </li>
-            </ul>
-          </div>
-          <!-- VOLUNTEER -->
-          <div class="box">
-            <h2><i class= "fa fa-group ico"></i> Volunteer</h2>
-              <div class="job clearfix">
-                <div class="row">
-                  <div class="details">
-                    <div class="where">CoderDojo</div>
-                    <div class="year">January 2012 – January 2013</div>
-                  </div>
-                </div>
-                <div class="row">
-                  <div class="col-xs-11 pull-right">
-                    <div class="profession">Teacher</div>
-                    <div class="description">
-                      Global movement of free coding clubs for young people.
-                      <div class="highlights">Highlights</div>
-                      <ul class="list-group">
-                        <li class="list-group-item">Awarded 'Teacher of the Month'</li>
-                      </ul>
-                    </div>
-                  </div>
-                </div>
-              </div>
-          </div>
-        </div>
-        <div class="col-xs-12 col-sm-5">
-          <!-- CONTACT -->
-          <div class="box clearfix">
-            <h2><i class="fa fa-bullseye ico"></i> Contact</h2>
-            <div class="contact-item">
-              <div class="icon pull-left text-center"><span class="fa fa-map-marker fa-fw"></span></div>
-              <div class="title pull-right">2712 Broadway St</div>
-              <div class="title  pull-right">San Francisco, California CA 94115 US</div>
-            </div>
-            <div class="contact-item">
-              <div class="icon pull-left text-center"><span class="fa fa-phone fa-fw"></span></div>
-              <div class="title only pull-right">(912) 555-4321</div>
-            </div>
-            <div class="contact-item">
-              <div class="icon pull-left text-center"><span class="fa fa-envelope fa-fw"></span></div>
-              <div class="title only pull-right"><a href="mailto:contact@blapointe.com" target="_blank">contact@blapointe.com</a></div>
-            </div>
-            <div class="contact-item">
-              <div class="icon pull-left text-center"><span class="fa fa-twitter fa-fw"></span></div>
-              <div class="title pull-right">Twitter</div>
-              <div class="description pull-right"><a href="" target="_blank">neutralthoughts</a></div>
-            </div>
-            <div class="contact-item">
-              <div class="icon pull-left text-center"><span class="fa fa-soundcloud fa-fw"></span></div>
-              <div class="title pull-right">SoundCloud</div>
-              <div class="description pull-right"><a href="https:&#x2F;&#x2F;soundcloud.example.com&#x2F;dandymusicnl" target="_blank">dandymusicnl</a></div>
-            </div>
-          </div>
-          <!-- EDUCATION -->
-          <div class="box">
-            <h2><i class="fa fa-university ico"></i> Education</h2>
-            <ul id="education" class="clearfix">
-              <li>
-                <div class="year pull-left">2011 2014</div>
-                <div class="description pull-right">
-                  <h3>University of Oklahoma</h3>
-                  <p><i class= "fa fa-graduation-cap ico"></i> Bachelor</p>
-                  <p>Information Technology</p>
-                    <div>Courses</div>
-                    <ul class="list-group">
-                      <li class="list-group-item">DB1101 - Basic SQL</li>
-                      <li class="list-group-item">CS2011 - Java Introduction</li>
-                    </ul>
-                </div>
-              </li>
-            </ul>
-          </div>
-          <!-- SKILLS -->
-          <div class="box">
-            <h2><i class="fa fa-tasks ico"></i> Skills</h2>
-            <div class="skills clearfix">
-              <div class="item-skills">
-                  Web Development
-                  <span class="skill-level">Master</span>
-              </div>
-              <div class="col-sm-offset-1 col-sm-12 clearfix">
-                <span class= "skill badge">HTML</span>
-                <span class= "skill badge">CSS</span>
-                <span class= "skill badge">Javascript</span>
-              </div>
-            </div>
-            <div class="skills clearfix">
-              <div class="item-skills">
-                  Compression
-                  <span class="skill-level">Master</span>
-              </div>
-              <div class="col-sm-offset-1 col-sm-12 clearfix">
-                <span class= "skill badge">Mpeg</span>
-                <span class= "skill badge">MP4</span>
-                <span class= "skill badge">GIF</span>
-              </div>
-            </div>
-          </div>
-          <!-- PUBLICATIONS -->
-          <div class="box">
-            <h2><i class="fa fa-book ico"></i> Publications</h2>
-            <div class="publication panel panel-default">
-              <div class="panel-heading">
-                <div class="name panel-title">Video compression for 3d media</div>
-              </div>
-              <div class="panel-body">
-                <div class="publisher"><i class= "fa fa-bookmark ico"></i> Hooli</div>
-                <div class="year">01 October  2014</div>
-                <p>Innovative middle-out compression algorithm that changes the way we store data.</p>
-              </div>
-            </div>
-          </div>
-          <!-- LANGUAGES -->
-          <div class="box">
-            <h2><i class="fa fa-language ico"></i> Languages</h2>
-            <ul class="list-group">
-              <li class=" list-group-item">English<span class="skill badge pull-right">Native speaker</span></li>
-            </ul>
-          </div>
-          <!-- HOBBIES -->
-          <div class="box">
-            <h2><i class="fa fa-heart ico"></i> Interests</h2>
-            <div class="interests clearfix">
-              <div class="item-interests">
-                  Wildlife
-              </div>
-              <div class="col-sm-offset-1 col-sm-12 clearfix">
-                <span class= "interest badge">Ferrets</span>
-                <span class= "interest badge">Unicorns</span>
-              </div>
-            </div>
-          </div>
-          <div class="box">
-            <h2><i class= "fa fa-check-square ico"></i> References</h2>
-            <blockquote>
-              <div>It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.</div>
-              <footer>
-                <a href="" target= "_blank">Erlich Bachman</a>
-              </footer>
-            </blockquote><br>
-          </div>
-        </div>
-      </div>
-    </div>
-
-  </body>
-</html>

json-resume/themes/kendall.html

@@ -1,625 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Resume of Bree LaPointe</title>
-    <!-- <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> -->
-    <!-- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> -->
-    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" rel="stylesheet">
-    <style type="text/css">
-    @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
-@charset "utf-8";
-@-webkit-viewport   { width: device-width; }
-@-moz-viewport      { width: device-width; }
-@-ms-viewport       { width: device-width; }
-@-o-viewport        { width: device-width; }
-@viewport           { width: device-width; }
-
-body{
-  font-family: 'Open Sans', Arial, Tahoma;
-  font-weight: 400;
-  color: #363636;
-  background: #334960;
-}
-blockquote {
-  font-size: 1em;
-}
-
-.container{
-  margin-top: 80px;
-  margin-bottom: 15px;
-  background: #fff;
-}
-
-#photo-header{
-  margin-top: -75px;
-}
-#photo{
-  width: 160px;
-  height: 160px;
-  border-radius: 50%;
-  overflow: hidden;
-  padding: 5px;
-  background: #334960;
-  display: inline-block;
-}
-#photo img{
-  width: 150px;
-  height: 150px;
-  border-radius: 50%;
-}
-#text-header h1{
-  margin: 0;
-  padding: 0;
-  font-size: 1.5em;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: -1px;
-}
-#text-header h1::first-line{
-  font-size: 1.5em;
-  font-weight: 800;
-  line-height: 1.5em;
-}
-#text-header h1 span{
-  color: #334960;
-  opacity: 0.7;
-}
-#text-header h1 sup{
-  opacity: 0.5;
-}
-#text-header:after{
-  width: 100%;
-  height: 3px;
-  border-bottom: 1px solid #ddd;
-  margin-top: 15px;
-  content: '';
-  display: block;
-}
-
-.box{
-  padding-bottom: 10px;
-  margin-bottom: 25px;
-}
-.box h2{
-  color: #227c74;
-  font-size: 1.5em;
-  font-weight: 700;
-  text-transform: uppercase;
-}
-
-#awards,
-#education{
-  margin-top: 20px;
-  margin-bottom: 0;
-  position: relative;
-  padding: 1em 0;
-  list-style: none;
-}
-#awards:before,
-#education:before {
-  width: 5px;
-  height: 100%;
-  position: absolute;
-  left: 35px;
-  top: 0;
-  content: ' ';
-  display: block;
-  background: #32475c;
-  background: -moz-linear-gradient(top,  #ffffff 0%, #32475c 7%, #32475c 89%, #ffffff 100%);
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(7%,#32475c), color-stop(89%,#32475c), color-stop(100%,#ffffff));
-  background: -webkit-linear-gradient(top,  #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
-  background: -o-linear-gradient(top,  #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
-  background: -ms-linear-gradient(top,  #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
-  background: linear-gradient(to bottom,  #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
-}
-#awards li,
-#education li{
-  width: 100%;
-  z-index: 2;
-  position: relative;
-  float: left;
-}
-#awards .year,
-#education .year{
-  width: 14%;
-  background: #fff;
-  padding: 10px;
-  font-weight: 700;
-  display: inline-block;
-}
-#awards .description,
-#education .description{
-  width: 83%;
-  display: inline-block;
-  background: #eee;
-  margin-bottom: 10px;
-  position: relative;
-  padding: 10px;
-  border-bottom: 1px solid #ccc;
-  border-right: 1px solid #ccc;
-}
-#awards .description:after,
-#education .description:after {
-  content: '';
-  position: absolute;
-  top: 15px;
-  right: 0;
-  left: -16px;
-  height: 0;
-  width: 0;
-  border: solid transparent;
-  border-right-color: #eee;
-  border-width: 8px;
-  pointer-events: none;
-}
-#awards .description h3,
-#education .description h3{
-  font-size: 1.2em;
-  margin: 0;
-  padding: 0;
-  font-weight: 700;
-}
-#awards .description p,
-#education .description p{
-  margin-top: 5px;
-  padding: 0;
-}
-
-.job{
-  margin-bottom: 15px;
-}
-.job .details {
-  margin-left: 3%;
-  width: 95%;
-  padding: 10px;
-  margin-bottom: 10px;
-  background: #eee;
-  border-bottom: 1px solid #ccc;
-  border-right: 1px solid #ccc;
-}
-.job .where{
-  font-size: 1.2em;
-  font-weight: bold;
-}
-.job .year{
-  opacity: 0.7;
-}
-.job .profession{
-  font-size: 1.2em;
-  font-weight: bold;
-}
-.job .description{
-  line-height: 1.5em;
-}
-.job .highlights{
-  padding: 5px 0;
-  font-weight: bold;
-}
-.job .job-details {
-  padding-left: 5%;
-  width: 100%;
-}
-.publication {
-  margin-bottom: 0;
-}
-.publication .name{
-  font-size: 1em;
-  font-weight: bold;
-}
-.publication .year{
-    opacity: 0.7;
-}
-.publication p{
-  margin: 0;
-  padding-top: 10px;
-}
-
-.contact-item{
-  width: 100%;
-  float: left;
-}
-.contact-item .icon{
-  padding: 10px;
-  border-right: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
-  color: #32475c;
-  background: #eee;
-}
-.contact-item:last-child .icon{
-  border-bottom: none;
-}
-.contact-item .title{
-  width: 80%;
-  width: calc(100% - 55px);
-  font-weight: 700;
-  opacity: 0.9;
-}
-.contact-item .title.only{
-  margin-top: 10px;
-}
-.contact-item .description{
-  width: 80%;
-  width: calc(100% - 55px);
-  color: #334960;
-}
-
-.item-interests,
-.item-skills{
-  height: 30px;
-  color: #334960;
-  padding: 5px 10px;
-  margin-bottom: 5px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-size: 1.1em;
-  font-weight: 600;
-}
-.interest,
-.skill{
-  color: #fff;
-  display: inline-block;
-  margin-right: 5px;
-  margin-bottom: 5px;
-  padding: 5px 10px;
-  background: #32475c;
-  position: relative;
-  font-size: .85em;
-}
-.skill-level {
-  background-color: #227c74;
-  border-radius: 4px;
-  color: #fff;
-  padding: 1px 8px;
-  font-size: .75em;
-  position: absolute;
-  margin: 1px 10px;
-}
-
-#language-skills .skill{
-  margin: 10px 0;
-  padding-bottom: 10px;
-  border-bottom: 1px solid #eee;
-}
-
-    </style>
-    <style type="text/css" media="print">
-    body {
-  font-size: .95em;
-  -webkit-print-color-adjust: exact;
-}
-
-a[href]:after {
-  content: none !important;
-}
-
-#photo{
-  display: none;
-}
-
-.box {
-  margin-bottom: -10px;
-}
-
-blockquote,
-#education,
-#awards,
-.contact-item,
-.publication,
-.skills,
-.interests {
-  page-break-inside: avoid;
-}
-
-.col-sm-5{
-  width: 40%;
-  padding: 0 15px;
-}
-
-.col-sm-7{
-  width: 60%;
-  padding: 0 15px;
-}
-
-.skills .col-sm-offset-1,
-.interests .col-sm-offset-1{
-  margin-top: -10px;
-  margin-bottom: 5px;
-}
-
-#education {
-  margin: 0;
-  margin-bottom: -20px;
-}
-#awards:before,
-#education:before {
-  background: none;
-}
-
-#awards .description,
-#education .description,
-.job .details {
-  border: 1px solid #eee;
-}
-.publication,
-.publication .panel-heading,
-.publication .name{
-  margin: 0;
-  padding: 0 5px;
-  border: none;
-}
-.publication .panel-body {
-  padding: 0 10px;
-  margin: 0;
-}
-
-.badge {
-  margin: 0;
-}
-
-.list-group-item{
-  border: none;
-  margin: 0;
-  padding: 5px 15px;
-}
-.list-group-item:after{
-  content: '';
-  position: absolute;
-  top: 8px;
-  right: 0;
-  left: -1px;
-  height: 0;
-  width: 0;
-  border: solid transparent;
-  border-right-color: #999;
-  border-width: 4px;
-  pointer-events: none;
- }
-
-    </style>
-  </head>
-  <body>
-    <div class="container">
-      <div class="row">
-        <div class="col-xs-12">
-          <div id="photo-header" class="text-center">
-            <!-- PHOTO (AVATAR) -->
-            <div id="photo">
-              <img src="&#x2F;&#x2F;www.gravatar.com&#x2F;avatar&#x2F;3d1df38a85a478f73eaa3664b488edc3?s&#x3D;200&amp;r&#x3D;pg&amp;d&#x3D;mm" alt="avatar">
-            </div>
-            <div id="text-header" >
-              <h1>Bree LaPointe<br><span>Programmer</span></h1>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-xs-12 col-sm-7">
-          <!-- ABOUT ME -->
-          <div class="box">
-            <h2><i class="fas fa-user ico"></i> About</h2>
-            <p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-          </div>
-          <!-- WORK EXPERIENCE -->
-          <div class="box">
-            <h2><i class= "fas fa-suitcase ico"></i> Work Experience</h2>
-              <div class="job clearfix">
-                <div class="row">
-                  <div class="details">
-                    <div class="where">
-                      Pied Piper
-                      <div class="pull-right">
-                        Palo Alto, CA
-                      </div>
-                    </div>
-                    <div class="description">
-                      Awesome compression company
-                    </div>
-                    <div class="address">
-                      <a href="http:&#x2F;&#x2F;piedpiper.example.com" target= "_blank"><i class="fas fa-globe ico"></i> http:&#x2F;&#x2F;piedpiper.example.com</a>
-                    </div>
-                    <div class="year">December 2013 – December 2014</div>
-                  </div>
-                </div>
-                <div class="row">
-                  <div class="job-details col-xs-11">
-                    <div class="profession">CEO&#x2F;President</div>
-                    <div class="description">
-                      Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.
-                      <div class="highlights">Highlights</div>
-                      <ul class="list-group">
-                        <li class="list-group-item">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-                        <li class="list-group-item">Successfully won Techcrunch Disrupt</li>
-                        <li class="list-group-item">Optimized an algorithm that holds the current world record for Weisman Scores</li>
-                      </ul>
-                    </div>
-                  </div>
-                </div>
-              </div>
-          </div>
-          <!-- AWARDS -->
-          <div class="box">
-            <h2><i class="fas fa-certificate ico"></i> Awards</h2>
-            <ul id="awards" class="clearfix">
-              <li>
-                <div class="year pull-left">November  2014</div>
-                <div class="description pull-right">
-                  <h3>Techcrunch</h3>
-                  <p><i class="fas fa-trophy ico"></i> Digital Compression Pioneer Award</p>
-                  <p>There is no spoon.</p>
-                </div>
-              </li>
-            </ul>
-          </div>
-          <!-- VOLUNTEER -->
-          <div class="box">
-            <h2><i class= "fas fa-users ico"></i> Volunteer</h2>
-              <div class="job clearfix">
-                <div class="row">
-                  <div class="details">
-                    <div class="where">CoderDojo</div>
-                    <div class="address">
-                      <a href="http:&#x2F;&#x2F;coderdojo.example.com&#x2F;" target= "_blank"><i class="fas fa-globe ico"></i> http:&#x2F;&#x2F;coderdojo.example.com&#x2F;</a>
-                    </div>
-                    <div class="year">January 2012 – January 2013</div>
-                  </div>
-                </div>
-                <div class="row">
-                  <div class="job-details col-xs-11">
-                    <div class="profession">Teacher</div>
-                    <div class="description">
-                      Global movement of free coding clubs for young people.
-                      <div class="highlights">Highlights</div>
-                      <ul class="list-group">
-                        <li class="list-group-item">Awarded 'Teacher of the Month'</li>
-                      </ul>
-                    </div>
-                  </div>
-                </div>
-              </div>
-          </div>
-          <!-- PROJECTS -->
-          <div class="box">
-            <h2><i class= "fas fa-code-branch ico"></i> Projects</h2>
-            <ul class="list-group">
-              <li class="list-group-item">
-                <span style="font-weight:bold">Miss Direction</span>: A mapping engine that misguides you
-              </li>
-            </ul>
-          </div>
-        </div>
-        <div class="col-xs-12 col-sm-5">
-          <!-- CONTACT -->
-          <div class="box clearfix">
-            <h2><i class="fas fa-bullseye ico"></i> Contact</h2>
-            <div class="contact-item">
-              <div class="icon pull-left text-center"><span class="fas fa-map-marker fa-fw"></span></div>
-              <div class="title pull-right">2712 Broadway St</div>
-              <div class="title  pull-right">San Francisco, California CA 94115 US</div>
-            </div>
-            <div class="contact-item">
-              <div class="icon pull-left text-center"><span class="fas fa-phone fa-fw"></span></div>
-              <div class="title only pull-right">(912) 555-4321</div>
-            </div>
-            <div class="contact-item">
-              <div class="icon pull-left text-center"><span class="fas fa-envelope fa-fw"></span></div>
-              <div class="title only pull-right"><a href="mailto:contact@blapointe.com" target="_blank">contact@blapointe.com</a></div>
-            </div>
-            <div class="contact-item">
-              <div class="icon pull-left text-center"><span class="fas fa-globe fa-fw"></span></div>
-              <div class="title only pull-right"><a href="http:&#x2F;&#x2F;richardhendricks.example.com" target="_blank">http:&#x2F;&#x2F;richardhendricks.example.com</a></div>
-            </div>
-            <div class="contact-item">
-              <div class="icon pull-left text-center"><span class="fab fa-twitter fa-fw"></span></div>
-              <div class="title pull-right">Twitter</div>
-              <div class="description pull-right"><a href="" target="_blank">neutralthoughts</a></div>
-            </div>
-            <div class="contact-item">
-              <div class="icon pull-left text-center"><span class="fab fa-soundcloud fa-fw"></span></div>
-              <div class="title pull-right">SoundCloud</div>
-              <div class="description pull-right"><a href="https:&#x2F;&#x2F;soundcloud.example.com&#x2F;dandymusicnl" target="_blank">dandymusicnl</a></div>
-            </div>
-          </div>
-          <!-- EDUCATION -->
-          <div class="box">
-            <h2><i class="fas fa-university ico"></i> Education</h2>
-            <ul id="education" class="clearfix">
-              <li>
-                <div class="year pull-left">2011 2014</div>
-                <div class="description pull-right">
-                  <h3>University of Oklahoma</h3>
-                  <div class="where"></div>
-                  <div class="address">
-                    <a href="https:&#x2F;&#x2F;www.ou.edu&#x2F;" target= "_blank"><i class="fas fa-globe ico"></i> https:&#x2F;&#x2F;www.ou.edu&#x2F;</a>
-                  </div>
-                  <p><i class= "fas fa-graduation-cap ico"></i> Bachelor</p>
-                  <p>Information Technology</p>
-                  <p>
-                    Grade: 4.0
-                  </p>
-                    <div>Courses</div>
-                    <ul class="list-group">
-                      <li class="list-group-item">DB1101 - Basic SQL</li>
-                      <li class="list-group-item">CS2011 - Java Introduction</li>
-                    </ul>
-                </div>
-              </li>
-            </ul>
-          </div>
-          <!-- SKILLS -->
-          <div class="box">
-            <h2><i class="fas fa-tasks ico"></i> Skills</h2>
-            <div class="skills clearfix">
-              <div class="item-skills">
-                  Web Development
-                  <span class="skill-level">Master</span>
-              </div>
-              <div class="col-sm-offset-1 col-sm-12 clearfix">
-                <span class= "skill badge">HTML</span>
-                <span class= "skill badge">CSS</span>
-                <span class= "skill badge">Javascript</span>
-              </div>
-            </div>
-            <div class="skills clearfix">
-              <div class="item-skills">
-                  Compression
-                  <span class="skill-level">Master</span>
-              </div>
-              <div class="col-sm-offset-1 col-sm-12 clearfix">
-                <span class= "skill badge">Mpeg</span>
-                <span class= "skill badge">MP4</span>
-                <span class= "skill badge">GIF</span>
-              </div>
-            </div>
-          </div>
-          <!-- PUBLICATIONS -->
-          <div class="box">
-            <h2><i class="fas fa-book ico"></i> Publications</h2>
-            <div class="publication panel panel-default">
-              <div class="panel-heading">
-                <div class="name panel-title">Video compression for 3d media</div>
-              </div>
-              <div class="panel-body">
-                <div class="publisher"><i class= "fas fa-bookmark ico"></i> Hooli</div>
-                <div class="year">01 October  2014</div>
-                <div class="address">
-                  <a href="http:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Silicon_Valley_(TV_series)" target= "_blank"><i class="fas fa-globe ico"></i> http:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Silicon_Valley_(TV_series)</a>
-                </div>
-                <p>Innovative middle-out compression algorithm that changes the way we store data.</p>
-              </div>
-            </div>
-          </div>
-          <!-- HOBBIES -->
-          <div class="box">
-            <h2><i class="fas fa-heart ico"></i> Interests</h2>
-            <div class="interests clearfix">
-              <div class="item-interests">
-                  Wildlife
-              </div>
-              <div class="col-sm-offset-1 col-sm-12 clearfix">
-                <span class= "interest badge">Ferrets</span>
-                <span class= "interest badge">Unicorns</span>
-              </div>
-            </div>
-          </div>
-          <div class="box">
-            <h2><i class= "fas fa-check-square ico"></i> References</h2>
-            <blockquote>
-              <div>It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.</div>
-              <footer>
-                <a href="" target= "_blank">Erlich Bachman</a>
-              </footer>
-            </blockquote><br>
-          </div>
-        </div>
-      </div>
-    </div>
-
-  </body>
-</html>

json-resume/themes/macchiato.html

@@ -1,695 +0,0 @@
-<!doctype html>
-<html>
-
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
-  <title>Bree LaPointe</title>
-  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
-  <style>/* Utils */
-/*----- Colors -----*/
-/*----- Fonts -----*/
-/*----- Dimensions and sizes -----*/
-/* Base */
-@font-face {
-  font-family: 'Josefin Sans';
-  font-style: normal;
-  font-weight: 300;
-  src: local('Josefin Sans Light'), local('JosefinSans-Light'), url(https://fonts.gstatic.com/s/josefinsans/v14/Qw3FZQNVED7rKGKxtqIqX5Ecpl5te10k.ttf) format('truetype');
-}
-
-@font-face {
-  font-family: 'Josefin Sans';
-  font-style: normal;
-  font-weight: 700;
-  src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(https://fonts.gstatic.com/s/josefinsans/v14/Qw3FZQNVED7rKGKxtqIqX5Ectllte10k.ttf) format('truetype');
-}
-
-@font-face {
-  font-family: 'Lato';
-  font-style: italic;
-  font-weight: 300;
-  src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v16/S6u_w4BMUTPHjxsI9w2_Gwfo.ttf) format('truetype');
-}
-
-@font-face {
-  font-family: 'Lato';
-  font-style: italic;
-  font-weight: 400;
-  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v16/S6u8w4BMUTPHjxsAXC-v.ttf) format('truetype');
-}
-
-@font-face {
-  font-family: 'Lato';
-  font-style: italic;
-  font-weight: 700;
-  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v16/S6u_w4BMUTPHjxsI5wq_Gwfo.ttf) format('truetype');
-}
-
-@font-face {
-  font-family: 'Lato';
-  font-style: normal;
-  font-weight: 300;
-  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh7USSwiPHA.ttf) format('truetype');
-}
-
-@font-face {
-  font-family: 'Lato';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');
-}
-
-@font-face {
-  font-family: 'Lato';
-  font-style: normal;
-  font-weight: 700;
-  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwiPHA.ttf) format('truetype');
-}
-
-html {
-  background: white;
-}
-
-body {
-  font-family: "Lato", Helvetica, Arial, sans-serif;
-  font-weight: 400;
-  background: white;
-  margin: 50px 0 100px;
-  letter-spacing: .3px;
-  color: #39424B;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  text-transform: none;
-  margin: 0;
-}
-
-h1 {
-  font-family: "Josefin Sans", Helvetica, Arial, sans-serif;
-  font-weight: 700;
-  font-size: 40px;
-  letter-spacing: 1px;
-}
-
-h2 {
-  font-family: "Josefin Sans", Helvetica, Arial, sans-serif;
-  font-weight: 300;
-  font-size: 16px;
-  letter-spacing: .5px;
-}
-
-h3 {
-  font-family: "Lato", Helvetica, Arial, sans-serif;
-  font-weight: 300;
-  font-size: 14px;
-  letter-spacing: .4px;
-}
-
-h3.bold {
-  font-weight: 700;
-}
-
-h4 {
-  font-family: "Lato", Helvetica, Arial, sans-serif;
-  font-weight: 300;
-  font-size: 12px;
-}
-
-h4.bold {
-  font-weight: 700;
-}
-
-h5 {
-  font-family: "Lato", Helvetica, Arial, sans-serif;
-  font-weight: 300;
-  font-size: 11px;
-}
-
-h5.italic {
-  font-style: italic;
-}
-
-h6 {
-  font-family: "Lato", Helvetica, Arial, sans-serif;
-  font-weight: 400;
-  font-size: 10px;
-}
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-a:hover {
-  color: #2895F1;
-}
-
-a .fa-external-link {
-  font-size: 10px;
-  vertical-align: text-top;
-}
-
-p,
-li {
-  font-size: 11px;
-}
-
-blockquote {
-  font-size: 11px;
-  font-family: "Lato", Helvetica, Arial, sans-serif;
-  font-weight: 400;
-  font-style: italic;
-  margin: 10px 25px;
-}
-
-em {
-  color: #999;
-}
-
-ul {
-  margin: 10px 0 0;
-  -webkit-padding-start: 25px;
-}
-
-ul li {
-  padding-left: 10px;
-}
-
-ul.minimal {
-  list-style: none;
-  padding: 0;
-}
-
-ul.minimal li {
-  margin-bottom: 3px;
-  padding-left: 0;
-}
-
-ul.two-column {
-  -webkit-column-count: 2;
-  -webkit-column-gap: 28px;
-  column-count: 2;
-  column-gap: 28px;
-}
-
-ul.two-column li {
-  padding-left: 0;
-}
-
-@page {
-  size: A4;
-}
-
-.container {
-  padding-top: 20px;
-}
-
-.keyline {
-  width: 45px;
-  margin: 8px 0 10px;
-  border-top: 1px solid #56817A;
-}
-
-.pull-left {
-  float: left;
-}
-
-.pull-right {
-  float: right;
-}
-
-.clearfix:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-
-.profile-pic {
-  margin-top: -5px;
-  margin-right: 18px;
-}
-
-.profile-pic img {
-  height: 52px;
-  width: 52px;
-  border-radius: 50%;
-  border: 2px solid #56817A;
-}
-
-.summary {
-  margin: 5px 0 5px;
-}
-
-.sublink {
-  font-size: 70%;
-  font-weight: 200;
-  color: dimgray;
-}
-
-.capitalize {
-  text-transform: capitalize;
-}
-
-/* Layouts */
-.page {
-  background: white;
-  width: 612px;
-  min-height: 792px;
-  display: block;
-  margin: 0 auto;
-  border-top: 10px solid #56817A;
-  padding: 36px 22px 30px 34px;
-  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
-}
-
-.page:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-
-.left-column {
-  float: left;
-  width: 160px;
-  margin-right: 20px;
-  word-wrap: break-word;
-}
-
-.right-column {
-  width: auto;
-  overflow: hidden;
-}
-
-.item {
-  margin-bottom: 15px;
-}
-
-.item:last-child {
-  margin-bottom: 0;
-}
-
-@media print {
-  body {
-    margin: 0;
-  }
-
-  .page {
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    padding: 36px 0 30px;
-    box-shadow: none;
-  }
-
-  .page .resume-header,
-  .page .resume-content {
-    padding: 0 22px 0 34px;
-  }
-
-  .container {
-    page-break-inside: avoid;
-  }
-
-  .work-container .item {
-    page-break-inside: avoid;
-  }
-
-  .fa-external-link {
-    display: none;
-  }
-}
-
-/* Components */
-.info-tag-container {
-  margin-bottom: 5px;
-}
-
-.info-tag-container .fa {
-  font-size: 14px;
-  width: 12px;
-  margin-right: 5px;
-  text-align: center;
-  vertical-align: middle;
-}
-
-.info-tag-container .fa.fa-map-marker {
-  font-size: 16px;
-}
-
-.info-tag-container .fa.fa-mobile {
-  font-size: 18px;
-}
-
-.info-tag-container .fa.fa-envelope-o {
-  font-size: 12px;
-}
-
-.info-tag-container .fa.fa-desktop {
-  font-size: 11px;
-}
-
-.info-tag-container .fa.fa-external-link {
-  width: auto;
-  font-size: inherit;
-  vertical-align: text-top;
-}
-
-.info-tag-container .info-text {
-  font-size: 12px;
-  text-transform: none;
-  display: inline-block;
-  vertical-align: middle;
-  width: 139px;
-}
-
-.references-container .fa {
-  font-size: 14px;
-}
-
-.education-container .location {
-  padding-bottom: 6px;
-  font-weight: 400;
-}
-
-.education-container .specialization {
-  text-transform: none;
-  font-style: italic;
-}
-
-.flex-container {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-}
-
-.main-skill {
-  font-size: 80%;
-}
-
-.skill {
-  margin: .15em;
-  padding: .15em;
-  background: ghostwhite;
-  border-radius: 5px;
-}
-</style>
-</head>
-
-<body>
-  <main id="resume" class="page">
-    <header class="resume-header clearfix">
-        <div class="profile-header pull-left">
-            <h1>Bree LaPointe</h1>
-            <h2>Programmer</h2>
-        </div>
-        <div class="profile-pic pull-right">
-        </div>
-    </header>
-    <div class="resume-content">
-      <aside class="left-column">
-        <div class="container about-container">
-            <div class="title">
-                <h3>About</h3>
-                <div class="keyline"></div>
-            </div>
-                <div class="info-tag-container">
-                    <i class="fa fa-map-marker"></i>
-                
-                        <h6 class="info-text">2712 Broadway St San Francisco California CA 94115 US</h6>
-                </div>
-        
-        
-                <div class="info-tag-container">
-                    <i class="fa fa-envelope-o"></i>
-                
-                        <h6 class="info-text">
-                            <a href="mailto:contact@blapointe.com" target="_blank">
-                                contact@blapointe.com
-                            </a>
-                        </h6>
-                </div>
-        
-                <div class="info-tag-container">
-                    <i class="fa fa-mobile"></i>
-                
-                        <h6 class="info-text">
-                            <a href="http://richardhendricks.example.com" target="_blank">
-                                (912) 555-4321
-                            </a>
-                        </h6>
-                </div>
-        
-        
-                                 <div class="info-tag-container">
-                                     <i class="fa fa-twitter"></i>
-                                 
-                                         <h6 class="info-text">neutralthoughts</h6>
-                                 </div>
-                                 <div class="info-tag-container">
-                                     <i class="fa fa-soundcloud"></i>
-                                 
-                                         <h6 class="info-text">
-                                             <a href="https://soundcloud.example.com/dandymusicnl" target="_blank">
-                                                 dandymusicnl
-                                             </a>
-                                         </h6>
-                                 </div>
-        </section>
-            <div class="skills-container">
-                    <section class="container">
-                            <div class="title">
-                                <h3>Web Development</h3>
-                                <div class="keyline"></div>
-                            </div>                    <h4 class="bold capitalize">Master</h4>
-                            <div class="minimal flex-container">
-                                    <h6 class="main-skill skill">HTML</h6>
-                                    <h6 class="main-skill skill">CSS</h6>
-                                    <h6 class="main-skill skill">Javascript</h6>
-                            </div>
-                    </section>
-                    <section class="container">
-                            <div class="title">
-                                <h3>Compression</h3>
-                                <div class="keyline"></div>
-                            </div>                    <h4 class="bold capitalize">Master</h4>
-                            <div class="minimal flex-container">
-                                    <h6 class="main-skill skill">Mpeg</h6>
-                                    <h6 class="main-skill skill">MP4</h6>
-                                    <h6 class="main-skill skill">GIF</h6>
-                            </div>
-                    </section>
-            </div>
-            <div class="container languages-container">
-                <div class="title">
-                    <h3>Languages</h3>
-                    <div class="keyline"></div>
-                </div>
-                <ul class="minimal">
-                        <li>
-                            <h6>English <em>(Native speaker)</em></h6>
-                        </li>
-                </ul>
-            </div>
-            <div class="container interests-container">
-                <div class="title">
-                    <h3>Interests</h3>
-                    <div class="keyline"></div>
-                </div>
-                    <section class="item">
-                            <h4 class="bold">Wildlife</h4>
-                            <ul class="minimal">
-                                    <li>Ferrets</li>
-                                    <li>Unicorns</li>
-                            </ul>
-                    </section>
-            </div>
-      </aside>
-      <div class="right-column">
-                <div class="container summary-container">
-                    <div class="title">
-                        <h3>Summary</h3>
-                        <div class="keyline"></div>
-                    </div>            <p class="summary">
-                        Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!
-                    </p>
-                </div>
-        <div class="container work-container">
-            <div class="title">
-                <h3>Experience</h3>
-                <div class="keyline"></div>
-            </div>
-                <section class="item">
-                    <div class="section-header clearfix">
-                        <h5 class="italic pull-right">
-                                <span class="startDate">12/2013</span>
-                                <span class="endDate"> - 12/2014</span>
-                        </h5>
-                    </div>
-                      <h4>
-                        Awesome compression company
-                      </h4>
-        
-                    <h4>CEO/President</h4>
-        
-        
-                    <p class="summary">Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-        
-                    <ul>
-                        <li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-                        <li>Successfully won Techcrunch Disrupt</li>
-                        <li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
-                    </ul>
-                </section>
-        </div>
-        <div class="container project-container">
-            <div class="title">
-                <h3>Open Source Projects</h3>
-                <div class="keyline"></div>
-            </div>
-                <section class="item">
-                    <div class="section-header clearfix">
-                        <h3 class="bold pull-left">
-                                <a href="missdirection.example.com" target="_blank">
-                                    Miss Direction
-                                        <span class="sublink">∙ <a href="missdirection.example.com" target="_blank" class="sublink">missdirection.example.com</a></span>
-                                </a>
-                        </h3>
-                        <h5 class="italic pull-right">
-                                <span class="startDate">08/2016</span>
-                                <span class="endDate"> - 08/2016</span>
-                        </h5>
-                    </div>
-                      <h4>
-                        A mapping engine that misguides you
-                      </h4>
-        
-        
-                    <div class="flex-container">
-                            <h6 class="skill">GoogleMaps</h6>
-                            <h6 class="skill">Chrome Extension</h6>
-                            <h6 class="skill">Javascript</h6>
-                    </div>
-        
-        
-                    <ul>
-                        <li>Won award at AIHacks 2016</li>
-                        <li>Built by all women team of newbie programmers</li>
-                        <li>Using modern technologies such as GoogleMaps, Chrome Extension and Javascript</li>
-                    </ul>
-                </section>
-        </div>
-        <div class="container education-container">
-            <div class="title">
-            <h3>Education</h3>
-            <div class="keyline"></div>
-        </div> 
-            <section class="item">
-                <div class="section-header clearfix">
-            <h3 class="bold pull-left">
-                    University of Oklahoma
-            </h3>
-            <h5 class="italic pull-right">
-                    <span class="startDate">06/2011</span>
-                    <span class="endDate"> - 01/2014</span>
-            </h5>
-        </div>
-         
-                <h4>Bachelor Information Technology</h4>
-        
-          
-                <ul class="two-column">
-                    <li>DB1101 - Basic SQL</li>
-                    <li>CS2011 - Java Introduction</li>
-                </ul>
-            </section>
-        </div>
-        <div class="container volunteer-container">
-            <div class="title">
-                <h3>Volunteer</h3>
-                <div class="keyline"></div>
-            </div>
-            <section class="item">
-                <div class="section-header clearfix">
-                    <h3 class="bold pull-left">
-                            CoderDojo
-                    </h3>
-                    <h5 class="italic pull-right">
-                            <span class="startDate">01/2012</span>
-                            <span class="endDate"> - 01/2013</span>
-                    </h5>
-                </div>
-                <h5>Teacher</h5>
-        
-                <p class="summary">Global movement of free coding clubs for young people.</p>
-        
-                <ul>
-                    <li>Awarded &#x27;Teacher of the Month&#x27;</li>
-                </ul>
-            </section>
-        </div>
-        <div class="container awards-container">
-            <div class="title">
-                <h3>Awards</h3>
-                <div class="keyline"></div>
-            </div>
-                <section class="item">
-                    <div class="section-header clearfix">
-                        <h3 class="bold pull-left">
-                                Digital Compression Pioneer Award
-                        </h3>
-                        <h5 class="italic pull-right">
-                        </h5>
-                    </div>
-        
-                    <h5 class="awarder">Techcrunch</h5>
-        
-                    <p class="summary">There is no spoon.</p>
-                </section>
-        </div>
-        <div class="container publications-container">
-            <div class="title">
-                <h3>Publications</h3>
-                <div class="keyline"></div>
-            </div>
-            <section class="item">
-                <div class="section-header clearfix">
-                    <h3 class="bold pull-left">
-                            Video compression for 3d media
-                    </h3>
-                    <h5 class="italic pull-right">
-                            10/2014
-                            </h5>
-                </div>
-        
-                <h5 class="awarder">Hooli</h5>
-        
-                <p class="summary">Innovative middle-out compression algorithm that changes the way we store data.</p>
-        
-            </section>
-        </div>
-        <div class="container references-container">
-            <div class="title">
-                <h3>References</h3>
-                <div class="keyline"></div>
-            </div>
-                <section class="item clearfix">
-                    <i class="fa fa-quote-left pull-left" aria-hidden="true"></i>
-                    <blockquote>
-                        It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.
-                    </blockquote>
-        
-                    <h5 class="pull-right"> — Erlich Bachman</h5>
-                </section>
-        </div>
-      </div>
-    </div>
-  </main>
-</body>
-
-</html>

json-resume/themes/mantra.html

@@ -1,353 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-	
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
-	
-	<title>Bree LaPointe - Programmer</title>
-
-	<style>
-	body {
-		background: #efefef;
-		font: 16px 'Fira Mono', Inconsolata, Courier New, serif;
-	  color: #333;
-		line-height: 1.4;
-		margin: 50px 0;
-		margin-bottom: 100px;
-	}
-	a {
-	  color: #7f23ff;
-	}
-	h1,h2,h3,h4 {
-	  color: #7f23ff;
-	  font-family: 'Work Sans', Arial, Helvetica, sans-serif;
-	}
-	h1 {
-	  margin: 0;
-	  line-height: 1.25;
-	  font-size: 4.25rem;
-	  background: -webkit-linear-gradient(#7f23ff, #9367FC);
-	  -webkit-background-clip: text;
-	  -webkit-text-fill-color: transparent;
-	}
-	h2 {
-	  margin-bottom: 3rem;
-	  font-size: 1.75rem;
-	}
-	h3 {
-	  color: #333;
-	}
-	#title {
-	  margin: 0 0 1.6rem 0;
-	  font-weight: normal;
-	  color: #777;
-	}
-	em {
-		color: #999;
-	}
-	p {
-		line-height: 1.6;
-	}
-	ul {
-		margin-bottom: 0;
-	}
-	header, section {
-	  margin: 0 auto;
-	  max-width: 680px;
-	}
-	section {
-	  margin-bottom: 2em;
-	  padding: 0 20px;
-	}
-	blockquote {
-		margin: 0;
-		margin-bottom: 1em;
-	}
-	.item {
-		margin-bottom: 1em;
-	}
-	#resume {
-		/*padding: 0 20px;*/
-	}
-	#basics {
-		/*margin-bottom: -10px;*/
-	}
-	#basics h3 {
-		margin-top: 1.5em;
-	}
-	#basics .contact {
-	  margin: 0 0 2.6rem 0;
-	  line-height: 1.6;
-	}
-	#basics .contact > div {
-	  width: 49%;
-	  display: inline-block;
-	}
-	#basics .contact strong,
-	#location strong {
-		display: inline-block;
-		/*line-height: 1.6;*/
-		width: 30%;
-	}
-	.date, .position {
-	  font-weight: bold;
-	}
-	.profiles,
-	#skills {
-		overflow: hidden;
-	}
-	.profiles .item {
-	  float: left;
-	  margin: 0 2rem 0 0;
-	}
-	#skills .item {
-		float: left;
-		width: 50%;
-	}
-	hr {
-	  margin: 0 0 -4.75rem 0;
-	  border: 0;
-	  background: #fafafa;
-	  height: 4rem;
-	}
-	hr.contact-bg {
-	  margin: 0 0 -4rem 0;
-	  height: 5rem;
-	}
-	</style>
-
-  <link href="https://fonts.googleapis.com/css?family=Work+Sans:600,700|Fira+Mono:400,500,700" rel="stylesheet">
-	
-	</head>
-	<body>
-	
-	<div id="resume">
-			<header>
-		    <h1>Bree LaPointe</h1>
-		    <h2 id="title">Programmer</h2> 
-		  </header>
-		  <hr class="contact-bg">
-			<section id="basics">
-				<div class="contact">
-		  		<div class="email">
-		  			<strong>Email</strong>
-		  			contact@blapointe.com
-		  		</div>
-		  		<div class="phone">
-		  			<strong>Phone</strong>
-		  			(912) 555-4321
-		  		</div>
-		      <div class="address">
-		        <strong>Location</strong>
-		        2712 Broadway St<br>
-		        San Francisco CA 94115<br>
-		        US
-		      </div>
-				</div>
-				<div class="summary">
-					<p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-				</div>
-				<h3>Profiles</h3>
-				<div class="profiles">
-					<div class="item">
-						<strong class="network">
-		          
-							Twitter
-		          
-						</strong>
-						<div class="username">
-							neutralthoughts
-						</div>
-					</div>
-					<div class="item">
-						<strong class="network">
-		          <a href="https://soundcloud.example.com/dandymusicnl">
-							SoundCloud
-		          </a>
-						</strong>
-						<div class="username">
-							dandymusicnl
-						</div>
-					</div>
-				</div>
-			</section>
-		<hr>
-		<section id="work">
-			<h2>Experience</h2>
-			<div class="item">
-				<div class="date">
-					<span class="startDate">
-						December 2013
-					</span>
-					<span class="endDate">
-						- December 2014
-					</span>
-				</div>
-				<div class="position">
-					CEO/President
-				</div>
-				<div class="summary">
-					Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.
-				</div>
-				<ul class="highlights">
-					<li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-					<li>Successfully won Techcrunch Disrupt</li>
-					<li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
-				</ul>
-			</div>
-		</section>
-    <hr>
-    <section id="skills">
-    	<h2>Skills</h2>
-    	<div class="item">
-    		<div class="name">
-    			Web Development
-    		</div>
-    		<div class="level">
-    			<em>Master</em>
-    		</div>
-    		<ul class="keywords">
-    			<li>HTML</li>
-    			<li>CSS</li>
-    			<li>Javascript</li>
-    		</ul>
-    	</div>
-    	<div class="item">
-    		<div class="name">
-    			Compression
-    		</div>
-    		<div class="level">
-    			<em>Master</em>
-    		</div>
-    		<ul class="keywords">
-    			<li>Mpeg</li>
-    			<li>MP4</li>
-    			<li>GIF</li>
-    		</ul>
-    	</div>
-    </section>
-		<hr>
-		<section id="volunteer">
-			<h2>Volunteer</h2>
-			<div class="item">
-				<h3 class="company">
-					CoderDojo
-				</h3>
-				<div class="date">
-					<span class="startDate">
-						2012
-					</span>
-					<span class="endDate">
-						- 2013
-					</span>
-				</div>
-				<div class="position">
-					Teacher
-				</div>
-				<div class="summary">
-					<p>Global movement of free coding clubs for young people.</p>
-				</div>
-				<ul class="highlights">
-					<li>Awarded &#x27;Teacher of the Month&#x27;</li>
-				</ul>
-			</div>
-		</section>
-		<hr>
-		<section id="education">
-			<h2>Education</h2>
-			<div class="item">
-				<div class="date">
-					<span class="startDate">
-						2011
-					</span>
-					<span class="endDate">
-						- 2014
-					</span>
-				</div>
-				<div class="institution">
-					University of Oklahoma
-				</div>
-				<div class="area">
-					Information Technology
-				</div>
-				<div class="studyType">
-					Bachelor
-				</div>
-				<ul class="courses">
-					<li>DB1101 - Basic SQL</li>
-					<li>CS2011 - Java Introduction</li>
-				</ul>
-			</div>
-		</section>
-		<section id="awards">
-			<h2>Awards</h2>
-			<div class="item">
-				<div class="title">
-					Digital Compression Pioneer Award
-				</div>
-				<div class="date">
-					October 17, 2022
-				</div>
-				<div class="awarder">
-					Techcrunch
-				</div>
-				<div class="summary">
-					<p>There is no spoon.</p>
-				</div>
-			</div>
-		</section>
-		<section id="publications">
-			<h2>Publications</h2>
-			<div class="item">
-				<div class="name">
-					Video compression for 3d media
-				</div>
-				<div class="publisher">
-					Hooli
-				</div>
-				<div class="releaseDate">
-					2014-10-01
-				</div>
-				<div class="summary">
-					<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
-				</div>
-			</div>
-		</section>
-		<hr>
-		<section id="languages">
-			<h2>Languages</h2>
-			<div class="item">
-				<div class="language">
-					English
-				</div>
-				<div class="fluency">
-					<em>Native speaker</em>
-				</div>
-			</div>
-		</section>
-		<section id="interests">
-			<h2>Interests</h2>
-			<div class="item">
-				<div class="name">
-					Wildlife
-				</div>
-				<ul class="keywords">
-					<li>Ferrets</li>
-					<li>Unicorns</li>
-				</ul>
-			</div>
-		</section>
-		<section id="references">
-			<h2>References</h2>
-			<div class="item">
-				<blockquote class="reference">
-					It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.
-				</blockquote>
-				<div class="name">
-					— Erlich Bachman
-				</div>
-			</div>
-		</section>
-	</body>
-</html>

json-resume/themes/modern.html

@@ -1,129 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title> </title>
-    <link href="http://bootswatch.com/lumen/bootstrap.min.css" rel="stylesheet" />
-   <style>
-    </style>
-
-  
-  </head>
-  <body>
-    <div class="container">
-  <div class="row">
-    <div class="col-md-8 col-md-offset-2">
-      <div class="row">
-        <div class="col-md-6 col-sm-12">
-        <h1>Bree LaPointe<h1>
-
-        <h2>San Francisco</h2>
-        </div>
-        <div class="col-md-6 col-sm-12">
-        <img class="media-object img-circle pull-right" data-src="holder.js/64x64" alt="64x64" src="&#x2F;&#x2F;www.gravatar.com&#x2F;avatar&#x2F;3d1df38a85a478f73eaa3664b488edc3?s=100&amp;r=pg&amp;d=mm" style="width: 100px; height: 100px; margin-top: 20px;">
-
-        </div>
-        </div>
-      <hr style="color: #ccc; height: 4px;" />
-      <section class="row">
-        <header class="col-md-3">
-          <h3>About</h3>
-        </header>
-        <div class="col-md-9">
-        <p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-        <strong>Phone:</strong> (912) 555-4321 <br />
-        <strong>Email:</strong> contact@blapointe.com<br />
-        </div>
-      </section>
-      <section class="row">
-        <header class="col-md-3">
-          <h3>Work Experience</h3>
-        </header>
-        <div class="col-md-9">
-          <div class="skills">
-            <h3></h3>
-            <strong>CEO&#x2F;President</strong>
-            <p>2013 - 2014</p>
-            <p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-            <ul>
-              <li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-              <li>Successfully won Techcrunch Disrupt</li>
-              <li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
-            </ul>
-            <hr />
-          </div>
-        </div>
-      </section>
-
-      <section class="row">
-        <header class="col-md-3">
-          <h3>Education</h3>
-        </header>
-        <div class="col-md-9">
-          <div class="skills">
-            <h3>University of Oklahoma</h3>
-            <h4>Information Technology, Bachelor</h4>
-            <p>2011 - 2014</p>
-            <p></p>
-            <ul>
-            </ul>
-            <hr />
-          </div>
-        </div>
-      </section>
-      <section class="row">
-        <header class="col-md-3">
-          <h3>Skills</h3>
-        </header>
-        <div class="col-md-9">
-          <div class="row-fluid skills">
-            <ul class="col-md-6">
-
-              <li>
-                <h4>Web Development</h4>
-                <ul>
-                  <li>HTML</li>
-                  <li>CSS</li>
-                  <li>Javascript</li>
-                </ul>
-              </li>
-            </ul>
-            <ul class="col-md-6">
-
-              <li>
-                <h4>Compression</h4>
-                <ul>
-                  <li>Mpeg</li>
-                  <li>MP4</li>
-                  <li>GIF</li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </section>
-      <section class="row">
-        <header class="col-md-3">
-          <h3>References</h3>
-        </header>
-        <div class="col-md-9">
-          <div class="row-fluid skills">
-
-            <p>It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company. -
-              <strong>Erlich Bachman</strong>
-            </p>
-          </div>
-        </div>
-      </section>
-
-    </div>
-  </div>
-</div>
-
-    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
-    <!-- Include all compiled plugins (below), or include individual files as needed -->
-  </body>
-</html>

json-resume/themes/msresume.html

@@ -1,90 +0,0 @@
-<!DOCTYPE html><html><head><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><title>The Resume of Bree LaPointe</title><link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css"><link rel="stylesheet" href="https://unpkg.com/tachyons-columns@1.0.5/src/tachyons-columns.css"><style type="text/css">:root {
-  --primary: #0074D9;
-  --accent: #0074D9;
-  --accent-text: #ffffff;
-}
-
-.bg-primary {
-  background-color: var(--primary);
-}
-
-.accent-text {
-  color: var(--accent-text);
-}
-
-.accent {
-  color: var(--accent);
-}
-
-.b--primary {
-  border-color: var(--primary);
-}
-
-::selection {
-  background-color: var(--primary);
-  color: var(--accent-text);
-}
-
-.column-layout {
-  display: grid;
-  grid-gap: 1rem;
-  grid-template-columns: 1fr;
-}
-
-@media (min-width: 36em) {
-  .column-layout {
-    grid-template-columns: 1fr 2fr;
-  }
-}
-
-.page {
-  max-width: 8.5in;
-}
-
-@media (min-width: 8.5in) {
-  .mv-5-page {
-    margin-top: 4rem;
-    margin-bottom: 4rem;
-  }
-
-  .bg-light-gray-page {
-    background-color: #eee;
-  }
-
-  .shadow-2-page {
-    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
-  }
-
-  .db-page {
-    display: block;
-  }
-}
-
-@media print {
-  html {
-    font-size: 87.5%;
-  }
-
-  .page {
-    background-color: transparent;
-    box-shadow: none;
-  }
-
-  header {
-    background-color: transparent !important;
-    color: #333 !important;
-  }
-
-  header h1 {
-    color: var(--accent);
-  }
-
-  header a {
-    color: #333 !important;
-  }
-
-  .column-layout {
-    grid-template-columns: 1fr 2fr;
-  }
-}
-</style><link rel="stylesheet" href="https://unpkg.com/tachyons-print@4.7.2/css/tachyons-print.css"></head></head><body class="bg-white bg-light-gray-page bg-white-p dark-gray sans-serif"><div class="page mw-page mv-5-page center ma0-p shadow-2-page lh-title"><header class="pa4 bg-primary accent-text"><h1 class="f2 f1-ns mt0 mb3">Bree LaPointe</h1><div class="column-layout"><ul class="list ml0 pl0 mt0 mb2 mb0-ns f5"><li><a class="link accent-text underline-hover" href="mailto:contact@blapointe.com">contact@blapointe.com</a></li><li><a class="link accent-text underline-hover" href="tel:(912) 555-4321">(912) 555-4321</a></li><li>San Francisco, California</li><li><a class="link accent-text underline-hover" href="">neutralthoughts</a></li><li><a class="link accent-text underline-hover" href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a></li></ul><div><p class="measure mv0 f5">Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p></div></div></header><main class="pa4 bg-white"><section class="mb5 mb3-p"><h2 class="f5 fw7 mt0 mb3 ttu accent">Experience</h2><div class="mb4 mb3-p"><h3 class="f3 mt0 mb2 mb0-p fw6">CEO/President</h3><div class="column-layout"><ul class="list mv0 ml0 pl0 f5 fw2"><li><time datetime="2013-12-01T00:00:00.000Z">Nov 2013</time>&#032;&ndash;&#032;<time datetime="2014-12-01T00:00:00.000Z">Nov 2014</time></li></ul><p class="measure f5 mv0">Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p></div></div></section><section class="mb5 mb3-p"><h2 class="f5 fw7 mt2 mb3 ttu accent">Education</h2><div class="mb4 mb3-p"><h3 class="f3 mt0 mb2 mb0-p fw6">Bachelor, Information Technology</h3><div class="column-layout"><ul class="list mv0 ml0 pl0 f5 fw2"><li class="fw5">University of Oklahoma</li><li><time datetime="2011-06-01T00:00:00.000Z">May 2011</time>&#032;&ndash;&#032;<time datetime="2014-01-01T00:00:00.000Z">Dec 2013</time></li></ul></div></div></section><section><div class="column-layout"><h2 class="f5 fw7 mv0 ttu accent">Proficiencies</h2><ul class="cc2-ns cg3-ns cc2-p cg3-p pl0 mv0 list-inside-ns list-inside-p"><li>Web Development</li><li>Compression</li></ul></div></section></main></div></body></html>

json-resume/themes/onepage.html

@@ -1,375 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-
-	<meta charset='utf-8'>
-	<meta name='viewport' content='width=device-width, user-scalable=no, minimal-ui'>
-
-	<title>Bree LaPointe</title>
-
-	<style>
-	body {
-  background: #EEEEEE;
-  font: 12px "Times New Roman", Times, sans-serif;
-  line-height: 1.4;
-  margin: 40px 0;
-}
-em {
-  color: #999;
-}
-p {
-  line-height: 1.4;
-}
-ul {
-  margin-bottom: 0;
-}
-li {
-  margin-bottom: 2px;
-}
-a {
-  text-decoration: none;
-}
-
-#resume {
-  margin: 0 auto;
-  max-width: 600px;
-  padding: 80px 100px;
-  background: #fff;
-  border: 1px solid #ccc;
-  box-shadow: 2px 2px 4px #aaa;
-  -webkit-box-shadow: 2px 2px 4px #aaa;
-}
-
-.coursesList {
-  width: 28%;
-  vertical-align: top;
-  display: inline-block;
-}
-
-.largeFont {
-  font-size: 20px;
-}
-
-.smallFont {
-  font-size: 12px;
-}
-
-.sectionBlock {
-  display: flex;
-  width: 100%;
-}
-
-.sectionName {
-  width: 18%;
-  vertical-align: top;
-  display: inline-block;
-}
-
-.sectionContent {
-  width: 80%;
-  vertical-align: top;
-  display: inline-block;
-}
-
-.sectionContent ul {
-  padding-left: 20px;
-  margin-top: 6px;
-  list-style-type: circle;
-}
-
-.sectionContent .title {
-  font-weight: bold;
-}
-
-.sectionContent .date {
-  float: right;
-}
-
-.sectionContent .separator {
-  height: 14px;
-}
-
-.sectionLine {
-  border-style: dashed;
-  border-width: 1px;
-  border-color: #CFCFCF;
-  margin-top: 10px;
-  margin-bottom: 10px;
-}
-
-.divider {
-  font-weight: bold;
-  margin-left: 5px;
-  margin-right: 5px;
-}
-
-.summary {
-  margin-top: 6px;
-}
-
-.skillBlock {
-  margin-bottom: 4px;
-}
-
-.jobBlock {
-  page-break-inside: avoid;
-}
-
-/* Media Queries */
-@media only screen and (max-width: 40em) {
-  body {
-    margin: 0;
-    font-size: 14px;
-  }
-  #resume {
-    margin: 0 auto;
-    max-width: 600px;
-    padding: 0.5em 1em;
-    border: none;
-  }
-  .sectionContent {
-    width: 100%;
-  }
-  .sectionContent .date {
-    padding-right: 2em;
-  }
-  .sectionName {
-    width: auto;
-  }
-  .largeFont {
-    font-size: 20px;
-  }
-  .smallFont {
-    font-size: 14px;
-  }
-}
-
-@media print {
-  #resume {
-    margin: 0 auto;
-    max-width: 600px;
-    padding: 0px 0px;
-    border: 0px;
-    background: #fff;
-    box-shadow: none;
-    -webkit-box-shadow: none;
-  }
-
-  a {
-    color: black;
-  }
-}
-
-	</style>
-
-	</head>
-	<body>
-
-	<div id='resume'>
-  <div id='nameBlock' class='largeFont'>
-    <span class='name'>
-      Bree LaPointe,
-    </span>
-    <span class='label'>Programmer</span>
-  </div>
-  <div id='basicsBlock' class='smallFont'>
-    <div class='contactBlock'>
-      <span class='email'>contact@blapointe.com</span>
-      <span class='divider'>|</span>
-      <span class='phone'>(912) 555-4321</span>
-        <span class='divider'>|</span>
-        <span class='address'>
-          San Francisco, California, US
-        </span>
-    </div>
-      <div id='profilesBlock'>
-            <span class='url'>
-              <a href='https://soundcloud.example.com/dandymusicnl'>https://soundcloud.example.com/dandymusicnl</a>
-            </span>
-            
-      </div>
-  </div>
-  <div class='sectionLine'></div>
-
-  <div id='summaryBlock' class="sectionBlock">
-    <div class='sectionName'>
-      <span>SUMMARY</span>
-    </div>
-    <div class='sectionContent'>
-      <span>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</span>
-    </div>
-  </div>
-  <div class='sectionLine'></div>
-
-  <div id='workBlock' class="sectionBlock">
-    <div class='sectionName'>
-      <span>EXPERIENCE</span>
-    </div>
-    <div class='sectionContent'>
-			<div class="jobBlock">
-	      <div class='blockHeader'>
-	        <span class='title'>
-	          , CEO/President
-	        </span>
-	        <span class='date'>
-	          2013-12-01 &mdash; 2014-12-01
-	        </span>
-	      </div>
-	      <div><a href=''></a></div>
-	      <ul class='highlights'>
-	        <li>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</li>
-	        <li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-	        <li>Successfully won Techcrunch Disrupt</li>
-	        <li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
-	      </ul>
-	      
-			</div>
-    </div>
-  </div>
-  <div class='sectionLine'></div>
-
-	<div id='publications'>
-    <div class='sectionName'>
-      <span>PUBLICATIONS</span>
-    </div>
-    <div class='sectionContent'>
-      <div class='blockHeader'>
-        <span class='title'>
-          Video compression for 3d media, Hooli
-        </span>
-        <span class='date'>
-          <span class='releaseDate'>2014-10-01</span>
-        </span>
-      </div>
-      <ul class='highlights'>
-        <li>Innovative middle-out compression algorithm that changes the way we store data.</li>
-      </ul>
-      
-    </div>
-	</div>
-  <div class='sectionLine'></div>
-
-	<div id='awards' class="sectionBlock">
-    <div class='sectionName'>
-      <span>AWARDS</span>
-    </div>
-    <div class='sectionContent'>
-      <div class='blockHeader'>
-        <span class='title'>
-          Digital Compression Pioneer Award, Techcrunch
-        </span>
-        <span class='date'>
-          <span class='date'>2014-11-01</span>
-        </span>
-      </div>
-      <ul class='highlights'>
-        <li>There is no spoon.</li>
-      </ul>
-      
-    </div>
-	</div>
-  <div class='sectionLine'></div>
-
-	<div id='volunteer' class="sectionBlock">
-    <div class='sectionName'>
-      <span>VOLUNTEERING</span>
-    </div>
-    <div class='sectionContent'>
-      <div class='blockHeader'>
-        <span class='title'>CoderDojo, Teacher</span>
-        <span class='date'>
-          2012-01-01 &mdash; 2013-01-01
-        </span>
-        <ul class='highlights'>
-          <li>Global movement of free coding clubs for young people.</li>
-          <li>Awarded &#x27;Teacher of the Month&#x27;</li>
-        </ul>
-      </div>
-      
-    </div>
-	</div>
-  <div class='sectionLine'></div>
-
-	<div id='education' class="sectionBlock">
-    <div class='sectionName'>
-      <span>EDUCATION</span>
-    </div>
-    <div class='sectionContent'>
-      <div class='educationBlock'>
-        <span class='title'>
-          University of Oklahoma
-        </span>
-        <span class='date'>
-          2011-06-01 &mdash; 2014-01-01
-        </span>
-        <div class=''>
-          Bachelor  - Information Technology
-        </div>
-        <div id='coursesBlock'>
-          <ul class='coursesList'>
-            <li class='course'>DB1101 - Basic SQL</li>
-          </ul>
-          <ul class='coursesList'>
-            <li class='course'>CS2011 - Java Introduction</li>
-          </ul>
-          <ul class='coursesList'>
-          </ul>
-        </div>
-      </div>
-      
-    </div>
-	</div>
-  <div class='sectionLine'></div>
-
-	<div id='skills' class="sectionBlock">
-    <div class='sectionName'>
-      <span>SKILLS</span>
-    </div>
-    <div class='sectionContent'>
-      <div class='skillBlock'>
-        <span class='title'>Web Development <em>(Master)</em>:</span>
-          <span>HTML</span>, 
-          <span>CSS</span>, 
-          <span>Javascript</span>
-      </div>
-      <div class='skillBlock'>
-        <span class='title'>Compression <em>(Master)</em>:</span>
-          <span>Mpeg</span>, 
-          <span>MP4</span>, 
-          <span>GIF</span>
-      </div>
-    </div>
-	</div>
-  <div class='sectionLine'></div>
-
-	<div id='languages' class="sectionBlock">
-    <div class='sectionName'>
-      <span>LANGUAGES</span>
-    </div>
-    <div class='sectionContent'>
-      <span class='language'>English</span>
-      <span class='fluency'><em>(Native speaker)</em></span>
-      
-    </div>
-    <div class='sectionLine'></div>
-	</div>
-
-	<div id='interests' class="sectionBlock">
-    <div class='sectionName'>
-      <span>INTERESTS</span>
-    </div>
-    <div class='sectionContent'>
-      <span class='name'>Wildlife</span><!--
-      --><span class='keywords'> <em>[
-        Ferrets<!--
-        -->, 
-        Unicorns<!--
-        -->
-      ]</em></span><!--
-      -->
-    </div>
-    <div class='sectionLine'></div>
-	</div>
-
-	</body>
-</html>

json-resume/themes/onepageresume.html

@@ -1,169 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-  <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-    <title>One Page Resume</title>
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" rel="stylesheet">
-    <style type="text/css">
-    * { margin: 0; padding: 0; }
-body { font: 16px Helvetica, Sans-Serif; line-height: 24px; background: url(http://css-tricks.com/examples/OnePageResume/images/noise.jpg); }
-.clear { clear: both; }
-#page-wrap { width: 800px; margin: 40px auto 60px; }
-#pic { float: right; margin: -30px 0 0 0; width: 35%;}
-h1 { margin: 0 0 16px 0; padding: 0 0 16px 0; font-weight: bold; letter-spacing: -2px; border-bottom: 1px solid #999; }
-h2 { font-size: 20px; margin: 0 0 6px 0; position: relative; }
-h2 span { position: absolute; bottom: 0; right: 0; font-style: italic; font-family: Georgia, Serif; font-size: 16px; color: #999; font-weight: normal; }
-p { margin: 0 0 16px 0; }
-a { color: #999; text-decoration: none; border-bottom: 1px dotted #999; }
-a:hover { border-bottom-style: solid; color: black; }
-#profiles {margin: 0; list-style-type: none; display: inline}
-#profiles li {display: inline}
-ul { margin: 0 0 32px 17px; }
-#objective { width: 500px; float: left; }
-#objective p { font-family: Georgia, Serif; font-style: italic; color: #666; }
-dt { font-style: italic; font-weight: bold; font-size: 18px; text-align: right; padding: 0 26px 0 0; width: 150px; float: left; height: 100px; border-right: 1px solid #999;  }
-dd { width: 600px; float: right; }
-dd.clear { float: none; margin: 0; height: 15px; }
-.tooltip {
-  position: relative;
-  display: inline-block;
-}
-
-.tooltip .tooltiptext {
-  visibility: hidden;
-  width: 120px;
-  background-color: #555;
-  color: #fff;
-  text-align: center;
-  border-radius: 6px;
-  padding: 5px 0;
-  position: absolute;
-  z-index: 1;
-  bottom: 125%;
-  left: 50%;
-  margin-left: -60px;
-  opacity: 0;
-  transition: opacity 0.3s;
-}
-
-.tooltip .tooltiptext::after {
-  content: &quot;&quot;;
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  margin-left: -5px;
-  border-width: 5px;
-  border-style: solid;
-  border-color: #555 transparent transparent transparent;
-}
-
-.tooltip:hover .tooltiptext {
-  visibility: visible;
-  opacity: 1;
-}
-
-    </style>
-  </head>
-  <body>
-    <div id="page-wrap">
-      <img src="http://css-tricks.com/examples/OnePageResume/images/cthulu.png" alt="Bree LaPointe" id="pic" />
-      <div id="contact-info" class="vcard">
-        <!-- Microformats! -->
-        <h1 class="fn">Bree LaPointe</h1>
-        <p>
-          Cell: <span class="tel">(912) 555-4321</span><br />
-          Email: <a class="email" href="mailto:contact@blapointe.com">contact@blapointe.com</a>
-          <ul id="profiles">
-          <li>
-            <div class="contact-item tooltip">
-              <div class="icon pull-left text-center">
-		<a href="" target="_blank">
-		  <span class="fab fa-twitter fa-fw">
-                    <span class="tooltiptext">
-		      neutralthoughts
-		    </span>
-		   </span>
-		</a>
-	      </div>
-            </div>
-          </li>
-          <li>
-            <div class="contact-item tooltip">
-              <div class="icon pull-left text-center">
-		<a href="https://soundcloud.example.com/dandymusicnl" target="_blank">
-		  <span class="fab fa-soundcloud fa-fw">
-                    <span class="tooltiptext">
-		      dandymusicnl
-		    </span>
-		   </span>
-		</a>
-	      </div>
-            </div>
-          </li>
-          </ul>
-        </p>
-      </div>
-      <div id="objective">
-        <p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-      </div>
-      <div class="clear"></div>
-      <dl>
-        <dd class="clear"></dd>
-        <dt>Education</dt>
-        <dd>
-          <h2>University of Oklahoma
-            <span>
-            2011-06-01 -
-            2014-01-01
-            </span>
-          </h2>
-          Bachelor - <i>Information Technology</i><br/>
-        </dd>
-        <dd class="clear"></dd>
-        <dt>Skills</dt>
-        <dd>
-          <h2>Web Development</h2>
-          <p>HTML,CSS,Javascript</p>
-          <h2>Compression</h2>
-          <p>Mpeg,MP4,GIF</p>
-        </dd>
-        <dd class="clear"></dd>
-        <dt>Experience</dt>
-        <dd>
-          <h2>
-            <span>
-              2013-12-01 -
-              2014-12-01
-            </span>
-          </h2>
-          Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.
-          <ul>
-            <li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-            <li>Successfully won Techcrunch Disrupt</li>
-            <li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
-          </ul>
-        </dd>
-        <dd class="clear"></dd>
-        <dt>Languages</dt>
-        <dd>
-          English - <i>Native speaker</i>
-        </dd>
-        <dd class="clear"></dd>
-        <dt>Hobbies</dt>
-        <dd>
-          
-          <h2>Wildlife</h2>
-          <p>Ferrets,Unicorns</p>
-        </dd>
-        <dd class="clear"></dd>
-        <dt>References</dt>
-        <dd><i>It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.</i><br>
-          <br><h2><span>Erlich Bachman</span></h2>
-        </dd>
-        <dd class="clear"></dd>
-      </dl>
-      <div class="clear"></div>
-    </div>
-  </body>
-</html>

json-resume/themes/orbit.html

@@ -1,518 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-        <title>Bree LaPointe</title>
-        <!-- Meta -->
-        <meta charset="utf-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta name="description" content="Responsive HTML5 Developer Resume for Bree LaPointe">
-        <meta name="generator" content="https://www.npmjs.com/package/jsonresume-theme-orbit/v/1.1.0"/>
-
-        <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,300italic,300,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
-        <!-- Global CSS -->
-        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">        <!-- Plugins CSS -->
-        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
-
-        <!-- Theme CSS -->
-        <style>
-                /*   
- * Template Name: Orbit - Responsive Resume/CV Template for Developers
- * Version: 1.0
- * Author: Xiaoying Riley
- * Twitter: @3rdwave_themes
- * License: Creative Commons Attribution 3.0 License
- * Website: http://themes.3rdwavemedia.com/
-*/
-/* styles.css */
-/* ======= Base ======= */
-body {
-  font-family: 'Roboto', sans-serif;
-  color: #545E6C;
-  background: #f5f5f5;
-  font-size: 14px;
-  padding: 30px;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-weight: 700;
-}
-a {
-  color: #2d7788;
-  -webkit-transition: all 0.4s ease-in-out;
-  -moz-transition: all 0.4s ease-in-out;
-  -ms-transition: all 0.4s ease-in-out;
-  -o-transition: all 0.4s ease-in-out;
-}
-a:hover {
-  text-decoration: underline;
-  color: #1a454f;
-}
-a:focus {
-  text-decoration: none;
-}
-p {
-  line-height: 1.5;
-}
-.wrapper {
-  background: #42A8C0;
-  max-width: 960px;
-  margin: 0 auto;
-  position: relative;
-  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
-  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
-  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
-}
-.sidebar-wrapper {
-  background: #42A8C0;
-  position: absolute;
-  right: 0;
-  width: 240px;
-  height: 100%;
-  min-height: 800px;
-  color: #fff;
-}
-.sidebar-wrapper a {
-  color: #fff;
-}
-.sidebar-wrapper .profile-container {
-  padding: 30px;
-  background: rgba(0, 0, 0, 0.2);
-  text-align: center;
-  color: #fff;
-}
-.sidebar-wrapper .name {
-  font-size: 32px;
-  font-weight: 900;
-  margin-top: 0;
-  margin-bottom: 10px;
-}
-.sidebar-wrapper .tagline {
-  color: rgba(255, 255, 255, 0.6);
-  font-size: 16px;
-  font-weight: 400;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-.sidebar-wrapper .profile {
-  margin-bottom: 15px;
-}
-.sidebar-wrapper .contact-list .fa {
-  margin-right: 5px;
-  font-size: 18px;
-  vertical-align: middle;
-}
-.sidebar-wrapper .contact-list li {
-  margin-bottom: 15px;
-}
-.sidebar-wrapper .contact-list li:last-child {
-  margin-bottom: 0;
-}
-.sidebar-wrapper .contact-list .email .fa {
-  font-size: 14px;
-}
-.sidebar-wrapper .container-block {
-  padding: 30px;
-}
-.sidebar-wrapper .container-block-title {
-  text-transform: uppercase;
-  font-size: 16px;
-  font-weight: 700;
-  margin-top: 0;
-  margin-bottom: 15px;
-}
-.sidebar-wrapper .degree {
-  font-size: 14px;
-  margin-top: 0;
-  margin-bottom: 5px;
-}
-.sidebar-wrapper .education-container .item {
-  margin-bottom: 15px;
-}
-.sidebar-wrapper .education-container .item:last-child {
-  margin-bottom: 0;
-}
-.sidebar-wrapper .education-container .meta {
-  color: rgba(255, 255, 255, 0.6);
-  font-weight: 500;
-  margin-bottom: 0px;
-  margin-top: 0;
-}
-.sidebar-wrapper .education-container .time {
-  color: rgba(255, 255, 255, 0.6);
-  font-weight: 500;
-  margin-bottom: 0px;
-}
-.sidebar-wrapper .languages-container .lang-desc {
-  color: rgba(255, 255, 255, 0.6);
-}
-.sidebar-wrapper .languages-list {
-  margin-bottom: 0;
-}
-.sidebar-wrapper .languages-list li {
-  margin-bottom: 10px;
-}
-.sidebar-wrapper .languages-list li:last-child {
-  margin-bottom: 0;
-}
-.sidebar-wrapper .interests-list {
-  margin-bottom: 0;
-}
-.sidebar-wrapper .interests-list li {
-  margin-bottom: 10px;
-}
-.sidebar-wrapper .interests-list li:last-child {
-  margin-bottom: 0;
-}
-.main-wrapper {
-  background: #fff;
-  padding: 60px;
-  padding-right: 300px;
-  min-height: 800px;
-}
-.main-wrapper .section-title {
-  text-transform: uppercase;
-  font-size: 20px;
-  font-weight: 500;
-  color: #2d7788;
-  position: relative;
-  margin-top: 0;
-  margin-bottom: 20px;
-}
-.main-wrapper .section-title .fa {
-  width: 30px;
-  height: 30px;
-  margin-right: 8px;
-  display: inline-block;
-  color: #fff;
-  -webkit-border-radius: 50%;
-  -moz-border-radius: 50%;
-  -ms-border-radius: 50%;
-  -o-border-radius: 50%;
-  border-radius: 50%;
-  -moz-background-clip: padding;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-  background: #2d7788;
-  text-align: center;
-  padding-top: 8px;
-  font-size: 16px;
-  position: relative;
-  top: -2px;
-}
-.main-wrapper .section {
-  margin-bottom: 60px;
-}
-.main-wrapper .experiences-section .item {
-  margin-bottom: 30px;
-}
-.main-wrapper .upper-row {
-  position: relative;
-  overflow: hidden;
-  margin-bottom: 2px;
-}
-.main-wrapper .job-title {
-  color: #3F4650;
-  font-size: 16px;
-  margin-top: 0;
-  margin-bottom: 0;
-  font-weight: 500;
-}
-.main-wrapper .time {
-  position: absolute;
-  right: 0;
-  top: 0;
-  color: #97AAC3;
-}
-.main-wrapper .company {
-  margin-bottom: 10px;
-  color: #97AAC3;
-}
-.main-wrapper .project-title {
-  font-size: 16px;
-  font-weight: 400;
-  margin-top: 0;
-  margin-bottom: 5px;
-}
-.main-wrapper .projects-section .intro {
-  margin-bottom: 30px;
-}
-.main-wrapper .projects-section .item {
-  margin-bottom: 15px;
-}
-.skillset .item {
-  margin-bottom: 15px;
-  overflow: hidden;
-}
-.skillset .level-title {
-  font-size: 14px;
-  margin-top: 0;
-  margin-bottom: 12px;
-}
-.skillset .level-bar {
-  height: 12px;
-  background: #f5f5f5;
-}
-.skillset .level-bar-inner {
-  height: 12px;
-  background: #7bc2d3;
-}
-.footer {
-  padding: 30px;
-  padding-top: 60px;
-}
-.footer .copyright {
-  line-height: 1.6;
-  color: #545E6C;
-  font-size: 13px;
-}
-.footer .fa-heart {
-  color: #fb866a;
-}
-/* Extra small devices (phones, less than 768px) */
-@media (max-width: 767px) {
-  .sidebar-wrapper {
-    position: static;
-    width: inherit;
-  }
-  .main-wrapper {
-    padding: 30px;
-  }
-  .main-wrapper .time {
-    position: static;
-    display: block;
-    margin-top: 5px;
-  }
-  .main-wrapper .upper-row {
-    margin-bottom: 0;
-  }
-}
-/* Small devices (tablets, 768px and up) */
-/* Medium devices (desktops, 992px and up) */
-@media (min-width: 992px) {
-  .skillset .level-title {
-    display: inline-block;
-    float: left;
-    width: 30%;
-    margin-bottom: 0;
-  }
-  .skillset .level-bar {
-    display: inline-block;
-    width: 70%;
-    float: left;
-    position: relative;
-    top: 1px;
-  }
-}
-/* Large devices (large desktops, 1200px and up) */
-/* Ex-Large devices (large desktops, 1200px and up) */
-
-        </style>
-        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
-        <!--[if lt IE 9]>
-        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
-        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-        <![endif]-->
-    </head>
-
-    <body>
-    <div class="wrapper">
-        <div class="sidebar-wrapper">
-
-            <div class="profile-container">
-                <img class="profile" src="" alt="" />
-                <h1 class="name">Bree LaPointe</h1>
-                <h3 class="tagline">Programmer</h3>
-            </div><!--//profile-container-->
-        
-            <div class="contact-container container-block">
-                <ul class="list-unstyled contact-list">
-                    <li class="email"><i class="fa fa-envelope"></i><a href="mailto:contact@blapointe.com">contact@blapointe.com</a></li>
-                    <li class="phone"><i class="fa fa-phone"></i><a href="tel:(912) 555-4321">(912) 555-4321</a></li>
-                    <li class="website"><i class="fa fa-globe"></i><a href="http://richardhendricks.example.com" target="_blank">richardhendricks.example.com</a></li>
-        
-                        <li class="twitter"><i class="fa fa-twitter"></i><a href="" target="_blank">@neutralthoughts</a></li>
-                        <li class="soundcloud"><i class="fa fa-soundcloud"></i><a href="https://soundcloud.example.com/dandymusicnl" target="_blank">soundcloud.example.com/dandymusicnl</a></li>
-                    <!--                    <li class="twitter"><i class="fa fa-twitter"></i><a href="https://twitter.com/3rdwave_themes" target="_blank">@twittername</a></li>  -->
-                </ul>
-            </div><!--//contact-container-->
-        
-            <div class="education-container container-block">
-                <h2 class="container-block-title">Education</h2>
-                    <div class="item">
-                        <h4 class="degree">Bachelors in Information Technology</h4>
-                        <h5 class="meta">University of Oklahoma</h5>
-                        <div class="time">2011 - 2013</div>
-                    </div><!--//item-->
-            </div><!--//education-container-->
-        
-            <div class="languages-container container-block">
-                <h2 class="container-block-title">Languages</h2>
-                <ul class="list-unstyled interests-list">
-                        <li>English <span class="lang-desc">(Native speaker)</span></li>
-                </ul>
-            </div><!--//interests-->
-        
-            <div class="interests-container container-block">
-                <h2 class="container-block-title">Interests</h2>
-                <ul class="list-unstyled interests-list">
-                        <li>Wildlife</li>
-                </ul>
-            </div><!--//interests-->
-
-        </div><!--//sidebar-wrapper-->
-
-        <div class="main-wrapper">
-
-            <section class="section summary-section">
-                <h2 class="section-title"><i class="fa fa-user"></i>Personal Summary</h2>
-                <div class="summary">
-                    <p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-                </div><!--//summary-->
-            </section><!--//section-->
-        
-            <section class="section experiences-section">
-                <h2 class="section-title"><i class="fa fa-briefcase"></i>Work Experience</h2>
-        
-                    <div class="item">
-                        <div class="meta">
-                            <div class="upper-row">
-                                <h3 class="job-title">CEO/President</h3>
-                                <div class="time">2013 - 2014</div>
-                            </div><!--//upper-row-->
-                            <div class="company"><a href="http://piedpiper.example.com" target="_blank">Pied Piper, Palo Alto, CA</a></div>
-                        </div><!--//meta-->
-                        <div class="details">
-                            Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.
-                        </div><!--//details-->
-                    </div><!--//item-->
-            </section><!--//section-->
-        
-            <section class="section experiences-section">
-                <h2 class="section-title"><i class="fa fa-handshake-o"></i>Volunteer Work</h2>
-        
-                    <div class="item">
-                        <div class="meta">
-                            <div class="upper-row">
-                                <h3 class="job-title">Teacher</h3>
-                                <div class="time">2011 - 2012</div>
-                            </div><!--//upper-row-->
-                            <div class="company"><a href="http://coderdojo.example.com/" target="_blank">CoderDojo</a></div>
-                        </div><!--//meta-->
-                        <div class="details">
-                            Global movement of free coding clubs for young people.
-                        </div><!--//details-->
-                    </div><!--//item-->
-            </section><!--//section-->
-        
-            <section class="section experiences-section">
-                <h2 class="section-title"><i class="fa fa-trophy"></i>Awards</h2>
-        
-                    <div class="item">
-                        <div class="meta">
-                            <div class="upper-row">
-                                <h3 class="job-title">Digital Compression Pioneer Award</h3>
-                                <div class="time">2014</div>
-                            </div><!--//upper-row-->
-                            <div class="company">Techcrunch</div>
-                        </div><!--//meta-->
-                        <div class="details">
-                            There is no spoon.
-                        </div><!--//details-->
-                    </div><!--//item-->
-            </section><!--//section-->
-        
-            <section class="section projects-section">
-                <h2 class="section-title"><i class="fa fa-archive"></i>Projects</h2>
-                <!--                    <div class="intro">
-                                        <p>You can list your side projects or open source libraries in this section. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et ligula in nunc bibendum fringilla a eu lectus.</p>
-                                    </div>--><!--//intro-->
-                    <div class="item">
-                        <span class="project-title"><a href="missdirection.example.com" target="_blank">Miss Direction</a></span> -
-                        <span class="project-tagline">A mapping engine that misguides you</span>
-                    </div><!--//item-->
-            </section><!--//section-->
-        
-            <section class="section experiences-section">
-                <h2 class="section-title"><i class="fa fa-book"></i>Publications</h2>
-        
-                    <div class="item">
-                        <div class="meta">
-                            <div class="upper-row">
-                                <h3 class="job-title"><a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)" target="_blank">Video compression for 3d media</a></h3>
-                                <div class="time">2014</div>
-                            </div><!--//upper-row-->
-                            <div class="company">Hooli</div>
-                        </div><!--//meta-->
-                        <div class="details">
-                            Innovative middle-out compression algorithm that changes the way we store data.
-                        </div><!--//details-->
-                    </div><!--//item-->
-            </section><!--//section-->
-        
-            <section class="skills-section section">
-                <h2 class="section-title"><i class="fa fa-rocket"></i>Skills &amp; Proficiency</h2>
-                <div class="skillset">
-                        <div class="item">
-                            <h3 class="level-title">Web Development</h3>
-                            <div class="level-bar">
-                                <div class="level-bar-inner" data-level="100%">
-                                </div>
-                            </div><!--//level-bar-->
-                        </div><!--//item-->
-                        <div class="item">
-                            <h3 class="level-title">Compression</h3>
-                            <div class="level-bar">
-                                <div class="level-bar-inner" data-level="100%">
-                                </div>
-                            </div><!--//level-bar-->
-                        </div><!--//item-->
-        
-                </div>
-            </section><!--//skills-section-->
-
-        </div><!--//main-body-->
-    </div>
-
-    <footer class="footer">
-        <div class="text-center">
-            <!--/* This template is released under the Creative Commons Attribution 3.0 License. Please keep the attribution link below when using for your own project. Thank you for your support. :) If you'd like to use the template without the attribution, you can check out other license options via our website: themes.3rdwavemedia.com */-->
-            <small class="copyright">Designed with <i class="fa fa-heart"></i> by <a href="http://themes.3rdwavemedia.com" target="_blank">Xiaoying Riley</a> for developers</small>
-        </div><!--//container-->
-    </footer><!--//footer-->
-
-    <!-- Javascript -->
-    <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
-    <!-- custom js -->
-    <script type="text/javascript">
-            jQuery(document).ready(function($) {
-
-
-    /*======= Skillset *=======*/
-    
-    
-    $('.level-bar-inner').css('width', '0');
-    
-    $('.level-bar-inner').each(function() {
-
-        var itemWidth = $(this).data('level');
-
-        $(this).animate({
-            width: itemWidth
-        }, 800);
-
-    });
-
-    
-
-});
-    </script>
-    </body>
-</html>

json-resume/themes/paper-plus-plus.html

@@ -1,842 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
-
-		<title>Bree LaPointe's Resume</title>
-		<link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,700" rel="stylesheet" type="text/css">
-		<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600" rel="stylesheet" type="text/css">
-
-		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
-
-		<style>
-			body, html {
-  padding-top:2.5em;
-  margin:0;
-  background-color:#fafafa;
-  font-size: 13pt;
-  font-family: "Open Sans";
-}
-
-h2{
-  font-weight: normal;
-  margin: 0.5em;
-  margin-bottom: 0.2em;
-}
-
-h3{
-  font-weight:300;
-  font-size:1em;
-  margin: 0em;
-}
-
-.note {
-  display:block;
-  position: absolute;
-  top:10px;
-  left:10px;
-
-  font-size: 0.6em;
-}
-
-.summary p{
-  font-size:0.7em;
-  font-weight:400;
-
-  color: #424242;
-
-  margin-left:2em;
-}
-
-.new {
-  background-color: #81C784;
-
-  border: 1px solid #757575;
-  padding: 1px;
-  border-radius: 4px;
-}
-
-/* Header */
-
-header {
-  width:100%;
-  vertical-align: middle;
-  text-align: center;
-  font-family: "Merriweather";
-}
-
-.header-content {
-  display: inline-block;
-}
-
-.pic {
-  margin-top:-3em;
-
-  border-radius:10em;
-
-  border: 2px solid #dddddd;
-  cursor:pointer;
-}
-
-@keyframes intro {
-  from {
-    height:0em;
-  }
-
-  to {
-    height: 6em;
-  }
-}
-
-.pic{
-  height: 6em;
-  transition: .3s;
-}
-
-.pic:hover{
-  transform: translateY(20px) scale(2);
-}
-
-.pic:hover ~ .content-wrapper{
-  transform: translateY(75px);
-}
-
-header p {
-  text-align:center;
-
-  margin:0;
-
-  color: #212121;
-}
-
-.first-name {
-   font-size: 1.05em;
-}
-
-.subtitle {
-  font-family: "Merriweather";
-  font-size:0.7em;
-  font-weight:500;
-  color: #424242;
-}
-
-/* Information */
-
-.paper {
-  margin: 0 auto;
-  margin-bottom:1em;
-
-  background-color:white;
-  width:60%;
-
-  padding:0.5em 0 0.5em 0;
-
-  border-top: 1px solid #dddddd;
-  border-left: 1px solid #dddddd;
-  border-right: 1px solid #dddddd;
-  border-bottom: 3px solid #dddddd;
-  border-radius: 3px;
-
-  text-align: center;
-}
-
-/* Content Part */
-
-.content-wrapper {
-  padding-right: 7.25%;
-  padding-left: 7.25%;
-  transition: .3s;
-  padding-bottom: 20px;
-
-  text-align: left;
-}
-
-.content {
-  display:table;
-  width:100%;
-
-  padding-top:1.5em;
-
-  /*border-top: 1px solid #eeeeee;*/
-}
-
-
-.work-listing .first-listing{
-  margin-top: 1.8em;
-}
-
-.content:last-child {
-  margin-bottom: 2em;
-}
-
-body > div > article > div > section:last-child {
-  padding-bottom:1.5em;
-}
-
-.row {
-    display:table-row;
-}
-
-.row div {
-    display:table-cell;
-}
-
-.content-cat {
-  text-align:center;
-  vertical-align:middle;
-  font-variant:small-caps;
-
-  letter-spacing: 1px;
-
-  color: #212121;
-
-  font-family: "Merriweather";
-
-  width:25%;
-}
-
-.content-cat p {
-  font-size:0.55em;
-  font-weight:600;
-
-  margin-bottom:0;
-}
-
-.content-text {
-  border-left:1px solid #dddddd;
-  transition: border 0.66s ease-in;
-}
-
-.big-text {
-  vertical-align:top;
-}
-
-.content-text ul {
-  padding:0;
-  margin:0;
-  margin-top:0.15em;
-
-  width:85%;
-  margin-left:1.5em;
-}
-
-.content-text ul:last-child {
-  margin-bottom:0.5em;
-}
-
-.content-text ul li {
-  font-size:0.7em;
-
-  display:inline-block;
-
-}
-
-.content-text ul li:first-child {
-  width:35%;
-
-  color: #424242;
-
-  font-weight:600;
-}
-
-.content-text ul li a:hover {
-  color:#4fc3f7;
-}
-
-.work-listing p {
-  font-size:0.7em;
-
-  color: #424242;
-
-  margin-left:2em;
-  margin-top:0.45em;
-  margin-bottom: 0.45em;
-}
-
-div.content-text.work-listing.education-listing > p:nth-child(2) {
-  margin-top:0.25em;
-}
-
-.work-listing .highlight {
-  font-size:0.7em;
-  font-weight:400;
-
-  color: #424242;
-
-  margin-left:3.25em;
-  padding-left:0.5em;
-
-  border-left:1px solid #dddddd;
-}
-
-.assignment {
-  border-left: 1px solid #dddddd;
-}
-
-.education-listing > .heading {
-  font-weight:600;
-
-  margin-top:0.75em;
-  margin-left:2em;
-}
-
-.education-listing > .highlight {
-  margin-left:3.25em;
-}
-
-.highlight {
-  transition: border .33s ease-in;
-}
-
-.profiles-print{
-  display: none;
-}
-
-.profiles-listing ul li, .profiles-listing ul li:first-child {
-  width:24%;
-  font-weight: normal;
-}
-
-.work-content, .education-content {
-  padding-top: .75em;
-}
-
-div.content-text.skills-listing > p {
-  font-size:0.7em;
-  font-weight:400;
-
-  margin-left: 2em;
-  margin-top: 0.45em;
-  margin-bottom: 0.45em;
-}
-
-.no-nl{
-  display: inline-block;
-}
-
-.margin-left {
-  margin-left: 10px;
-}
-
-a{
-  text-decoration: none;
-  color: #0277bd;
-}
-
-.fa{
-  color: #000;
-}
-
-.network{
-  display: inline-block;
-  vertical-align: middle;
-  margin-top: -0.7em;
-}
-
-@media(max-width:1400px) {
-  .paper {
-    width:80%;
-  }
-
-  .content-cat{
-    padding-left:2%;
-  }
-
-  .content-wrapper{
-    padding-right: 2%;
-  }
-}
-
-		</style>
-
-		<style media="screen">
-			@media(max-width:795px) {
-  .paper {
-    width:96%;
-  }
-
-  .pic{
-    cursor: auto;
-  }
-
-  .content-cat{
-    padding-left:1%;
-  }
-
-  .content-wrapper{
-    padding-left: 1%;
-    padding-right: 1%;
-  }
-
-  .profiles-listing ul li, .profiles-listing ul li:first-child{
-    width: 49%;
-  }
-
-  .small-fullwidth-row{
-    display: block;
-  }
-
-  .small-fullwidth-row div{
-    display: block;
-    width:100%;
-  }
-
-  .small-fullwidth-row .content-text{
-    border-left: 2px solid #dddddd;
-  }
-
-  .small-center{
-    text-align: center;
-  }
-
-  .work-listing .first-listing{
-    margin-top: 0.45em;
-  }
-
-  .work-listing .small-center{
-    margin-left: 0;
-    margin-right: 0;
-  }
-
-  .top-content h3{
-    width: 100px;
-  }
-}
-
-		</style>
-
-		<style media="print">
-			
-body, html {
-  background-color: white;
-  padding-top: 1.5em;
-  font-size:12pt;
-  font-family: "Merriweather";
-}
-
-a{
-  text-decoration: none;
-  color: #000;
-}
-
-h2{
-  margin-top:0em;
-}
-
-.paper {
-  width:100%;
-  border: 0;
-
-  padding-top: 0;
-}
-
-header p {
-  font-size: 1.3em;
-}
-
-.subtitle {
-  font-size: 0.7em;
-}
-
-.header-pic {
-  float:left;
-}
-
-.pic{
-  height:4.2em;
-  width:4.2em;
-
-  transform: translate(-8em, 1.9em);
-}
-
-.profiles {
-  display:none;
-}
-
-.profiles-print{
-  display: table;
-}
-
-.content {
-  page-break-inside:avoid;
-  page-break-after:auto;
-}
-
-.header-text {
-  float:left;
-  margin-top: -1.6em;
-}
-
-.content-wrapper > .content:first-child {
-  padding-top: 2em;
-}
-
-.content:last-child {
-  padding-bottom: 0;
-}
-
-.content-cat {
-  width:25%;
-  position: relative;
-  right: 4%;
-  color:black;
-}
-
-.content-cat p {
-  font-size:0.5em;
-  font-weight: 600;
-}
-
-header p, .content-text, .work-listing p, .content-text ul li:first-child, .work-listing .highlight, .content-text.skills-listing > ul > li > .highlight {
-  color:black;
-}
-
-.content-text.skills-listing > ul > li span, .subtitle {
-  color:#212121;
-}
-
-.content-text ul:last-child {
-  margin-bottom: 0.25em;
-}
-
-.content-text ul li:first-child {
-  width:50%;
-}
-
-.profiles-listing ul li:first-child {
-  width:32%;
-}
-
-div.content-text.skills-listing > ul > li {
-  width:33%;
-}
-
-.work-listing p {
-  margin-bottom: 0.1em;
-}
-
-div.content-text.skills-listing > ul > li > p {
-  margin-top: 0.4em;
-  margin-bottom: 0.5em;
-}
-
-div.content-text.skills-listing > ul > li {
-  padding-left: 1.5em;
-}
-
-div.content-text.skills-listing > ul > li:first-child {
-  padding-left: 2em;
-}
-
-.note {
-  display:none;
-}
-
-.content-text:hover {
-  border-left:1px solid #eeeeee;
-}
-
-.content-text ul li a:hover {
-  color:#4fc3f7;
-}
-
-.summary p{
-  color: black;
-}
-
-.highlight:hover, .content-text.skills-listing > ul > li > .highlight:hover {
-  border-left:1px solid #eeeeee;
-}
-
-.big-text {
-  padding-top: 0;
-}
-
-		</style>
-	</head>
-	<body>
-		<div class="resume-wrapper">
-			<article class="paper">
-					<div class="content-wrapper">
-						<header>
-							<div class="header-content">
-								<div class="header-text">
-									<h2>Bree LaPointe</h2>
-									<p class="subtitle">Programmer</p>
-								</div>
-							</div>
-						</header>
-						<!-- CONTACT -->
-						<section class="content top-content">
-							<div class="row">
-								<div class="content-cat">
-								 <h3>Contact</h3>
-								</div>
-								<div class="content-text">
-										<ul>
-											<li>Email</li>
-											<li><a href="mailto:contact@blapointe.com">contact@blapointe.com</a></li>
-										</ul>
-
-										<ul>
-											<li>Phone</li>
-											<li>(912) 555-4321</li>
-										</ul>
-
-								</div>
-							</div>
-						</section>
-
-						<!-- LOCATION -->
-								<section class="content top-content">
-									<div class="row">
-										<div class="content-cat">
-										 <h3>Location</h3>
-										</div>
-										<div class="content-text">
-
-												<ul>
-													<li>Address</li>
-													<li>2712 Broadway St</li>
-												</ul>
-
-												<ul>
-													<li>Country</li>
-													<li>United States</li>
-												</ul>
-
-												<ul>
-													<li>City</li>
-													<li>San Francisco</li>
-												</ul>
-
-												<ul>
-													<li>Region</li>
-													<li>California</li>
-												</ul>
-
-										</div>
-									</div>
-								</section>
-
-
-						<!-- LANGUAGE -->
-						<section class="content top-content">
-							<div class="row">
-								<div class="content-cat">
-								 <h3>Languages</h3>
-								</div>
-								<div class="content-text">
-
-										<ul>
-
-												<li>English</li>
-
-											<li>Native speaker</li>
-
-										</ul>
-
-								</div>
-							</div>
-						</section>
-
-						<!-- PROFILES for website-->
-							<section class="content profiles top-content">
-								<div class="row">
-									<div class="content-cat">
-									 <h3>Profiles</h3>
-									</div>
-									<div class="content-text profiles-listing">
-										<ul>
-													<li>
-													<a href="" target="_blank">
-														<i class="fa fa-2x fa-twitter-square"></i>
-														<span class="network">Twitter</span>
-													</a>
-													</li>
-													<li>
-													<a href="https://soundcloud.example.com/dandymusicnl" target="_blank">
-														<i class="fa fa-2x fa-soundcloud-square"></i>
-														<span class="network">SoundCloud</span>
-													</a>
-													</li>
-										</ul>
-									</div>
-								</div>
-							</section>
-						<!-- PROFILES for print -->
-							<section class="content profiles-print">
-								<div class="row">
-									<div class="content-cat">
-									 <h3>Profiles</h3>
-									</div>
-									<div class="content-text">
-											<ul>
-												<li>Twitter</li>
-												<li><a href=""></a></li>
-											</ul>
-											<ul>
-												<li>SoundCloud</li>
-												<li><a href="https://soundcloud.example.com/dandymusicnl">soundcloud.example.com/dandymusicnl</a></li>
-											</ul>
-									</div>
-								</div>
-							</section>
-
-							<section class="content summary">
-								<div class="row small-fullwidth-row">
-									<div class="content-cat">
-									 <h3>About Me</h3>
-									</div>
-									<div class="content-text work-content">
-										<p>
-											Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!
-										</p>
-									</div>
-								</div>
-							</section>
-
-								<section class="content">
-							<div class="row small-fullwidth-row">
-								<div class="content-cat big-text">
-											<h3>Work	Experience</h3>
-
-											<p><span class="no-nl">2013-12-01</span> to <span class="no-nl">2014-12-01</span></p>
-
-								</div>
-								<div class="content-text work-listing education-listing">
-
-											<p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-
-												<p class="highlight">Build an algorithm for artist to detect if their music was violating copy right infringement laws</p>
-												<p class="highlight">Successfully won Techcrunch Disrupt</p>
-												<p class="highlight">Optimized an algorithm that holds the current world record for Weisman Scores</p>
-
-								</div>
-							</div>
-						</section>
-
-
-								<section class="content">
-								<div class="row">
-									<div class="content-cat big-text">
-
-											<h3>Education</h3>
-
-												<p><span class="no-nl">2011-06-01</span> to <span class="no-nl">2014-01-01</span></p>
-
-									</div>
-									<div class="content-text work-listing education-listing">
-												<p class="heading first-listing">University of Oklahoma</p>
-
-											<p class="highlight">
-												Bachelor:
-											<i>Information Technology</i>
-											</p>
-
-									</div>
-								</div>
-							</section>
-
-							<section class="content">
-								<div class="row">
-									<div class="content-cat big-text">
-											<h3>Awards</h3>
-
-											<p>Digital Compression Pioneer Award</p>
-
-											<p style="margin-top:0.25em;">2014-11-01</p>
-
-									</div>
-									<div class="content-text work-listing">
-
-									 		<strong><p class="heading">Techcrunch</p></strong>
-
-											<p class="highlight">There is no spoon.</p>
-									</div>
-								</div>
-							</section>
-
-
-
-
-								<section class="content">
-							<div class="row small-fullwidth-row">
-								<div class="content-cat big-text">
-											<h3>Volunteer work</h3>
-
-											<p><span class="no-nl">2012-01-01</span> to <span class="no-nl">2013-01-01</span></p>
-
-								</div>
-								<div class="content-text work-listing education-listing">
-											<p class="first-listing small-center">
-													<strong>Teacher</strong> <span class="no-nl">at <strong>CoderDojo</strong></span>
-											</p>
-
-											<p>Global movement of free coding clubs for young people.</p>
-
-												<p class="highlight">Awarded &#x27;Teacher of the Month&#x27;</p>
-
-
-								</div>
-							</div>
-						</section>
-
-
-						<section class="content">
-							<div class="row">
-								<div class="content-cat">
-									<h3>Skills</h3>
-								</div>
-								<div class="content-text skills-listing">
-										<p>
-										<span class="name">
-											<strong>
-											Web Development
-
-											</strong>
-										</span>
-
-											<span>(Master):</span>
-
-												HTML, CSS, Javascript
-										</p>
-										<p>
-										<span class="name">
-											<strong>
-											Compression
-
-											</strong>
-										</span>
-
-											<span>(Master):</span>
-
-												Mpeg, MP4, GIF
-										</p>
-								</div>
-							</div>
-						</section>
-
-						<section class="content">
-							<div class="row">
-								<div class="content-cat">
-									<h3>Interests</h3>
-								</div>
-								<div class="content-text skills-listing">
-										<p>
-										<span class="name">
-											<strong>
-												Wildlife:
-											</strong>
-										</span>
-												Ferrets, Unicorns
-										</p>
-								</div>
-							</div>
-						</section>
-				</div>
-			</article>
-		</div>
-	</body>
-</html>

json-resume/themes/paper.html

@@ -1,668 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
-  <title>Bree LaPointe</title>
-  <link href='//fonts.googleapis.com/css?family=Merriweather:400,300,700' rel='stylesheet' type='text/css'>
-  <link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
-  <style>body, html {
-  padding-top:2.5em;
-  margin:0;
-  background-color:#fafafa;
-}
-
-.note {
-  display:block;
-  position: absolute;
-  top:10px;
-  left:10px;
-
-  font-family: "Open Sans";
-  font-size: 0.6em;
-}
-
-.new {
-  background-color: #81C784;
-
-  border: 1px solid #757575;
-  padding: 1px;
-  border-radius: 4px;
-
-}
-
-/* Header */
-
-header {
-  width:100%;
-  vertical-align: middle;
-  text-align: center;
- 
-}
-
-.header-content {
-  display: inline-block;
-}
-
-.pic {
-  margin: 0 auto;
-  margin-top:-2.5em;
-  
-  border-radius:10em;
-  height:4em;
-  width:4em;
-  
-  border: 2px solid #e0e0e0;
-  transition : all 0.5s linear;
-  
-}
-
-@-webkit-keyframes wiggle {
-  0%   {
-    transform: rotate(0deg);
-  }
-  25%  {
-    transform: rotate(-30deg);
-  }
-  50%  {
-    transform: rotate(15deg);
-  }
-  100% {
-    transform: rotate(0deg);
-  }
-}
-
-.pic:hover {
-  /*Webkit fix*/
-  -webkit-transform: translateZ(0);
-  
-  cursor:pointer;
-  
-  -webkit-animation: wiggle 0.7s cubic-bezier(0.6, -0.28, 0.735, 0.045);
-}
-
-.header-text {
-  margin-top:0.5em;
-  margin-left:1em;
-}
-
-header p {
-  text-align:center;
-  font-family: "Merriweather";
-  
-  margin:0;
-  
-  color: #212121;
-}
-
-.first-name {
-   font-size: 1.05em;
-}
-
-.subtitle {
-  font-family: "Merriweather";
-  padding-top:.3em;
-  font-size:0.55em;
-  font-weight:500;
-  color: #424242;
-}
-
-/* Information */
-
-.paper {
-  margin: 0 auto;
-  margin-bottom:1em;
-  
-  background-color:white;
-  width:60%;
-  
-  padding:0.5em 0 0.5em 0;
-  
-  border-top: 1px solid #e0e0e0;
-  border-left: 1px solid #e0e0e0;
-  border-right: 1px solid #e0e0e0;
-  border-bottom: 3px solid #e0e0e0;
-  border-radius:3px;
-}
-
-@media(max-width:992px) {
-  .paper {
-    width:80%;
-  }
-}
-
-/* Content Part */
-
-.content-wrapper {
-  padding-right:7.25%;
-}
-
-.content {
-  display:table;
-  width:100%;
-  
-  padding-top:1.5em;
-  
-  /*border-top: 1px solid #eeeeee;*/
-}
-
-.content:last-child {
-  margin-bottom: 2em;
-}
-
-body > div > article > div > section:last-child {
-  padding-bottom:1.5em;
-}
-
-.row {
-    display:table-row;
-}
-.row div {
-    display:table-cell;
-}
-
-.content-cat {
-  font-family: "Merriweather";
-  font-variant:small-caps;
-  font-weight:300;
-  letter-spacing: 1px;
-  
-  color: #212121;
-  
-  font-size:0.975em;
-  
-  text-align:center;
-  vertical-align:middle;
-
-  padding-left:6.66%;
-  width:30%;
-}
-
-.content-cat p {
-  font-size:0.55em;
-  font-weight:600;
-  
-  margin-bottom:0;
-}
-
-.content-text {
-  border-left:1px solid #e0e0e0;
-  transition: border 0.66s ease-in;
-}
-
-.big-text {
-  vertical-align:top;
-}
-
-.content-text ul {
-  padding:0;
-  margin:0;
-  margin-top:0.15em;
-  
-  width:85%;
-  margin-left:1.5em;
-}
-
-.content-text ul:last-child {
-  margin-bottom:0.5em;
-}
-
-.content-text ul li {
-  font-family: "Open Sans";
-  font-size:0.7em;
-  
-  display:inline-block;
-  
-}
-
-.content-text ul li:first-child {
-  width:35%;
-  
-  color: #424242;
-  
-  font-weight:600;
-}
-
-.content-text ul li a, div.content-text.work-listing.education-listing > p > strong > a {
-  text-decoration: none;
-  color: #0277bd;
-}
-
-.content-text ul li a:hover {
-  color:#4fc3f7;
-}
-
-.work-listing p {
-  font-family: "Open Sans";
-  font-size:0.7em;
-  
-  color: #424242;
-  
-  margin-left:2em;
-  margin-top:0.45em;
-  margin-bottom: 0.45em;
-}
-
-div.content-text.work-listing.education-listing > p:nth-child(2) {
-  margin-top:0.25em;
-}
-
-.work-listing .highlight {
-  font-family: "Open Sans";
-  font-size:0.7em;
-  font-weight:400;
-  
-  color: #424242;
-  
-  margin-left:3.25em;
-  
-  list-style-type: disc;
-  list-style-position: inside;
-  display: list-item;
-  
-}
-
-.education-listing > .heading {
-  font-weight:600;
-  
-  margin-top:0.75em;
-  margin-left:2em;
-}
-
-.education-listing > .highlight {
-  margin-left:3.25em;
-}
-
-.highlight {
-  transition: border .33s ease-in;
-}
-
-.profiles-listing ul li, .profiles-listing ul li:first-child {
-  width:32%;
-  font-weight: normal;
-}
-
-.work-content, .education-content {
-  padding-top: .75em;
-  page-break-inside: avoid;
-}
-
-section.content.education-content > div > div.content-cat {
-  vertical-align: top;
-}
-
-div.content-text.skills-listing > p {
-  font-family: "Open Sans";
-  font-size:0.7em;
-  font-weight:400;
-
-  margin-left: 2em;
-  margin-top: 0.45em;
-  margin-bottom: 0.45em;
-}
-
-div.content-text.skills-listing > p > {
-  color:#212121;
-}
-
-@media screen and (max-width: 600px) {
-  body, html {
-    padding-top: 30px;
-  }
-
-  .paper {
-    width:95%;
-  }
-
-  .row div {
-    display: block;
-  }
-
-  .content-cat {
-    width: 100%;
-  }
-
-  .content-text ul li {
-    width: 100%;
-  }
-
-  .content-text ul li:first-child {
-    width: 100%;
-  }
-  
-  .education-listing > .highlight {
-    margin-left: 30px;
-  }
-}
-</style>
-  <style media="print">
-body, html {
-  background-color: white;
-  padding-top: 1.5em;
-  font-size: 104%;
-}
-
-.paper {
-  width:100%;
-  border: 0;
-
-  padding-top: 0;
-}
-
-header p {
-  font-size: 1.3em;
-}
-
-.subtitle {
-  font-size: 0.7em;
-}
-
-.header-pic {
-  float:left;
-}
-
-.profiles {
-  display:none;
-}
-
-.content {
-  page-break-inside:avoid; 
-  page-break-after:auto;
-}
-
-.header-text {
-  float:left;
-  margin-top: -1.6em;
-}
-
-.content-wrapper > .content:first-child {
-  padding-top: 2em;
-}
-
-.content:last-child {
-  padding-bottom: 0;
-}
-
-.content-cat {
-  width:33%;
-  color:black;
-  text-align: left;
-}
-
-.content-cat p {
-  font-size:0.6em;
-  font-weight: 600;
-}
-
-header p, .content-text, .work-listing p, .content-text ul li:first-child, .work-listing .highlight, .content-text.skills-listing > ul > li > .highlight {
-  color:black;
-}
-
-.content-text.skills-listing > ul > li span, .subtitle {
-  color:#212121;
-}
-
-.content-text ul:last-child {
-  margin-bottom: 0.25em;
-}
-
-.content-text ul li:first-child {
-  width:50%;
-}
-
-.profiles-listing ul li:first-child {
-  width:32%;
-}
-
-div.content-text.skills-listing > ul > li {
-  width:33%;
-}
-
-.work-listing p {
-  margin-bottom: 0.1em;
-}
-
-div.content-text.skills-listing > ul > li > p {
-  margin-top: 0.4em;
-  margin-bottom: 0.5em;
-}
-
-div.content-text.skills-listing > ul > li {
-  padding-left: 1.5em;
-}
-
-div.content-text.skills-listing > ul > li:first-child {
-  padding-left: 2em;
-}
-
-.note {
-  display:none;
-}
-
-.content-text:hover {
-  border-left:1px solid #eeeeee;
-}
-
-.content-text ul li a:hover {
-  color:#4fc3f7;
-}
-
-.highlight:hover, .content-text.skills-listing > ul > li > .highlight:hover {
-  border-left:1px solid #eeeeee;
-}
-
-.big-text {
-  padding-top: 0;
-}
-</style>
-</head>
-<body>
-  <div class="resume-wrapper">
-    <article class="paper">
-        <header>
-          <div class="header-content">
-            <div class="header-text">
-              <p>
-                Bree LaPointe
-              </p>
-              <p class="subtitle">Programmer</p>
-            </div>
-          </div>
-        </header>
-        <div class="content-wrapper">
-          <!-- CONTACT -->
-          <section class="content">
-            <div class="row">
-              <div class="content-cat">
-                Contact
-              </div>
-              <div class="content-text">
-                  <ul>
-                    <li>Email</li>
-                    <li><a href="mailto:contact@blapointe.com">contact@blapointe.com</a></li>
-                  </ul>
-                  <ul>
-                    <li>Phone</li>
-                    <li>(912) 555-4321</li>
-                  </ul>
-              </div>
-            </div>
-          </section>
-
-              <section class="content">
-                <div class="row">
-                  <div class="content-cat">
-                    Location
-                  </div>
-                  <div class="content-text">
-                      <ul>
-                        <li>Address</li>
-                        <li>2712 Broadway St</li>
-                      </ul>
-                        <ul>
-                          <li>Postal Code & City</li>
-                          <li>CA 94115 San Francisco</li>
-                        </ul>
-                      <ul>
-                        <li>Region</li>
-                        <li>California</li>
-                      </ul>
-                  </div>
-                </div>
-              </section>
-
-          <section class="content">
-            <div class="row">
-              <div class="content-cat">
-                Professional Skills Summary
-              </div>
-              <div class="content-text skills-listing">
-                  <p>
-                    <span class="name">
-                        <strong>
-                          Web Development
-                        </strong>
-                    </span>
-                      <span>(Master):</span>
-                      HTML, CSS, Javascript
-                  </p>
-                  <p>
-                    <span class="name">
-                        <strong>
-                          Compression
-                        </strong>
-                    </span>
-                      <span>(Master):</span>
-                      Mpeg, MP4, GIF
-                  </p>
-              </div>
-            </div>
-          </section>
-
-
-        
-                <section class="content">
-                  <div class="row">
-                    <div class="content-cat big-text">
-                        Work  Experience
-                          <p>2013-12-01 to 2014-12-01</p>
-                    </div>
-                    <div class="content-text work-listing education-listing">
-                          <p>
-                            <strong>CEO/President:</strong>
-                        </p>
-                        <p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-                          <p class="highlight">Build an algorithm for artist to detect if their music was violating copy right infringement laws</p>
-                          <p class="highlight">Successfully won Techcrunch Disrupt</p>
-                          <p class="highlight">Optimized an algorithm that holds the current world record for Weisman Scores</p>
-                    </div>
-                  </div>
-                </section>
-
-                <section class="content">
-                  <div class="row">
-                    <div class="content-cat big-text">
-                        Education
-                          <p>2011-06-01 to 2014-01-01</p>
-                    </div>
-                    <div class="content-text work-listing education-listing">
-                          <p style="margin-top:0;" class="heading">University of Oklahoma</p>
-                        <p class="highlight">
-                          Bachelor:
-                          <i>Information Technology </i>
-                        </p>
-                    </div>
-                  </div>
-                </section>
-
-              <section class="content">
-                <div class="row">
-                  <div class="content-cat big-text">
-                      Volunteering
-                        <p>2012-01-01 to 2013-01-01</p>
-                  </div>
-                  <div class="content-text work-listing">
-                        <p>
-                        <strong>CoderDojo</strong>
-                      </p>
-                      <p>
-                        Global movement of free coding clubs for young people.
-                      </p>
-                        <p class="highlight">Awarded &#x27;Teacher of the Month&#x27;</p>
-                  </div>
-                </div>
-              </section>
-
-            <section class="content">
-              <div class="row">
-                <div class="content-cat">
-                  Languages
-                </div>
-                <div class="content-text">
-                    <ul>
-                        <li>English</li>
-                        <li>Native speaker</li>
-                    </ul>
-                </div>
-              </div>
-            </section>
-
-
-              <section class="content">
-                <div class="row">
-                  <div class="content-cat big-text">
-                      Awards
-                      <p>Digital Compression Pioneer Award</p>
-                      <p>2014-11-01</p>
-                  </div>
-                  <div class="content-text work-listing">
-                      <strong><p class="heading">Techcrunch</p></strong>
-                      <p class="highlight">There is no spoon.</p>
-                  </div>
-                </div>
-              </section>
-
-
-            <!-- PROFILES -->
-              <section class="content profiles">
-                <div class="row">
-                  <div class="content-cat">
-                    Profiles
-                  </div>
-                  <div class="content-text profiles-listing">
-                    <ul>
-                          <li>
-                            <a href="" target="_blank">
-                              Twitter
-                            </a>
-                          </li>
-                          <li>
-                            <a href="https://soundcloud.example.com/dandymusicnl" target="_blank">
-                              SoundCloud
-                            </a>
-                          </li>
-                    </ul>
-                  </div>
-                </div>
-              </section>
-
-            <section class="content">
-              <div class="row">
-                <div class="content-cat">
-                  Personal
-                </div>
-                <div class="content-text skills-listing">
-                    <p>
-                      <span class="name">
-                      </span>
-                        Ferrets, Unicorns
-                    </p>
-                </div>
-              </div>
-            </section>
-
-        </div>
-    </article>
-  </div>
-</body>
-</html>

json-resume/themes/papirus.html

@@ -1,920 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
-		<title>Bree LaPointe</title>
-		<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
-		<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
-		<style>
-		body {
-  background: #E5DED4;
-  font: 15px Arial, Helvetica, sans-serif;
-  line-height: 1.4;
-  color: #929292;
-}
-
-.container {
-  margin: 0 auto;
-  padding: 10%;
-}
-
-#resume {
-  border-radius: 5px;
-  border: 1px solid #C7C7C7;
-  overflow: hidden;
-}
-
-section {
-  margin-bottom: 5rem;
-}
-
-[class^="section-"] > .title {
-  text-transform: uppercase;
-  padding: 15px 0;
-  margin: 0;
-}
-
-[class^="section-"] > .title .title-icon,
-[class^="section-"] > .title span {
-  display: inline-block;
-  vertical-align: middle;
-}
-
-[class^="section-"] > .title span {
-  margin-left: 2px;
-}
-
-[class^="section-"] > .title .title-icon {
-  background-color: whitesmoke;
-  border-radius: 50%;
-  width: 2rem;
-  height: 2rem;
-  padding: 0.4rem 0.45rem;
-}
-
-/* Sidebar */
-.sidebar {
-  padding: 2rem;
-  background: #333438 !important;
-  margin-bottom: -99999px;
-  padding-bottom: 99999px;
-}
-
-.sidebar, .sidebar h1, .sidebar h2 {
-  color: #ffffff !important;
-}
-
-.sidebar h2 {
-  text-transform: uppercase;
-  text-align: center;
-  font-size: 1.5rem;
-  letter-spacing: 0.5rem;
-  font-weight: bold;
-  margin-top: 5rem;
-}
-
-.avatar {
-  margin: 5rem 0;
-  text-align: center;
-}
-
-.avatar img {
-  width: 90%;
-}
-
-.section-education .item {
-  margin-bottom: 3rem;
-}
-
-.section-education .studyTitle {
-  text-transform: uppercase;
-  font-weight: bold;
-  font-size: 1.3rem;
-}
-.section-education .courses {
-  font-size: 1.2rem;
-}
-.section-education ul.courses {
-  list-style-type: none;
-  margin: 0.5rem 0 0.5rem 0;
-  padding: 0;
-}
-
-.section-education .ul.courses li {
-  margin:0;
-}
-
-.section-education .institution {
-  font-size: 1.2rem;
-}
-
-.section-education .date {
-  font-size: 1.2rem;
-}
-
-.sidebar a:link, .sidebar a:hover, .sidebar a:visited {
-  text-decoration: none;
-  color: #ffffff !important;
-}
-
-/* Content */
-.content {
-  padding: 5rem;
-  background: #FFFFFF;
-  margin-bottom: -99999px;
-  padding-bottom: 99999px;
-}
-
-.content h1 {
-  color: #3C3C3C;
-  text-transform: uppercase;
-  text-align: center;
-  font-size: 4rem;
-  letter-spacing: 1.0rem;
-  font-weight: bold;
-}
-
-.content h2 {
-  color: #6D6D6D;
-  text-transform: uppercase;
-  text-align: left;
-  font-size: 1.5rem;
-  letter-spacing: 0.5rem;
-  font-weight: bold;
-  margin-top: 5rem;
-}
-
-.content a:link, .content a:hover, .content a:visited {
-  text-decoration: none;
-  color: #6D6D6D;
-}
-
-/* Sections */
-.section-name {
-  margin: 5rem 0 10rem 0;
-}
-
-.section-name h2 {
-  color: #6D6D6D;
-  text-transform: uppercase;
-  text-align: center;
-  font-size: 1.5rem;
-  letter-spacing: 0.5rem;
-  font-weight: bold;
-  margin-top: 5rem;
-}
-
-.section-summary {
-  text-align: justify;
-}
-
-.section-work .item {
-  margin-bottom: 2.5rem;
-}
-
-.section-work .item .position {
-  font-weight: bold;
-  color: #333438;
-  text-transform: uppercase;
-}
-
-.section-work .item .company {
-    padding: 0.5rem 0 0.5rem 0;
-    color: #6D6D6D;
-    font-weight: bold;
-}
-
-.section-work .item .summary, .section-work .item .highlights {
-    font-style: italic;
-    text-align: justify;
-}
-
-.section-volunteer .item {
-  margin-bottom: 2.5rem;
-}
-
-.section-volunteer .item .position {
-  font-weight: bold;
-  color: #333438;
-  text-transform: uppercase;
-}
-
-.section-volunteer .item .company {
-    padding: 0.5rem 0 0.5rem 0;
-    color: #6D6D6D;
-    font-weight: bold;
-}
-
-.section-volunteer .item .summary, .section-volunteer .item .highlights {
-    font-style: italic;
-    text-align: justify;
-}
-
-
-.section-publications .item {
-  margin-bottom: 2.5rem;
-}
-
-.section-publications .item .name {
-  font-weight: bold;
-  color: #333438;
-  text-transform: uppercase;
-}
-
-.section-publications .item .publication {
-    padding: 0.5rem 0 0.5rem 0;
-    color: #6D6D6D;
-    font-weight: bold;
-}
-
-.section-publications .item .summary, .section-publications .item .highlights {
-    font-style: italic;
-    text-align: justify;
-}
-
-
-.section-awards .item .title {
-  font-weight: bold;
-  color: #333438;
-}
-
-.section-awards .item .date, .section-awards .item .awarder {
-  font-weight: normal;
-  color: #929292;
-}
-
-.section-awards .item .summary {
-  font-weight: normal;
-  font-style: italic;
-  text-align: justify;
-}
-
-.section-languages .item .language {
-  font-weight: bold;
-  color: #333438;
-}
-
-.section-languages .item .fluency {
-  font-weight: normal;
-  color: #929292;
-}
-
-.section-interests .title {
-  font-weight: bold;
-}
-
-.section-interests .item {
-  margin: 0.8rem 0 0.8rem 0;
-  line-height: 1.9rem;
-}
-
-.section-skills .item {
-  margin-bottom: 1rem;
-}
-
-
-.section-contact .fa {
-  padding: 0.8rem 0 0 0;
-  background: #fff;
-  color: #333438;
-  border-radius: 100rem;
-  width: 3rem;
-  height: 3rem;
-  text-align: center;
-  margin: -0.4rem 0.8rem 0.8rem 0.5rem;
-  float: left;
-}
-
-.section-contact ul.contact {
-  list-style-type: none;
-  margin: 0.5rem 0 0.5rem 0;
-  padding: 0;
-}
-
-.section-contact ul.contact li {
-  margin: 1rem 0 1rem 0;
-}
-
-.section-contact ul.profiles {
-  list-style-type: none;
-  margin: 4rem 0 0.5rem 0;
-  padding: 0;
-}
-
-.section-contact ul.profiles li {
-  margin: 1rem 0 1rem 0;
-}
-
-/* Print */
-@media print {
-  body {
-    font: 10px Arial, Helvetica, sans-serif;
-    line-height: 1.4;
-    color: #929292 !important;
-  }
-
-  .container {
-    margin: 0 auto;
-    padding: 0;
-  }
-
-  #resume {
-    overflow: hidden;
-    border: none !important;
-  }
-
-  section {
-    margin-bottom: 2.5rem;
-  }
-
-  [class^="section-"] > .title {
-    text-transform: uppercase;
-    padding: 0.7rem 0;
-    margin: 0;
-  }
-
-  [class^="section-"] > .title .title-icon,
-  [class^="section-"] > .title span {
-    display: inline-block;
-    vertical-align: middle;
-  }
-
-  [class^="section-"] > .title span {
-    margin-left: 2px;
-  }
-
-  [class^="section-"] > .title .title-icon {
-    background-color: whitesmoke;
-    border-radius: 50%;
-    width: 2rem;
-    height: 2rem;
-    padding: 0.4rem 0.45rem;
-  }
-
-  /* Sidebar */
-  .sidebar {
-    padding: 2rem;
-    background: #333438 !important;
-    margin-bottom: -99999px;
-    padding-bottom: 99999px;
-		color: #ffffff !important;
-  }
-
-  .sidebar, .sidebar h1, .sidebar h2 {
-    color: #ffffff !important;
-  }
-
-  .sidebar h2 {
-    text-transform: uppercase;
-    text-align: center;
-    font-size: 1.5rem;
-    letter-spacing: 0.5rem;
-    font-weight: bold;
-    margin-top: 5rem;
-		color: #ffffff !important;
-  }
-
-  .sidebar h2.title span {
-    color: #ffffff !important;
-}
-
-  .avatar {
-    margin: 2rem 0 2rem 1rem;
-    text-align: center;
-  }
-
-  .avatar img {
-    width: 85%;
-  }
-
-  .section-education .item {
-    margin-bottom: 3rem;
-		color: #ffffff !important;
-  }
-
-  .section-education .studyTitle span{
-    text-transform: uppercase;
-    font-weight: bold;
-    font-size: 1.1rem;
-		color: #ffffff !important;
-  }
-
-  .section-education .studyTitle span.badge{
-    text-transform: uppercase;
-    font-weight: bold;
-    font-size: 1.0rem;
-		color: #ffffff !important;
-    background: #939393 !important;
-  }
-
-  .section-education .courses {
-    font-size: 1.1rem;
-		color: #ffffff !important;
-  }
-
-  .section-education ul.courses {
-    list-style-type: none;
-    margin: 0.5rem 0 0.5rem 0;
-    padding: 0;
-  }
-
-  .section-education .ul.courses li {
-    margin:0;
-		color: #ffffff !important;
-  }
-
-  .section-education .institution {
-    font-size: 1.0rem;
-		color: #ffffff !important;
-  }
-
-  .section-education .date span{
-    font-size: 1.0rem;
-		color: #ffffff !important;
-  }
-
-  .sidebar a:link, .sidebar a:hover, .sidebar a:visited {
-    text-decoration: none;
-		color: #ffffff !important;
-  }
-
-  /* Content */
-  .content {
-    padding: 3rem 5rem 3rem 2rem;
-    background: #FFFFFF !important;
-    margin-bottom: -99999px;
-    padding-bottom: 99999px;
-  }
-
-  .content h1 {
-    color: #3C3C3C !important;
-    text-transform: uppercase;
-    text-align: center;
-    font-size: 2.5rem;
-    letter-spacing: 1.0rem;
-    font-weight: bold;
-  }
-
-  .content h2 {
-    color: #6D6D6D !important;
-    text-transform: uppercase;
-    text-align: left;
-    font-size: 1.2rem;
-    letter-spacing: 0.5rem;
-    font-weight: bold;
-    margin-top: 2rem;
-  }
-
-  .content a:link, .content a:hover, .content a:visited {
-    text-decoration: none;
-    color: #6D6D6D !important;
-  }
-
-  /* Sections */
-  .section-name {
-    margin: 1rem 0 5rem 0;
-  }
-
-  .section-name h2 {
-    color: #6D6D6D !important;
-    text-transform: uppercase;
-    text-align: center;
-    font-size: 1.2rem;
-    letter-spacing: 0.5rem;
-    font-weight: bold;
-    margin-top: 3rem;
-  }
-
-  .section-summary {
-    text-align: justify;
-  }
-
-  .section-work .item {
-    margin-bottom: 2.5rem;
-  }
-
-  .section-work .item .position {
-    font-weight: bold;
-    color: #333438 !important;
-    text-transform: uppercase;
-  }
-
-  .section-work .item .company {
-      padding: 0.5rem 0 0.5rem 0;
-      color: #6D6D6D !important;
-      font-weight: bold;
-  }
-
-  .section-work .item .summary, .section-work .item .highlights {
-      font-style: italic;
-      text-align: justify;
-  }
-
-  .section-volunteer .item {
-    margin-bottom: 2.5rem;
-  }
-
-  .section-volunteer .item .position {
-    font-weight: bold;
-    color: #333438 !important;
-    text-transform: uppercase;
-  }
-
-  .section-volunteer .item .company {
-      padding: 0.5rem 0 0.5rem 0;
-      color: #6D6D6D !important;
-      font-weight: bold;
-  }
-
-  .section-volunteer .item .summary, .section-volunteer .item .highlights {
-      font-style: italic;
-      text-align: justify;
-  }
-
-
-  .section-publications .item {
-    margin-bottom: 2.5rem;
-  }
-
-  .section-publications .item .name {
-    font-weight: bold;
-    color: #333438 !important;
-    text-transform: uppercase;
-  }
-
-  .section-publications .item .publication {
-      padding: 0.5rem 0 0.5rem 0;
-      color: #6D6D6D !important;
-      font-weight: bold;
-  }
-
-  .section-publications .item .summary, .section-publications .item .highlights {
-      font-style: italic;
-      text-align: justify;
-  }
-
-
-  .section-awards .item .title {
-    font-weight: bold;
-    color: #333438 !important;
-  }
-
-  .section-awards .item .date, .section-awards .item .awarder {
-    font-weight: normal;
-    color: #929292 !important;
-  }
-
-  .section-awards .item .summary {
-    font-weight: normal;
-    font-style: italic;
-    text-align: justify;
-  }
-
-  .section-languages .item .language {
-    font-weight: bold;
-    color: #333438 !important;
-  }
-
-  .section-languages .item .fluency {
-    font-weight: normal;
-    color: #929292 !important;
-  }
-
-  .section-interests .title {
-    font-weight: bold;
-  }
-
-  .section-interests .item {
-    margin: 0.2rem 0 0.0rem 0;
-    line-height: 1.4rem;
-  }
-
-  .section-skills .item {
-    margin-bottom: 1rem;
-  }
-
-  .section-skills .item .name {
-    color: #ffffff !important;
-  }
-
-	.section-skills .item .keywords .span {
-		color: #ffffff !important;
-		background: #929292 !important;
-	}
-
-  .section-skills .keywords span.label {
-      color: #000 !important;
-      background: #929292 !important;
-      line-height: 1.7rem;
-  }
-
-
-  .section-contact .fa {
-    padding: 0.5rem 0 0 0;
-    background: #ffffff  !important;
-    color: #333438 !important;
-    border-radius: 100rem;
-    width: 2.2rem;
-    height: 2.2rem;
-    text-align: center;
-    margin: -0.4rem 0.8rem 0.8rem 0.5rem;
-    float: left;
-  }
-
-  .section-contact ul.contact {
-    list-style-type: none;
-    margin: 0.2rem 0 0.2rem 0;
-    padding: 0;
-  }
-
-  .section-contact ul.contact li {
-    margin: 0.5rem 0 0.5rem 0;
-		color: #ffffff !important;
-  }
-
-  .section-contact ul.profiles {
-    list-style-type: none;
-    margin: 4rem 0 0.5rem 0;
-    padding: 0;
-  }
-
-  .section-contact ul.profiles li {
-    margin: 0.5rem 0 0.5rem 0;
-		color: #ffffff !important;
-  }
-
-  .section-contact ul.contact li span,.section-contact ul.profiles li span {
-      word-wrap: break-word;
-      white-space: pre-wrap;
-      color: #ffffff !important;
-  }
-
-}
-
-		</style>
-	</head>
-	<body>
-
-		<div class="container">
-			<div class="row" id="resume">
-				<div class="col-xs-4 sidebar">
-					    <section class="section-basic">
-					    </section>
-					    <section class="section-contact">
-					        <h2 class="title">
-					            <span class="">Contact</span>
-					        </h2>
-					        <ul class="contact">
-					                <li class="icon-item clearfix">
-					                    <i class="fa fa-map-marker"></i>
-					                    2712 Broadway St
-					                        CA 94115
-					                        San Francisco
-					                        California
-					                        US
-					                </li>
-					                <li class="icon-item clearfix">
-					                    <i class="fa fa-envelope "></i>
-					                    contact@blapointe.com
-					                </li>
-					                <li class="icon-item clearfix">
-					                    <i class="fa fa-phone "></i>
-					                    (912) 555-4321
-					                </li>
-					        </ul>
-					            <ul class="profiles">
-					                    <li class="icon-item clearfix">
-					                        <i class="fa fa-twitter "></i>
-					                        <span></span>
-					                    </li>
-					                    <li class="icon-item clearfix">
-					                        <i class="fa fa-soundcloud "></i>
-					                        <span>https://soundcloud.example.com/ dandymusicnl</span>
-					                    </li>
-					            </ul>
-					    </section>
-					<section class="section-education">
-						<h2 class="title">
-						    <span class="">Education</span>
-						</h2>
-						<div class="item">
-							<div class="studyTitle">
-								<span class="studyType">
-									Bachelor
-								</span>
-								<span class="area">
-									Information Technology
-								</span>
-							</div>
-							<ul class="courses">
-								<li>DB1101 - Basic SQL</li>
-								<li>CS2011 - Java Introduction</li>
-							</ul>
-							<div class="institution">
-								University of Oklahoma
-							</div>
-							<div class="date">
-								<span class="startDate">
-									2011
-								</span>
-								<span class="endDate">
-									- 2014
-								</span>
-							</div>
-						</div>
-					</section>
-					<section class="section-skills">
-						<h2 class="title">
-						    <span class="">Skills</span>
-						</h2>
-						<div class="item">
-							<div class="name">
-								Web Development
-							</div>
-							<div class="keywords">
-								<span class="label label-default">HTML</span>
-								<span class="label label-default">CSS</span>
-								<span class="label label-default">Javascript</span>
-							</div>
-						</div>
-						<div class="item">
-							<div class="name">
-								Compression
-							</div>
-							<div class="keywords">
-								<span class="label label-default">Mpeg</span>
-								<span class="label label-default">MP4</span>
-								<span class="label label-default">GIF</span>
-							</div>
-						</div>
-					</section>
-				</div>
-				<div class="col-xs-8 content">
-						<section class="section-name">
-							<h1>Bree LaPointe</h1>
-							<h2>Programmer</h2>
-						</section>
-						<section class="section-summary">
-							<h2 class="title">
-							    <span class="">Summary</span>
-							</h2>
-							Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!
-						</section>
-					<section class="section-work">
-						<h2 class="title">
-						    <span class="">Experience</span>
-						</h2>
-						<div class="item">
-							<div class="position">
-								CEO/President
-							</div>
-							<div class="company">
-								<span class="date">
-									|
-									<span class="startDate">
-										Dec 2013
-									</span>
-									<span class="endDate">
-										- Dec 2014
-									</span>
-									<span class="diffDate">
-										(1 year)
-									</span>
-								</span>
-							</div>
-							<div class="summary">
-								<p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-							</div>
-							<ul class="highlights">
-								<li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-								<li>Successfully won Techcrunch Disrupt</li>
-								<li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
-							</ul>
-						</div>
-					</section>
-					<section class="section-volunteer">
-						<h2 class="title">
-						    <span class="">Volunteer</span>
-						</h2>
-						<div class="item">
-							<div class="position">
-								Teacher
-							</div>
-							<div class="company">
-								<span class="name">
-									CoderDojo
-								</span>
-							<span class="date">
-								| <span class="startDate">
-									Jan 2012
-								</span>
-								<span class="endDate">
-									- Jan 2013
-								</span>
-								<span class="diffDate">
-									(1 year)
-								</span>
-							</span>
-							</div>
-							<div class="summary">
-								<p>Global movement of free coding clubs for young people.</p>
-							</div>
-							<ul class="highlights">
-								<li>Awarded &#x27;Teacher of the Month&#x27;</li>
-							</ul>
-						</div>
-					</section>
-					<section class="section-awards">
-						<h2 class="title">
-						    <span class="">Awards</span>
-						</h2>
-						<ul>
-							<li class="item">
-								<div class="title">
-									Digital Compression Pioneer Award
-									<span class="date">
-										| Nov 2014
-									</span>
-									<span class="awarder">
-										| Techcrunch
-									</span>
-								</div>
-								<div class="summary">
-									<p>There is no spoon.</p>
-								</div>
-							</li>
-						</ul>
-					</section>
-					<section class="section-publications">
-						<h2 class="title">
-						    <span class="">Publications</span>
-						</h2>
-						<div class="item">
-							<div class="name">
-								Video compression for 3d media
-							</div>
-					
-							<div class="publication">
-								<span class="publisher">
-									Hooli
-								</span>
-								<span class="releaseDate">
-									| 2014-10-01
-								</span>
-							</div>
-					
-							<div class="summary">
-								<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
-							</div>
-						</div>
-					</section>
-					<section class="section-languages">
-						<h2 class="title">
-						    <span class="">Languages</span>
-						</h2>
-						<ul>
-							<li class="item">
-								<div class="language">
-									English
-									<span class="fluency">
-										| <em>Native speaker</em>
-									</span>
-								</div>
-							</li>
-						</ul>
-					</section>
-					<section class="section-interests">
-						<h2 class="title">
-						    <span class="">Interests</span>
-						</h2>
-						<ul>
-							<li class="item">
-								<div class="name">
-									Wildlife
-								</div>
-								<div class="keywords">
-									<span class="label label-default">Ferrets</span>
-									<span class="label label-default">Unicorns</span>
-								</div>
-							</li>
-						<ul>
-					</section>
-					<section class="section-references">
-						<h2 class="title">
-						    <span class="">References</span>
-						</h2>
-						<div class="item">
-							<blockquote class="reference">
-								It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.
-							</blockquote>
-							<div class="name">
-								— Erlich Bachman
-							</div>
-						</div>
-					</section>
-				</div>
-		</div>
-
-	</body>
-</html>

json-resume/themes/pumpkin.html

@@ -1,528 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-	
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
-	
-	<title>Bree LaPointe</title>
-	
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.min.css">
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/2.0.2/octicons.min.css">
-	
-	<style type="text/css">
-	@import url(
-	https://fonts.googleapis.com/css?family=Lato:400,700
-);
-
-:root {
-	--headerBackgroundColor: #1E1E1E;
-	--accentColor: #FB0;
-	--mutedColor: #f4f6f6;
-}
-
-body {
-	background: #fff;
-	font-family: Lato, sans-serif;
-	margin: 0 0 80px;
-}
-a {
-	background:
-		linear-gradient(
-			to bottom, var(--accentColor) 0%,
-			var(--accentColor) 100%
-		);
-	background-position: 0 100%;
-	background-repeat: repeat-x;
-	background-size: 4px 2px;
-color: #000;
-text-decoration: none;
-transition: background-size .5s;
-}
-
-a:hover {
-	background-size: 4px 50px;
-	color: #000;
-	text-decoration: none;
-}
-p {
-	line-height: 1.5;
-	margin: 0;
-}
-p + p {
-	margin-top: 10px;
-}
-h1,
-h2,
-h3,
-h4 {
-	margin-top: 0
-}
-section {
-	margin-top: 30px;
-}
-li {
-	line-height: 1.8;
-	list-style: none;
-}
-li:before {
-	content: "\f052";
-	float: left;
-	font: 13px Octicons;
-	margin-top: 6px;
-	margin-left: -20px;
-	opacity: .1;
-	position: absolute;
-}
-blockquote {
-	border-left: 5px solid #e7e9ec;
-	font-size: 14px;
-}
-em {
-	color: #95a5a6;
-	font-weight: normal;
-	font-style: normal;
-}
-h4 span:first-child {
-	color: #000;
-	font-weight: bold;
-}
-.container {
-	max-width: 750px;
-	padding: 0 30px;
-}
-.col-sm-6 {
-	margin-bottom: 10px;
-}
-.col-sm-12 h4 {
-	margin-top: 12px; 
-}
-.col-sm-12 + .col-sm-12 {
-	margin-top: 30px;
-}
-#header {
-	color: #fff;
-	background: var(--headerBackgroundColor);
-	padding: 50px 0;
-	margin-bottom: 30px;
-}
-#header h2 {
-	color: var(--accentColor);
-	font-size: 24px;
-}
-#content h3 {
-	/* color: var(--accentColor); */
-	color: black;
-	font-size: 26px;
-	margin-top: -4px;
-}
-#content aside {
-	text-align: right;
-	padding-right: 30px;
-}
-#profiles .network {
-	text-transform: capitalize;
-}
-#work .position,
-#volunteer .position {
-	font-weight: bold;
-	margin-bottom: 8px;
-}
-#education .area {
-	font-weight: bold;
-}
-#education .area:before {
-	content: "\f0d7";
-	font: 16px Octicons;
-	margin-right: 6px;
-}
-#education .studyType {
-	margin-left: 25px;
-}
-#awards .summary,
-#publications .summary {
-	margin-top: 8px;
-}
-#publications .website a:before {
-	content: attr(href);
-}
-
-@media (min-width: 480px) {
-	.strike-through {
-		border-top: 1px solid #f4f6f6;
-		height: 20px;
-		margin-top: 12px;
-		margin-bottom: -2px;
-		position: relative;
-	}
-	.strike-through span,
-	.strike-through a {
-		background: #fff;
-		position: absolute;
-	}
-	.strike-through span:first-child {
-		padding-right: 20px;
-		margin-top: -12px;
-	}
-	.strike-through span + span {
-		font-size: 14px;
-		margin-top: -10px;
-		padding-left: 20px;
-		right: 0;
-	}
-}
-@media (max-width: 768px) {
-	.col-sm-6:last-child {
-		margin-bottom: 0px;
-	}
-	#content aside {
-		margin-bottom: 20px;
-		padding-right: 0;
-		text-align: left;
-	}
-	#publications .website a:before {
-		content: "View publication";
-	}
-}
-@media (max-width: 480px) {
-	h1 {
-		font-size: 26px;
-	}
-	.date {
-		font-size: 14px;
-		margin-bottom: 5px;
-	}
-	.strike-through span:first-child {
-		margin-bottom: 7px;
-	}
-	.strike-through span {
-		display: block;
-	}	
-	#header {
-		margin-bottom: 10px;
-		padding: 40px 0;
-	}
-	#actions {
-		display: none;
-	}
-}
-
-.tag-list {
-	display: flex;
-	flex-wrap: wrap;
-	list-style: none;
-	padding: 0;
-}
-
-.tag-list > li {
-	background: var(--mutedColor);
-	margin: 0 0.2em 0.2em 0;
-	padding: 0.1em 0.6em;
-	list-style-type: none
-}
-
-.tag-list > li::before {
-	content: none;
-}
-	</style>
-	
-	</head>
-	<body>
-	
-	<header id="header">
-		<div class="container">
-			<div class="row">
-				<div class="col-sm-9 col-sm-push-3">
-					<h1>
-						Bree LaPointe
-					</h1>
-					<h2>
-						Programmer
-					</h2>
-				</div>
-			</div>
-		</div>
-	</header>
-	<div id="content" class="container">
-
-	<section id="contact" class="row">
-		<aside class="col-sm-3">
-			<h3>Contact</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-6">
-				<strong>Email</strong>
-				<div class="email"><a href="mailto:contact@blapointe.com" target="_blank">contact@blapointe.com</a></div>
-			</div>
-			<div class="col-sm-6">
-				<strong>Phone</strong>
-				<div class="phone">(912) 555-4321</div>
-			</div>
-			</div>
-		</div>
-	</section>
-	<section id="about" class="row">
-		<aside class="col-sm-3">
-			<h3>About</h3>
-		</aside>
-		<div class="col-sm-9">
-			<p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-		</div>
-	</section>
-	<section id="profiles" class="row">
-		<aside class="col-sm-3">
-			<h3>Profiles</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-				<div class="col-sm-6">
-					<strong class="network">
-						Twitter
-					</strong>
-					<div class="username">
-							neutralthoughts
-					</div>
-				</div>
-				<div class="col-sm-6">
-					<strong class="network">
-						SoundCloud
-					</strong>
-					<div class="username">
-						<div class="url">
-							<a href="https://soundcloud.example.com/dandymusicnl" target="_blank">dandymusicnl</a>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</section>
-
-	<section id="work" class="row">
-		<aside class="col-sm-3">
-			<h3>Work</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<h4 class="strike-through">
-					<span></span>
-					<span class="date">
-						Nov 2013 — Nov 2014
-					</span>
-				</h4>
-				<div class="position">
-					CEO/President
-				</div>
-				<div class="summary">
-					<p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-				</div>
-				<h4>Highlights</h4>
-				<ul class="highlights">
-					<li class="bullet">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-					<li class="bullet">Successfully won Techcrunch Disrupt</li>
-					<li class="bullet">Optimized an algorithm that holds the current world record for Weisman Scores</li>
-				</ul>
-			</div>
-			</div>
-		</div>
-	</section>
-
-	<section id="volunteer" class="row">
-		<aside class="col-sm-3">
-			<h3>Volunteer</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<h4 class="strike-through">
-					<span>CoderDojo</span>
-					<span class="date">
-						Dec 2011 — Dec 2012
-					</span>
-				</h4>
-				<div class="position">
-					Teacher
-				</div>
-				<div class="summary">
-					<p>Global movement of free coding clubs for young people.</p>
-				</div>
-				<h4>Highlights</h4>
-				<ul class="highlights">
-					<li class="bullet">Awarded &#x27;Teacher of the Month&#x27;</li>
-				</ul>
-			</div>
-			</div>
-		</div>
-	</section>
-	
-	<section id="education" class="row">
-		<aside class="col-sm-3">
-			<h3>Education</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<h4 class="strike-through">
-					<span>University of Oklahoma</span>
-					<span class="date">
-						May 2011 — Dec 2013
-					</span>
-				</h4>
-				<div class="area">
-					Information Technology
-				</div>
-				<div class="studyType">
-					Bachelor
-				</div>
-				<h4>Courses</h4>
-				<ul class="courses">
-					<li>DB1101 - Basic SQL</li>
-					<li>CS2011 - Java Introduction</li>
-				</ul>
-			</div>
-			</div>
-		</div>
-	</section>
-	
-	<section id="awards" class="row">
-		<aside class="col-sm-3">
-			<h3>Awards</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<h4 class="strike-through">
-					<span>Digital Compression Pioneer Award</span>
-				</h4>
-				<div class="date pull-right">
-					<em>Awarded</em>
-					Oct 2014
-				</div>
-				<div class="awarder">
-					<em>by</em>
-					<strong>Techcrunch</strong>
-				</div>
-				<div class="summary">
-					There is no spoon.
-				</div>
-			</div>
-			</div>
-		</div>
-	</section>
-	
-	<section id="publications" class="row">
-		<aside class="col-sm-3">
-			<h3>Publications</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<h4 class="strike-through">
-					<span>Video compression for 3d media</span>
-					<span class="date">
-						Sep 2014
-					</span>
-				</h4>
-				<div class="publisher">
-					<em>Published by</em>
-					<strong>Hooli</strong>
-				</div>
-				<div class="summary">
-					<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
-				</div>
-			</div>
-			</div>
-		</div>
-	</section>
-	
-	<section id="skills" class="row">
-		<aside class="col-sm-3">
-			<h3>Skills</h3>
-		</aside>
-		<div class="col-sm-9">
-				<div class="row">
-					<div class="col-sm-6">
-						<div class="name">
-							<h4>Web Development</h4>
-						</div>
-						<ul class="tag-list">
-							<li>HTML</li>
-							<li>CSS</li>
-							<li>Javascript</li>
-						</ul>
-					</div>
-					<div class="col-sm-6">
-						<div class="name">
-							<h4>Compression</h4>
-						</div>
-						<ul class="tag-list">
-							<li>Mpeg</li>
-							<li>MP4</li>
-							<li>GIF</li>
-						</ul>
-					</div>
-				</div>
-		</div>
-	</section>
-
-
-	<section id="languages" class="row">
-		<aside class="col-sm-3">
-			<h3>Languages</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-6">
-				<div class="language">
-					<strong>English</strong>
-				</div>
-				<div class="fluency">
-					Native speaker
-				</div>
-			</div>
-			</div>
-		</div>
-	</section>
-
-	<section id="interests" class="row">
-		<aside class="col-sm-3">
-			<h3>Interests</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-6">
-				<div class="name">
-					<h4>Wildlife</h4>
-				</div>
-				<ul class="keywords">
-					<li>Ferrets</li>
-					<li>Unicorns</li>
-				</ul>
-			</div>
-			</div>
-		</div>
-	</section>
-	
-	<section id="references" class="row">
-		<aside class="col-sm-3">
-			<h3>References</h3>
-		</aside>
-		<div class="col-sm-9">
-			<div class="row">
-			<div class="col-sm-12">
-				<blockquote class="reference">
-					<p>It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.</p>
-					<p class="name">
-						<strong>— Erlich Bachman</strong>
-					</p>
-				</blockquote>
-			</div>
-			</div>
-		</div>
-	</section>
-
-	</div>
-	
-	</body>
-</html>

json-resume/themes/review.yaml

@@ -1,51 +0,0 @@
-favorites:
-- rocketspacer > flat > pumpkin
-- short
-- caffeine > macchiato
-- onepageresume
-- onepage
-- srt
-- verbum
-- eloquent
-themes:
-- caffeine: 55
-- machiato: 53
-- eloquent: 50
-- verbum: 49
-- srt: 49
-- flat: 49
-- rocketspacer: 48
-- pumpkin: 47
-- elegant: 45
-- short: 44
-- onepageresume: 44
-- onepage: 43
-- paper-plus-plus: 41
-- paper: 41
-- jacrys: 40
-- orbit: 39
-- mantra: 39
-- keloran: 37
-- kendall: 37
-- cora: 35
-- class: 35
-- classy: 30
-- dave: 25
-- standard-resume: 25
-- autumn: 20
-- stackoverflow: 20
-- github: 20
-- papirus: 11
-- full: 10
-- kards: 5
-- simple-red: 5
-- slick: 5
-- spartan: 5
-- tachyons-clean: 1
-- waypro: 1
-- modern: 0
-- tan-responsive: 0
-- techlead: 0
-- msresume: 0
-- even: 0
-- actual: 0

json-resume/themes/rocketspacer.html

@@ -1,783 +0,0 @@
-
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-
-  <title>Bree LaPointe</title>
-
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/2.0.2/octicons.min.css">
-
-  
-  <style type="text/css">
-@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
-
-body {
-	background: #fff;
-	font-family: Lato, sans-serif;
-	font-weight: 300;
-	color: #333;
-	margin: 0 0 80px;
-	font-size: 15px;
-}
-
-a {
-	color: #E32B46;
-}
-
-a:focus, a:hover {
-	color: #333;
-	text-decoration: none;
-}
-
-strong {
-	font-size: smaller;
-	font-weight: 400;
-	color: #333;
-}
-
-p {
-	line-height: 1.5;
-	margin: 0 0 .5em 0;
-}
-
-p + p {
-	margin-top: 10px;
-}
-
-h1, h2, h3, h4 {
-	margin-top: 0;
-	font-weight: 300;
-	color: #555;
-}
-
-section {
-	margin-top: 24px;
-}
-
-ul, ol {
-	padding-left: 21px;
-}
-
-li {
-	line-height: 1.8;
-	list-style: none;
-}
-
-li:before {
-	content: "\f052";
-	float: left;
-	font: 16px Octicons;
-	margin-top: 6px;
-	margin-left: -20px;
-	opacity: .1;
-	position: absolute;
-}
-
-blockquote {
-  border-left: 3px solid #e7e9ec;
-  font-size: 14px;
-  margin-bottom: 4px;
-}
-
-em {
-	color: #666;
-	font-weight: 300;
-	font-style: normal;
-}
-
-h4 span:first-child {
-	color: #333;
-	font-weight: 400;
-}
-
-.container {
-	max-width: 750px;
-	padding: 0 30px;
-}
-
-.col-sm-6 {
-	margin-bottom: 10px;
-}
-
-.col-sm-12 h4 {
-	margin-top: 12px;
-}
-
-.col-sm-12 + .col-sm-12 {
-	margin-top: 30px;
-}
-
-#header {
-	padding: 50px 0 25px;
-}
-
-#header h2 {
-	color: #95a5a6;
-	font-size: 24px;
-}
-
-#content h3 {
-	color: #555;
-	font-size: 26px;
-	margin-top: -4px;
-}
-
-#content aside {
-	text-align: right;
-	padding-right: 30px;
-}
-
-#profiles .network {
-	text-transform: capitalize;
-}
-
-#work .position,
-#volunteer .position {
-	font-weight: 400;
-	margin-bottom: 8px;
-}
-
-#education .area {
-	font-weight: 400;
-}
-
-#education .area:before {
-	content: "\f0d7";
-	font: 16px Octicons;
-	margin-right: 6px;
-}
-
-#education .studyType {
-	margin-left: 25px;
-}
-
-#awards .summary,
-#publications .summary {
-	margin-top: 8px;
-}
-
-#publications .website a:before {
-	content: attr(href);
-}
-
-@media (min-width: 480px) {
-	.strike-through {
-		border-top: 1px solid #f4f6f6;
-		height: 20px;
-		margin-top: 12px;
-		margin-bottom: -2px;
-		position: relative;
-  }
-
-	.strike-through span,
-	.strike-through a {
-		background: #fff;
-		position: absolute;
-  }
-
-	.strike-through span:first-child {
-		padding-right: 20px;
-		margin-top: -12px;
-  }
-
-	.strike-through span + span {
-		font-size: 14px;
-		margin-top: -10px;
-		padding-left: 20px;
-		right: 0;
-	}
-}
-
-@media (max-width: 768px) {
-	.col-sm-6:last-child {
-		margin-bottom: 0px;
-  }
-
-	#content aside {
-		margin-bottom: 20px;
-		padding-right: 0;
-		text-align: left;
-  }
-
-	#publications .website a:before {
-		content: "View publication";
-	}
-}
-
-@media (max-width: 480px) {
-	h1 {
-		font-size: 28px;
-  }
-
-	#header h2 {
-		font-size: 24px;
-  }
-
-	#content h3 {
-		font-size: 20px;
-  }
-
-	h4 {
-		font-size: 16px;
-  }
-
-	.date {
-		font-size: 14px;
-		margin-bottom: 5px;
-  }
-
-	.strike-through span:first-child {
-		margin-bottom: 7px;
-  }
-
-	.strike-through span {
-		display: block;
-  }
-
-	#header {
-		padding: 30px 0 0;
-  }
-
-	#actions {
-		display: none;
-	}
-}
-
-@media print {
-	body {
-		font-size: 12px;
-  }
-
-	a[href]:after {
-		display: none;
-  }
-
-	h1 {
-		font-size: 24px;
-  }
-
-	#header h2 {
-		font-size: 18px;
-		margin-top: -8px;
-  }
-
-	h4 {
-		font-size: 13px;
-  }
-
-  #header {
-		padding: 0;
-	}
-
-	#content aside {
-		margin: 0 !important;
-	}
-
-	#content h3 {
-		font-size: 16px;
-		margin-top: 0;
-	}
-
-	blockquote {
-		border: 0;
-		border-left: 3px solid #e7e9ec;
-		font-size: 12px;
-	}
-
-	li:before {
-		font: 10px Octicons;
-	}
-
-	.strike-through {
-		border-top-color: transparent;
-  }
-
-	.strike-through span + span {
-		font-size: 12px;
-  }
-
-	.col-sm-push-3 {
-    left: 25%;
-  }
-
-	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
-    float: left;
-  }
-
-	.col-sm-12 {
-	  width: 100%;
-  }
-
-	.col-sm-11 {
-	  width: 91.66666666666666%;
-  }
-
-	.col-sm-10 {
-	  width: 83.33333333333334%;
-  }
-
-	.col-sm-9 {
-	  width: 75%;
-  }
-
-	.col-sm-8 {
-	  width: 66.66666666666666%;
-  }
-
-	.col-sm-7 {
-	  width: 58.333333333333336%;
-  }
-
-	.col-sm-6 {
-	  width: 50%;
-  }
-
-	.col-sm-5 {
-	  width: 41.66666666666667%;
-  }
-
-	.col-sm-4 {
-	  width: 33.33333333333333%;
-  }
-
-	.col-sm-3 {
-	  width: 25%;
-  }
-
-	.col-sm-2 {
-	  width: 16.666666666666664%;
-  }
-
-	.col-sm-1 {
-	  width: 8.333333333333332%;
-  }
-}
-
-  </style>
-  
-</head>
-<body>
-  <!-- HEADER -->
-  <header id="header">
-		<div class="container">
-			<div class="row">
-        <div class="col-sm-3">
-          <img src="" class="img-responsive img-circle pull-right" style="max-height: 88px">
-        </div>
-				<div class="col-sm-9">
-          <h1>Bree LaPointe</h1>
-          <h2>Programmer</h2>
-				</div>
-			</div>
-		</div>
-	</header>
-
-  <!-- CONTENT: Re-arrange sections order if necessary -->
-  <div id="content" class="container">
-    <!-- Contact -->
-    
-
-
-  <section id="contact" class="row">
-    <aside class="col-sm-3"><h3>Contact</h3></aside>
-    <div class="col-sm-9">
-      <div class="row">
-        
-          <div class="col-sm-6">
-            <strong>Email</strong>
-            <div>
-              <a href="mailto:contact@blapointe.com">contact@blapointe.com</a>
-            </div>
-          </div>
-        
-        
-          <div class="col-sm-6">
-            <strong>Phone</strong>
-            <div class="phone">(912) 555-4321</div>
-          </div>
-        
-        
-      </div>
-    </div>
-  </section>
-
-
-    <!-- About -->
-    
-
-
-  <section id="about" class="row">
-    <aside class="col-sm-3">
-      <h3>About</h3>
-    </aside>
-    <div class="col-sm-9">
-      <p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-    </div>
-  </section>
-
-
-    <!-- Profiles -->
-    
-
-
-  <section id="profiles" class="row">
-    <aside class="col-sm-3">
-      <h3>Profiles</h3>
-    </aside>
-    <div class="col-sm-9">
-      <div class="row">
-        
-          <div class="col-sm-6">
-            <strong class="network">Twitter</strong>
-            <div class="url">
-              <a target="_blank" href="">neutralthoughts</a>
-            </div>
-          </div>
-        
-          <div class="col-sm-6">
-            <strong class="network">SoundCloud</strong>
-            <div class="url">
-              <a target="_blank" href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
-            </div>
-          </div>
-        
-      </div>
-    </div>
-  </section>
-
-
-    <!-- Work -->
-    
-
-
-  <section id="work" class="row">
-    <aside class="col-sm-3">
-      <h3>Work</h3>
-    </aside>
-    <div class="col-sm-9">
-      <div class="row">
-        
-          <div class="col-sm-12">
-            <h4 class="strike-through">
-              <span></span>
-              <span class="date">
-                November 2013 — November 2014
-              </span>
-            </h4>
-            <div class="website pull-right">
-              <a target="_blank" href=""></a>
-            </div>
-            <div class="position">
-              CEO/President
-            </div>
-            <div class="summary">
-              <p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-            </div>
-            
-              <p><strong>Highlights</strong></p>
-              <ul class="highlights">
-                
-                  <li class="bullet">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-                
-                  <li class="bullet">Successfully won Techcrunch Disrupt</li>
-                
-                  <li class="bullet">Optimized an algorithm that holds the current world record for Weisman Scores</li>
-                
-              </ul>
-            
-          </div>
-        
-      </div>
-    </div>
-  </section>
-
-
-    <!-- Skills -->
-    
-
-
-  <section id="skills" class="row">
-    <aside class="col-sm-3">
-      <h3>Skills</h3>
-    </aside>
-    <div class="col-sm-9">
-      <div class="row">
-        
-          <div class="col-sm-6">
-            <div class="name">
-              <h4>Web Development</h4>
-            </div>
-            
-              <ul class="keywords">
-                
-                  <li>HTML</li>
-                
-                  <li>CSS</li>
-                
-                  <li>Javascript</li>
-                
-              </ul>
-            
-          </div>
-        
-          <div class="col-sm-6">
-            <div class="name">
-              <h4>Compression</h4>
-            </div>
-            
-              <ul class="keywords">
-                
-                  <li>Mpeg</li>
-                
-                  <li>MP4</li>
-                
-                  <li>GIF</li>
-                
-              </ul>
-            
-          </div>
-        
-      </div>
-    </div>
-  </section>
-
-
-    <!-- Education -->
-    
-
-
-  <section id="education" class="row">
-    <aside class="col-sm-3">
-      <h3>Education</h3>
-    </aside>
-    <div class="col-sm-9">
-      <div class="row">
-        
-          <div class="col-sm-12">
-            <h4 class="strike-through">
-              <span>University of Oklahoma</span>
-              <span class="date">
-                May 2011 — December 2013
-              </span>
-            </h4>
-            <div class="area">Information Technology</div>
-            <div class="studyType">
-              Bachelor
-              
-            </div>
-            
-              <h4>Courses</h4>
-              
-                <ul class="courses">
-                  <li>DB1101 - Basic SQL</li>
-                </ul>
-              
-                <ul class="courses">
-                  <li>CS2011 - Java Introduction</li>
-                </ul>
-              
-            
-          </div>
-        
-      </div>
-    </div>
-  </section>
-
-
-    <!-- Certifications -->
-    
-
-
-
-    <!-- Awards -->
-    
-
-
-  <section id="awards" class="row">
-    <aside class="col-sm-3">
-      <h3>Awards</h3>
-    </aside>
-    <div class="col-sm-9">
-      <div class="row">
-        
-          <div class="col-sm-12">
-            <h4 class="strike-through">
-              <span>Digital Compression Pioneer Award</span>
-            </h4>
-            <div class="date pull-right">
-              <em>Awarded</em>
-              October 2014
-            </div>
-            <div>
-              <em>by</em>
-              <strong>Techcrunch</strong>
-            </div>
-            <div class="summary">
-              There is no spoon.
-            </div>
-          </div>
-        
-      </div>
-    </div>
-  </section>
-
-
-
-    <!-- Volunteer -->
-    
-
-
-  <section id="volunteer" class="row">
-    <aside class="col-sm-3">
-      <h3>Volunteer</h3>
-    </aside>
-    <div class="col-sm-9">
-      <div class="row">
-        
-          <div class="col-sm-12">
-            <h4 class="strike-through">
-              <span>CoderDojo</span>
-              <span class="date">
-                December 2011 — December 2012
-              </span>
-            </h4>
-            <div class="website pull-right">
-              <a target="_blank" href=""></a>
-            </div>
-            <div class="position">
-              Teacher
-            </div>
-            <div class="summary">
-              <p>Global movement of free coding clubs for young people.</p>
-            </div>
-            
-              <p>
-                <strong>Highlights</strong>
-              </p>
-              <ul class="highlights">
-                
-                  <li class="bullet">Awarded &#39;Teacher of the Month&#39;</li>
-                
-              </ul>
-            
-          </div>
-        
-      </div>
-    </div>
-  </section>
-
-
-    <!-- Publications -->
-    
-
-
-  <section id="publications" class="row">
-    <aside class="col-sm-3">
-      <h3>Publications</h3>
-    </aside>
-    <div class="col-sm-9">
-      <div class="row">
-        
-          <div class="col-sm-12">
-            <h4 class="strike-through">
-              <span>Video compression for 3d media</span>
-              <span class="date">September 2014</span>
-            </h4>
-            <div class="website pull-right">
-              <a target="_blank" href=""></a>
-            </div>
-            <div class="publisher">
-              <em>Published by</em>
-              <strong>Hooli</strong>
-            </div>
-            <div class="summary">
-              <p>Innovative middle-out compression algorithm that changes the way we store data.</p>
-            </div>
-          </div>
-        
-      </div>
-    </div>
-  </section>
-
-
-    <!-- Languages -->
-    
-
-
-  <section id="languages" class="row">
-    <aside class="col-sm-3">
-      <h3>Languages</h3>
-    </aside>
-    <div class="col-sm-9">
-      <div class="row">
-        
-          <div class="col-sm-6">
-            <div class="language"><strong></strong></div>
-            <div class="fluency"></div>
-          </div>
-        
-      </div>
-    </div>
-  </section>
-
-
-    <!-- Interests -->
-    
-
-
-  <section id="interests" class="row">
-    <aside class="col-sm-3">
-      <h3>Interests</h3>
-    </aside>
-    <div class="col-sm-9">
-      <div class="row">
-        
-          <div class="col-sm-6">
-            <div class="name">
-              <h4>Wildlife</h4>
-            </div>
-            <ul class="keywords">
-              
-                <li>Ferrets</li>
-              
-                <li>Unicorns</li>
-              
-            </ul>
-          </div>
-        
-      </div>
-    </div>
-  </section>
-
-
-    <!-- References -->
-    
-
-
-  <section id="references" class="row">
-    <aside class="col-sm-3">
-      <h3>References</h3>
-    </aside>
-    <div class="col-sm-9">
-      <div class="row">
-        
-          <div class="col-sm-11">
-            <p>It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.</p>
-            <p class="name">
-              <strong>— Erlich Bachman</strong></p>
-            </p>
-            <br>
-          </div>
-        
-      </div>
-    </div>
-  </section>
-
-
-  </div>
-</body>
-</html>

json-resume/themes/short.html

@@ -1,386 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-	
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
-	
-	<title>Bree LaPointe</title>
-
-	<style>
-	body {
-	background: #fff;
-	font: 16px 'Open Sans', Helvetica, Arial, sans-serif;
-	line-height: 1.4;
-	margin: 0 0;
-	margin-bottom: 100px;
-}
-em {
-	color: #999;
-}
-p {
-	line-height: 1.6;
-	font-size: 90%;
-}
-
-a {
-	color: #2C85B1;
-	text-decoration: none;
-	font-weight: 400;
-}
-ul {
-	margin-bottom: 0;
-}
-section {
-	margin: 1em 0 2em;
-}
-blockquote {
-	margin: 0;
-	margin-bottom: 1em;
-}
-#resume {
-	margin: 2em 2em 2em 2.5em;
-	max-width: 760px;
-}
-
-/* Resume heading */
-.heading header { 
-
-}
-
-.heading header h1 {
-	font-size: 180%;
-	margin: 0.5em 0;
-	font-weight: 600;
-}
-
-.heading header h2 {
-	font-size: 140%;
-	margin: 0;
-	font-weight: 400;
-}
-
-.heading header .contact .detail {
-	margin: 0 1em 0 0;
-}
-
-.profile {
-	display: inline-block;
-	margin: 0 1em 0 0;
-}
-
-.profile strong,
-.profile span {
-	display: inline-block;
-	margin: 0 1em 0 0;
-}
-/* section / line breaks */
-section h2 {
-	font-size: 140%;
-	margin: 0 0 1em;
-	text-transform: uppercase;
-	color: #BC1B39;
-	font-weight: 400;
-}
-
-/* Experience items */
-.item {
-	margin: 0 0 1em;
-	padding: 0 0 1em;
-	border-bottom: 1px solid #F2EBEC;
-}
-
-.item:last-child {
-	border-bottom: none;
-}
-
-
-.item header h3 {
-	margin: 0.2em 1em 0.2em 0;
-	display: inline-block;
-	font-weight: 600;
-}
-
-.item header a {
-	display: inline-block;
-}
-
-.item .position {
-	font-weight: 600;
-	font-size: 100%;
-	margin: 0.2em 1em 0.2em 0;
-}
-
-.item .startDate,
-.item .endDate {
-	color: #6B6B6B;
-}
-
-.item .highlights {
-	list-style: square;
-	font-size: 90%;
-}
-
-/* skills */
-#skills .item {
-	margin: 0.5em 0;
-	padding: 0 0 0.5em;
-	font-size: 90%;
-}
-
-#skills .item .name {
-	font-weight: 600;
-	display: inline-block;
-	text-transform: uppercase;
-	margin: 0 1em 0 0;
-	width: 23%;
-	vertical-align: top;
-}
-
-#skills .item .keywords {
-	display: inline-block;
-	width: 70%;
-	vertical-align: top;
-}
-
-/* education */
-#education .item {
-	display: inline-block;
-	vertical-align: top;
-	width: 49.5%;
-	border-bottom: 0;
-}
-
-
-
-	</style>
-	<style media="print">
-		body { font-size: 12px; }
-	</style>
-
-	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300' rel='stylesheet' type='text/css'>
-	
-	</head>
-	<body>
-	
-	<div id="resume">
-
-	<section class="heading">
-		<header>
-			<h1>Bree LaPointe</h1>
-			<div class="contact">
-				<span class="detail">
-					<a href="mailto:contact@blapointe.com">contact@blapointe.com</a>
-				</span>
-				<span class="detail">
-					(912) 555-4321
-				</span>
-			</div>
-		</header>
-
-
-		<p><p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p></p>
-
-			<div class="profile">
-				<strong class="network">
-					Twitter
-				</strong>
-				<span class="username">
-					neutralthoughts
-				</span>
-			</div>
-			<div class="profile">
-				<strong class="network">
-					SoundCloud
-				</strong>
-				<span class="username">
-					<a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
-				</span>
-			</div>
-
-	</section>
-
-	<section id="skills">
-		<h2>Skills</h2>
-		<div class="item">
-			<div class="name">
-				Web Development
-			</div>
-			<div class="keywords">
-					HTML,
-					CSS,
-					Javascript
-			</div>
-		</div>
-		<div class="item">
-			<div class="name">
-				Compression
-			</div>
-			<div class="keywords">
-					Mpeg,
-					MP4,
-					GIF
-			</div>
-		</div>
-	</section>
-
-	<section class="experience">
-		<h2>Experience</h2>
-		<section class="item">
-			<header>
-			</header>
-			<span class="position">
-				CEO/President
-			</span>
-
-			<span class="startDate">
-				Nov 2013
-			</span>
-			<span class="endDate">
-				- Nov 2014
-			</span>
-
-			<div class="summary">
-				<p><p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p></p>
-			</div>
-			<ul class="highlights">
-				<li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-				<li>Successfully won Techcrunch Disrupt</li>
-				<li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
-			</ul>
-		</section>
-	</section>
-
-	<section class="experience">
-		<h2>Volunteering</h2>
-		<div class="item">
-			<header>
-					<h3 class="name">CoderDojo</h3>
-			</header>
-			<span class="position">
-				Teacher
-			</span>
-
-			<span class="startDate">
-				Dec 2011
-			</span>
-			<span class="endDate">
-				- Dec 2012
-			</span>
-
-			<div class="summary">
-				<p>Global movement of free coding clubs for young people.</p>
-			</div>
-			<ul class="highlights">
-				<li>Awarded &#x27;Teacher of the Month&#x27;</li>
-			</ul>
-		</div>
-	</section>
-	
-	<section id="education">
-		<h2>Education</h2>
-		<div class="item">
-			<header>
-					<h3 class="name">University of Oklahoma</h3>
-			</header>
-
-			<div class="dates">
-				<span class="startDate">
-					May 2011
-				</span>
-				<span class="endDate">
-					- Dec 2013
-				</span>
-			</div>
-
-			<div class="qualification">
-				<span class="studyType">
-					Bachelor
-				</span>
-
-				<span class="area">
-					- Information Technology
-				</span>
-
-			</div>
-
-		</div>
-	</section>
-	
-	<section id="awards">
-		<h2>Awards</h2>
-		<div class="item">
-			<div class="title">
-				Digital Compression Pioneer Award
-			</div>
-			<div class="date">
-				undefined NaN
-			</div>
-			<div class="awarder">
-				Techcrunch
-			</div>
-			<div class="summary">
-				<p>There is no spoon.</p>
-			</div>
-		</div>
-	</section>
-	
-	<section id="publications">
-		<h2>Publications</h2>
-		<div class="item">
-			<div class="name">
-				Video compression for 3d media
-			</div>
-			<div class="publisher">
-				Hooli
-			</div>
-			<div class="releaseDate">
-				2014-10-01
-			</div>
-			<div class="summary">
-				<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
-			</div>
-		</div>
-	</section>
-
-	<section id="languages">
-		<h2>Languages</h2>
-		<div class="item">
-			<div class="language">
-				English
-			</div>
-			<div class="fluency">
-				<em>Native speaker</em>
-			</div>
-		</div>
-	</section>
-
-	<section id="interests">
-		<h2>Interests</h2>
-		<div class="item">
-			<div class="name">
-				Wildlife
-			</div>
-			<ul class="keywords">
-				<li>Ferrets</li>
-				<li>Unicorns</li>
-			</ul>
-		</div>
-	</section>
-	
-	<section id="references">
-		<h2>References</h2>
-		<div class="item">
-			<blockquote class="reference">
-				It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.
-			</blockquote>
-			<div class="name">
-				— Erlich Bachman
-			</div>
-		</div>
-	</section>
-	
-	</div>
-	
-	</body>
-</html>

json-resume/themes/simple-red.html

@@ -1,657 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
-
-  <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i" rel="stylesheet">
-
-	<title>Bree LaPointe</title>
-
-	<style>
-	body {
-  background: #fff;
-  font-family: 'Lato', sans-serif;
-  letter-spacing: 0.02em;
-  word-wrap: break-word;
-  color: #000;
-  line-height: 1.4;
-  margin: 50px 0 60px;
-}
-
-h1, h2, h3, h4, h5 {
-  line-height: 1em;
-  margin: 0;
-}
-h1 {
-  color: #FF1717;
-  font-size: 2.4em;
-  font-weight: 900;
-}
-h2 {
-  margin-top: 10px;
-  font-weight: 900;
-}
-h3 {
-  font-size: 1.2em;
-  font-weight: 900;
-}
-h4 {
-  font-size: 1.1em;
-  margin-bottom: 0.3em;
-}
-p {
-  font-weight: 400;
-  font-size: 1em;
-  margin: 0;
-  line-height: 1.8em;
-  opacity: 0.8;
-}
-em {
-  opacity: 0.5;
-}
-p {
-  line-height: 1.4;
-}
-ul {
-  margin-bottom: 0;
-}
-section, #skills .item {
-  margin-bottom: 2em;
-}
-section > h3 {
-  width: 25%;
-  float: left;
-  color: #FF1717;
-}
-section > section {
-  width: 75%;
-  float: left;
-}
-blockquote {
-  margin: 0;
-  margin-bottom: 1em;
-}
-a {
-  font-size: 0.9em;
-  font-weight: 700;
-  opacity: 0.5;
-  color: #000;
-}
-.divider {
-  height: 1px;
-  width: 100%;
-  background-color: #ccc;
-}
-.item {
-  margin-bottom: 3em;
-}
-.row:after {
-  content: ".";
-  display: block;
-  height: 0;
-  clear: both;
-  visibility: hidden;
-}
-#resume {
-  margin: 0 auto;
-  /*max-width: 595px;*/
-  max-width: 690px;
-  padding: 0 50px;
-}
-#resume > section {
-  margin-bottom: -10px;
-  margin-top: 10px;
-}
-#resume > section:after {
-  content: ".";
-  display: block;
-  height: 0;
-  clear: both;
-  visibility: hidden;
-}
-.summary {
-  margin: 10px 0 50px;
-  font-style: italic;
-}
-#skills .keywords,
-#languages > section,
-#interests > section,
-#profiles > section,
-#contacts {
-  display: flex;
-  flex-wrap: wrap;
-}
-#education .institution,
-#work .name,
-#volunteer .name,
-#awards .title,
-#publications .name {
-  font-size: 1em;
-  font-weight: 900;
-  width: 65%;
-  float: left;
-}
-#education .area,
-#education .studyType {
-  font-size: 0.9em;
-  font-weight: 400;
-  font-style: italic
-}
-#education .date,
-#work .date,
-#volunteer .date,
-#awards .date,
-#publications .date {
-  font-size: 0.7em;
-  letter-spacing: -0.02em;
-  font-weight: 400;
-  width: 35%;
-  float: right;
-  text-align: right;
-}
-#education .education-sub-info {
-  margin-top: 10px;
-}
-#education .education-sub-info span:not(:last-child):after {
-  margin: 0 5px;
-  content: "/";
-}
-#work .url,
-#work .position,
-#work .highlights,
-#work .item > h5,
-#volunteer .url,
-#volunteer .position,
-#volunteer .highlights,
-#volunteer .item > h5,
-#awards .awarder,
-#publications .url,
-#publications .publisher,
-#skills .item .level,
-#languages .item .fluency {
-  font-size: 0.9em;
-}
-#work .summary,
-#work .description,
-#awards .summary,
-#volunteer .summary,
-#publications .summary {
-  font-style: normal;
-  font-size: 0.8em;
-  margin: 10px 0;
-}
-#work .position,
-#volunteer .position,
-#awards .awarder,
-#publications .publisher {
-  margin-top: 10px;
-  font-style: italic;
-}
-#work .highlights,
-#volunteer .highlights {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-}
-#work .highlights li,
-#volunteer .highlights li {
-  font-size: 0.9em;
-
-  /* one column configration */
-  width: 100%;
-
-  /* two column configration */
-  /* width: 45%; */
-  /* margin-right: 5%; */
-}
-#skills .keywords {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  font-size: 0.8em;
-  margin-top: 10px;
-}
-#skills .keywords li {
-  margin-right: 20px;
-}
-#skills .item .name,
-#languages .item .language,
-#profiles .item .network {
-  font-weight: 900;
-}
-#languages .item,
-#profiles .item {
-  width: 33.3%;
-  margin-bottom: 10px;
-}
-#profiles .item .network {
-  font-size: 0.9em;
-}
-#profiles .item .url {
-  font-size: 0.8em;
-}
-#interests .name {
-  font-size: 0.9em;
-  font-style: italic;
-  margin-right: 7px;
-}
-#interests .name:not(:last-child):after {
-  content: ',';
-  margin-left: -3px;
-}
-#contacts .item {
-  flex: 1;
-  margin-bottom: 0;
-}
-#profiles, #skills {
-  overflow: hidden;
-}
-#contacts {
-  margin-left: 25%;
-  font-size: 0.8em;
-}
-#contacts .site {
-  align-self: flex-end;
-  text-align: right;
-}
-#contacts .site a {
-  color: #FF1717;
-  opacity: 1;
-  font-size: 1em;
-  font-weight: 900;
-}
-#contacts .location .block span:not(:last-child):after {
-  content: ', ';
-}
-#contacts .block {
-  display: block;
-}
-#references .item {
-  width: 45%;
-  float: left;
-  padding-right: 10%;
-}
-#references .item:nth-child(2n) {
-  padding: 0;
-}
-#references .reference {
-  font-style: normal;
-  font-size: 0.7em;
-  margin: 10px 0;
-  font-style: italic;
-}
-#references .name {
-  font-weight: 900;
-  font-size: 0.8em;
-}
-/* Smartphones (portrait) ----------- */
-@media (max-width: 599px) and (not print) {
-  body {
-    margin: 30px 0 40px;
-  }
-  #resume {
-    padding: 0 35px;
-  }
-  #resume > section {
-    margin-top: 50px;
-  }
-  .summary {
-    margin-bottom: 40px;
-  }
-  section {
-    margin-bottom: 0;
-  }
-  section > h3 {
-    width: 100%;
-    float: none;
-    margin-bottom: 20px;
-  }
-  section > section, #references .item {
-    width: 100%;
-    flex: none;
-    padding: 0;
-  }
-  section > .item:last-child, section.item:last-child {
-    margin-bottom: 0;
-  }
-  #contacts {
-    margin-left: 0;
-  }
-  #languages .item, #profiles .item {
-    width: 50%;
-  }
-}
-
-
-
-@media print {
-  body {
-    font-size: 0.9em;
-    margin: 0;
-  }
-  #resume {
-      width: 85%;
-      margin: 1cm auto;
-      padding: 0;
-      -ms-word-wrap: break-word;
-      word-wrap: break-word;
-      line-height: 1.3;
-      font-family: Arial, Georgia, "Lucida Grande", sans-serif;
-  }
-  .summary {
-    margin: 0.2cm 0 0.9cm 0;
-  }
-  #profiles {
-    display: none;
-  }
-  #resume > section {
-    margin: 0;
-  }
-  section > section {
-    margin: 0;
-  }
-  #skills .level {
-    line-height: 1.5em;
-  }
-  #skills .name {
-    float: left;
-    margin-right: 0.5cm;
-  }
-  #skills .keywords {
-    margin-top: 0.1cm;
-  }
-  section#interests {
-    margin-top: 1cm;
-    margin-bottom: 1.2cm;
-  }
-  #contacts {
-    width: 75%;
-    float: right;
-  }
-  p {
-    opacity: 1;
-  }
-}
-
-@page {
-  margin: 1cm 1.4cm;
-}
-
-	</style>
-
-	</head>
-	<body>
-
-	<div id="resume">
-			<h1>Bree LaPointe</h1>
-			<h2>Programmer</h2>
-		  <div class="summary">
-		    <p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-		  </div>
-    <section id="education">
-    	<h3>Education</h3>
-    	<section class="item">
-        <div class="row">
-          <div class="institution">
-            University of Oklahoma
-          </div>
-          <div class="date">
-            <span class="startDate">
-              June 2011
-            </span>
-            <span class="endDate">
-              - January 2014
-            </span>
-          </div>
-        </div>
-        <div class="row education-sub-info">
-          <span class="area">
-            Information Technology
-          </span>
-          <span class="studyType">
-            Bachelor
-          </span>
-        </div>
-    		<ul class="courses">
-    			<li>DB1101 - Basic SQL</li>
-    			<li>CS2011 - Java Introduction</li>
-    		</ul>
-    	</section>
-    </section>
-		<section id="work">
-			<h3>Work</h3>
-		  <section>
-		    <div class="item">
-		      <div class="row">
-		        <div class="name">
-		          Pied Piper
-		        </div>
-		        <div class="date">
-		          <span class="startDate">
-		            December 2013
-		          </span>
-		          <span class="endDate">
-		            - December 2014
-		          </span>
-		        </div>
-		      </div>
-		      <div class="url">
-		        <a href="http://piedpiper.example.com">http://piedpiper.example.com</a>
-		      </div>
-		      <div class="position">
-		        CEO/President
-		      </div>
-		      <div class="summary">
-		        <p>
-		          Awesome compression company
-		          Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.
-		        </p>
-		      </div>
-		      <h5>Responsibilities:</h5>
-		      <ul class="highlights">
-		        <li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-		        <li>Successfully won Techcrunch Disrupt</li>
-		        <li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
-		      </ul>
-		    </div>
-		  </section>
-		</section>
-		<section id="volunteer">
-			<h3>Volunteer</h3>
-		  <section>
-		    <div class="item">
-		      <div class="row">
-		        <div class="name">
-		          CoderDojo
-		        </div>
-		        <div class="date">
-		          <span class="startDate">
-		            January 2012
-		          </span>
-		          <span class="endDate">
-		            - January 2013
-		          </span>
-		        </div>
-		      </div>
-		      <div class="url">
-		        <a href="http://coderdojo.example.com/">http://coderdojo.example.com/</a>
-		      </div>
-		      <div class="position">
-		        Teacher
-		      </div>
-		      <div class="summary">
-		        <p>Global movement of free coding clubs for young people.</p>
-		      </div>
-		      <h5>Responsibilities:</h5>
-		      <ul class="highlights">
-		        <li>Awarded &#x27;Teacher of the Month&#x27;</li>
-		      </ul>
-		    </div>
-		  </section>
-		</section>
-		<section id="awards">
-			<h3>Awards</h3>
-		  <section>
-		    <div class="item">
-		      <div class="row">
-		        <div class="title">
-		          Digital Compression Pioneer Award
-		        </div>
-		        <div class="date">
-		          <span>
-		            November 2014
-		          </span>
-		        </div>
-		      </div>
-		      <div class="awarder">
-		        Techcrunch
-		      </div>
-		      <div class="summary">
-		        <p>There is no spoon.</p>
-		      </div>
-		    </div>
-		  </section>
-		</section>
-		<section id="publications">
-			<h3>Publications</h3>
-		  <section>
-		    <div class="item">
-		      <div class="row">
-		        <div class="name">
-		          Video compression for 3d media
-		        </div>
-		        <div class="date">
-		          <span>
-		            October 2014
-		          </span>
-		        </div>
-		      </div>
-		      <div class="url">
-		        <a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)">http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)</a>
-		      </div>
-		      <div class="publisher">
-		        Hooli
-		      </div>
-		      <div class="summary">
-		        <p>Innovative middle-out compression algorithm that changes the way we store data.</p>
-		      </div>
-		    </div>
-		  </section>
-		</section>
-		<section id="skills">
-			<h3>Skills</h3>
-		  <section>
-		    <div class="item">
-		      <div class="name">
-		        Web Development
-		      </div>
-		      <div class="level">
-		        <em>Master</em>
-		      </div>
-		      <ul class="keywords">
-		        <li>HTML</li>
-		        <li>CSS</li>
-		        <li>Javascript</li>
-		      </ul>
-		    </div>
-		    <div class="item">
-		      <div class="name">
-		        Compression
-		      </div>
-		      <div class="level">
-		        <em>Master</em>
-		      </div>
-		      <ul class="keywords">
-		        <li>Mpeg</li>
-		        <li>MP4</li>
-		        <li>GIF</li>
-		      </ul>
-		    </div>
-		  </section>
-		</section>
-		<section id="languages">
-			<h3>Languages</h3>
-		  <section>
-		    <div class="item">
-		      <div class="language">
-		        English
-		      </div>
-		      <div class="fluency">
-		        <em>Native speaker</em>
-		      </div>
-		    </div>
-		  </section>
-		</section>
-		<section id="interests">
-			<h3>Interests</h3>
-		  <section>
-		      <div class="name">
-		        Wildlife
-		      </div>
-		  </section>
-		</section>
-		<section id="references">
-			<h3>References</h3>
-		  <section>
-		    <div class="item">
-		      <blockquote class="reference">
-		        It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.
-		      </blockquote>
-		      <div class="name">
-		        — Erlich Bachman
-		      </div>
-		    </div>
-		  </section>
-		</section>
-    <section id="profiles">
-    	<h3>Profiles</h3>
-      <section>
-        <div class="item">
-          <div class="network">
-            Twitter
-          </div>
-            <div class="url">
-              neutralthoughts
-            </div>
-        </div>
-        <div class="item">
-          <div class="network">
-            SoundCloud
-          </div>
-          <div class="url">
-            <a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
-          </div>
-        </div>
-      </section>
-    </section>
-		<section id="contacts">
-		  <div class="location item">
-		    <div class="block">
-		      <span class="countryCode">US</span>
-		      <span class="city">San Francisco</span>
-		      <span class="region">California</span>
-		    </div>
-		    <div class="block">
-		      <span class="address">2712 Broadway St</span>
-		    </div>
-		  </div>
-		
-		  <div class="contacts item">
-		    <div class="block">
-		      <span class="email">contact@blapointe.com</span>
-		    </div>
-		    <div class="block">
-		      <span class="phone">(912) 555-4321</span>
-		    </div>
-		  </div>
-		
-		  <div class="site item">
-		    <div class="block">
-		      <a href="http://richardhendricks.example.com" class="url">richardhendricks.example.com</a>
-		    </div>
-		  </div>
-		</section>
-	</body>
-</html>

json-resume/themes/spartan.html

@@ -1,804 +0,0 @@
-<!doctype html>
-<html>
-	<meta charset="utf-8" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
-	<title>Bree LaPointe</title>
-	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
-	<link href='https://fonts.googleapis.com/css?family=Roboto:400,700,400italic' rel='stylesheet' type='text/css'>
-	<style>
-		/********************************************
-* 	reset from
-* 	http://meyerweb.com/eric/tools/css/reset/
-*******************************************/
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size: 100%;
-	vertical-align: baseline;
-}
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
-	display: block;
-}
-body {
-	line-height: 1;
-}
-ol, ul {
-	list-style: none;
-}
-blockquote, q {
-	quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
-}
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
-/* Custom reset */
-.main-summary p,
-#publications .item,
-#skills .item,
-#languages .item,
-#references .item,
-#interests .item{
-	margin: 0;
-}
-
-
-/****************
-*		SMARTPHONES
-****************/
-em {
-	color: #757575;
-}
-p {
-	margin: 1em 0;
-}
-blockquote {
-	margin: 0;
-	margin-bottom: 1em;
-}
-strong {
-	font-weight: 700;
-	font-size: 1.1em;
-}
-ul {
-	margin-top: 1em;
-}
-div.item {
-	margin: 1em 0 2em;
-	padding-bottom: 2em;
-}
-div.item:last-of-type {
-	margin: 0;
-	border-bottom: none;
-	padding-bottom: 0;
-}
-p {
-	text-align: justify;
-}
-
-
-/* Headers */
-h1, h2, h3, h4, h5, h6 {
-	font-weight: 700;
-}
-h1 {
-	font-size: 2.5rem;
-}
-h2,
-h3 {
-	font-size: 1rem;
-}
-a {
-	color: #EB5F51;
-	text-decoration: none;
-}
-a:hover {
-	text-decoration: underline;
-}
-
-/* Layout */
-body {
-	background: #f2f2f2;
-	line-height: 1.6;
-	font-size: 13px;
-	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-
-#resume {
-	padding: 1rem 0;
-	margin: 1rem auto;
-}
-
-#header {
-	padding: 0 1em;
-	margin-bottom: 1em;
-}
-
-#resume > header div {
-	display: table;
-	padding-left: 0.5em;
-}
-
-#resume > header div.middle {
-	padding-top: 1.5em;
-}
-
-header img {
-	display: block;
-	width: 10em;
-	border-radius: 0.275em;
-	float: right;
-}
-
-header .name {
-	line-height: 1;
-}
-
-header .label {
-	font-size: 1.5rem;
-	font-weight: 400;
-	color: #757575;
-}
-
-section:not(.section) {
-	padding: .5em 1rem;
-}
-
-section#references {
-	border-bottom:none;
-}
-
-section#basics {
-	background: inherit;
-	margin-bottom: 0;
-}
-
-section#skills {
-	padding-bottom: 0;
-}
-
-section#education,
-section#work,
-.main-summary section {
-	padding-bottom: 1em;
-}
-
-header::after {
-	display: table;
-	content: " ";
-	clear: both;
-}
-
-h2.section-title {
-	text-align: left;
-	font-size: 1rem;
-	font-weight: 400;
-	color: #757575;
-	padding: 1em 1rem 0;
-	margin-bottom: 0.1275em;
-}
-
-.date {
-	font-weight: 700;
-	color: #757575;
-}
-
-.position, .area, .institution {
-	font-weight: 700;
-}
-
-#interests .item, #languages .item {
-	padding: 0 1em 1em 0;
-	border-bottom: none;
-}
-
-.website::before {
-	display: inline-block;
-	font: normal normal normal 14px/1 FontAwesome;
-	font-size: inherit;
-	text-rendering: auto;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-	text-decoration: none;
-	min-width: 1.25em;
-	margin-right: 0.25em;
-	text-align: center;
-	content: '\f14c';
-}
-
-#profiles, #skills, #interests, #languages {
-	display: -webkit-box;
-	display: -moz-box;
-	display: -ms-flexbox;
-	display: -webkit-flex;
-	display: flex;
-	-webkit-flex-flow: row wrap;
-	flex-flow: row wrap;
-	-webkit-justify-content: flex-start;
-	justify-content: flex-start;
-  padding-bottom: 1em;
-}
-
-#profiles, #location {
-	box-shadow: none;
-	padding: 0;
-}
-
-#profiles .item {
-	margin: 0;
-	padding: 0;
-	padding-right: 1em;
-	border-bottom: none;
-}
-
-#interests ul {
-	margin-top: 0.5em;
-}
-
-#publications .name {
-	font-style: italic;
-}
-
-.courses li, .keywords li{
-	display: inline-block;
-	background: #f0f0f0;
-	font-size: 0.9em;
-	line-height: 1;
-	color: #333;
-	padding: 0.4em 0.8em;
-	border-bottom: 1px solid #ddd;
-	border-right: 1px solid #ddd;
-	border-radius: 3px;
-}
-
-#publications .date {
-	font-weight: normal;
-	color: #000;
-}
-
-#skills .item {
-	min-width: 15em;
-	padding: 0 .5em .8em 0;
-	border-bottom: none;
-}
-
-
-/* Skills chart */
-#skills .level .bar {
-	border: 1px solid #ddd;
-	display: block;
-	width: 10em;
-	height: 5px;
-	margin: 0em 0 1em 0;
-	position: relative;
-}
-
-#skills .level .bar::after {
-	position: absolute;
-	content: " ";
-	top: 0;
-	left: 0;
-	background: black;
-	height: 5px;
-}
-
-#skills .level.beginner .bar::after {
-	background: #EB5F51;
-	width: 2.5em;
-}
-
-#skills .level.intermediate .bar::after {
-	background: #ffdf1f;
-	width: 5em;
-}
-
-#skills .level.advanced .bar::after {
-	background: #59C596;
-	width: 7.5em;
-}
-
-#skills .level.master .bar::after {
-	background: #5CB85C;
-	width: 10em;
-}
-
-#references .item {
-	padding-left: 1em;
-	border-left: 5px solid #EB5F51;
-}
-
-.fa.social {
-	margin-right: 0.25em;
-	font-size: 1.1em;
-}
-
-/* Social Media Brand Colors */
-.google-plus {
-	color: #dd4b39;
-}
-
-.tumblr {
-	color:#32506d;
-}
-
-.foursquare {
-	color:  #0072b1;
-}
-
-.facebook {
-	color: #3b5998;
-}
-
-.linkedin {
-	color: #007bb6;
-}
-
-.pinterest {
-	color: #cb2027;
-}
-
-.dribbble {
-	color: #ea4c89;
-}
-
-.instagram {
-	color: #517fa4;
-}
-
-.twitter {
-	color: #00aced;
-}
-
-.soundcloud {
-	color: #ff3a00;
-}
-
-.wordpress {
-	color: #21759b;
-}
-
-.youtube {
-	color: #bb0000;
-}
-
-.github {
-	color: #171515;
-}
-
-.stack-overflow {
-	color: #828386;
-	position: relative;
-}
-
-.flickr {
-	color: #ff0084;
-}
-
-.stack-overflow::after {
-	position: absolute;
-	left: 0;
-	content: '\f16c';
-	color: #f68a1f;
-	overflow: hidden;
-	height: 40%;
-}
-
-/******************
-*		HELPER CLASSES
-******************/
-.fa {
-	min-width: 1.25em;
-	margin-right: 0.25em;
-	text-align: center;
-}
-
-.clear {
-	display: table;
-	clear: both;
-}
-
-
-/****************
-*		TABLET
-****************/
-@media screen and (min-width: 602px) {
-
-	#resume {
-		width: 550px;
-		margin: 0 auto;
-	}
-	section > header > h3 {
-		float:left;
-	}
-	section > header > .date {
-		float: right;
-		line-height: 1.3;
-	}
-
-}
-
-
-/****************
-*		LAPTOP
-****************/
-@media screen and (min-width: 1025px) {
-
-	#resume {
-		width: 650px;
-		padding: 3em;
-		margin: 3em auto;
-		background: #fff;
-		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
-	}
-
-	.section {
-		display: -webkit-box;
-		display: -moz-box;
-		display: -ms-flexbox;
-		display: -webkit-flex;
-		display: flex;
-		-webkit-flex-flow: row wrap;
-		flex-flow: row wrap;
-		-webkit-justify-content: space-between;
-		justify-content: space-between;
-		margin-bottom: 1em;
-		margin-top: 1em;
-		border-bottom: 1px solid #eee;
-	}
-
-	.section:last-of-type {
-		border-bottom: none;
-		margin-bottom: 0;
-	}
-
-	section > header {
-		line-height: 1;
-		padding-bottom: 1em;
-	}
-
-	h2.section-title {
-		line-height: 1.1;
-		padding-top: 0;
-	}
-
-	section:not(.section) {
-		width: 34.5em;
-		padding: 0 1em 1em 0;
-		margin-top:0;
-		border: none;
-	}
-
-	section p {
-		margin: 0;
-	}
-
-	section#basics {
-		width: auto;
-		padding-top: 1em;
-		padding-left: 1em;
-		padding-bottom: 0;
-		border-top: 1px solid #eee;
-		border-bottom: 1px solid #eee;
-	}
-
-	#profiles .item{
-		padding-bottom: 1em;
-	}
-
-	div {
-		padding: 0;
-	}
-
-	#skills .item {
-		padding-left:0;
-		margin-top: 0;
-	}
-
-	div.item {
-		margin-top: 0;
-		border-bottom: 1px solid #eee;
-	}
-
-}
-
-	</style>
-
-
-	<body>
-		<div id="resume">
-				<header id="header">
-						<div>
-							<h1 class="name">Bree LaPointe</h1>
-							<h2 class="label">Programmer</h2>
-						</div>
-
-				</header>
-
-				<section id="basics">
-
-						<div id="location">
-							<span class="fa fa-map-marker"></span>
-							<span class="address">
-								2712 Broadway St,
-							</span>
-							<span class="postalCode">
-								CA 94115,
-							</span>
-							<span class="city">
-								San Francisco
-							</span>
-							<span class="countryCode">
-								(US),
-							</span>
-							<span class="region">
-								California
-							</span>
-						</div>
-
-					<div id="contact">
-						<div class="email">
-							<span class="fa fa-envelope"></span>
-							<a href="mailto:contact@blapointe.com">contact@blapointe.com</a>
-						</div>
-						<div class="phone">
-							<span class="fa fa-phone-square"></span>
-							(912) 555-4321
-						</div>
-					</div>
-
-
-					<div id="profiles">
-						<div class="item">
-							<span class="network fa fa-twitter twitter"></span>
-							<span class="username">
-									neutralthoughts
-							</span>
-						</div>
-						<div class="item">
-							<span class="network fa fa-soundcloud soundcloud"></span>
-							<span class="username">
-								<span class="url">
-									<a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
-								</span>
-							</span>
-						</div>
-					</div>
-				</section>
-
-				<section class="section main-summary">
-					<h2 class='section-title'>About</h2>
-					<section>
-						<p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-					</section>
-				</section>
-
-				</section>
-
-				<section class="section">
-					<h2 class='section-title'>Experience</h2>
-					<section id="work">
-							<div class="date">
-								<span class="startDate">
-									December 2013
-								</span>
-								<span class="endDate">
-									- December 2014
-								</span>
-							</div>
-						</header>
-						<div class="item">
-						<div class="position">
-							CEO/President
-						</div>
-						<div class="summary">
-							<p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-						</div>
-						<ul class="highlights">
-							<li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-							<li>Successfully won Techcrunch Disrupt</li>
-							<li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
-						</ul>
-					</div>
-					</section>
-				</section>
-
-				<section class="section">
-					<h2 class='section-title'>Education</h2>
-					<section id="education">
-							<header>
-									<h3 class="institution">
-										University of Oklahoma
-									</h3>
-								<div class="date">
-									<span class="startDate">
-										2011
-									</span>
-									<span class="endDate">
-										- 2014
-									</span>
-								</div>
-							</header>
-							<div class="item">
-									<div class="studyType">
-										Bachelor
-									</div>
-									<div class="area">
-										Information Technology
-									</div>
-									<ul class="courses">
-										<li>DB1101 - Basic SQL</li>
-										<li>CS2011 - Java Introduction</li>
-									</ul>
-							</div>
-					</section>
-				</section>
-
-
-				<section class="section">
-					<h2 class='section-title'>Volunteer</h2>
-					<section id="volunteer">
-								<header>
-									<h3 class="company">
-										CoderDojo
-									</h3>
-									<div class="date">
-										<span class="startDate">
-											January 2012
-										</span>
-										<span class="endDate">
-											- January 2013
-										</span>
-								</header>
-							<div class="item">
-							<div class="position">
-								Teacher
-							</div>
-							<div class="summary">
-								<p>Global movement of free coding clubs for young people.</p>
-							</div>
-							<ul class="highlights">
-								<li>Awarded &#x27;Teacher of the Month&#x27;</li>
-							</ul>
-						</div>
-					</section>
-				</section>
-
-				<section class="section">
-					<h2 class='section-title'>Awards</h2>
-					<section id="awards">
-						<div class="date">
-							1 November 2014
-						</div>
-						<div class="item">
-							<div class="title">
-								Digital Compression Pioneer Award
-							</div>
-							<div class="awarder">
-								Techcrunch
-							</div>
-							<div class="summary">
-								<p>There is no spoon.</p>
-							</div>
-						</div>
-					</section>
-				</section>
-
-				<section class="section">
-					<h2 class='section-title'>Publications</h2>
-					<section id="publications">
-							<div class="item">
-								<span class="name">
-										Video compression for 3d media
-								</span>
-									<span class="publisher">
-										in Hooli,
-									</span>
-									<span class="date">
-										1 October 2014
-									</span>
-								<div class="summary">
-									<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
-								</div>
-							</div>
-					</section>
-				</section>
-
-				<section class="section">
-					<h2 class='section-title'>Skills</h2>
-					<section id="skills">
-						<div class="item">
-							<div class="name">
-								Web Development
-							</div>
-							<div class="level master">
-								<em>Master</em>
-								<div class="bar"></div>
-							</div>
-							<ul class="keywords">
-								<li>HTML</li>
-								<li>CSS</li>
-								<li>Javascript</li>
-							</ul>
-						</div>
-						<div class="item">
-							<div class="name">
-								Compression
-							</div>
-							<div class="level master">
-								<em>Master</em>
-								<div class="bar"></div>
-							</div>
-							<ul class="keywords">
-								<li>Mpeg</li>
-								<li>MP4</li>
-								<li>GIF</li>
-							</ul>
-						</div>
-					</section>
-				</section>
-
-				<section class="section">
-					<h2 class='section-title'>Languages</h2>
-					<section id="languages">
-						<div class="item">
-							<div class="language">
-								English
-							</div>
-							<div class="fluency">
-								<em>Native speaker</em>
-							</div>
-						</div>
-					</section>
-				</section>
-
-				<section class="section">
-					<h2 class='section-title' class='section-title'>Interests</h2>
-					<section id="interests">
-						<div class="item">
-							<div class="name">
-								Wildlife
-							</div>
-							<ul class="keywords">
-								<li>Ferrets</li>
-								<li>Unicorns</li>
-							</ul>
-						</div>
-					</section>
-				</section>
-
-				<section class="section">
-					<h2 class='section-title'>References</h2>
-					<section id="references">
-						<div class="item">
-							<blockquote class="reference">
-								&#8220;&#32;It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.&#32;&#8221;
-							</blockquote>
-							<div class="name">
-								Erlich Bachman
-							</div>
-						</div>
-					</section>
-				</section>
-		</div>
-	</body>
-
-</html>

json-resume/themes/srt.html

@@ -1,200 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html>
-<head>
-	<title>Bree LaPointe | Programmer | </title>
-	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
-
-	<meta name="keywords" content="" />
-	<meta name="description" content="" />
-
-	<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css" media="all" /> 
-	<style>
-	/*
----------------------------------------------------------------------------------
-	STRIPPED DOWN RESUME TEMPLATE
-    html resume
-
-    v0.9: 5/28/09
-
-    design and code by: thingsthatarebrown.com 
-                        (matt brown)
----------------------------------------------------------------------------------
-*/
-
-
-.msg { padding: 10px; background: #222; position: relative; }
-.msg h1 { color: #fff;  }
-.msg a { margin-left: 20px; background: #408814; color: white; padding: 4px 8px; text-decoration: none; }
-.msg a:hover { background: #266400; }
-
-/* //-- yui-grids style overrides -- */
-body { font-family: Georgia; color: #444; }
-#inner { padding: 10px 80px; margin: 80px auto; background: #f5f5f5; border: solid #666; border-width: 8px 0 2px 0; }
-.yui-gf { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #ccc; }
-
-/* //-- header, body, footer -- */
-#hd { margin: 2.5em 0 3em 0; padding-bottom: 1.5em; border-bottom: 1px solid #ccc }
-#hd h2 { text-transform: uppercase; letter-spacing: 2px; }
-#bd, #ft { margin-bottom: 2em; }
-
-/* //-- footer -- */
-#ft { padding: 1em 0 5em 0; font-size: 92%; border-top: 1px solid #ccc; text-align: center; }
-#ft p { margin-bottom: 0; text-align: center;   }
-
-/* //-- core typography and style -- */
-#hd h1 { font-size: 48px; text-transform: uppercase; letter-spacing: 3px; }
-h2 { font-size: 152% }
-h3, h4 { font-size: 122%; }
-h1, h2, h3, h4 { color: #333; }
-p { font-size: 100%; line-height: 18px; padding-right: 3em; }
-a { color: #990003 }
-a:hover { text-decoration: none; }
-strong { font-weight: bold; }
-li { line-height: 24px; border-bottom: 1px solid #ccc; }
-p.enlarge { font-size: 144%; padding-right: 6.5em; line-height: 24px; }
-p.enlarge span { color: #000 }
-.contact-info { margin-top: 7px; }
-.first h2 { font-style: italic; }
-.last { border-bottom: 0 }
-
-
-/* //-- section styles -- */
-
-a#pdf { display: block; float: left; background: #666; color: white; padding: 6px 50px 6px 12px; margin-bottom: 6px; text-decoration: none;  }
-a#pdf:hover { background: #222; }
-
-.job { position: relative; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ccc; }
-.job h4 { position: absolute; top: 0.35em; right: 0 }
-.job p { margin: 0.75em 0 3em 0; }
-
-.last { border: none; }
-.skills-list {  }
-.skills-list ul { margin: 0; }
-.skills-list li { margin: 3px 0; padding: 3px 0; }
-.skills-list li span { font-size: 152%; display: block; margin-bottom: -2px; padding: 0 }
-.talent { width: 32%; float: left }
-.talent h2 { margin-bottom: 6px; }
-
-#srt-ttab { margin-bottom: 100px; text-align: center;  }
-#srt-ttab img.last { margin-top: 20px }
-
-/* --// override to force 1/8th width grids -- */
-.yui-gf .yui-u{width:80.2%;}
-.yui-gf div.first{width:12.3%;}
-
-
-
-	</style>
-</head>
-<body>
-
-<div id="doc2" class="yui-t7">
-	<div id="inner">
-		<div id="hd">
-			<div class="yui-gc">
-				<div class="yui-u first">
-					<h1>Bree LaPointe</h1>
-					<h2>Programmer</h2>
-				</div>
-
-				<div class="yui-u">
-					<div class="contact-info">
-						<h3><a id="pdf" href="#">Download as PDF</a></h3>
-						<h3><a href="mailto:contact@blapointe.com">contact@blapointe.com</a></h3>
-						<h3>(912) 555-4321</h3>
-					</div><!--// .contact-info -->
-				</div>
-			</div><!--// .yui-gc -->
-		</div><!--// hd -->
-
-		<div id="bd">
-			<div id="yui-main">
-				<div class="yui-b">
-
-					<div class="yui-gf">
-						<div class="yui-u first">
-							<h2>Profile</h2>
-						</div>
-						<div class="yui-u">
-							<p class="enlarge">
-								Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation! 
-							</p>
-						</div>
-					</div><!--// .yui-gf -->
-
-					<div class="yui-gf">
-						<div class="yui-u first">
-							<h2>Skills</h2>
-						</div>
-						<div class="yui-u">
-								<div class="talent">
-									<h2>Web Development</h2>
-									<p>HTML</p>
-									<p>CSS</p>
-									<p>Javascript</p>
-								</div>
-								<div class="talent">
-									<h2>Compression</h2>
-									<p>Mpeg</p>
-									<p>MP4</p>
-									<p>GIF</p>
-								</div>
-						</div>
-					</div><!--// .yui-gf -->
-
-					<div class="yui-gf">
-						<div class="yui-u first">
-							<h2>Experience</h2>
-						</div><!--// .yui-u -->
-
-						<div class="yui-u">
-							<div class="job last">
-								<h2></h2>
-								<h3>CEO/President</h3>
-								<h4>2013-12-01 - 
-                                                                2014-12-01
-</h4>
-								<p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.<br>
-								&bull; Build an algorithm for artist to detect if their music was violating copy right infringement laws<br>
-							        								&bull; Successfully won Techcrunch Disrupt<br>
-							        								&bull; Optimized an algorithm that holds the current world record for Weisman Scores<br>
-							        </p>
-							</div>
-						</div><!--// .yui-u -->
-					</div><!--// .yui-gf -->
-
-					<div class="yui-gf">
-						<div class="yui-u first">
-							<h2>Languages</h2>
-						</div>
-						<div class="yui-u">
-								<div class="talent">
-									<h2>English</h2>
-									<p>Native speaker</p>
-								</div>
-						</div>
-					</div><!--// .yui-gf -->
-					<div class="yui-gf last">
-						<div class="yui-u first">
-							<h2>Education</h2>
-						</div>
-						<div class="yui-u">
-							<h2>University of Oklahoma</h2>
-							<h3>Information Technology, Bachelor
-                                                        </h3>
-							<h4>&bull; DB1101 - Basic SQL</h4>
-							<h4>&bull; CS2011 - Java Introduction</h4>
-							<br>
-						</div>
-					</div><!--// .yui-gf -->
-				</div><!--// .yui-b -->
-			</div><!--// yui-main -->
-		</div><!--// bd -->
-
-		<div id="ft">
-			<p>Bree LaPointe &mdash; <a href="mailto:contact@blapointe.com">contact@blapointe.com</a> &mdash; (912) 555-4321</p>
-		</div><!--// footer -->
-	</div><!-- // inner -->
-</div><!--// doc -->
-</body>
-</html>

json-resume/themes/standard-resume.html

@@ -1,359 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-	
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
-	
-	<title>Bree LaPointe</title>
-
-	<style>
-	html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section {
-  display: block;
-}
-body {
-  line-height: 1.5;
-}
-ol,
-ul {
-  list-style: none;
-}
-blockquote,
-q {
-  quotes: none;
-}
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-  content: '';
-  content: none;
-}
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-@import url(http://fonts.googleapis.com/css?family=Roboto);
-html,
-button,
-input,
-textarea {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-family: 'Roboto', sans-serif;
-}
-
-:root {
-  --text: #333333;
-  --headline: #c9cccf;
-  --sub-headline: #96999b;
-  --primary: rgb(207, 214, 255);
-  --secondary: rgb(238, 245, 255);
-}
-
-body {
-  margin: 0 auto;
-  padding: 4rem 2rem;
-  max-width: 600px;
-  color: var(--text);
-}
-
-h1 {
-  font-size: 26px;
-  font-weight: 600;
-  text-transform: uppercase;
-  margin-bottom: 1.5rem;
-}
-
-h2 {
-  margin-top: 2rem;
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--headline);
-  text-transform: uppercase;
-  letter-spacing: 1.2px;
-}
-
-h3 {
-  display: block;
-  text-transform: uppercase;
-  font-weight: 600;
-  font-size: 16px;
-  letter-spacing: 1.2px;
-  margin-top: 0.5rem;
-}
-
-h4 {
-  font-size: 14px;
-  color: var(--sub-headline);
-  padding-top: 0.5rem;
-  padding-bottom: 0.25rem;
-}
-
-p,
-li {
-  margin-bottom: 0.25rem;
-  font-size: 14px;
-}
-
-a {
-  transition: box-shadow 160ms ease 0s;
-  box-shadow: var(--secondary) 0px -9px 0px inset;
-  border-bottom: 2px solid var(--primary);
-  text-decoration: none;
-  color: var(--text);
-}
-
-a:hover {
-  box-shadow: var(--primary) 0px -1.2em 0px inset;
-}
-
-section ul {
-  margin-top: 0.5rem;
-  margin-left: 2.5rem;
-  list-style: disc;
-}
-
-.contact {
-  padding-top: 2rem;
-}
-
-.contact span {
-  width: 100px;
-  display: inline-block;
-}
-
-.skills ul {
-  display: flex;
-  flex-wrap: wrap;
-  margin-top: 2rem;
-}
-
-.skills li {
-  margin-bottom: 1rem;
-  margin-right: 0.5rem;
-  padding: 0.25rem 1rem;
-  background-color: var(--secondary);
-  white-space: nowrap;
-}
-
-.position {
-  margin-bottom: 1.5rem;
-}
-
-.grey {
-  color: var(--sub-headline);
-}
-
-.header {
-  display: flex;
-  justify-content: space-between;
-}
-
-.pdf {
-  color: var(--headline);
-  transition: color ease 160ms;
-  border: none;
-  box-shadow: none;
-}
-
-.pdf:hover {
-  box-shadow: none;
-  color: var(--sub-headline);
-}
-
-@media print {
-  body {
-    padding: 0rem;
-  }
-
-  section,
-  div {
-    page-break-inside: avoid;
-  }
-
-  .pdf {
-    display: none;
-  }
-}
-
-	</style>
-	
-	</head>
-	<body>
-	
-	<div id="resume">
-		  <div class="header">
-		    <h1>Bree LaPointe</h1>
-		  </div>
-		  
-		  <p>Programmer</p>
-		
-		    <p class="grey">San Francisco, US</p>
-		
-		    <p class="grey">Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-		
-				<section class="position">
-						<h2>Work Experience</h2>
-					<h3>
-							
-					</h3>
-		
-						<h4>
-						    CEO/President
-						
-						      | Invalid date
-						  
-						    - Invalid date
-						</h4>
-						
-						  <div class="summary">
-						    <p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-						  </div>
-						
-						  <ul class="highlights">
-						      <li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-						      <li>Successfully won Techcrunch Disrupt</li>
-						      <li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
-						  </ul>
-				</section>
-				<section class="position">
-						<h2>Education</h2>
-					<h3>University of Oklahoma</h3>
-					<h4>
-							Bachelor
-		
-								-
-							Information Technology
-						
-						    | Jun, 2011
-						
-						  - Invalid date
-					</h4>
-				</section>
-				<section class="position">
-						<h2>Projects</h2>
-					<h3>
-							Video compression for 3d media
-					</h3>
-		
-						<h4>
-							Invalid date
-						</h4>
-		
-						<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
-				</section>
-			<h2>Contact Information</h2>
-			<section class="contact">
-		
-					<p>
-						<span>Email:</span>
-						<a href="mailto:contact@blapointe.com" target="_blank" rel="noopener noreferrer">contact@blapointe.com</a>
-					</p>
-		
-					<p>
-						<span>Phone:</span> (912) 555-4321
-					</p>
-		
-			</section>
-	</body>
-</html>

json-resume/themes/tachyons-clean.html

@@ -1,248 +0,0 @@
-<!doctype html>
-<html>
-
-<head>
-
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
-
-	<title>Bree LaPointe</title>
-	<link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css" />
-
-	<style>a {
-  color: #364fc7;
-  text-decoration: none;
-}
-
-.lt-dash::before {
-  content: "- ";
-}
-
-@media print {
-  ul,
-  .item {
-    page-break-inside: avoid;
-  }
-}
-</style>
-
-</head>
-
-<body class="sans-serif black bg-white">
-	<div id="resume" class="mw8 center mb6 pa3">
-		<header class="tc pv4">
-			<h1 class="f4 fw6">Bree LaPointe</h1>
-			<h2 class="f6 fw2 ttu tracked gray">Programmer</h2>
-		</header>
-		<section id="basics">
-			<div class="contact flex justify-between">
-				<ul class="list pl0">
-					
-					<li class="mb1"><a href="mailto:contact@blapointe.com">contact@blapointe.com</a></li>
-					<li class="mb1">(912) 555-4321</li>
-					<li class="mb1">2712 Broadway St, CA 94115,
-						San Francisco, California, US.</li>
-				</ul>
-		
-				<ul class="list pl0 tr">
-					<li class="mb1 network">
-						<span class="ttl gray">Twitter / </span><a href="">neutralthoughts</a>
-					</li>
-					<li class="mb1 network">
-						<span class="ttl gray">SoundCloud / </span><a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
-					</li>
-				</ul>
-			</div>
-		
-			<div class="summary lh-copy">
-				<p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-			</div>
-		</section>
-		<section id="skills">
-			<h2 class="f3 fw5 lh-copy mt4">Skills</h2>
-			<div class="flex flex-wrap">
-				<div class="item w-25">
-					<h3 class="f4 fw4 mb0 mt0 lh-copy name">
-						Web Development
-					</h3>
-					<h4 class="level f7 fw3 black-50 tracked ttu mt0">Master</h4>
-					<ul class="list pl0">
-						<li class="mb1 lt-dash">HTML</li>
-						<li class="mb1 lt-dash">CSS</li>
-						<li class="mb1 lt-dash">Javascript</li>
-					</ul>
-				</div>
-				<div class="item w-25">
-					<h3 class="f4 fw4 mb0 mt0 lh-copy name">
-						Compression
-					</h3>
-					<h4 class="level f7 fw3 black-50 tracked ttu mt0">Master</h4>
-					<ul class="list pl0">
-						<li class="mb1 lt-dash">Mpeg</li>
-						<li class="mb1 lt-dash">MP4</li>
-						<li class="mb1 lt-dash">GIF</li>
-					</ul>
-				</div>
-			</div>
-		</section>
-		<section id="languages">
-			<h2 class="f3 fw5 lh-copy mt4">Languages</h2>
-		
-			<div class="flex flex-wrap">
-				<div class="w-25">
-					<h3 class="f4 fw4 mt0 mb0">English</h3>
-					<h4 class="f7 fw3 tracked ttu gray mt2">Native speaker</h4>
-				</div>
-				</li>
-			</div>
-			</ul>
-		</section>
-		<section id="work">
-			<h2 class="f3 fw5 lh-copy mt4">Experience</h2>
-			<div class="item">
-		
-		
-				<h3 class="position f5 fw5 lh-copy mb0">
-					CEO/President
-				</h3>
-		
-				<div class="gray fw2 date">
-					<span class="startDate">
-						2013-12-01
-					</span>
-					<span class="endDate">
-						&rarr; 2014-12-01
-					</span>
-				</div>
-				<div class="summary lh-copy">
-					<p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-				</div>
-				<ul class="highlights list pl2">
-					<li class="mb2 lt-dash">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-					<li class="mb2 lt-dash">Successfully won Techcrunch Disrupt</li>
-					<li class="mb2 lt-dash">Optimized an algorithm that holds the current world record for Weisman Scores</li>
-				</ul>
-			</div>
-		</section>
-		<section id="references">
-			<h2 class="f3 fw5 lh-copy mt4">References</h2>
-			<div class="item mb4">
-				<blockquote class="reference pl0 ml0 mb0 f4 lh-copy gray quotes">
-					It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.
-				</blockquote>
-				<h3 class="name f5 fw5 mt2">
-					Erlich Bachman
-				</h3>
-			</div>
-		</section>
-		<section id="volunteer">
-			<h2 class="f3 fw5 lh-copy mt4">Volunteer</h2>
-			<div class="item">
-				<h3 class="company f4 fw5 lh-copy mb0">
-					CoderDojo
-				</h3>
-		
-				<h3 class="position f5 fw5 lh-copy mb0">
-					Teacher
-				</h3>
-		
-				<div class="gray fw2 date">
-					<span class="startDate">
-						2012-01-01
-					</span>
-					<span class="endDate">
-						&rarr; 2013-01-01
-					</span>
-				</div>
-		
-				<div class="summary">
-					<p>Global movement of free coding clubs for young people.</p>
-				</div>
-				<ul class="highlights list pl2">
-					<li class="lt-dash mb1">Awarded &#x27;Teacher of the Month&#x27;</li>
-				</ul>
-			</div>
-		</section>
-		<section id="education">
-			<h2 class="f3 fw5 lh-copy mt4">Education</h2>
-			<div class="item">
-				<h3 class="company f4 fw5 lh-copy mb0">University of Oklahoma</h3>
-				<h4 class="company f5 fw5 mt0 mb2">
-					Information Technology
-				</h4>
-				<h4 class="position f5 fw5 lh-copy mt3 mb0">
-					Bachelor
-		
-				</h4>
-				<div class="gray fw2 date">
-					<span class="startDate">
-						2011-06-01
-					</span>
-					<span class="endDate">
-						&rarr; 2014-01-01
-					</span>
-				</div>
-		
-				<ul class="courses list pl2">
-					<li class="lt-dash mb1">DB1101 - Basic SQL</li>
-					<li class="lt-dash mb1">CS2011 - Java Introduction</li>
-				</ul>
-			</div>
-		</section>
-		<section id="awards">
-			<h2 class="f3 fw5 lh-copy mt5">Awards</h2>
-			<div class="item">
-				<h3 class="position f4 fw5 lh-copy mb0">
-					Digital Compression Pioneer Award
-				</h3>
-				<h4 class="position f5 fw5 lh-copy mt3 mb0">
-					Techcrunch
-				</h4>
-		
-				<div class="gray fw2 date">
-					2014-11-01
-				</div>
-				
-				<div class="summary">
-					<p>There is no spoon.</p>
-				</div>
-			</div>
-		</section>
-		<section id="publications">
-			<h2 class="f3 fw5 lh-copy mt4">Publications</h2>
-			<div class="item">
-				<h3 class="name f4 fw5 lh-copy mb0">
-					Video compression for 3d media
-				</h3>
-		
-		
-				<h3 class="position f5 fw5 lh-copy mb0">
-					Hooli
-				</h3>
-		
-				<div class="gray fw2 releaseDate">
-					2014-10-01
-				</div>
-				<div class="summary">
-					<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
-				</div>
-			</div>
-		</section>
-		<section id="interests">
-			<h2 class="f3 fw5 lh-copy mt4">Interests</h2>
-			<div class="flex flex-wrap">
-				<div class="w-25">
-					<h3 class="f4 fw4 mt0 mb0 lh-copy name">
-						Wildlife
-					</h3>
-					<ul class="list pl0">
-						<li class="mb1 lt-dash">Ferrets</li>
-						<li class="mb1 lt-dash">Unicorns</li>
-					</ul>
-				</div>
-			</div>
-		</section>
-	</div>
-</body>
-
-</html>

json-resume/themes/tan-responsive.html

@@ -1,588 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-		<meta charset="utf-8">
-		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-		<meta name="viewport" content="width=device-width, initial-scale=1">
-		<title>Resume of Bree LaPointe</title>
-		<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
-		<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
-		<link href='http://fonts.googleapis.com/css?family=Rokkitt:400,700|Lato:400,300' rel='stylesheet' type='text/css'>
-		<style type="text/css">
-			html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
-border:0;
-font:inherit;
-font-size:100%;
-margin:0;
-padding:0;
-vertical-align:baseline;
-}
-
-article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
-display:block;
-}
-
-html, body {background: #181818; font-family: 'Lato', helvetica, arial, sans-serif; font-size: 16px; color: #222;}
-
-.clear {clear: both;}
-
-p {
-	font-size: 1em;
-	line-height: 1.4em;
-	margin-bottom: 20px;
-	color: #444;
-}
-
-#cv {
-	width: 90%;
-	max-width: 1000px;
-	background: #f3f3f3;
-	margin: 30px auto;
-}
-
-.mainDetails {
-	padding: 25px 35px;
-	border-bottom: 2px solid #cf8a05;
-	background: #ededed;
-}
-
-#name h1 {
-	font-size: 3.3em;
-	font-weight: 700;
-	font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
-	margin-bottom: -6px;
-}
-
-#name h2 {
-	font-size: 2.6em;
-	margin-left: 2px;
-	font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
-}
-
-#mainArea {
-	padding: 0 40px;
-}
-
-#headshot {
-	width: 20%;
-	float: left;
-	margin-right: 30px;
-}
-
-#headshot img {
-	width: 100%;
-	height: auto;
-	-webkit-border-radius: 100px;
-	border-radius: 100px;
-}
-
-#name {
-	float: left;
-}
-
-#contactDetails {
-	float: right;
-    width: 38%;
-}
-
-#contactDetails ul {
-	list-style-type: none;
-	font-size: 0.9em;
-	margin-top: 2px;
-}
-
-#contactDetails ul li {
-	margin-bottom: 3px;
-	color: #444;
-}
-
-#contactDetails ul li a, a[href^=tel] {
-	color: #444;
-	text-decoration: none;
-	-webkit-transition: all .3s ease-in;
-	-moz-transition: all .3s ease-in;
-	-o-transition: all .3s ease-in;
-	-ms-transition: all .3s ease-in;
-	transition: all .3s ease-in;
-}
-
-#contactDetails ul li a:hover {
-	color: #cf8a05;
-}
-
-
-section {
-	border-top: 1px solid #dedede;
-	padding: 20px 0 0;
-}
-
-section:first-child {
-	border-top: 0;
-}
-
-section:last-child {
-	padding: 20px 0 10px;
-}
-
-.sectionTitle {
-	float: left;
-	width: 25%;
-}
-
-.sectionContent {
-	float: right;
-	width: 72.5%;
-}
-
-.sectionTitle h1 {
-	font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
-	font-style: italic;
-	font-size: 1.5em;
-	color: #cf8a05;
-}
-
-.sectionContent h2 {
-	font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
-	font-size: 1.5em;
-	margin-bottom: -2px;
-}
-
-.subDetails {
-	font-size: 0.8em;
-	font-style: italic;
-	margin-bottom: 3px;
-}
-
-.keySkills {
-	list-style-type: none;
-	-moz-column-count:3;
-	-webkit-column-count:3;
-	column-count:3;
-	margin-bottom: 20px;
-	font-size: 1em;
-	color: #444;
-}
-
-.keySkills ul li {
-	margin-bottom: 3px;
-}
-
-.contact-item{
-  width: 100%;
-  float: left;
-}
-.contact-item .icon{
-  padding: 10px;
-  border-right: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
-  color: #32475c;
-  background: #eee;
-}
-.contact-item:last-child .icon{
-  border-bottom: none;
-}
-.contact-item .title{
-  width: 80%;
-  width: calc(100% - 55px);
-  font-weight: 700;
-  opacity: 0.9;
-}
-.contact-item .title.only{
-  margin-top: 10px;
-}
-.contact-item .description{
-  width: 80%;
-  width: calc(100% - 55px);
-  color: #334960;
-}
-
-.badge{
-	color: #fff;
-	display: inline-block;
-	margin-right: 5px;
-	margin-top: 5px;
-	margin-bottom: 5px;
-	padding: 5px 10px;
-	background: #32475C;
-	position: relative;
-	font-size: 1em;
-	font-weight: bold;
-	font-style: normal;
-}
-
-@media all and (min-width: 602px) and (max-width: 800px) {
-	#headshot {
-		display: none;
-	}
-
-	.keySkills {
-	-moz-column-count:2;
-	-webkit-column-count:2;
-	column-count:2;
-	}
-}
-
-@media all and (max-width: 601px) {
-	#cv {
-		width: 95%;
-		margin: 10px auto;
-		min-width: 280px;
-	}
-
-	#headshot {
-		display: none;
-	}
-
-	#name, #contactDetails {
-		float: none;
-		width: 100%;
-		text-align: center;
-	}
-
-	.sectionTitle, .sectionContent {
-		float: none;
-		width: 100%;
-	}
-
-	.sectionTitle {
-		margin-left: -2px;
-		font-size: 1.25em;
-	}
-
-	.keySkills {
-		-moz-column-count:2;
-		-webkit-column-count:2;
-		column-count:2;
-	}
-}
-
-@media all and (max-width: 480px) {
-	.mainDetails {
-		padding: 15px 15px;
-	}
-
-	section {
-		padding: 15px 0 0;
-	}
-
-	#mainArea {
-		padding: 0 25px;
-	}
-
-
-	.keySkills {
-	-moz-column-count:1;
-	-webkit-column-count:1;
-	column-count:1;
-	}
-
-	#name h1 {
-		line-height: .8em;
-		margin-bottom: 4px;
-	}
-}
-
-@media print {
-    #cv {
-        width: 100%;
-    }
-		html, body {
-			width:100%;
-			height:auto;
-			margin:inherit;
-			padding:0;
-		}
-		a[href]:after {
-	    content: none !important;
-	  }
-}
-
-@-webkit-keyframes reset {
-	0% {
-		opacity: 0;
-	}
-	100% {
-		opacity: 0;
-	}
-}
-
-@-webkit-keyframes fade-in {
-	0% {
-		opacity: 0;
-	}
-	40% {
-		opacity: 0;
-	}
-	100% {
-		opacity: 1;
-	}
-}
-
-@-moz-keyframes reset {
-	0% {
-		opacity: 0;
-	}
-	100% {
-		opacity: 0;
-	}
-}
-
-@-moz-keyframes fade-in {
-	0% {
-		opacity: 0;
-	}
-	40% {
-		opacity: 0;
-	}
-	100% {
-		opacity: 1;
-	}
-}
-
-@keyframes reset {
-	0% {
-		opacity: 0;
-	}
-	100% {
-		opacity: 0;
-	}
-}
-
-@keyframes fade-in {
-	0% {
-		opacity: 0;
-	}
-	40% {
-		opacity: 0;
-	}
-	100% {
-		opacity: 1;
-	}
-}
-
-.instaFade {
-    -webkit-animation-name: reset, fade-in;
-    -webkit-animation-duration: 1.5s;
-    -webkit-animation-timing-function: ease-in;
-
-	-moz-animation-name: reset, fade-in;
-    -moz-animation-duration: 1.5s;
-    -moz-animation-timing-function: ease-in;
-
-	animation-name: reset, fade-in;
-    animation-duration: 1.5s;
-    animation-timing-function: ease-in;
-}
-
-.quickFade {
-    -webkit-animation-name: reset, fade-in;
-    -webkit-animation-duration: 2.5s;
-    -webkit-animation-timing-function: ease-in;
-
-	-moz-animation-name: reset, fade-in;
-    -moz-animation-duration: 2.5s;
-    -moz-animation-timing-function: ease-in;
-
-	animation-name: reset, fade-in;
-    animation-duration: 2.5s;
-    animation-timing-function: ease-in;
-}
-
-.delayOne {
-	-webkit-animation-delay: 0, .5s;
-	-moz-animation-delay: 0, .5s;
-	animation-delay: 0, .5s;
-}
-
-.delayTwo {
-	-webkit-animation-delay: 0, 1s;
-	-moz-animation-delay: 0, 1s;
-	animation-delay: 0, 1s;
-}
-
-.delayThree {
-	-webkit-animation-delay: 0, 1.5s;
-	-moz-animation-delay: 0, 1.5s;
-	animation-delay: 0, 1.5s;
-}
-
-.delayFour {
-	-webkit-animation-delay: 0, 2s;
-	-moz-animation-delay: 0, 2s;
-	animation-delay: 0, 2s;
-}
-
-.delayFive {
-	-webkit-animation-delay: 0, 2.5s;
-	-moz-animation-delay: 0, 2.5s;
-	animation-delay: 0, 2.5s;
-}
-
-		</style>
-	</head>
-	<body id="top">
-		<div id="cv" class="instaFade">
-			<div class="mainDetails">
-				<div id="headshot" class="quickFade">
-					<img src="" alt="avatar" />
-				</div>
-				<div id="name">
-					<h1 class="quickFade delayTwo">Bree LaPointe</h1>
-					<h2 class="quickFade delayThree">Programmer</h2>
-				</div>
-				<div id="contactDetails" class="quickFade delayFour">
-                        <div class="contact-item">
-                          <div class="icon pull-left text-center"><span class="fa fa-map-marker fa-fw"></span></div>
-                          <div class="title pull-right">2712 Broadway St</div>
-                          <div class="title  pull-right">San Francisco, California CA 94115 US</div>
-                        </div>
-                        <div class="contact-item">
-                          <div class="icon pull-left text-center"><span class="fa fa-phone fa-fw"></span></div>
-                          <div class="title only pull-right">(912) 555-4321</div>
-                        </div>
-                        <div class="contact-item">
-                          <div class="icon pull-left text-center"><span class="fa fa-envelope fa-fw"></span></div>
-                          <div class="title only pull-right"><a href="mailto:contact@blapointe.com" target="_blank">contact@blapointe.com</a></div>
-                        </div>
-                        <div class="contact-item">
-                          <div class="icon pull-left text-center"><span class="fa fa-twitter fa-fw"></span></div>
-                          <div class="description pull-right"><a href="" target="_blank">neutralthoughts</a></div>
-                        </div>
-                        <div class="contact-item">
-                          <div class="icon pull-left text-center"><span class="fa fa-soundcloud fa-fw"></span></div>
-                          <div class="description pull-right"><a href="https:&#x2F;&#x2F;soundcloud.example.com&#x2F;dandymusicnl" target="_blank">dandymusicnl</a></div>
-                        </div>
-				</div>
-				<div class="clear"></div>
-			</div>
-			<div id="mainArea" class="quickFade delayFive">
-				<section>
-					<article>
-						<div class="sectionTitle">
-							<h1>About</h1>
-						</div>
-						<div class="sectionContent">
-							<p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p>
-						</div>
-					</article>
-					<div class="clear"></div>
-				</section>
-				<section>
-					<div class="sectionTitle">
-						<h1><B>WORK EXPERIENCE</B></h1>
-					</div>
-					<div class="sectionContent">
-						<article>
-                            <h2>CEO&#x2F;President at , Palo Alto, CA</h2>
-                            <p class="subDetails">December 2013 – December 2014</p>
-                                <ul class="info">
-                                    <li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-                                    <li>Successfully won Techcrunch Disrupt</li>
-                                    <li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
-                                </ul>
-                            <br/>
-						</article>
-						<br>
-					</div>
-					<div class="clear"></div>
-				</section>
-				<section>
-					<div class="sectionTitle">
-						<h1><B>CERTIFICATIONS</B></h1>
-					</div>
-					<div class="sectionContent">
-						<article>
-						</article>
-						<br>
-					</div>
-					<div class="clear"></div>
-				</section>
-				<section>
-					<div class="sectionTitle">
-						<h1><B>PROJECTS</B></h1>
-					</div>
-					<div class="sectionContent">
-						<article>
-                            <h2>Miss Direction</h2>
-                            <p class="subDetails">August 2016 – August 2016</p>
-                                <ul class="info">
-                                    <li>Won award at AIHacks 2016</li>
-                                    <li>Built by all women team of newbie programmers</li>
-                                    <li>Using modern technologies such as GoogleMaps, Chrome Extension and Javascript</li>
-                                </ul>
-                            <br/>
-						</article>
-						<br>
-					</div>
-					<div class="clear"></div>
-				</section>
-				<section>
-					<div class="sectionTitle">
-                        <h1><B>SKILLS</B></h1>
-                    </div>
-                    <div class="sectionContent">
-                        <article>
-						<div class="info">
-                            <br/><h2>Web Development</h2>
-							<div class="info">
-								<span class="skill-level">Master</span>
-							</div>
-							<div class="col-sm-offset-1 col-sm-12 subDetails">
-								<span class= "skill badge">HTML  </span>
-								<span class= "skill badge">CSS  </span>
-								<span class= "skill badge">Javascript  </span>
-							</div>
-
-						</div>
-                        </article>
-                        <article>
-						<div class="info">
-                            <br/><h2>Compression</h2>
-							<div class="info">
-								<span class="skill-level">Master</span>
-							</div>
-							<div class="col-sm-offset-1 col-sm-12 subDetails">
-								<span class= "skill badge">Mpeg  </span>
-								<span class= "skill badge">MP4  </span>
-								<span class= "skill badge">GIF  </span>
-							</div>
-
-						</div>
-                        </article>
-					</div>
-					<div class="clear"></div>
-				</section>
-				<section>
-					<!-- EDUCATION -->
-                    <div class="sectionTitle">
-                        <h1><B>EDUCATION</B></h1>
-                    </div>
-                    <div class="sectionContent">
-                        <article>
-                            <h2>University of Oklahoma</h2>
-                                <p class="subDetails">Bachelor in Information Technology</p>
-                            <p class="subDetails">2011 - 2014</p>
-                                <div class="subDetails">Courses</div>
-                                <ul class="info">
-                                        <li>DB1101 - Basic SQL</li>
-                                        <li>CS2011 - Java Introduction</li>
-                                </ul>
-                        </article>
-                        <br>
-                    </div>
-					<div class="clear" />
-				</section>
-			</div>
-		</div>
-		<script type="text/javascript">
-			var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
-			document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
-		</script>
-		<script type="text/javascript">
-			var pageTracker = _gat._getTracker("UA-3753241-1");
-			pageTracker._initData();
-			pageTracker._trackPageview();
-		</script>
-	</body>
-</html>

json-resume/themes/techlead.html

@@ -1,150 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" integrity="sha256-l85OmPOjvil/SOvVt3HnSSjzF1TUMyT9eV0c2BzEGzU=" crossorigin="anonymous" />
-  <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
-	<title>Bree LaPointe</title>
-
-	<style>
-	body {
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  background-color: #fafafa;
-  font-family: "Roboto", sans-serif;
-  font-size: 10pt;
-}
-* {
-  box-sizing: border-box;
-  -moz-box-sizing: border-box;
-}
-.page {
-  width: 210mm;
-  min-height: 297mm;
-  padding: 10mm;
-  margin: 10mm auto;
-  border: 1px #d3d3d3 solid;
-  border-radius: 5px;
-  background: white;
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-}
-
-@page {
-  size: A4;
-  margin: 0;
-}
-@media print {
-  html,
-  body {
-    width: 210mm;
-    height: 297mm;
-  }
-  .page {
-    margin: 0;
-    border: initial;
-    border-radius: initial;
-    width: initial;
-    min-height: initial;
-    box-shadow: initial;
-    background: initial;
-    page-break-after: always;
-  }
-}
-
-h1 {
-  padding: 0;
-  margin: 0;
-  font-size: 15pt;
-}
-
-p {
-  padding: 0;
-  margin: 2px 0 15px 0;
-}
-.title {
-  font-weight: bold;
-  margin-bottom: 3px;
-}
-
-.endDate,
-.startDate {
-  color: #444;
-}
-section {
-  margin-bottom: 15px;
-}
-
-	</style>
-
-	</head>
-	<body>
-
-	<div class="page">
-			<h1>Bree LaPointe</h1>
-			<section id="basics">
-						San Francisco
-						US
-					/
-					(912) 555-4321 /
-					contact@blapointe.com
-			</section>
-		<section id="work">
-			<br />
-				<span class="startDate">
-					2013-12-01
-				</span>
-				<span class="endDate">
-					- 2014-12-01
-				</span>
-				</div>
-				<p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-				<!-- <div class="date">
-					<span class="startDate">
-						2013-12-01
-					</span>
-					<span class="endDate">
-						- 2014-12-01
-					</span>
-				</div>
-				<div class="position">
-					CEO/President
-				</div>
-				<div class="summary">
-					<p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
-				</div>
-				<ul class="highlights">
-					<li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
-					<li>Successfully won Techcrunch Disrupt</li>
-					<li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
-				</ul>
-				 -->
-		</section>
-		<section id="education">
-			<div class="title">EDUCATION</div>
-				<div>
-					<strong>University of Oklahoma,</strong>
-					<span class="startDate">
-						2011-06-01
-					</span>
-					<span class="endDate">
-						- 2014-01-01
-					</span>
-				</div>
-				Bachelor
-		</section>
-		<section id="awards">
-			<div class="title">AWARDS</div>
-			<div class="item">
-					Digital Compression Pioneer Award (Techcrunch)
-			</div>
-		</section>
-		<section id="interests">
-			<div class="title">HOBBIES</div>
-					Wildlife
-		</section>
-	</body>
-</html>