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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

223
resume.html
View File

@ -3,14 +3,14 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="dep/normalize.css/normalize.css" /> <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" /> <link rel="stylesheet" type="text/css" href="style.css" />
</head> </head>
<body lang="en"> <body lang="en">
<section id="main"> <section id="main">
<header id="title"> <header id="title">
<h1>John Doe</h1> <h1>John Shaver</h1>
<span class="subtitle">Plaintiff, defendant &amp; witness</span> <span class="subtitle">Fullstack Engineer and Devops Enthusiast</span>
</header> </header>
<section class="main-block"> <section class="main-block">
<h2> <h2>
@ -18,43 +18,42 @@
</h2> </h2>
<section class="blocks"> <section class="blocks">
<div class="date"> <div class="date">
<span>2015</span><span>present</span> <span>2017</span><span>present</span>
</div> </div>
<div class="decorator"> <div class="decorator">
</div> </div>
<div class="details"> <div class="details">
<header> <header>
<h3>Some Position</h3> <h3>Technical Co-founder</h3>
<span class="place">Some Workplace</span> <span class="place"><a href="https:/ppl.family/">ppl :)</a></span>
<span class="location">(remote)</span> <span class="location fa">Remote (Provo, UT)</span>
</header> </header>
<div> <div>
<ul> <ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</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>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 developing the authentication protocols and networking stack that will be needed to make this possible.</li>
</ul> </ul>
</div> </div>
</div> </div>
</section> </section>
<section class="blocks"> <section class="blocks">
<div class="date"> <div class="date">
<span>2014</span><span>2015</span> <span>2014</span><span>present</span>
</div> </div>
<div class="decorator"> <div class="decorator">
</div> </div>
<div class="details"> <div class="details">
<header> <header>
<h3>Another Position</h3> <h3>Owner/Fullstack Engineer</h3>
<span class="place">Some Workplace</span> <span class="place">J&amp;E Solutions</span>
<span class="location">Some City, Some Country</span> <span class="location fa">Hayden, ID</span>
</header> </header>
<div> <div>
<ul> <ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li> <li>Design, implement and ship web based software to fit customer needs.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</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>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
</ul> </ul>
</div> </div>
</div> </div>
</section> </section>
<section class="blocks"> <section class="blocks">
@ -65,17 +64,38 @@
</div> </div>
<div class="details"> <div class="details">
<header> <header>
<h3>Yet Another Job Position</h3> <h3>Software Engineer</h3>
<span class="place">Some Workplace</span> <span class="place">mCubed Labs</span>
<span class="location">Some City, Some Country</span> <span class="location fa">Lehi, UT</span>
</header> </header>
<div> <div>
<ul> <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>Learned Javascript working on client's internal SPA for gathering scientific data and tracking employee work.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</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> </ul>
</div> </div>
</div>
</section>
<section class="blocks">
<div class="date">
<span>2012</span><span>2013</span>
</div> </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> </section>
<section class="main-block"> <section class="main-block">
@ -84,126 +104,58 @@
</h2> </h2>
<section class="blocks"> <section class="blocks">
<div class="date"> <div class="date">
<span>2015</span><span>2016</span> <span>2018</span>
</div> </div>
<div class="decorator"> <div class="decorator">
</div> </div>
<div class="details"> <div class="details">
<header> <header>
<h3>Some Project 1</h3> <h3>Telebit.cloud</h3>
<span class="place">Some workplace</span>
</header> </header>
<div> <div>
<ul> <ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li> <li>Implement design specification in HTML and CSS.</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>Develop the email confirmation process from prototype to production.</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>Working to develop a cross platform electron implement 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>2014</span><span>2015</span> <span>2018</span>
</div> </div>
<div class="decorator"> <div class="decorator">
</div> </div>
<div class="details"> <div class="details">
<header> <header>
<h3>Some Project 2</h3> <h3>Historical Records Database</h3>
<span class="place">Some workplace</span> <span class="place">Some workplace</span>
</header> </header>
<div> <div>
<ul> <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> </ul>
</div> </div>
</div> </div>
</section> </section>
<section class="blocks"> <section class="blocks">
<div class="date"> <div class="date">
<span>2014</span> <span>2015</span>
</div> </div>
<div class="decorator"> <div class="decorator">
</div> </div>
<div class="details"> <div class="details">
<header> <header>
<h3>Some Project 3</h3> <h3>Newvistas Website Platform</h3>
<span class="place">Some workplace</span>
</header> </header>
<div> <div>
<ul> <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></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>
</ul> </ul>
</div> </div>
</div> </div>
@ -216,10 +168,10 @@
Contact Info Contact Info
</h1> </h1>
<ul> <ul>
<li><i class="fa fa-globe"></i> johndoe.gtld</li> <li><i class="fas fa-globe fa-fw"></i> https://jshaver.net</li>
<li><i class="fa fa-linkedin"></i> linkedin.com/in/john</li> <li><i class="fab fa-linkedin fa-fw"></i> linkedin.com/in/thejshaver/</li>
<li><i class="fa fa-envelope"></i> me@johndoe.gtld</li> <li><i class="fas fa-envelope fa-fw"></i> john@jshaver.net</li>
<li><i class="fa fa-phone"></i> 800.000.0000</li> <li><i class="fas fa-phone fa-fw"></i> 801.850.3052</li>
</ul> </ul>
</div> </div>
<div class="side-block skills"> <div class="side-block skills">
@ -227,17 +179,54 @@
Skills Skills
</h1> </h1>
<ul> <ul>
<li>Omnipresence</li> <li>Problem Solving</li>
<li>Anonymity</li> <li>Functional Programming</li>
<li>Troubleshooting</li>
<li>Self Motivation</li>
<li>Communication</li>
</ul> </ul>
<h1>
Technologies
</h1>
<ul> <ul>
<li>Ordinarity</li> <li><i class="fab fa-js fa-fw"></i> Javascript</li>
<li>No name rights</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> </ul>
</div> </div>
<div class="side-block" id="disclaimer"> <div class="side-block recommendations">
This r&eacute;sum&eacute; was wholly typeset with HTML/CSS &mdash; see <code>git.io/vVSYL</code> <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> </div>
</aside> </aside>
<script>
setTimeout(function() {
//document.location.href = document.location.href;
}, 4000);
</script>
</body> </body>
</html> </html>

21
style.css
View File

@ -275,11 +275,9 @@ li{
position: relative; position: relative;
right: 3pt; right: 3pt;
top: 0.25pt; top: 0.25pt;
font-family: FontAwesome;
font-weight: normal;
font-style: normal; font-style: normal;
text-decoration: inherit; text-decoration: inherit;
content: "\f041"; content: "\f3c5";
} }
/***** fine-tunes on the lists... *****/ /***** fine-tunes on the lists... *****/
@ -393,3 +391,20 @@ body > *{
#sidebar{ #sidebar{
height: var(--page-height); 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;
}