jshaver
/
html-resume
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Resume to post on website or print to PDF.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 Commits
1 Branch
Branch: 201809
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '201809'
${ noResults }
html-resume/index.html

index.html 12KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264 
  1. <!DOCTYPE html>

  2. <html>

  3.   <head>

  4.     <meta charset="utf-8" />

  5.     <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700" rel="stylesheet">

  6.     <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">

  7.     <link rel="stylesheet" type="text/css" href="dep/normalize.css/normalize.css" />

  8.     <link rel="stylesheet" type="text/css" href="dep/Font-Awesome/css/all.css" />

  9.     <link rel="stylesheet" type="text/css" href="style.css" />

  10.   </head>

  11.   <body lang="en">

  12.     <svg width="0" height="0" viewBox="0 0 24 24">

  13.       <defs>

  14.         <g id="svg-ts-logo" transform="translate(0.000000,630.000000) scale(0.100000,-0.100000)"

  15.          stroke="none">

  16.           <path d="M0 3150 l0 -3150 3150 0 3150 0 0 3150 0 3150 -3150 0 -3150 0 0

  17.           -3150z m5077 251 c160 -40 282 -111 394 -227 58 -62 144 -175 151 -202 2 -8

  18.           -272 -192 -438 -295 -6 -4 -30 22 -57 62 -81 118 -166 169 -296 178 -191 13

  19.           -314 -87 -313 -254 0 -49 7 -78 27 -118 42 -87 120 -139 365 -245 451 -194

  20.           644 -322 764 -504 134 -203 164 -527 73 -768 -100 -262 -348 -440 -697 -499

  21.           -108 -19 -364 -16 -480 5 -253 45 -493 170 -641 334 -58 64 -171 231 -164 243

  22.           3 4 29 20 58 37 28 16 134 77 234 135 l181 105 38 -56 c53 -81 169 -192 239

  23.           -229 201 -106 477 -91 613 31 58 53 82 108 82 189 0 73 -9 105 -47 160 -49 70

  24.           -149 129 -433 252 -325 140 -465 227 -593 365 -74 80 -144 208 -173 315 -24

  25.           89 -30 312 -11 402 67 314 304 533 646 598 111 21 369 13 478 -14z m-1479

  26.           -263 l2 -258 -410 0 -410 0 0 -1165 0 -1165 -290 0 -290 0 0 1165 0 1165 -410

  27.           0 -410 0 0 253 c0 140 3 257 7 260 3 4 502 6 1107 5 l1101 -3 3 -257z" />

  28.         </g>

  29.       </defs>

  30.     </svg>

  31.     <section id="main">

  32.       <header id="title">

  33.         <h1>John Shaver</h1>

  34.         <span class="subtitle">Full-Stack Engineer and Devops Enthusiast</span>

  35.       </header>

  36.       <section class="main-block">

  37.         <h2>

  38.           <i class="fa fa-suitcase"></i> Experiences

  39.         </h2>

  40.         <section class="blocks">

  41.           <div class="date">

  42.             <span>present</span><span>2017</span>

  43.           </div>

  44.           <div class="decorator">

  45.           </div>

  46.           <div class="details">

  47.             <header>

  48.               <h3>Technical Co-founder</h3>

  49.               <span class="place"><a href="https:/ppl.family/">ppl :)</a></span>

  50.               <span class="location fa">Remote (Provo, UT)</span>

  51.             </header>

  52.             <div>

  53.               <ul>

  54.                 <li>Building a home server to replace the ever expanding list of "cloud" services relied upon by today's family.</li>

  55.                 <li>Developing authentication protocols and network stack to support secure collection, access and sharing.</li>

  56.               </ul>

  57.             </div>

  58.           </div>

  59.         </section>

  60.         <section class="blocks">

  61.           <div class="date">

  62.             <span>present</span><span>2014</span>

  63.           </div>

  64.           <div class="decorator">

  65.           </div>

  66.           <div class="details">

  67.             <header>

  68.               <h3>Owner/Full-Stack Engineer</h3>

  69.               <span class="place">J&amp;E Solutions</span>

  70.               <span class="location fa">Hayden, ID</span>

  71.             </header>

  72.             <div>

  73.               <ul>

  74.                 <li>Design, implement and ship web based software to fit customer needs.</li>

  75.                 <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>

  76.               </ul>

  77.               </div>

  78.           </div>

  79.         </section>

  80.         <section class="blocks">

  81.           <div class="date">

  82.             <span>2014</span><span>2013</span>

  83.           </div>

  84.           <div class="decorator">

  85.           </div>

  86.           <div class="details">

  87.             <header>

  88.               <h3>Software Engineer</h3>

  89.               <span class="place">mCubed Labs</span>

  90.               <span class="location fa">Lehi, UT</span>

  91.             </header>

  92.             <div>

  93.               <ul>

  94.                 <li>Worked onsite with mCubed's largest client to increase the efficiency of their technicians.</li>

  95.                 <li>Built an iOS webView app to provide camera access, geolocation and push notifications.</li>

  96.                 <li>Client payed mCubed a fee to work directly with me and I started my own company.</li>

  97.               </ul>

  98.             </div>

  99.           </div> 

  100.         </section>

  101.         <section class="blocks">

  102.           <div class="date">

  103.             <span>2013</span><span>2012</span>

  104.           </div>

  105.           <div class="decorator">

  106.           </div>

  107.           <div class="details">

  108.             <header>

  109.               <h3>Senior Technical Support Engineer</h3>

  110.               <span class="place"><a href="https://www.symantec.com/">Symantec</a></span>

  111.               <span class="location fas">Lindon, UT</span>

  112.             </header>

  113.             <div>

  114.               <ul>

  115.                 <li>Support enterprise customers with installing and maintaining Symantec Notifications Server and for managing network endpoints.</li>

  116.                 <li>Worked heavily with IIS, MSSQL, HTTP, DNS, Windows Server, etc. to troubleshoot technical issues across customer networks</li>

  117.               </ul>

  118.             </div>

  119.           </div> 

  120.         </section>

  121.       </section>

  122.       <section class="main-block">

  123.         <h2>

  124.           <i class="fa fa-folder-open"></i> Selected Projects

  125.         </h2>

  126.         <section class="blocks">

  127.           <div class="date">

  128.             <span>2018</span>

  129.           </div>

  130.           <div class="decorator">

  131.           </div>

  132.           <div class="details">

  133.             <header>

  134.               <h3>Telebit</h3>

  135.               <span class="place"><a href="https://telebit.cloud">https://telebit.cloud</a></span>

  136.             </header>

  137.             <div>

  138.               <ul>

  139.                 <li>Implemented design specification in HTML/CSS and Javascript.</li>

  140.                 <li>Developed the email confirmation process from working prototype to production.</li>

  141.                 <li>Working to develop a cross platform electron implementation of the Telebit client interface.</li>

  142.               </ul>

  143.             </div>

  144.           </div>

  145.         </section>

  146.         <section class="blocks">

  147.           <div class="date">

  148.             <span>2017</span>

  149.           </div>

  150.           <div class="decorator">

  151.           </div>

  152.           <div class="details">

  153.             <header>

  154.               <h3>Historical Records Database</h3>

  155.               <span class="place">Not yet public.</span>

  156.             </header>

  157.             <div>

  158.               <ul>

  159.                 <li>Converted the historical records database from MS Access to MySQL.</li>

  160.                 <li>Built an interface for searching the records in the database and finding information.</li>

  161.                 <li>User authentication to allow specified users to add/edit records to/in the database.</li>

  162.                 <li>User interface for adding/editing/deleting records by authenticated users.</li>

  163.                 <li>Administration interface for administrators to add/create users.</li>

  164.               </ul>

  165.             </div>

  166.           </div>

  167.         </section>

  168.         <section class="blocks">

  169.           <div class="date">

  170.             <span>2015</span>

  171.           </div>

  172.           <div class="decorator">

  173.           </div>

  174.           <div class="details">

  175.             <header>

  176.               <h3>Newvistas Website Platform</h3>

  177.               <span class="place"><a href="http://www.newvistas.com">newvistas.com</a></span>

  178.             </header>

  179.             <div>

  180.               <ul>

  181.                 <li>Client wanted to allow business owners within the collective to edit their specific sections of their website.</li>

  182.                 <li>Sections were public-facing and needed to be indexable by search engines.</li>

  183.                 <li>Built a CMS on Server-Rendered React/Redux and express.js.</li>

  184.                 <li>Deployed to AWS Elastic Beanstalk.</li>

  185.                 <li>Authentication with Azure Active Directory and OAuth OIDC.</li>

  186.               </ul>

  187.             </div>

  188.           </div>

  189.         </section>

  190.       </section>

  191.     </section>

  192.     <aside id="sidebar">

  193.       <div class="control-buttons no-print">

  194.         <a class="print-button" target="_blank" href="John-Shaver-Resume-2018.pdf"><i class="fas fa-print"></i></a>

  195.         <a class="download-button no-print" href="John-Shaver-Resume-2018.pdf" download><i class="fas fa-file-download"></i></a>

  196.       </div>

  197.       <div class="side-block" id="contact">

  198.         <h1>

  199.           Contact Info

  200.         </h1>

  201.         <ul>

  202.           <li><i class="fas fa-globe fa-fw"></i> <a href="https://jshaver.net">https://jshaver.net</a></li>

  203.           <li><i class="fab fa-linkedin fa-fw"></i> <a href="https://www.linkedin.com/in/thejshaver">thejshaver</a></li>

  204.           <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>

  205.           <li><i class="fas fa-phone fa-fw"></i> <a href="tel:18018503052">801.850.3052</a></li>

  206.           <li><i class="fas fa-code-branch fa-fw"></i> <a href="https://git.jshaver.net/jshaver">git.jshaver.net/jshaver</a></li>

  207.         </ul>

  208.       </div>

  209.       <div class="side-block skills">

  210.         <h1>

  211.           Skills

  212.         </h1>

  213.         <ul>

  214.           <li></li>

  215.           <li>Troubleshooting</li>

  216.           <li>Self Motivation</li>

  217.           <li>Functional Programming</li>

  218.           <li>Effective Communication</li>

  219.         </ul>

  220.         <ul>

  221.           <li><i class="fab fa-js fa-fw"></i> Javascript</li>

  222.           <li>

  223.             <i class="fab fa-fw">

  224.               <svg class="ts-logo" viewBox="0 0 630 630">

  225.                 <use xlink:href="#svg-ts-logo"></use>

  226.               </svg></i> Typescript

  227.           </li>

  228.           <li><i class="fab fa-react fa-fw"></i> React</li>

  229.           <li><i class="fas fa-rocket fa-fw"></i> express.js</li>

  230.           <li><i class="fas fa-database fa-fw"></i> Relational Databases</li>

  231.           <li><i class="fab fa-linux fa-fw"></i> Linux</li>

  232.           <li><i class="fas fa-code-branch fa-fw"></i> git</li>

  233.           <li><i class="fab fa-aws fa-fw"></i> AWS</li>

  234.           <li><i class="fab fa-docker fa-fw"></i> Docker</li>

  235.           <!-- <li><i class="fas fa-user-ninja fa-fw"></i> nunchuck</li> -->

  236.         </ul>

  237.       </div>

  238.       <div class="side-block recommendations">

  239.         <h1>

  240.           Recommendations

  241.         </h1>

  242.         <div class="recommendation">

  243.           "John Shaver has produced consistently excellent work over the years..."

  244.           <div class="attribution"><a href="https://www.linkedin.com/in/joel-pomije-7123822/">Joel Pomije<br>Lead Developer</a></div>

  245.         </div>

  246.         <div class="recommendation">

  247.           "He is very knowledgable in the fields of JavaScript, as well as networking, servers and the internet in general."

  248.           <div class="attribution"><a href="https://www.linkedin.com/in/drew-warren-853551122/">Drew Warren<br>Scrum Master/Developer</a></div>

  249.         </div>

  250.         <div class="recommendation">

  251.           "He has a very broad knowledge base that he brings to any project..."

  252.           <div class="attribution"><a href="https://www.linkedin.com/in/james-hager-ab361112a/">James Hagar<br>Project Manager</a></div>

  253.         </div>

  254.         <div class="recommendation">

  255.           "John is an extremely capable and high value asset to a team. ..."

  256.           <div class="attribution"><a href="https://coolaj86.com/">AJ ONeal<br>Backend Engineer</a></div>

  257.         </div>

  258.       </div>

  259.       <div class="source-link no-print">

  260.         source code: <a href="https://git.jshaver.net/jshaver/html-resume">https://git.jshaver.net/jshaver/html-resume</a>

  261.       </div>

  262.     </aside>

  263.   </body>

  264. </html>