For EmberTimes No. 80: Add Contributor Interview

source/blog/2019-01-11-the-ember-times-issue-80.md

@@ -1,6 +1,6 @@
 ---
 title: The Ember Times - Issue No. 80
-author: Kenneth Larsen,
+author: Kenneth Larsen, Jessica Jordan,
 tags: Recent Posts, Newsletter, Ember.js Times, Ember Times, 2019
 alias : "blog/2019/01/11-the-ember-times-issue-80.html"
 responsive: true
@@ -10,6 +10,8 @@ Grüezi mitenand Emberistas! 🐹
 
 This week you can read about the decorators RFC moving into FCP, ...
 
+...and read our exclusive **interview** with community contributor **@hakilebara**!
+
 ---
 
 ## [SECTION TITLE](#section-url)
@@ -26,7 +28,16 @@ As always, feel free to read the [RFC](https://github.com/NullVoxPopuli/rfcs/blo
 
 ---
 
-## [SECTION TITLE](#section-url)
+## ["I contribute to Ember" with Frédéric Soumaré](https://discuss.emberjs.com/t/i-contribute-to-ember-with-frederic-soumare/15995)
+
+<div class="float-right padded portrait-frame"><img alt="Frédéric Soumaré - Portrait Picture" title="Frédéric Soumaré" src="/images/blog/emberjstimes/hakilebara.png" /></div>
+
+This week we'd like to highlight the work of community member **Frédéric Soumaré**, also known as [@hakilebara](https://github.com/hakilebara).
+In an exclusive interview with the Ember Times he talks about his learnings as both an **Ember meetup organizer** and **contributor** to **Ember learning projects** and why showing up is key.
+
+You can read the full interview on [the Ember Forum](https://discuss.emberjs.com/t/i-contribute-to-ember-with-frederic-soumare/15995).
+
+<a class="ember-button ember-button--centered" href="https://discuss.emberjs.com/t/i-contribute-to-ember-with-frederic-soumare/15995">Read more</a>
 
 
 ---
@@ -94,4 +105,4 @@ That's another wrap! ✨
 
 Be kind,
 
-Kenneth Larsen, and the Learning Team
+Kenneth Larsen, Jessica Jordan, and the Learning Team

source/stylesheets/pages/blog.css.scss

@@ -39,11 +39,11 @@
       background-color: transparent;
     }
 
-    img.float-right {
+    img.float-right, div.float-right {
       float: right;
     }
 
-    img.float-left {
+    img.float-left, div.float-left {
       float: left;
     }
 
@@ -66,7 +66,7 @@
       background-color: transparent;
     }
 
-    img.padded {
+    img.padded, div.padded {
       margin: .5em 1em;
     }
 
@@ -124,6 +124,21 @@
         border-bottom: 1px solid lighten($orange, 10%);
       }
     }
+
+    .portrait-frame {
+      width: 150px;
+      height: 150px;
+      overflow: hidden;
+      border: 4px solid $orange-darkest;
+      border-radius: 75px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      img {
+        height: auto;
+      }
+    }
   }
 }