adding sticker logo to blog post

Author: lrlna

_config.yml

@@ -3,6 +3,8 @@ title: yargs
 
 # Build setting
 markdown: kramdown
+kramdown:
+  parse_block_html: true
 gems:
     - jekyll-redirect-from
 

_layouts/blog.html

@@ -9,11 +9,7 @@
     <div class="page">
       <div class="wrapper">
         <div class="blog-wrapper">
-          <div class="page-content">
-            <div class="page-box">
               {{ content }}
-            </div>
-          </div>
         </div>
       </div>
     </div>

_posts/2016-02-13-yargs-4.md

@@ -3,6 +3,9 @@ layout: blog
 title: Yargs 4.0 Is Here
 ---
 
+{::options parse_block_html="true" /}
+<div class="page-content align-items">
+<div class="page-box-full left">
 # Yargs 4.0 is Here
 
 I'm excited to announce that yargs 4.0 is here and it's a big update!
@@ -244,3 +247,11 @@ Thank you to everyone who has made the yargs project possible, I couldn't
 be more excited about the future \o/
 
 -- [Ben](https://github.com/bcoe).
+</div>
+
+{::options parse_block_html="true" /}
+<div class="page-box right">
+##We got stickers!
+[![Yargs Sticker](/images/yargs-laptop-hexagon.png)](https://www.stickermule.com/marketplace/tags/yargs)
+</div>
+</div>

_sass/_blog.scss

@@ -14,4 +14,15 @@
     @extend .description;
   }
 
+  .page-box.right {
+    width: 100%;
+    padding-top: 4.5em;
+    @include media-query($on-palm) {
+      padding: inherit;
+    }
+    h2, p {
+      margin: 0 auto;
+    }
+  }
+
 }

_sass/_landing.scss

@@ -59,6 +59,6 @@
 code {
   max-width: 65%;
   @include media-query($on-palm) {
-    max-width: none; 
+    max-width: 80%; 
   }
 }