Updated more styles and some minor content fixes.

This commit is contained in:
John Shaver 2017-08-14 14:24:53 -07:00
parent 990ae366f5
commit 585d822f00
3 changed files with 50 additions and 16 deletions

View File

@ -23,4 +23,12 @@ img {}
.project-image > img { .project-image > img {
max-width: 90%; max-width: 90%;
margin: 0.5rem; margin: 0.5rem;
} }
h3 {
font-size: 1.15rem;
}
.social-links img {
width: 3rem;
}

View File

@ -20,6 +20,7 @@ header {
h1 { h1 {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.2em;
} }
h2 { h2 {
@ -43,8 +44,6 @@ h4 {
font-style: italic; font-style: italic;
} }
.project { .project {
display: block; display: block;
position: relative; position: relative;
@ -69,3 +68,25 @@ h4 {
-moz-box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.17); -moz-box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.17);
box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.17); box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.17);
} }
img.headshot {
margin-top: 5rem;
}
.social-links img {
width: 2rem;
}
.social-links {
margin: 1rem;
}
span.no-break {
display: inline-block;
}
section {
margin-bottom: 2.3rem;
}

View File

@ -11,8 +11,12 @@
<a href=""> <a href="">
<img class="headshot" alt="Image of John's head." src="images/headshot-round-200.jpg" srcset="" /> <img class="headshot" alt="Image of John's head." src="images/headshot-round-200.jpg" srcset="" />
</a> </a>
<h1>John Shaver - Web Developer</h1> <div class="social-links">
<div class="social-links"></div> <a href="https://www.github.com/bobjohnbob">
<img src="images/GitHub-Mark-64px.png" alt="GitHub Profile">
</a>
</div>
<h1><span class=no-break">John Shaver</span> <span class="no-break">Web Developer</span></h1>
</header> </header>
<article> <article>
<section class="section about"> <section class="section about">
@ -22,23 +26,24 @@
a modern framework (preferably with React) to build or improve a modern framework (preferably with React) to build or improve
an interesting and purposeful project.</p> an interesting and purposeful project.</p>
<p>In high school studied Computer Networking Systems and <p>In high school, I spent half of the day during my Junior and
Computer Programming part time at the nearby Occupation Skills Senior years studying Video Game Programming and Computer
Center. Since then I have been working with computers and Networking Systems at the Occupation Skills Center in my
teaching myself Software Development. I spent 7 years working district. Since then I have been working with computers,
and studying Software Development. I spent 7 years working
in various Technical Support roles where I gained an in-depth in various Technical Support roles where I gained an in-depth
understanding of a variety of internet and server technologies. understanding of a variety of internet and server technologies.
So, when I shifted my career to software development, working So, when I shifted my career to software development, working
on web based software seemed an obvious choice.</p> on web based software seemed an obvious choice.</p>
<p>I have spent the last 4 years designing, building, deploying <p>I have spent the last 4 years designing, building, deploying
and maintainging javascript applications. I've worked with and maintaining javascript applications. I've worked with iOS,
iOS, PHP, NodeJS, and more recently React/Redux. I enjoy PHP, NodeJS, and React/Redux. I enjoy learning better ways to
learning new things, solving difficult problems and building do things, solving difficult problems and building software
software that assists my clients/users in achieving success. I that assists my clients/users in achieving success. I live in
live in Hayden Idaho and my hobbies include Devops, listening Hayden Idaho and my hobbies include Devops, listening to
to podcasts, playing ukulele and, especially, spending time podcasts, playing ukulele and, especially, spending time with
with my wife and 3 kids.</p> my wife and 3 kids.</p>
</section> </section>
<section class="section projects"> <section class="section projects">
<h2>Recent Software Projects</h2> <h2>Recent Software Projects</h2>