jimeh/jimeh.github.io
1
0
Fork 0
mirror of https://github.com/jimeh/jimeh.github.io.git synced 2026-02-19 09:06:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update styling and CV link to point to version 5.0.0

Browse Source
This commit is contained in:
Jim Myhrberg
2020-02-24 00:08:06 +00:00
parent 2ab77e1dbc
commit 3d1db9f69b
4 changed files with 58 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
_config.yml
View File

@@ -1,5 +1,5 @@
title: Jim Myhrberg (jimeh) title: Jim Myhrberg (jimeh)
description: Crazy-Ass Software Engineering Mercenary description: Software Engineering Mercenary
author: author:
name: Jim Myhrberg name: Jim Myhrberg
nickname: jimeh nickname: jimeh
@@ -30,34 +30,34 @@ email:
href: "mailto:%63%6s%6r%74%61%63%74@%6n%69%6q%65%68.%6q%65" href: "mailto:%63%6s%6r%74%61%63%74@%6n%69%6q%65%68.%6q%65"
links: links:
- name: twitter
url: https://twitter.com/jimeh
class: fa-twitter
- name: github - name: github
url: https://github.com/jimeh 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 - name: blog
url: https://jimeh.io/ url: https://jimeh.io/
class: fa-medium class: far fa-newspaper
- name: linkedin - name: linkedin
url: https://www.linkedin.com/in/jimeh url: https://www.linkedin.com/in/jimeh
class: fa-linkedin class: fab fa-linkedin-in
- name: last.fm - name: last.fm
url: https://www.last.fm/user/jimeh url: https://www.last.fm/user/jimeh
class: fa-lastfm class: fab fa-lastfm
- name: flickr - name: flickr
url: https://flickr.com/photos/jimeh url: https://flickr.com/photos/jimeh
class: fa-flickr class: fab fa-flickr
- name: vcard - name: vcard
id: vcard id: vcard
type: download type: download
url: http://assets.jimeh.me/jim-myhrberg.vcf url: https://assets.jimeh.me/jim-myhrberg.vcf
class: fa-user class: far fa-address-card
- name: cv (pdf) - name: cv (pdf)
id: resume id: resume
type: download type: download
url: http://assets.jimeh.me/jim-myhrberg-cv.pdf url: https://assets.jimeh.me/jim-myhrberg-cv-5.0.0.pdf
class: fa-file-text-o class: fas fa-file-alt
# additional stuff # additional stuff
exclude: exclude:
@@ -71,8 +71,7 @@ plugins:
- jekyll-seo-tag - jekyll-seo-tag
defaults: defaults:
- - scope:
scope:
path: "" path: ""
values: values:
layout: "default" layout: "default"

4
_layouts/default.html
View File

@@ -6,11 +6,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title> <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
{% seo title=false %} {% seo title=false %}
<link rel="shortcut icon" href="/favicon.ico" /> <link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" /> <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link href='//fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300|Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'> <link href='//fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300|Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <script src="https://kit.fontawesome.com/dc60666aeb.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}"> <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
</head> </head>
<body> <body>

29
_sass/_layout.scss
View File

