html-resume/index.html

235 lines
9.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="dep/normalize.css/normalize.css" />
<link rel="stylesheet" type="text/css" href="dep/Font-Awesome/css/all.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body lang="en">
<section id="main">
<header id="title">
<h1>John Shaver</h1>
<span class="subtitle">Fullstack Engineer and Devops Enthusiast</span>
</header>
<section class="main-block">
<h2>
<i class="fa fa-suitcase"></i> Experiences
</h2>
<section class="blocks">
<div class="date">
<span>present</span><span>2017</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Technical Co-founder</h3>
<span class="place"><a href="https:/ppl.family/">ppl :)</a></span>
<span class="location fa">Remote (Provo, UT)</span>
</header>
<div>
<ul>
<li>We're working to build a home server for families to provide an alternative to the growing number of cloud services they're dependent on.</li>
<li>We're developing the authentication protocols and networking stack that will be needed to make this possible.</li>
</ul>
</div>
</div>
</section>
<section class="blocks">
<div class="date">
<span>present</span><span>2014</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Owner/Fullstack Engineer</h3>
<span class="place">J&amp;E Solutions</span>
<span class="location fa">Hayden, ID</span>
</header>
<div>
<ul>
<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, implement OAuth2/OIDC authentication, implementing secure RPC calls over UDP, and much more.</li>
</ul>
</div>
</div>
</section>
<section class="blocks">
<div class="date">
<span>2014</span><span>2013</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Software Engineer</h3>
<span class="place">mCubed Labs</span>
<span class="location fa">Lehi, UT</span>
</header>
<div>
<ul>
<li>Learned Javascript working on client's internal SPA for gathering scientific data and tracking employee work.</li>
<li>Collaborated to build an iOS webView app and browser library to wrap a client's internal SPA.</li>
<li>When the consultancy was going under the client signed on as my first client and I became self employed.</li>
</ul>
</div>
</div>
</section>
<section class="blocks">
<div class="date">
<span>2013</span><span>2012</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Senior Technical Support Engineer</h3>
<span class="place">Symantec</span>
<span class="location fas">Lindon, UT</span>
</header>
<div>
<ul>
<li>Support enterprise customers with installing and maintaining Symantec Notifications Server and for managing network endpoints.</li>
<li>Worked heavily with IIS, MSSQL, HTTP, DNS, Windows Server, etc. to troubleshoot technical issues across customer networks</li>
</ul>
</div>
</div>
</section>
</section>
<section class="main-block">
<h2>
<i class="fa fa-folder-open"></i> Selected Projects
</h2>
<section class="blocks">
<div class="date">
<span>2018</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Telebit.cloud</h3>
</header>
<div>
<ul>
<li>Implement design specification in HTML and CSS.</li>
<li>Develop the email confirmation process from prototype to production.</li>
<li>Working to develop a cross platform electron implement of the Telebit client interface.</li>
</ul>
</div>
</div>
</section>
<section class="blocks">
<div class="date">
<span>2017</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Historical Records Database</h3>
<span class="place">Some workplace</span>
</header>
<div>
<ul>
<li>Converted the historical records database from MS Access to MySQL.</li>
<li>Built an interface for searching the records in the database and finding information.</li>
<li>User authentication to allow specified users to add/edit records to/in the database.</li>
<li>User interface for adding/editing/deleting records by authenticated users.</li>
<li>Administration interface for administrators to add/create users.</li>
</ul>
</div>
</div>
</section>
<section class="blocks">
<div class="date">
<span>2015</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Newvistas Website Platform</h3>
</header>
<div>
<ul>
<li>Client wanted to allow business owners within the collective to edit their specific sections of their website.</li>
<li>Sections were public-facing and needed to be indexable by search engines.</li>
<li>Built a CMS on Server-Rendered React/Redux and express.js.</li>
<li>Deployed to AWS Elastic Beanstalk.</li>
<li>Authentication with Azure Active Directory and OAuth OIDC.
</ul>
</div>
</div>
</section>
</section>
</section>
<aside id="sidebar">
<div class="side-block" id="contact">
<h1>
Contact Info
</h1>
<ul>
<li><i class="fas fa-globe fa-fw"></i> https://jshaver.net</li>
<li><i class="fab fa-linkedin fa-fw"></i> linkedin.com/in/thejshaver</li>
<li><i class="fas fa-envelope fa-fw"></i> john@jshaver.net</li>
<li><i class="fas fa-phone fa-fw"></i> 801.850.3052</li>
</ul>
</div>
<div class="side-block skills">
<h1>
Skills
</h1>
<ul>
<li>Problem Solving</li>
<li>Functional Programming</li>
<li>Troubleshooting</li>
<li>Self Motivation</li>
<li>Communication</li>
</ul>
<ul>
<li><i class="fab fa-js fa-fw"></i> Javascript</li>
<li><i class="fas fa-glasses fa-fw"></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 classname="attribution">Joel Pomije<br>Lead Developer</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 classname="attribution">Drew Warren<br>Scrum Master/Developer</div>
</div>
<div class="recommendation">
"He has a very broad knowledge base that he brings to any project..."
<div classname="attribution">James Hagar<br>Project Manager</div>
</div>
</div>
<!--
This resume; was wholly typeset with HTML/CSS -- see: https://git.io/vVSYL
-->
</div>
</aside>
<script>
setTimeout(function() {
//document.location.href = document.location.href;
}, 4000);
</script>
</body>
</html>