feat(blog): Design improvements for the leaderboard

content/index.html

@@ -7,30 +7,38 @@ title: Blog
     class="cell large-8 small-12 leaderboard-one"
     style="background: linear-gradient(to bottom, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.20)), url(/images/posts/2017-redesign.jpg); background-size: cover;"
   >
-    <h1>A new design</h1>
-    <p>My notes on how I approached redesigning my blog, and embraced the whitespace.</p>
+    <h1>Changelog: Blog 3.5</h1>
+    <p>
+      Notice something new? Read through how I approached improving the design
+      of the blog, embraced the whitespace, and trimmed dependencies away.
+    </p>
+    <a class="button" href="/feed.rss">Read more</a>
   </div>
 
   <div class="cell large-4 medium-6 small-12 leaderboard-about">
     <h6><i class="fa fa-coffee left-icon"></i>About</h6>
     <p class="sidebar-text">
-      <i>Hi! I'm Eduardo Trujillo</i><br/>
+      <i>Hi! I'm Eduardo Trujillo.</i><br/>
       Nomad, engineer, avid coffee drinker.
-      <a href="/about">Read more</a>
     </p>
+    <a class="button hollow black" href="/about">Read more</a>
   </div>
 
   <div class="cell large-4 medium-6 small-12 leaderboard-two">
-    <h2>Trying out Gentoo</h2>
-    <p>A look into the Linux distro</p>
+    <h2>Haskell & CI</h2>
+    <p>
+      Setting up Travis CI to automatically build your Haskell projects along
+      with library documentation.
+      <a href="/posts/2016/07/04/haddock-travis/">Read more</a>
+    </p>
   </div>
 
   <div class="cell large-4 medium-6 small-12 leaderboard-rss">
     <h6><i class="fa fa-rss left-icon"></i>RSS Feed</h6>
     <p class="sidebar-text">
       Like this blog? Have an old school RSS reader? Great! 
-      We have you covered: <a href="/feed.rss">Subscribe!</a>
-    </p>
+      We have you covered:</p>
+    <a class="button hollow white" href="/feed.rss">Subscribe!</a>
   </div>
 
   <div
@@ -38,7 +46,10 @@ title: Blog
     style="background: linear-gradient(to bottom, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.20)), url(/images/posts/gentoo-screenfetch.png); background-size: cover;"
   >
     <h2>Trying out Gentoo</h2>
-    <p>A look into the Linux distro</p>
+    <p>
+      My experiences with the sourced-based Linux distro.
+      <a href="/about">Read more</a>
+    </p>
   </div>
 </div>
 

scss/_settings.scss

@@ -246,6 +246,10 @@ $button-color-alt: #000;
 $button-radius: $global-radius;
 $button-sizes: (tiny: 0.6rem, small: 0.75rem, default: 0.9rem, large: 1.25rem);
 $button-opacity-disabled: 0.25;
+$button-palette: map-merge($foundation-palette, (
+  white: #fff,
+  black: #000
+)) !default;
 
 // 12. Button Group
 // ----------------

scss/components/_leaderboard.scss

@@ -33,7 +33,6 @@
   }
 
   &.leaderboard-one,
-  &.leaderboard-two,
   &.leaderboard-three,
   &.leaderboard-rss {
     color: #fff;