💻 Add gravatar image #100DaysOfCode R1D30

Gemfile

@@ -1,7 +1,7 @@
 source 'https://rubygems.org'
 gem 'jekyll-sitemap', group: :jekyll_plugins
 gem 'jekyll-seo-tag', group: :jekyll_plugins
-
+gem "jekyll-gravatar", "~> 0.1.0", group: :jekyll_plugins
 gem "jekyll-assets", "~> 2.4.0", group: :jekyll_plugins
 
 gem 'bootstrap', '~> 4.0.0'

_assets/css/style.scss

@@ -2,6 +2,10 @@
 @import 'font-awesome-sprockets';
 @import 'font-awesome';
 
+.rounded-large {
+  border-radius: 1rem;
+}
+
 .primary-container {
   padding: 0;
 }

_config.yml

@@ -21,7 +21,7 @@ author:
   name: Dan Jones
   from: Texas, USA
   dribbble:
-  email: 
+  email: wizzard351@yahoo.com
   facebook: danjones
   flickr: goodevilgenius
   github: goodevilgenius
@@ -74,6 +74,7 @@ plugins:
   - jekyll-sitemap # Create a sitemap using the official Jekyll sitemap gem
   - jekyll-seo-tag
   - jekyll-assets
+  - jekyll-gravatar
   - bootstrap
   - font-awesome-sass
 

_layouts/default.html

@@ -27,7 +27,10 @@
 	  <div class="row">
 		<div class="order-2 order-md-1 col-12 col-md-3 col-xl-2 bd-sideboard bg-dark">
 		  <aside>
-			<p class="text-muted small">{{ site.description }}</p>
+			<figure class="figure">
+			  <img src="{{ site.author.email | to_gravatar }}?s=200" class="figure-img img-fluid rounded-large" alt="" />
+			  <figcaption class="figure-caption small">{{ site.description }}</figcaption>
+			</figure>
 		  </aside>
 
 		  <aside>