@@ -13,7 +13,7 @@
} }
.site-header-container { .site-header-container {
width: 585px; width: 580px;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
@@ -25,20 +25,18 @@
width: 128px; width: 128px;
height: 128px; height: 128px;
float: left; float: left;
border: 2px solid white;
@include border-radius(400px); @include border-radius(400px);
@include box-shadow(0px, 0px, 7px, rgba(0, 0, 0, 0.3));
} }
.content { .content {
display: block; display: block;
padding: 9px 0px 0px 160px; padding: 9px 0px 0px 155px;
position: relative; position: relative;
text-align: left; text-align: left;
} }
.site-title { .site-title {
font-size: 47px; font-size: 3.36em;
position: relative; position: relative;
.site-name { .site-name {
@@ -52,7 +50,7 @@
} }
.site-description { .site-description {
font-size: 14px; font-size: 0.383em;
color: $sub-title-color; color: $sub-title-color;
text-transform: uppercase; text-transform: uppercase;
position: absolute; position: absolute;
@@ -63,7 +61,7 @@
.site-links { .site-links {
font-size: 22px; font-size: 22px;
padding: 2px 0px 0px 6px; padding: 6px 0px 0px 6px;
a { a {
float: left; float: left;
@@ -91,7 +89,7 @@
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.site-links { .site-links {
padding: 1px 0px 0px 0px; padding: 6px 0px 0px 0px;
margin-left: -2px; margin-left: -2px;
a { a {
@@ -128,10 +126,9 @@
} }
.site-title { .site-title {
font-size: 34px; font-size: 2.43em;
.site-description { .site-description {
font-size: 10px;
top: 36px; top: 36px;
left: 9px; left: 9px;
} }
@@ -139,6 +136,7 @@
.site-links { .site-links {
font-size: 16px; font-size: 16px;
a { a {
.link-text { .link-text {
@include transform(translate(0%, 0%)); @include transform(translate(0%, 0%));
@@ -155,21 +153,20 @@
} }
.site-avatar { .site-avatar {
width: 80px; width: 128px;
height: 80px; height: 128px;
float: none; float: none;
} }
.content { .content {
padding: 0px 10px 0px 10px; padding: 0px 10px 0px 10px;
text-align: center text-align: center;
} }
.site-title { .site-title {
font-size: 30px; font-size: 2.14em;
.site-description { .site-description {
font-size: 9px;
top: 32px; top: 32px;
left: 7px; left: 7px;
} }
@@ -177,7 +174,7 @@
.site-links { .site-links {
font-size: 14px; font-size: 14px;
padding: 3px 0px 0px 0px; padding: 6px 0px 0px 0px;
margin-left: 0px; margin-left: 0px;
text-align: center; text-align: center;

58
_sass/_setup.scss
View File

@@ -1,51 +1,51 @@
@charset "utf-8"; @charset "utf-8";
// Our variables // Our variables
$base-font-family: 'Open Sans', Helvetica, Arial, sans-serif; $base-font-family: "Open Sans", Helvetica, Arial, sans-serif;
$base-font-size: 14px; $base-font-size: 14px;
$heading-font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif; $heading-font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
$small-font-size: $base-font-size * 0.875; $small-font-size: $base-font-size * 0.875;
$base-line-height: 1.5; $base-line-height: 1.5;
$spacing-unit: 30px; $spacing-unit: 30px;
$background-color: #fdfdfd; $background-color: #fdfdfd;
$text-color: #1a1a1a; $text-color: #1a1a1a;
$name-color: lighten($text-color, 15.5%); $name-color: #172c37;
$nickname-color: lighten($text-color, 75%); $nickname-color: lighten($name-color, 75%);
$sub-title-color: lighten($text-color, 55%); $sub-title-color: #7fbee9;
$link-color: lighten($text-color, 65%); $link-color: lighten($text-color, 65%);
$brand-color: #1193f6; $brand-color: #5aa7dc;
$brand-color-light: lighten($brand-color, 10%); $brand-color-light: lighten($brand-color, 10%);
$brand-color-dark: darken($brand-color, 10%); $brand-color-dark: darken($brand-color, 10%);
$grey-color: #828282; $grey-color: #828282;
$grey-color-light: lighten($grey-color, 40%); $grey-color-light: lighten($grey-color, 40%);
$grey-color-dark: darken($grey-color, 25%); $grey-color-dark: darken($grey-color, 25%);
@mixin border-radius($radius) { @mixin border-radius($radius) {
-webkit-border-radius: $radius; -webkit-border-radius: $radius;
-moz-border-radius: $radius; -moz-border-radius: $radius;
-ms-border-radius: $radius; -ms-border-radius: $radius;
border-radius: $radius; border-radius: $radius;
} }
@mixin transform($transforms) { @mixin transform($transforms) {
-moz-transform: $transforms; -moz-transform: $transforms;
-o-transform: $transforms; -o-transform: $transforms;
-ms-transform: $transforms; -ms-transform: $transforms;
-webkit-transform: $transforms; -webkit-transform: $transforms;
transform: $transforms; transform: $transforms;
} }
@mixin transition($transforms) { @mixin transition($transforms) {
-moz-transition: $transforms; -moz-transition: $transforms;
-o-transition: $transforms; -o-transition: $transforms;
-ms-transition: $transforms; -ms-transition: $transforms;
-webkit-transition: $transforms; -webkit-transition: $transforms;
transition: $transforms; transition: $transforms;
} }
@mixin box-shadow($top, $left, $blur, $color, $inset: false) { @mixin box-shadow($top, $left, $blur, $color, $inset: false) {