Updated more styles and some minor content fixes.
This commit is contained in:
parent
990ae366f5
commit
585d822f00
3 changed files with 50 additions and 16 deletions
10
css/700.css
10
css/700.css
|
@ -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;
|
||||||
|
}
|
||||||
|
|
25
css/main.css
25
css/main.css
|
@ -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;
|
||||||
|
}
|
31
index.html
31
index.html
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue