jshaver/html-resume
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Compare commits

base: jshaver:6fb047a229c22b860622ab09c4e2f8dd53c1b73d
Branches Tags
jshaver:201809
jshaver:master
jshaver:2022
jshaver:2021
..
compare: jshaver:b125ba364bac7cc59bd162ac10566bcc70c438a3
Branches Tags
jshaver:master
jshaver:2022
jshaver:2021
jshaver:201809

No commits in common. "6fb047a229c22b860622ab09c4e2f8dd53c1b73d" and "b125ba364bac7cc59bd162ac10566bcc70c438a3" have entirely different histories.
6fb047a229 ... b125ba364b

5 changed files with 103 additions and 142 deletions
Show stats Expand all files Collapse all files

40
.drone.yml
View file

@ -11,13 +11,10 @@ trigger:
steps: steps:
- name: build-resume - name: build-resume
image: jshaver/root-browserless-chrome image: browserless/chrome
commands: commands:
- git submodule init - "sleep 6"
- git submodule update --recursive --remote - "chrome-browser --headless --disable-gpu --run-all-compositor-stages-before-draw --print-to-pdf='./John-Shaver-Resume-2021.pdf' http://resume-server:8080/ --virtual-time-budget=10000;"
- sleep 25
- "google-chrome --headless --enable-logging=stderr -v=1 --no-sandbox --disable-gpu --run-all-compositor-stages-before-draw --virtual-time-budget=20000 --print-to-pdf='./John-Shaver-Resume-2021.pdf' http://resume:8080/"
- chmod 644 ./John-Shaver-Resume-2021.pdf
- name: deploy - name: deploy
image: drillster/drone-rsync image: drillster/drone-rsync
settings: settings:
@ -28,16 +25,14 @@ steps:
from_secret: deploy-key from_secret: deploy-key
source: ./ source: ./
target: /var/www/jshaver_net/stage/${DRONE_BRANCH}/resume target: /var/www/jshaver_net/stage/${DRONE_BRANCH}/resume
prescript:
- mkdir -p /var/www/jshaver_net/stage/${DRONE_BRANCH}/resume
recursive: true recursive: true
args: "-v --files-from=deploy-list.txt" args:
- "--files-from=deploy-list.txt"
services: services:
- name: resume - name: resume-server
image: node image: node
commands: commands:
- 'echo "running the command"'
- "npx http-server" - "npx http-server"
--- ---
@ -53,18 +48,11 @@ trigger:
- push - push
steps: steps:
- name: submodules
image: alpine/git
commands:
- git submodule update --recursive --remote
- name: build-resume - name: build-resume
image: jshaver/root-browserless-chrome image: browserless/chrome
commands: commands:
- git submodule init - "sleep 6"
- git submodule update --recursive --remote - "chrome-browser --headless --disable-gpu --run-all-compositor-stages-before-draw --print-to-pdf='./John-Shaver-Resume-2021.pdf' http://resume-server:8080/ --virtual-time-budget=10000;"
- sleep 25
- "google-chrome --headless --no-sandbox --disable-gpu --run-all-compositor-stages-before-draw --print-to-pdf='./John-Shaver-Resume-2021.pdf' http://resume:8080/ --virtual-time-budget=10000;"
- chmod 644 ./John-Shaver-Resume-2021.pdf
- name: deploy - name: deploy
image: drillster/drone-rsync image: drillster/drone-rsync
settings: settings:
@ -76,11 +64,5 @@ steps:
source: ./ source: ./
target: /var/www/jshaver_net/resume target: /var/www/jshaver_net/resume
recursive: true recursive: true
args: "-v --files-from=deploy-list.txt" args:
- "--files-from=deploy-list.txt"
services:
- name: resume
image: node
commands:
- "npx http-server"

3
Dockerfile
View file

@ -1,3 +0,0 @@
FROM browserless/chrome
USER root
CMD ["ls", "-la"]

5
deploy-list.txt
View file

@ -1,7 +1,4 @@
./dep/
./style.css ./style.css
index.html index.html
./John-Shaver-Resume-2021.pdf ./John-Shaver-Resume-2021.pdf
./dep/normalize.css/normalize.css
./dep/Font-Awesome/css/all.css
./dep/Font-Awesome/webfonts/fa-brands-400.woff2
./dep/Font-Awesome/webfonts/fa-solid-900.woff2

176
index.html
View file

