diff --git a/public/steve.ayerh.art/about/index.html b/public/steve.ayerh.art/about/index.html index 54d12a5..26413ae 100644 --- a/public/steve.ayerh.art/about/index.html +++ b/public/steve.ayerh.art/about/index.html @@ -1,42 +1,73 @@ - - - - + + + + - - - - Steve Ayerhart - - -
-

- steve - ayerhart -

- -
-
-
-

blurb

-

I'm a software developer from Erie, Pennsylvania. During the day I assume the role of a "fullstack" web developer. I mostly write C# and Javascript now. I have written with Ruby, Python, and PHP professionally as well.

-

I spend most of my waking hours in front of a computer. When I'm not working I enjoy writing and contributing to free software. I also enjoy playing some computers games as well.

- -

My wife Lee Katherine and I currently live in New Hill North Carolina.

-
-
-

contact

-

You can mail me at steve@ayerh.art

-

My GPG key is 0xB6205BE680932292790F622B9475954DBBC6B924

-
-
- + + + + Steve Ayerhart + + +
+

+ steve + ayerhart +

+ +
+
+
+

blurb

+

I'm a software developer living in New Hill, North Carolina.

+

I spend most of my waking hours in front of a computer. When I'm not working as a "fullstack" web developer, I enjoy writing and contributing to free software.

+

My wife Lee Katherine and I live with our four rescue dogs.

+
+
+

programming

+

Languages I currently work with:

+ +

Langauges I've worked with:

+ +
+
+

contact

+
+
email
+
steve@ayerh.art
+
gpg
+
0xb6205be680932292790f622b9475954dbbc6b924
+
irc
+
sayerhart on Freenode
+
+
+
+ diff --git a/public/steve.ayerh.art/index.html b/public/steve.ayerh.art/index.html index aa1519e..24b8399 100644 --- a/public/steve.ayerh.art/index.html +++ b/public/steve.ayerh.art/index.html @@ -7,7 +7,7 @@ - + Steve Ayerhart diff --git a/style/scss/perspective.scss b/style/scss/perspective.scss index dd4b8be..c0c400e 100644 --- a/style/scss/perspective.scss +++ b/style/scss/perspective.scss @@ -1,128 +1,151 @@ @font-face { - font-family: 'Open Sans Condensed'; - font-weight: 300; - font-display: swap; - src: local('Open Sans Condensed'); + font-family: "Open Sans Condensed"; + font-weight: 300; + font-display: swap; + src: local("Open Sans Condensed"); } @font-face { - font-family: 'Alegreya Sans SC'; - font-weight: 900; - font-weight: extra-bold; - font-display: swap; - src: local('Alegreya Sans Sc'); -} - -* { - margin: 0; - padding: 0; + font-family: "Alegreya Sans SC"; + font-weight: 900; + font-weight: extra-bold; + font-display: swap; + src: local("Alegreya Sans Sc"); } html { - background-color: #f4f7f6; - display: flex; - justify-content: center; - align-items: center; + background-color: #f4f7f6; + display: flex; + justify-content: center; + align-items: center; - main { - max-width: 40em; - padding: 1em; + main { + max-width: 40em; + padding: 1em; + } + + section { + ul { + list-style-type: square; } - section h2 { - margin: 1em 0; - font-family: 'Open Sans Condensed', sans-serif; - text-transform: uppercase; - border-bottom: 1px solid #b43434; + p { + font-family: sans-serif; + line-height: 1.5em; } - code + p, p + p{ - margin: 1em 0; + a { + color: #b43434; + text-decoration: none; } - &.perspective { - min-height: 100vh; - overflow: hidden; - - body { - position: relative; - bottom: 5em; - } - - div.name { - text-decoration: none; - color: #666666; - font-family: 'Alegreya Sans SC'; - filter: drop-shadow(1px 1px #333333); - text-transform: uppercase; - font-size: 5em; - font-weight: 900; - transform: skew(60deg, -30deg); - position: relative; - - &:first-child { - right: 1em; - } - - &:last-child { - left: 1em; - } - } - - div.nav { - transform: skew(0deg, -30deg); - } + h2 { + display: flex; + margin: 1em 0; + font-family: "Open Sans Condensed", sans-serif; + text-transform: uppercase; } + + hr { + color: #b43434; + background-color: #b43434; + flex-basis: 100%; + align-self: center; + margin-left: 0.5em; + height: 1px; + border: 0; + } + } + + code + p, + p + p { + margin: 1em 0; + } + + &.perspective { + min-height: 100vh; + overflow: hidden; + + body { + position: relative; + bottom: 5em; + } + + div.name { + text-decoration: none; + color: #666666; + font-family: "Alegreya Sans SC"; + filter: drop-shadow(1px 1px #333333); + text-transform: uppercase; + font-size: 5em; + font-weight: 900; + transform: skew(60deg, -30deg); + position: relative; + + &:first-child { + right: 1em; + } + + &:last-child { + left: 1em; + } + } + + div.nav { + transform: skew(0deg, -30deg); + } + } } header { - h1 { - display: flex; - justify-content: space-evenly; - } + h1 { + display: flex; + justify-content: space-evenly; + } - a.name { - text-decoration: none; - color: #666666; - font-family: 'Alegreya Sans SC'; - font-size: 2em; - filter: drop-shadow(1px 1px #333333); + a.name { + text-decoration: none; + color: #666666; + font-family: "Alegreya Sans SC"; + font-size: 2em; + filter: drop-shadow(1px 1px #333333); + } + .name { + &:first-child { + padding-right: 0.25em; } - .name { - &:first-child { - padding-right: .25em; - } - &:last-child { - padding-left: .25em; - } + &:last-child { + padding-left: 0.25em; } -} - -nav, ul, li { - margin: 0; - padding: 0; - display: inline; + } } nav { - font-family: 'Open Sans Condensed', sans-serif; - font-size: 2em; + font-family: "Open Sans Condensed", sans-serif; + font-size: 2em; - ul { - background-color: #b43434; - display: flex; - justify-content: space-around; - } - a { - text-decoration: none; - color: #333333; - } + ul, + li { + margin: 0; + padding: 0; + display: inline; + } - li { - padding: 0 5px; - &:hover { - a { - color: #f4f6f7; - } - } + ul { + background-color: #b43434; + display: flex; + justify-content: space-around; + } + a { + text-decoration: none; + color: #333333; + } + + li { + padding: 0 5px; + &:hover { + a { + color: #f4f6f7; + } } + } }