commit 7fcf1530238a7f21ec7cd1bb5e9cf279887693c3 Author: Jim Myhrberg Date: Thu Oct 15 21:29:39 2015 +0100 Initial commit of jimeh.me v4.0 diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..45c1505 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +_site +.sass-cache +.jekyll-metadata diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..abf54f1 --- /dev/null +++ b/Gemfile @@ -0,0 +1,3 @@ +source :rubygems + +gem 'github-pages' diff --git a/Gemfile.lock b/Gemfile.lock new file mode 100644 index 0000000..95c062d --- /dev/null +++ b/Gemfile.lock @@ -0,0 +1,131 @@ +GEM + remote: http://rubygems.org/ + specs: + RedCloth (4.2.9) + activesupport (4.2.3) + i18n (~> 0.7) + json (~> 1.7, >= 1.7.7) + minitest (~> 5.1) + thread_safe (~> 0.3, >= 0.3.4) + tzinfo (~> 1.1) + blankslate (2.1.2.4) + celluloid (0.16.0) + timers (~> 4.0.0) + classifier-reborn (2.0.3) + fast-stemmer (~> 1.0) + coffee-script (2.4.1) + coffee-script-source + execjs + coffee-script-source (1.9.1.1) + colorator (0.1) + execjs (2.5.2) + fast-stemmer (1.0.2) + ffi (1.9.10) + gemoji (2.1.0) + github-pages (38) + RedCloth (= 4.2.9) + github-pages-health-check (~> 0.2) + jekyll (= 2.4.0) + jekyll-coffeescript (= 1.0.1) + jekyll-feed (= 0.3.0) + jekyll-mentions (= 0.2.1) + jekyll-redirect-from (= 0.8.0) + jekyll-sass-converter (= 1.2.0) + jekyll-sitemap (= 0.8.1) + jemoji (= 0.4.0) + kramdown (= 1.5.0) + liquid (= 2.6.2) + maruku (= 0.7.0) + mercenary (~> 0.3) + pygments.rb (= 0.6.3) + rdiscount (= 2.1.7) + redcarpet (= 3.3.1) + terminal-table (~> 1.4) + github-pages-health-check (0.3.1) + net-dns (~> 0.6) + public_suffix (~> 1.4) + hitimes (1.2.2) + html-pipeline (1.9.0) + activesupport (>= 2) + nokogiri (~> 1.4) + i18n (0.7.0) + jekyll (2.4.0) + classifier-reborn (~> 2.0) + colorator (~> 0.1) + jekyll-coffeescript (~> 1.0) + jekyll-gist (~> 1.0) + jekyll-paginate (~> 1.0) + jekyll-sass-converter (~> 1.0) + jekyll-watch (~> 1.1) + kramdown (~> 1.3) + liquid (~> 2.6.1) + mercenary (~> 0.3.3) + pygments.rb (~> 0.6.0) + redcarpet (~> 3.1) + safe_yaml (~> 1.0) + toml (~> 0.1.0) + jekyll-coffeescript (1.0.1) + coffee-script (~> 2.2) + jekyll-feed (0.3.0) + jekyll-gist (1.2.1) + jekyll-mentions (0.2.1) + html-pipeline (~> 1.9.0) + jekyll (~> 2.0) + jekyll-paginate (1.1.0) + jekyll-redirect-from (0.8.0) + jekyll (>= 2.0) + jekyll-sass-converter (1.2.0) + sass (~> 3.2) + jekyll-sitemap (0.8.1) + jekyll-watch (1.2.1) + listen (~> 2.7) + jemoji (0.4.0) + gemoji (~> 2.0) + html-pipeline (~> 1.9) + jekyll (~> 2.0) + json (1.8.3) + kramdown (1.5.0) + liquid (2.6.2) + listen (2.10.1) + celluloid (~> 0.16.0) + rb-fsevent (>= 0.9.3) + rb-inotify (>= 0.9) + maruku (0.7.0) + mercenary (0.3.5) + mini_portile (0.6.2) + minitest (5.7.0) + net-dns (0.8.0) + nokogiri (1.6.6.2) + mini_portile (~> 0.6.0) + parslet (1.5.0) + blankslate (~> 2.0) + posix-spawn (0.3.11) + public_suffix (1.5.1) + pygments.rb (0.6.3) + posix-spawn (~> 0.3.6) + yajl-ruby (~> 1.2.0) + rb-fsevent (0.9.5) + rb-inotify (0.9.5) + ffi (>= 0.5.0) + rdiscount (2.1.7) + redcarpet (3.3.1) + safe_yaml (1.0.4) + sass (3.4.16) + terminal-table (1.5.2) + thread_safe (0.3.5) + timers (4.0.1) + hitimes + toml (0.1.2) + parslet (~> 1.5.0) + tzinfo (1.2.2) + thread_safe (~> 0.1) + yajl-ruby (1.2.1) + +PLATFORMS + ruby + +DEPENDENCIES + github-pages + +BUNDLED WITH + 1.10.5 diff --git a/Makefile b/Makefile new file mode 100644 index 0000000..75239c6 --- /dev/null +++ b/Makefile @@ -0,0 +1,5 @@ +serve: + bundle exec jekyll serve + +.SILENT: +.PHONY: diff --git a/README.md b/README.md new file mode 100644 index 0000000..1ad9d4d --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +# [jimeh.me](http://jimeh.me/) diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..c693f41 --- /dev/null +++ b/_config.yml @@ -0,0 +1,20 @@ +# Site settings +title: Jim Myhrberg (jimeh) +name: Jim Myhrberg +nickname: jimeh +email: pbagnpg\100wvzru\056zr +description: Crazy-Ass Software Engineering Mercenary +baseurl: "" # the subpath of your site, e.g. /blog/ +hostname: jimeh.me # used to determine if google analytics should be triggered +url: http://jimeh.me # the base hostname & protocol for your site +permalink: /:title/ +cv_url: http://assets.jimeh.me/jim-myhrberg-resume.pdf +twitter_username: jimeh +github_username: jimeh +linkedin_username: jimeh +facebook_username: jimeh +flickr_username: jimeh +lastfm_username: jimeh + +# Build settings +markdown: kramdown diff --git a/_includes/ga.html b/_includes/ga.html new file mode 100644 index 0000000..9be091c --- /dev/null +++ b/_includes/ga.html @@ -0,0 +1,10 @@ + diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..8988cb6 --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,14 @@ + + + + + + {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} + + + + + + + + diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..59fb17f --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,8 @@ + + + {% include head.html %} + + {{ content }} + {% include ga.html %} + + diff --git a/_sass/_base.scss b/_sass/_base.scss new file mode 100644 index 0000000..fcd42f6 --- /dev/null +++ b/_sass/_base.scss @@ -0,0 +1,176 @@ +/** + * Reset some basic elements + */ +body, h1, h2, h3, h4, h5, h6, +p, blockquote, pre, hr, +dl, dd, ol, ul, figure { + margin: 0; + padding: 0; +} + + +/** + * Basic styling + */ +html { + height: 100%; +} + +body { + height: 100%; + font-family: $base-font-family; + font-size: $base-font-size; + line-height: $base-line-height; + font-weight: 400; + color: $text-color; + background-color: $background-color; + -webkit-text-size-adjust: 100%; +} + + +/** + * Set `margin-bottom` to maintain vertical rhythm + */ +h1, h2, h3, h4, h5, h6, +p, blockquote, pre, +ul, ol, dl, figure, +%vertical-rhythm { + margin-bottom: $spacing-unit / 2; +} + + +/** + * Images + */ +img { + max-width: 100%; + vertical-align: middle; +} + + +/** + * Figures + */ +figure > img { + display: block; +} + +figcaption { + font-size: $small-font-size; +} + + +/** + * Lists + */ +ul, ol { + margin-left: $spacing-unit; +} + +li { + > ul, + > ol { + margin-bottom: 0; + } +} + + +/** + * Headings + */ +h1, h2, h3, h4, h5, h6 { + font-weight: 300; +} + + +/** + * Links + */ +a { + color: $brand-color; + text-decoration: none; + + &:visited { + color: $brand-color-dark; + } + + &:hover { + color: $grey-color-dark; + text-decoration: underline; + } +} + + +/** + * Blockquotes + */ +blockquote { + color: $grey-color; + border-left: 4px solid $grey-color-light; + padding-left: $spacing-unit / 2; + font-size: 18px; + letter-spacing: -1px; + font-style: italic; + + > :last-child { + margin-bottom: 0; + } +} + + +/** + * Code formatting + */ +pre, +code { + font-size: 15px; + border: 1px solid $grey-color-light; + border-radius: 3px; + background-color: #eef; +} + +code { + padding: 1px 5px; +} + +pre { + padding: 8px 12px; + overflow-x: scroll; + + > code { + border: 0; + padding-right: 0; + padding-left: 0; + } +} + + +/** + * Clearfix + */ +%clearfix { + + &:after { + content: ""; + display: table; + clear: both; + } +} + + +/** + * Icons + */ +.icon { + + > svg { + display: inline-block; + width: 16px; + height: 16px; + vertical-align: middle; + + path { + fill: $grey-color; + } + } +} diff --git a/_sass/_layout.scss b/_sass/_layout.scss new file mode 100644 index 0000000..76fbd8d --- /dev/null +++ b/_sass/_layout.scss @@ -0,0 +1,91 @@ +.site-header { + font-family: $heading-font-family; + font-weight: bold; + position: fixed; + top: 0px; + + bottom: 0px; + width: 100%; + + a:hover { + text-decoration: none; + } + + .content { + height: 128px; + width: 595px; + position: absolute; + top: 50%; + left: 50%; + @include transform(translate(-50%, -50%)); + } +} + +.site-avatar { + width: 128px; + height: 128px; + margin-bottom: 4px; + border: 2px solid white; + position: absolute; + top: 0; + left: 0; + @include border-radius(400px); + @include box-shadow(0px, 0px, 7px, rgba(0, 0, 0, 0.3)); +} + +.header-content { + display: block; + color: $name-color; + font-size: 47px; + line-height: 40px; + margin-bottom: 5px; + position: absolute; + top: 30px; + left: 160px; + + .site-name { + text-transform: uppercase; + } + .site-nickname { + color: $nickname-color; + text-transform: lowercase; + } +} + +.site-description { + font-size: 14px; + margin-bottom: 8px; + color: $sub-title-color; + text-transform: uppercase; + position: absolute; + top: 28px; + left: 11px; +} + +.site-links { + position: absolute; + top: 52px; + left: 7px; + font-size: 22px; + + a { + color: $link-color; + position: relative; + padding: 0px 5px; + + .link-text { + visibility: hidden; + font-size: $base-font-size; + position: absolute; + top: 20px; + left: 50%; + @include transform(translate(-50%, 0%)); + } + &:hover { + color: $link-hover-color; + .link-text { + visibility: visible; + } + } + } +} diff --git a/_sass/_setup.scss b/_sass/_setup.scss new file mode 100644 index 0000000..f936868 --- /dev/null +++ b/_sass/_setup.scss @@ -0,0 +1,70 @@ +@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; + +$spacing-unit: 30px; + +$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%); +$link-hover-color: lighten($text-color, 55%); + +$background-color: #fdfdfd; +$brand-color: #1193f6; +$brand-color-dark: darken($brand-color, 10%); + +$grey-color: #828282; +$grey-color-light: lighten($grey-color, 40%); +$grey-color-dark: darken($grey-color, 25%); + +$on-palm: 768px; +$on-laptop: 800px; + +@mixin media-query($device) { + @media screen and (max-width: $device) { + @content; + } +} + +@mixin border-radius($radius) { + -webkit-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; + -webkit-transform: $transforms; + transform: $transforms; +} + +@mixin transition($transforms) { + -moz-transition: $transforms; + -o-transition: $transforms; + -ms-transition: $transforms; + -webkit-transition: $transforms; + transition: $transforms; +} + +@mixin box-shadow($top, $left, $blur, $color, $inset: false) { + @if $inset { + -webkit-box-shadow:inset $top $left $blur $color; + -moz-box-shadow:inset $top $left $blur $color; + box-shadow:inset $top $left $blur $color; + } @else { + -webkit-box-shadow: $top $left $blur $color; + -moz-box-shadow: $top $left $blur $color; + box-shadow: $top $left $blur $color; + } +} diff --git a/apple-touch-icon.png b/apple-touch-icon.png new file mode 100644 index 0000000..fca03fb Binary files /dev/null and b/apple-touch-icon.png differ diff --git a/css/main.scss b/css/main.scss new file mode 100755 index 0000000..3e813fa --- /dev/null +++ b/css/main.scss @@ -0,0 +1,10 @@ +--- +# Only the main Sass file needs front matter (the dashes are enough) +--- + +// Import partials from `sass_dir` (defaults to `_sass`) +@import + "setup", + "base", + "layout" +; diff --git a/favicon.ico b/favicon.ico new file mode 100755 index 0000000..7d1a101 Binary files /dev/null and b/favicon.ico differ diff --git a/img/jimeh-4.0.jpg b/img/jimeh-4.0.jpg new file mode 100644 index 0000000..1f46c96 Binary files /dev/null and b/img/jimeh-4.0.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..1aa2b10 --- /dev/null +++ b/index.html @@ -0,0 +1,32 @@ +--- +layout: default +--- +
+
+ + + {{ site.name }} + ({{ site.nickname }}) +

{{ site.description }}

+
+ + twitter + + github + + linkedin + + facebook + + last.fm + + flickr + + cv + +
+ +
+