@ -31,42 +31,35 @@
<section id="main"> <section id="main">
<header id="title"> <header id="title">
<h1>John Shaver</h1> <h1>John Shaver</h1>
<span class="subtitle">Full-Stack Engineer</span> <span class="subtitle">Full-Stack Engineer and Devops Enthusiast</span>
</header> </header>
<!--
<section class="main-block summary">
<p>I'm a fullstack engineer with experience troubleshooting </p>
</section>
-->
<section class="main-block"> <section class="main-block">
<h2> <h2>
<i class="fa fa-suitcase"></i> Experiences <i class="fa fa-suitcase"></i> Experiences
</h2> </h2>
<section class="blocks"> <section class="blocks">
<div class="date"> <div class="date">
<span>present</span><span>2019</span> <span>present</span><span>2017</span>
</div> </div>
<div class="decorator"> <div class="decorator">
</div> </div>
<div class="details"> <div class="details">
<header> <header>
<h3>Software Engineer III and Lead Developer for Skillabi</h3> <h3>Technical Co-founder</h3>
<span class="place"><a href="https:/economicmodeling.com/">Emsi/BurningGlass</a></span> <span class="place"><a href="https:/ppl.family/">ppl :)</a></span>
<span class="location fa">Moscow, ID</span> <span class="location fa">Remote (Provo, UT)</span>
</header> </header>
<div> <div>
<ul> <ul>
<li>Worked with a team to successfully develop Skillsmatch MVP.</li> <li>Building a home server to replace the ever expanding list of "cloud" services relied upon by today's family.</li>
<li>Worked with a team on multiple iterations of the Skillabi Prototype.</li> <li>Developing authentication protocols and network stack to support secure collection, access and sharing.</li>
<li>Currently leading a team to develop the Skillabi MVP and it's APIs.</li>
<li>Lead the move away from application-wide credentials to secure, per-user, role based auth.</li>
</ul> </ul>
</div> </div>
</div> </div>
</section> </section>
<section class="blocks"> <section class="blocks">
<div class="date"> <div class="date">
<span>2019</span><span>2014</span> <span>present</span><span>2014</span>
</div> </div>
<div class="decorator"> <div class="decorator">
</div> </div>
@ -79,7 +72,7 @@
<div> <div>
<ul> <ul>
<li>Design, implement and ship web based software to fit customer needs.</li> <li>Design, implement and ship web based software to fit customer needs.</li>
<li>This included: rest APIs, modern SPA interfaces, automating deployments and developer environments, OAuth2/OIDC authentication, etc.</li> <li>This included: rest APIs, modern SPA interfaces, automating deployments and developer environments, OAuth2/OIDC authentication, implementing secure RPC calls over UDP, and much more.</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -105,8 +98,7 @@
</div> </div>
</div> </div>
</section> </section>
<!-- <section class="blocks">
<section class="blocks">
<div class="date"> <div class="date">
<span>2013</span><span>2012</span> <span>2013</span><span>2012</span>
</div> </div>
@ -126,7 +118,6 @@
</div> </div>
</div> </div>
</section> </section>
-->
</section> </section>
<section class="main-block"> <section class="main-block">
<h2> <h2>
@ -134,41 +125,42 @@
</h2> </h2>
<section class="blocks"> <section class="blocks">
<div class="date"> <div class="date">
<span>2021</span> <span>2018</span>
</div> </div>
<div class="decorator"> <div class="decorator">
</div> </div>
<div class="details"> <div class="details">
<header> <header>
<h3>Skillabi</h3> <h3>Telebit</h3>
<span class="place"><a href="https://skillabi.com">https://skillabi.com</a></span> <span class="place"><a href="https://telebit.cloud">https://telebit.cloud</a></span>
</header> </header>
<div> <div>
<ul> <ul>
<li>Lead the development of the Skillabi from prototype to scalable production ready application.</li> <li>Implemented design specification in HTML/CSS and Javascript.</li>
<li>Design and develop role-based, per-user authorization on top of AWS Cognito to keep customer data secure.</li> <li>Developed the email confirmation process from working prototype to production.</li>
<li>Design and lead development and documenation of new API for storing customer data that is searchable, filterable, and secure.</li> <li>Working to develop a cross platform electron implementation of the Telebit client interface.</li>
</ul> </ul>
</div> </div>
</div> </div>
</section> </section>
<section class="blocks"> <section class="blocks">
<div class="date"> <div class="date">
<span>2019</span> <span>2017</span>
</div> </div>
<div class="decorator"> <div class="decorator">
</div> </div>
<div class="details"> <div class="details">
<header> <header>
<h3>SkillsMatch</h3> <h3>Historical Records Database</h3>
<span class="place"><a href="https://match.emsiskills.com">https://match.emsiskills.com</a></span> <span class="place">Not yet public.</span>
</header> </header>
<div> <div>
<ul> <ul>
<li>Worked on a team developing an MVP SAAS for to help adults coming back to school to find a path to their new career</li> <li>Converted the historical records database from MS Access to MySQL.</li>
<li>A react/redux front-end that interfaces with several APIs and micro-services</li> <li>Built an interface for searching the records in the database and finding information.</li>
<li>Implement CI/CD via cypress, ava, and terraform on Codeship.com</li> <li>User authentication to allow specified users to add/edit records to/in the database.</li>
<li>We built several micro services and an API on AWS lambdas managed by serverless.js</li> <li>User interface for adding/editing/deleting records by authenticated users.</li>
<li>Administration interface for administrators to add/create users.</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -199,70 +191,74 @@
</section> </section>
<aside id="sidebar"> <aside id="sidebar">
<div class="control-buttons no-print"> <div class="control-buttons no-print">
<a class="print-button" target="_blank" href="John-Shaver-Resume-2021.pdf"><i class="fas fa-print"></i></a> <a class="print-button" target="_blank" href="John-Shaver-Resume-2018.pdf"><i class="fas fa-print"></i></a>
<a class="download-button no-print" href="John-Shaver-Resume-2021.pdf" download><i class="fas fa-file-download"></i></a> <a class="download-button no-print" href="John-Shaver-Resume-2018.pdf" download><i class="fas fa-file-download"></i></a>
</div> </div>
<div> <div class="side-block" id="contact">
<div class="side-block" id="contact"> <h1>
<h1> Contact Info
Contact Info </h1>
</h1> <ul>
<ul> <li><i class="fas fa-globe fa-fw"></i> <a href="https://jshaver.net">https://jshaver.net</a></li>
<li><i class="fas fa-globe fa-fw"></i> <a href="https://jshaver.net">https://jshaver.net</a></li> <li><i class="fab fa-linkedin fa-fw"></i> <a href="https://www.linkedin.com/in/thejshaver">thejshaver</a></li>
<li><i class="fab fa-linkedin fa-fw"></i> <a href="https://www.linkedin.com/in/thejshaver">thejshaver</a></li> <li><i class="fas fa-envelope fa-fw"></i> <a href="mailto:john@jshaver.net?subject=%5C(%E2%80%A2%20%E2%97%A1%20%E2%80%A2)%2F%20OMG!%20Amazing%20Resume!!&body=Dear%20John%2C%0A">john@jshaver.net</a></li>
<li><i class="fas fa-envelope fa-fw"></i> <a href="mailto:john@jshaver.net?subject=%5C(%E2%80%A2%20%E2%97%A1%20%E2%80%A2)%2F%20OMG!%20Amazing%20Resume!!&body=Dear%20John%2C%0A">john@jshaver.net</a></li> <li><i class="fas fa-phone fa-fw"></i> <a href="tel:18018503052">801.850.3052</a></li>
<li><i class="fas fa-phone fa-fw"></i> <a href="tel:18018503052">801.850.3052</a></li> <li><i class="fas fa-code-branch fa-fw"></i> <a href="https://git.jshaver.net/jshaver">git.jshaver.net/jshaver</a></li>
<li><i class="fas fa-code-branch fa-fw"></i> <a href="https://git.jshaver.net/jshaver">git.jshaver.net/jshaver</a></li> </ul>
</ul> </div>
<div class="side-block skills">
<h1>
Skills
</h1>
<ul>
<li></li>
<li>Troubleshooting</li>
<li>Self Motivation</li>
<li>Functional Programming</li>
<li>Effective Communication</li>
</ul>
<ul>
<li><i class="fab fa-js fa-fw"></i> Javascript</li>
<li>
<i class="fab fa-fw">
<svg class="ts-logo" viewBox="0 0 630 630">
<use xlink:href="#svg-ts-logo"></use>
</svg></i> Typescript
</li>
<li><i class="fab fa-react fa-fw"></i> React</li>
<li><i class="fas fa-rocket fa-fw"></i> express.js</li>
<li><i class="fas fa-database fa-fw"></i> Relational Databases</li>
<li><i class="fab fa-linux fa-fw"></i> Linux</li>
<li><i class="fas fa-code-branch fa-fw"></i> git</li>
<li><i class="fab fa-aws fa-fw"></i> AWS</li>
<li><i class="fab fa-docker fa-fw"></i> Docker</li>
<!-- <li><i class="fas fa-user-ninja fa-fw"></i> nunchuck</li> -->
</ul>
</div>
<div class="side-block recommendations">
<h1>
Recommendations
</h1>
<div class="recommendation">
"John Shaver has produced consistently excellent work over the years..."
<div class="attribution"><a href="https://www.linkedin.com/in/joel-pomije-7123822/">Joel Pomije<br>Lead Developer</a></div>
</div> </div>
<div class="side-block skills"> <div class="recommendation">
<h1> "He is very knowledgable in the fields of JavaScript, as well as networking, servers and the internet in general."
Skills <div class="attribution"><a href="https://www.linkedin.com/in/drew-warren-853551122/">Drew Warren<br>Scrum Master/Developer</a></div>
</h1>
<ul>
<li><i class="fab fa-js-square fa-fw"></i> Javascript</li>
<li>
<i class="fab fa-fw">
<svg class="ts-logo" viewBox="0 0 630 630">
<use xlink:href="#svg-ts-logo"></use>
</svg></i> Typescript
</li>
<li><i class="fab fa-react fa-fw"></i> React</li>
<li><i class="fab fa-node fa-fw"></i> node.js</li>
<li><i class="fas fa-database fa-fw"></i> Relational Databases</li>
<li><i class="fab fa-linux fa-fw"></i> Linux</li>
<li><i class="fas fa-globe fa-fw"></i> Terraform</li>
<li><i class="fab fa-aws fa-fw"></i> AWS</li>
<li><i class="fab fa-docker fa-fw"></i> Docker</li>
<li><i class="fab fa-css3 fa-fw"></i> CSS</li>
<!-- <li><i class="fas fa-user-ninja fa-fw"></i> nunchuck</li> -->
</ul>
</div> </div>
<div class="side-block recommendations"> <div class="recommendation">
<h1> "He has a very broad knowledge base that he brings to any project..."
Recommendations <div class="attribution"><a href="https://www.linkedin.com/in/james-hager-ab361112a/">James Hagar<br>Project Manager</a></div>
</h1>
<div class="recommendation">
"John Shaver has produced consistently excellent work over the years..."
<div class="attribution"><a href="https://www.linkedin.com/in/joel-pomije-7123822/">Joel Pomije<br>Lead Developer</a></div>
</div>
<div class="recommendation">
"He is very knowledgable in the fields of JavaScript, as well as networking, servers and the internet in general."
<div class="attribution"><a href="https://www.linkedin.com/in/drew-warren-853551122/">Drew Warren<br>Scrum Master/Developer</a></div>
</div>
<div class="recommendation">
"He has a very broad knowledge base that he brings to any project..."
<div class="attribution"><a href="https://www.linkedin.com/in/james-hager-ab361112a/">James Hagar<br>Project Manager</a></div>
</div>
<div class="recommendation">
"John is an extremely capable and high value asset to a team. ..."
<div class="attribution"><a href="https://coolaj86.com/">AJ ONeal<br>Backend Engineer</a></div>
</div>
</div> </div>
<div class="source-link no-print"> <div class="recommendation">
source code: <a href="https://git.jshaver.net/jshaver/html-resume">https://git.jshaver.net/jshaver/html-resume</a> "John is an extremely capable and high value asset to a team. ..."
<div class="attribution"><a href="https://coolaj86.com/">AJ ONeal<br>Backend Engineer</a></div>
</div> </div>
</div> </div>
<div class="source-link no-print">
source code: <a href="https://git.jshaver.net/jshaver/html-resume">https://git.jshaver.net/jshaver/html-resume</a>
</div>
</aside> </aside>
</body> </body>
</html> </html>

