From 3d1db9f69b84bd49ecdfcf595d01630b48997e2c Mon Sep 17 00:00:00 2001 From: Jim Myhrberg Date: Mon, 24 Feb 2020 00:08:06 +0000 Subject: [PATCH] Update styling and CV link to point to version 5.0.0 --- _config.yml | 29 +++++++++++----------- _layouts/default.html | 4 +-- _sass/_layout.scss | 29 ++++++++++------------ _sass/_setup.scss | 58 +++++++++++++++++++++---------------------- 4 files changed, 58 insertions(+), 62 deletions(-) diff --git a/_config.yml b/_config.yml index 2607f8b..14bc1cb 100644 --- a/_config.yml +++ b/_config.yml @@ -1,5 +1,5 @@ title: Jim Myhrberg (jimeh) -description: Crazy-Ass Software Engineering Mercenary +description: Software Engineering Mercenary author: name: Jim Myhrberg nickname: jimeh @@ -30,34 +30,34 @@ email: href: "mailto:%63%6s%6r%74%61%63%74@%6n%69%6q%65%68.%6q%65" links: - - name: twitter - url: https://twitter.com/jimeh - class: fa-twitter - name: github url: https://github.com/jimeh - class: fa-github + class: fab fa-github + - name: twitter + url: https://twitter.com/jimeh + class: fab fa-twitter - name: blog url: https://jimeh.io/ - class: fa-medium + class: far fa-newspaper - name: linkedin url: https://www.linkedin.com/in/jimeh - class: fa-linkedin + class: fab fa-linkedin-in - name: last.fm url: https://www.last.fm/user/jimeh - class: fa-lastfm + class: fab fa-lastfm - name: flickr url: https://flickr.com/photos/jimeh - class: fa-flickr + class: fab fa-flickr - name: vcard id: vcard type: download - url: http://assets.jimeh.me/jim-myhrberg.vcf - class: fa-user + url: https://assets.jimeh.me/jim-myhrberg.vcf + class: far fa-address-card - name: cv (pdf) id: resume type: download - url: http://assets.jimeh.me/jim-myhrberg-cv.pdf - class: fa-file-text-o + url: https://assets.jimeh.me/jim-myhrberg-cv-5.0.0.pdf + class: fas fa-file-alt # additional stuff exclude: @@ -71,8 +71,7 @@ plugins: - jekyll-seo-tag defaults: - - - scope: + - scope: path: "" values: layout: "default" diff --git a/_layouts/default.html b/_layouts/default.html index fc383a4..ea43307 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -6,11 +6,11 @@ {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} -{% seo title=false %} + {% seo title=false %} - + diff --git a/_sass/_layout.scss b/_sass/_layout.scss index fdc2b25..d1f9309 100644 --- a/_sass/_layout.scss +++ b/_sass/_layout.scss @@ -13,7 +13,7 @@ } .site-header-container { - width: 585px; + width: 580px; position: absolute; top: 50%; left: 50%; @@ -25,20 +25,18 @@ width: 128px; height: 128px; float: left; - border: 2px solid white; @include border-radius(400px); - @include box-shadow(0px, 0px, 7px, rgba(0, 0, 0, 0.3)); } .content { display: block; - padding: 9px 0px 0px 160px; + padding: 9px 0px 0px 155px; position: relative; text-align: left; } .site-title { - font-size: 47px; + font-size: 3.36em; position: relative; .site-name { @@ -52,7 +50,7 @@ } .site-description { - font-size: 14px; + font-size: 0.383em; color: $sub-title-color; text-transform: uppercase; position: absolute; @@ -63,7 +61,7 @@ .site-links { font-size: 22px; - padding: 2px 0px 0px 6px; + padding: 6px 0px 0px 6px; a { float: left; @@ -91,7 +89,7 @@ @media screen and (max-width: 768px) { .site-links { - padding: 1px 0px 0px 0px; + padding: 6px 0px 0px 0px; margin-left: -2px; a { @@ -128,10 +126,9 @@ } .site-title { - font-size: 34px; + font-size: 2.43em; .site-description { - font-size: 10px; top: 36px; left: 9px; } @@ -139,6 +136,7 @@ .site-links { font-size: 16px; + a { .link-text { @include transform(translate(0%, 0%)); @@ -155,21 +153,20 @@ } .site-avatar { - width: 80px; - height: 80px; + width: 128px; + height: 128px; float: none; } .content { padding: 0px 10px 0px 10px; - text-align: center + text-align: center; } .site-title { - font-size: 30px; + font-size: 2.14em; .site-description { - font-size: 9px; top: 32px; left: 7px; } @@ -177,7 +174,7 @@ .site-links { font-size: 14px; - padding: 3px 0px 0px 0px; + padding: 6px 0px 0px 0px; margin-left: 0px; text-align: center; diff --git a/_sass/_setup.scss b/_sass/_setup.scss index 5c3976d..b4b2c78 100644 --- a/_sass/_setup.scss +++ b/_sass/_setup.scss @@ -1,51 +1,51 @@ @charset "utf-8"; // Our variables -$base-font-family: 'Open Sans', Helvetica, Arial, sans-serif; -$base-font-size: 14px; -$heading-font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif; -$small-font-size: $base-font-size * 0.875; -$base-line-height: 1.5; +$base-font-family: "Open Sans", Helvetica, Arial, sans-serif; +$base-font-size: 14px; +$heading-font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif; +$small-font-size: $base-font-size * 0.875; +$base-line-height: 1.5; -$spacing-unit: 30px; +$spacing-unit: 30px; -$background-color: #fdfdfd; -$text-color: #1a1a1a; +$background-color: #fdfdfd; +$text-color: #1a1a1a; -$name-color: lighten($text-color, 15.5%); -$nickname-color: lighten($text-color, 75%); -$sub-title-color: lighten($text-color, 55%); -$link-color: lighten($text-color, 65%); +$name-color: #172c37; +$nickname-color: lighten($name-color, 75%); +$sub-title-color: #7fbee9; +$link-color: lighten($text-color, 65%); -$brand-color: #1193f6; -$brand-color-light: lighten($brand-color, 10%); -$brand-color-dark: darken($brand-color, 10%); +$brand-color: #5aa7dc; +$brand-color-light: lighten($brand-color, 10%); +$brand-color-dark: darken($brand-color, 10%); -$grey-color: #828282; -$grey-color-light: lighten($grey-color, 40%); -$grey-color-dark: darken($grey-color, 25%); +$grey-color: #828282; +$grey-color-light: lighten($grey-color, 40%); +$grey-color-dark: darken($grey-color, 25%); @mixin border-radius($radius) { -webkit-border-radius: $radius; - -moz-border-radius: $radius; - -ms-border-radius: $radius; - border-radius: $radius; + -moz-border-radius: $radius; + -ms-border-radius: $radius; + border-radius: $radius; } @mixin transform($transforms) { - -moz-transform: $transforms; - -o-transform: $transforms; - -ms-transform: $transforms; + -moz-transform: $transforms; + -o-transform: $transforms; + -ms-transform: $transforms; -webkit-transform: $transforms; - transform: $transforms; + transform: $transforms; } @mixin transition($transforms) { - -moz-transition: $transforms; - -o-transition: $transforms; - -ms-transition: $transforms; + -moz-transition: $transforms; + -o-transition: $transforms; + -ms-transition: $transforms; -webkit-transition: $transforms; - transition: $transforms; + transition: $transforms; } @mixin box-shadow($top, $left, $blur, $color, $inset: false) {