From b89cc04633f86908820748cd09934de3e87e4bcf Mon Sep 17 00:00:00 2001 From: Mike Vitale Date: Wed, 22 Oct 2014 22:34:57 -0500 Subject: [PATCH 1/4] Added FontAwesome icons and a 'Follow Me' section in the post footer. --- _config.yml | 8 ++++++++ _includes/follow.html | 19 ++++++++++++++++++ _layouts/default.html | 2 ++ _layouts/post.html | 3 +++ assets/css/screen.css | 45 +++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 77 insertions(+) create mode 100644 _includes/follow.html diff --git a/_config.yml b/_config.yml index 4868dd10a..068083c27 100644 --- a/_config.yml +++ b/_config.yml @@ -12,3 +12,11 @@ domain_name: 'http://yourblog-domain.com' # Details for the RSS feed generator url: 'blog url' author: 'Your Name' + +# Social Media +facebook: YourUsername +twitter: YourUsername +linkedin: YourUsername +stackoverflow: 12345678 +github: YourUsername + diff --git a/_includes/follow.html b/_includes/follow.html new file mode 100644 index 000000000..536fc8e90 --- /dev/null +++ b/_includes/follow.html @@ -0,0 +1,19 @@ +
+

Follow me

+ {% if site.facebook %} + + {% endif %} + {% if site.twitter %} + + {% endif %} + {% if site.linkedin %} + + {% endif %} + {% if site.stackoverflow %} + + {% endif %} + {% if site.github %} + + {% endif %} +
+ diff --git a/_layouts/default.html b/_layouts/default.html index 1fb6f124e..01085f993 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -16,6 +16,8 @@ + + diff --git a/_layouts/post.html b/_layouts/post.html index 4dd0558cc..e86114d0b 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -79,6 +79,9 @@

{{ site.author }}

{% include share.html %} + + + {% include follow.html %} {% if page.disqus %} diff --git a/assets/css/screen.css b/assets/css/screen.css index 4db702b12..6c5189be7 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -1312,6 +1312,51 @@ body:not(.post-template) .post-title { color: #50585D; } +.follow a { + display:block; + height:36px; + width:36px; + text-align:center; + line-height:38px; + float:left; + color:#fff; + border-radius:50%; + padding: 5px; + margin: 5px; +} + +.follow a.facebook_follow { + background-color: #5676A4; +} + +.follow a.twitter_follow { + background-color: #53B6D8; +} + +.follow a.linkedin_follow { + background-color: #65A9D0; +} + +.follow a.google_follow { + background-color: #3682C3; +} + +.follow a.rss_follow { + background-color: #E99C60; +} + +.follow a.stackoverflow_follow { + background-color: #FF9900; +} + +.follow a.github_follow { + background-color: #000; +} + +.site-footer a:hover { + color: #50585D; +} + .poweredby { display: block; width: 45%; From 6fefe4aa62bc57bb0622a2f00b4f01971bceada7 Mon Sep 17 00:00:00 2001 From: Mike Vitale Date: Wed, 22 Oct 2014 22:38:03 -0500 Subject: [PATCH 2/4] Change FontAwesome color on hover. --- assets/css/screen.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/screen.css b/assets/css/screen.css index 6c5189be7..3e4ed07fe 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -1353,7 +1353,7 @@ body:not(.post-template) .post-title { background-color: #000; } -.site-footer a:hover { +.follow a:hover { color: #50585D; } From 0c717d1cdf549c63eb77cb8c560520c2d985e8d7 Mon Sep 17 00:00:00 2001 From: Mike Vitale Date: Fri, 6 Feb 2015 15:03:25 -0600 Subject: [PATCH 3/4] Moved changes from screen.css to main.scss. --- assets/css/main.scss | 46 +++++++++++++++++++++++++++++++++++++++++++ assets/css/screen.css | 45 ------------------------------------------ 2 files changed, 46 insertions(+), 45 deletions(-) diff --git a/assets/css/main.scss b/assets/css/main.scss index b2df18d65..7136ffe0e 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -12,3 +12,49 @@ @import "syntax" ; + +.follow a { + display:block; + height:36px; + width:36px; + text-align:center; + line-height:38px; + float:left; + color:#fff; + border-radius:50%; + padding: 5px; + margin: 5px; +} + +.follow a.facebook_follow { + background-color: #5676A4; +} + +.follow a.twitter_follow { + background-color: #53B6D8; +} + +.follow a.linkedin_follow { + background-color: #65A9D0; +} + +.follow a.google_follow { + background-color: #3682C3; +} + +.follow a.rss_follow { + background-color: #E99C60; +} + +.follow a.stackoverflow_follow { + background-color: #FF9900; +} + +.follow a.github_follow { + background-color: #000; +} + +.follow a:hover { + color: #50585D; +} + diff --git a/assets/css/screen.css b/assets/css/screen.css index 3e4ed07fe..4db702b12 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -1312,51 +1312,6 @@ body:not(.post-template) .post-title { color: #50585D; } -.follow a { - display:block; - height:36px; - width:36px; - text-align:center; - line-height:38px; - float:left; - color:#fff; - border-radius:50%; - padding: 5px; - margin: 5px; -} - -.follow a.facebook_follow { - background-color: #5676A4; -} - -.follow a.twitter_follow { - background-color: #53B6D8; -} - -.follow a.linkedin_follow { - background-color: #65A9D0; -} - -.follow a.google_follow { - background-color: #3682C3; -} - -.follow a.rss_follow { - background-color: #E99C60; -} - -.follow a.stackoverflow_follow { - background-color: #FF9900; -} - -.follow a.github_follow { - background-color: #000; -} - -.follow a:hover { - color: #50585D; -} - .poweredby { display: block; width: 45%; From 121ca21705c99314f577696f7cbaaf2f211c391e Mon Sep 17 00:00:00 2001 From: Mike Vitale Date: Fri, 6 Feb 2015 15:13:38 -0600 Subject: [PATCH 4/4] Moved author image and alt text to _config.yml. --- _config.yml | 6 ++++-- _layouts/post.html | 2 +- index.html | 2 +- 3 files changed, 6 insertions(+), 4 deletions(-) diff --git a/_config.yml b/_config.yml index 068083c27..054c4d0f0 100644 --- a/_config.yml +++ b/_config.yml @@ -10,8 +10,10 @@ baseurl: / domain_name: 'http://yourblog-domain.com' # Details for the RSS feed generator -url: 'blog url' -author: 'Your Name' +url: 'blog url' +author: 'Your Name' +author-image: '/assets/images/profile.png' +author-image-alt: 'Author profile picture' # Social Media facebook: YourUsername diff --git a/_layouts/post.html b/_layouts/post.html index e86114d0b..c4c6a0ef0 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -64,7 +64,7 @@
Archive
{% if site.author %}
- +
diff --git a/index.html b/index.html index cff03a9ac..fc6326005 100644 --- a/index.html +++ b/index.html @@ -45,7 +45,7 @@

{{ post.title }}