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.

index.html 12KB

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>