From 3c5d65564d8518dc0deffb7fe42e3144e5fa9354 Mon Sep 17 00:00:00 2001
From: Eduardo Trujillo <ed@chromabits.com>
Date: Sun, 5 Nov 2017 19:59:06 -0800
Subject: [PATCH] feat(blog): Design improvements for the leaderboard
---
content/index.html | 29 ++++++++++++++++++++---------
scss/_settings.scss | 4 ++++
scss/components/_leaderboard.scss | 1 -
3 files changed, 24 insertions(+), 10 deletions(-)
diff --git a/content/index.html b/content/index.html
index 6619950..30158cd 100644
--- a/content/index.html
+++ b/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>
diff --git a/scss/_settings.scss b/scss/_settings.scss
index 9d9a92f..f1bf4f8 100644
--- a/scss/_settings.scss
+++ b/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
// ----------------
diff --git a/scss/components/_leaderboard.scss b/scss/components/_leaderboard.scss
index 07dcf78..bacd74e 100644
--- a/scss/components/_leaderboard.scss
+++ b/scss/components/_leaderboard.scss
@@ -33,7 +33,6 @@
}
&.leaderboard-one,
- &.leaderboard-two,
&.leaderboard-three,
&.leaderboard-rss {
color: #fff;
--
GitLab