19
style.css
View file

@ -53,7 +53,7 @@ li{
float: left; float: left;
width: var(--main-width); width: var(--main-width);
padding: 2.7rem 2.7rem 0 2.7rem; padding: 2.7rem 2.7rem 0 2.7rem;
font-size: 1.3rem; font-size: 1.124972rem;
} }
#sidebar{ #sidebar{
@ -101,12 +101,6 @@ li{
margin-top: 2.7rem; margin-top: 2.7rem;
} }
.main-block.summary{
text-align: center;
font-size: 1.4rem;
font-style: italic;
}
#main h2{ #main h2{
position: relative; position: relative;
top: var(--row-blocks-padding-top); top: var(--row-blocks-padding-top);
@ -248,7 +242,6 @@ li{
.details h3{ .details h3{
font-size: 1.349966rem; font-size: 1.349966rem;
margin-bottom: 0.2rem;
} }
.main-block:not(.concise) .details div{ .main-block:not(.concise) .details div{
@ -331,14 +324,10 @@ li{
#sidebar h1{ #sidebar h1{
font-weight: 400; font-weight: 400;
font-size: 1.649959rem; font-size: 1.649959rem;
margin-bottom: 2rem;
} }
.side-block:first-child{
margin-top: 7rem;
}
.side-block{ .side-block{
margin-top: 8.2rem; margin-top: 6.5rem;
} }
#contact ul{ #contact ul{
@ -356,7 +345,7 @@ li{
} }
.skills{ .skills{
line-height: 1.7; line-height: 1.5;
} }
.skills ul{ .skills ul{
@ -408,7 +397,7 @@ body > *{
.recommendation { .recommendation {
margin-bottom: 1.5rem; margin: 1.5em 0.0rem;
font-style: italic; font-style: italic;
} }