Update styling and CV link to point to version 5.0.0

This commit is contained in:
2020-02-24 00:08:06 +00:00
parent 2ab77e1dbc
commit 3d1db9f69b
4 changed files with 58 additions and 62 deletions

View File

@@ -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"

View File

@@ -6,11 +6,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<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="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 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 }}">
</head>
<body>

View File

@@ -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;

View File

@@ -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) {