From 27a29efd2d6129d24da55f762e4aadc27f73111f Mon Sep 17 00:00:00 2001 From: Joel Glovier Date: Tue, 21 Jul 2015 17:41:46 -0400 Subject: [PATCH] more stylie stuff and config options --- _config.yml | 17 ++++++++++- _layouts/resume.html | 15 ++++++---- _sass/_base.scss | 4 +-- _sass/_mixins.scss | 14 +++++++++ _sass/_resume.scss | 70 +++++++++++++++++++++++++++++++++++++++----- 5 files changed, 105 insertions(+), 15 deletions(-) diff --git a/_config.yml b/_config.yml index 6617d9d..af4fcaa 100644 --- a/_config.yml +++ b/_config.yml @@ -13,9 +13,24 @@ resume_name: "Homer J. Simpson" resume_title: "Nuclear Safety Inspector" resume_contact_email: "homerjsimpson@youremailaddress.com" +# use "yes" to display the email contact button, +# "no" to display an "I'm not looking for work" message, +# or remove the resume_looking_for_work option entirely +# to leave blank +resume_looking_for_work: "yes" # Resume social links - +# delete any of these you don't intend to use +resume_options: + resume_pdf_URL: "insert URL here" + resume_github_url: "https://github.com/jglovier/resume-template" + resume_twitter_url: "http://twitter.com/jglovier" + resume_print_url: "insert print URL here" + resume_dribbble_url: "insert Dribbble URL here" + resume_linkedin_url: "insert LinkedIn URL here" + resume_facebook_url: "insert Facebook URL here" + resume_website_url: "insert your website URL here" + resume_instagram_url: "insert your Instagram URL here" # Design settings resume_theme: default diff --git a/_layouts/resume.html b/_layouts/resume.html index 6d58922..44c1324 100644 --- a/_layouts/resume.html +++ b/_layouts/resume.html @@ -31,13 +31,18 @@

This is the executive summary. You should write a few brief, concise, and meaningful sentences about yourself from a professional context, and your immediate career goals. Make the length appropriate for your needs, but K.I.S.S.

- + {% if site.resume_looking_for_work == 'yes' %} + Contact me + {% elsif site.resume_looking_for_work == 'no' %} + I'm not looking for work right now. + {% else %} + {% endif %} -
+

Experience

@@ -78,7 +83,7 @@ -
+

Education

@@ -95,8 +100,8 @@ diff --git a/_sass/_base.scss b/_sass/_base.scss index b7b2960..bb424d2 100644 --- a/_sass/_base.scss +++ b/_sass/_base.scss @@ -21,8 +21,8 @@ body{ .wrapper:after { content:""; display:table; } .wrapper:after { clear: both; } .wrapper { - max-width: 680px; - padding: 0 30px; + max-width: 728px; + padding: 0 24px; margin: 0 auto; zoom: 1; } diff --git a/_sass/_mixins.scss b/_sass/_mixins.scss index 42dba29..6f0da62 100644 --- a/_sass/_mixins.scss +++ b/_sass/_mixins.scss @@ -13,6 +13,12 @@ border-radius: $radius; } +@mixin transition($value) { + -webkit-transition: $value; + -moz-transition: $value; + transition: $value; +} + // Clearfix // // Clears floats via mixin (avoid using as a class). @@ -95,4 +101,12 @@ @mixin serif_bold { @include serif; font-weight: 700; +} + +// layout + +@mixin section_border { + border-top: 4px solid #c7c7c7; + border-bottom: 2px solid #c7c7c7; + padding: .5rem 0; } \ No newline at end of file diff --git a/_sass/_resume.scss b/_sass/_resume.scss index c6fb51b..ab72e5e 100644 --- a/_sass/_resume.scss +++ b/_sass/_resume.scss @@ -4,9 +4,8 @@ // util .section-header { - border-top: 4px solid #c7c7c7; - border-bottom: 2px solid #c7c7c7; - padding: .5rem 0; + @include section_border; + margin-bottom: 1.5rem; h2 { @include sans; @@ -15,7 +14,6 @@ letter-spacing: -.05rem; margin: 0; } - } // page header styles @@ -43,9 +41,7 @@ } .title-bar { - border-top: 4px solid #c7c7c7; - border-bottom: 2px solid #c7c7c7; - padding: .5rem 0; + @include section_border; .header-title { @include sans; @@ -57,5 +53,65 @@ } } +.contact-button { + @include border-radius(3px); + background-color: #efefef; + text-decoration: none; + text-align: center; + display: block; + margin: 1.5rem auto; + width: 220px; + font-size: 1.375rem; + @include sans_light; + color: #333; + line-height: 55px; + @include transition(all .2s ease); + &:hover { + background-color: #333; + color: #fff; + } + &.not-looking { + width: 400px; + } +} + +// resume content styles + +.content-section { + margin: 0 0 3rem; + + .resume-item { margin-bottom: 2rem; } + + .resume-item-title { + @include sans_bold; + margin: 0 0 0; + font-size: 1.5rem; + } + + .resume-item-details { + font-size: 1.25rem; + margin: 0 0 1rem; + } +} + +// footer styles + +.page-footer { + border-top: 4px solid #c7c7c7; + padding-top: 1.5rem; + text-align: center; + margin-bottom: 3rem; + + .footer-line { + margin: 0; + font-size: .875rem; + color: #999; + + > a { + font-weight: 700; + color: #333; + } + } +}