diff --git a/_config.yml b/_config.yml index 4868dd10a..054c4d0f0 100644 --- a/_config.yml +++ b/_config.yml @@ -10,5 +10,15 @@ 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 +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..c4c6a0ef0 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -64,7 +64,7 @@
Archive
{% if site.author %}
- +
@@ -79,6 +79,9 @@

{{ site.author }}

{% include share.html %} + + + {% include follow.html %} {% if page.disqus %} 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/index.html b/index.html index cff03a9ac..fc6326005 100644 --- a/index.html +++ b/index.html @@ -45,7 +45,7 @@

{{ post.title }}