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

Added fonts and some content.

Browse source
This commit is contained in:
John Shaver 2018-10-01 22:08:55 -07:00
parent 08b53f84f4
commit 09f4740d68
2 changed files with 22 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
resume.html
View file

@ -2,6 +2,8 @@
<html> <html>
<head> <head>
<meta charset="utf-8" /> <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/normalize.css/normalize.css" />
<link rel="stylesheet" type="text/css" href="dep/Font-Awesome/css/all.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" />
@ -18,7 +20,7 @@
</h2> </h2>
<section class="blocks"> <section class="blocks">
<div class="date"> <div class="date">
<span>2017</span><span>present</span> <span>present</span><span>2017</span>
</div> </div>
<div class="decorator"> <div class="decorator">
</div> </div>
@ -38,7 +40,7 @@
</section> </section>
<section class="blocks"> <section class="blocks">
<div class="date"> <div class="date">
<span>2014</span><span>present</span> <span>present</span><span>2014</span>
</div> </div>
<div class="decorator"> <div class="decorator">
</div> </div>
@ -58,7 +60,7 @@
</section> </section>
<section class="blocks"> <section class="blocks">
<div class="date"> <div class="date">
<span>2013</span><span>2014</span> <span>2014</span><span>2013</span>
</div> </div>
<div class="decorator"> <div class="decorator">
</div> </div>
@ -79,7 +81,7 @@
</section> </section>
<section class="blocks"> <section class="blocks">
<div class="date"> <div class="date">
<span>2012</span><span>2013</span> <span>2013</span><span>2012</span>
</div> </div>
<div class="decorator"> <div class="decorator">
</div> </div>
@ -123,7 +125,7 @@
</section> </section>
<section class="blocks"> <section class="blocks">
<div class="date"> <div class="date">
<span>2018</span> <span>2017</span>
</div> </div>
<div class="decorator"> <div class="decorator">
</div> </div>
@ -155,7 +157,11 @@
</header> </header>
<div> <div>
<ul> <ul>
<li></li> <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> </ul>
</div> </div>
</div> </div>
@ -169,7 +175,7 @@
</h1> </h1>
<ul> <ul>
<li><i class="fas fa-globe fa-fw"></i> https://jshaver.net</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="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-envelope fa-fw"></i> john@jshaver.net</li>
<li><i class="fas fa-phone fa-fw"></i> 801.850.3052</li> <li><i class="fas fa-phone fa-fw"></i> 801.850.3052</li>
</ul> </ul>
@ -185,15 +191,12 @@
<li>Self Motivation</li> <li>Self Motivation</li>
<li>Communication</li> <li>Communication</li>
</ul> </ul>
<h1>
Technologies
</h1>
<ul> <ul>
<li><i class="fab fa-js fa-fw"></i> Javascript</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="fas fa-glasses fa-fw"></i> Typescript</li>
<li><i class="fab fa-react fa-fw"></i> React</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-rocket fa-fw"></i> express.js</li>
<li><i class="fas fa-database fa-fw"></i> MySQL</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="fab fa-linux fa-fw"></i> Linux</li>
<li><i class="fas fa-code-branch fa-fw"></i> git</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-aws fa-fw"></i> AWS</li>

10
style.css
View file

@ -53,7 +53,7 @@ li{
float: left; float: left;
width: var(--main-width); width: var(--main-width);
padding: 0.25in 0.25in 0 0.25in; padding: 0.25in 0.25in 0 0.25in;
font-size: 7pt; font-size: 7.5pt;
} }
#sidebar{ #sidebar{
@ -260,10 +260,12 @@ li{
.details .place{ .details .place{
float: left; float: left;
font-size: 7.5pt; font-size: 7.5pt;
font-weight: 400;
} }
.details .location{ .details .location{
float: right; float: right;
font-family: 'Open Sans', sans-serif;
} }
.details div{ .details div{
@ -278,6 +280,7 @@ li{
font-style: normal; font-style: normal;
text-decoration: inherit; text-decoration: inherit;
content: "\f3c5"; content: "\f3c5";
font-family: 'Font Awesome 5 Free';
} }
/***** fine-tunes on the lists... *****/ /***** fine-tunes on the lists... *****/
@ -288,7 +291,7 @@ li{
} }
#main li{ #main li{
margin: 0 0 0.025in 0; margin: 0.035in 0;
} }
/****** customize list symbol style ******/ /****** customize list symbol style ******/
@ -323,7 +326,7 @@ li{
} }
.side-block{ .side-block{
margin-top: 0.5in; margin-top: 0.7in;
} }
#contact ul{ #contact ul{
@ -332,6 +335,7 @@ li{
font-family: "Source Code Pro"; font-family: "Source Code Pro";
font-weight: 400; font-weight: 400;
line-height: 1.75; line-height: 1.75;
font-size: 7pt;
} }
#contact li > i{ #contact li > i{