Added my info

This commit is contained in:
John Shaver 2018-10-01 21:00:34 -07:00
parent 6798aa2154
commit 08b53f84f4
2 changed files with 124 additions and 120 deletions

View File

@ -3,14 +3,14 @@
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="dep/normalize.css/normalize.css" />
<link rel="stylesheet" type="text/css" href="dep/Font-Awesome/css/font-awesome.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 Doe</h1>
<span class="subtitle">Plaintiff, defendant &amp; witness</span>
<h1>John Shaver</h1>
<span class="subtitle">Fullstack Engineer and Devops Enthusiast</span>
</header>
<section class="main-block">
<h2>
@ -18,43 +18,42 @@
</h2>
<section class="blocks">
<div class="date">
<span>2015</span><span>present</span>
<span>2017</span><span>present</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Some Position</h3>
<span class="place">Some Workplace</span>
<span class="location">(remote)</span>
<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>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi ante. Etiam odio eros, placerat eu metus id, gravida eleifend odio. Vestibulum dapibus pharetra odio, egestas ullamcorper ipsum congue ac. Maecenas viverra tortor eget convallis vestibulum. Donec pulvinar venenatis est, non sollicitudin metus laoreet sed. Fusce tincidunt felis nec neque aliquet porttitor</li>
<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>
</div>
</section>
<section class="blocks">
<div class="date">
<span>2014</span><span>2015</span>
<span>2014</span><span>present</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Another Position</h3>
<span class="place">Some Workplace</span>
<span class="location">Some City, Some Country</span>
<h3>Owner/Fullstack Engineer</h3>
<span class="place">J&amp;E Solutions</span>
<span class="location fa">Hayden, ID</span>
</header>
<div>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</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, implement OAuth2/OIDC authentication, implementing secure RPC calls over UDP, and much more.</li>
</ul>
</div>
</div>
</div>
</section>
<section class="blocks">
@ -65,17 +64,38 @@
</div>
<div class="details">
<header>
<h3>Yet Another Job Position</h3>
<span class="place">Some Workplace</span>
<span class="location">Some City, Some Country</span>
<h3>Software Engineer</h3>
<span class="place">mCubed Labs</span>
<span class="location fa">Lehi, UT</span>
</header>
<div>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi ante. Etiam odio eros, placerat eu metus id, gravida eleifend odio</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
<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>
</div>
</section>
<section class="blocks">
<div class="date">
<span>2012</span><span>2013</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">
@ -84,126 +104,58 @@
</h2>
<section class="blocks">
<div class="date">
<span>2015</span><span>2016</span>
<span>2018</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Some Project 1</h3>
<span class="place">Some workplace</span>
<h3>Telebit.cloud</h3>
</header>
<div>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi ante. Etiam odio eros, placerat eu metus id, gravida eleifend odio. Vestibulum dapibus pharetra odio, egestas ullamcorper ipsum congue ac</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi ante. Etiam odio eros, placerat eu metus id, gravida eleifend odio</li>
<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>2014</span><span>2015</span>
<span>2018</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Some Project 2</h3>
<h3>Historical Records Database</h3>
<span class="place">Some workplace</span>
</header>
<div>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi ante. Etiam odio eros, placerat eu metus id, gravida eleifend odio. Vestibulum dapibus pharetra odio, egestas ullamcorper ipsum congue ac. Maecenas viverra tortor eget convallis vestibulum. Donec pulvinar venenatis est, non sollicitudin metus laoreet sed. Fusce tincidunt felis nec neque aliquet porttitor</li>
<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>2014</span>
<span>2015</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Some Project 3</h3>
<span class="place">Some workplace</span>
<h3>Newvistas Website Platform</h3>
</header>
<div>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec mi ante. Etiam odio eros, placerat eu metus id, gravida eleifend odio</li>
</ul>
</div>
</div>
</section>
</section>
<section class="main-block concise">
<h2>
<i class="fa fa-graduation-cap"></i> Education
</h2>
<section class="blocks">
<div class="date">
<span>2009</span><span>2014</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Ph.D. in Forty-Two Discovery</h3>
<span class="place">Inexistent University</span>
<span class="location">Some City, Some Country</span>
</header>
<div>Relationship of the number with the answer to life, the universe and everything</div>
</div>
</section>
<section class="blocks">
<div class="date">
<span>2005</span><span>2009</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>LL.B. in H&aelig;matophagic Economics</h3>
<span class="place">Inexistent University</span>
<span class="location">Some City, Some Country</span>
</header>
<div>President's Scholarship</div>
</div>
</section>
<section class="blocks">
<div class="date">
<span>2005</span><span>2009</span>
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>B.S. in Existential Science (Double Major)</h3>
<span class="place">Inexistent University</span>
<span class="location">Some City, Some Country</span>
</header>
<div>President's Scholarship</div>
</div>
</section>
<section class="blocks">
<div class="date">
</div>
<div class="decorator">
</div>
<div class="details">
<header>
<h3>Massive Online Fee&ndash;Required Course (selective list)</h3>
</header>
<div class="concise">
<ul>
<li>Introduction to something else</li>
<li>Introduction to some more useless things</li>
<li>Philosophy in practice</li>
<li>Recursive research and its impact on recursive research</li>
<li>Artificial politics</li>
<li></li>
</ul>
</div>
</div>
@ -216,10 +168,10 @@
Contact Info
</h1>
<ul>
<li><i class="fa fa-globe"></i> johndoe.gtld</li>
<li><i class="fa fa-linkedin"></i> linkedin.com/in/john</li>
<li><i class="fa fa-envelope"></i> me@johndoe.gtld</li>
<li><i class="fa fa-phone"></i> 800.000.0000</li>
<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">
@ -227,17 +179,54 @@
Skills
</h1>
<ul>
<li>Omnipresence</li>
<li>Anonymity</li>
<li>Problem Solving</li>
<li>Functional Programming</li>
<li>Troubleshooting</li>
<li>Self Motivation</li>
<li>Communication</li>
</ul>
<h1>
Technologies
</h1>
<ul>
<li>Ordinarity</li>
<li>No name rights</li>
<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</li>
<li><i class="fas fa-database fa-fw"></i> MySQL</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" id="disclaimer">
This r&eacute;sum&eacute; was wholly typeset with HTML/CSS &mdash; see <code>git.io/vVSYL</code>
<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>

View File

@ -275,11 +275,9 @@ li{
position: relative;
right: 3pt;
top: 0.25pt;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
content: "\f041";
content: "\f3c5";
}
/***** fine-tunes on the lists... *****/
@ -393,3 +391,20 @@ body > *{
#sidebar{
height: var(--page-height);
}
.recommendation {
margin: 1.5em 0px;
font-style: italic;
}
.recommendation > div {
font-style: normal;
margin: 0.4em 0.6em;
}
.recommendation > div:before {
content: "- ";
position: absolute;
left: 1.8em;
}