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

Some small tweaks

Browse source
This commit is contained in:
John Shaver 2018-10-04 10:31:03 -07:00
parent e8519f5edb
commit ee16a260fc
2 changed files with 42 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
index.html
View file

@ -51,8 +51,8 @@
</header> </header>
<div> <div>
<ul> <ul>
<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>Building a home server to replace the ever expanding list of "cloud" services relied upon by today's family.</li>
<li>We're developing the authentication protocols and networking stack that will be needed to make this possible.</li> <li>Developing authentication protocols and network stack to support secure collection, access and sharing.</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -72,7 +72,7 @@
<div> <div>
<ul> <ul>
<li>Design, implement and ship web based software to fit customer needs.</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> <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>
</ul> </ul>
</div> </div>
</div> </div>
@ -91,9 +91,9 @@
</header> </header>
<div> <div>
<ul> <ul>
<li>Learned Javascript working on client's internal SPA for gathering scientific data and tracking employee work.</li> <li>Worked onsite with mCubed's largest client to increase the efficiency of their technicians.</li>
<li>Collaborated to build an iOS webView app and browser library to wrap a client's internal SPA.</li> <li>Built an iOS webView app to provide camera access, geolocation and push notifactions.</li>
<li>When the consultancy was going under the client signed on as my first client and I became self employed.</li> <li>Client payed mCubed a fee to work directly with me and I started my own company.</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -136,7 +136,7 @@
</header> </header>
<div> <div>
<ul> <ul>
<li>Implement design specification in HTML/CSS and Javascript.</li> <li>Implemented design specification in HTML/CSS and Javascript.</li>
<li>Developed the email confirmation process from working prototype to production.</li> <li>Developed the email confirmation process from working prototype to production.</li>
<li>Working to develop a cross platform electron implementation of the Telebit client interface.</li> <li>Working to develop a cross platform electron implementation of the Telebit client interface.</li>
</ul> </ul>
@ -206,11 +206,11 @@
Skills Skills
</h1> </h1>
<ul> <ul>
<li>Problem Solving</li> <li></li>
<li>Functional Programming</li>
<li>Troubleshooting</li> <li>Troubleshooting</li>
<li>Self Motivation</li> <li>Self Motivation</li>
<li>Communication</li> <li>Functional Programming</li>
<li>Effective Communication</li>
</ul> </ul>
<ul> <ul>
<li><i class="fab fa-js fa-fw"></i> Javascript</li> <li><i class="fab fa-js fa-fw"></i> Javascript</li>
@ -246,6 +246,10 @@
"He has a very broad knowledge base that he brings to any project..." "He has a very broad knowledge base that he brings to any project..."
<div classname="attribution">James Hagar<br>Project Manager</div> <div classname="attribution">James Hagar<br>Project Manager</div>
</div> </div>
<div class="recommendation">
"John is an extremely capable and high value asset to a team. ..."
<div classname="attribution">AJ ONeal<br>Code Whisperer Lv. 99</div>
</div>
</div> </div>
<!-- <!--
This resume; was wholly typeset with HTML/CSS -- see: https://git.io/vVSYL This resume; was wholly typeset with HTML/CSS -- see: https://git.io/vVSYL
@ -254,8 +258,8 @@
</aside> </aside>
<script> <script>
setTimeout(function() { setTimeout(function() {
//document.location.href = document.location.href; document.location.href = document.location.href;
}, 4000); }, 6000);
</script> </script>
</body> </body>
</html> </html>

36
style.css
View file

@ -35,14 +35,14 @@ body{
margin: 0; margin: 0;
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
font-weight: 300; font-weight: 300;
line-height: 1.3; line-height: 1.25;
color: #444; color: #444;
hyphens: auto; hyphens: auto;
} }
h1, h2, h3{ h1, h2, h3{
margin: 0; margin: 0;
color: #000; color: #1a1a1a;
} }
li{ li{
@ -62,7 +62,7 @@ li{
width: var(--sidebar-width); width: var(--sidebar-width);
height: 100%; height: 100%;
padding: 0.6in var(--sidebar-horizontal-padding); padding: 0.6in var(--sidebar-horizontal-padding);
background-color: #f2f2f2; background-color: #f3f3f3;
font-size: 8.5pt; font-size: 8.5pt;
} }
@ -236,7 +236,8 @@ li{
} }
.details header{ .details header{
color: #000; color: #1a1a1a;
margin-bottom: 17px;
} }
.details h3{ .details h3{
@ -326,7 +327,7 @@ li{
} }
.side-block{ .side-block{
margin-top: 0.7in; margin-top: 0.65in;
} }
#contact ul{ #contact ul{
@ -373,12 +374,10 @@ li{
/* make links functional for web, /* make links functional for web,
* but not distracting for print * but not distracting for print
*/ */
a[href]{ a[href]{
text-decoration: none; text-decoration: none;
color: #444; color: #1a1a1a;
}
a[href]:hover{
text-decoration: underline;
} }
/* make web version resemble printable page /* make web version resemble printable page
@ -418,4 +417,21 @@ svg.ts-logo {
width: 10px; width: 10px;
position: relative; position: relative;
top: 1px; top: 1px;
} }
@media not print {
a[href]{
color: #444;
}
a[href]:hover{
text-decoration: underline;
}
}
@media print {
#sidebar {
background-color: #e3e3e3;
}
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}