diff --git a/_config.yml b/_config.yml index ab8475e..121bc65 100644 --- a/_config.yml +++ b/_config.yml @@ -43,6 +43,7 @@ defaults: values: layout: post author: Ayo + excerpt_separator: # this goes inside _config.yml. Change as required navigation: diff --git a/_layouts/home.html b/_layouts/home.html index b00e1dc..8b091f7 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -20,6 +20,14 @@ layout: default-home

{{ post.title | escape }}

+
+ {{ post.excerpt }} +
+ +
+
+ Continue Reading +
{% endfor %} diff --git a/_posts/2018-01-02-hello-world.md b/_posts/2018-01-02-hello-world.md index c8cb46f..0f100ea 100644 --- a/_posts/2018-01-02-hello-world.md +++ b/_posts/2018-01-02-hello-world.md @@ -9,7 +9,7 @@ It's kind of getting old, I know. A new blog... *again?* What's this all about? -Well, to put it simply, **Full Hacker** is like [Life Hacker](https://lifehacker.com), but for developers (and other IT professionals). This will be a place to share "Life Hacks" that we want to share to one another... like automation, new tech, tools, setups, and all sorts of time-saving tips and tricks. +Well, to put it simply, **Full Hacker** is like [Life Hacker](https://lifehacker.com), but for developers (and other IT professionals). This will be a place to share "Life Hacks" that we want to share to one another... like automation, new tech, tools, setups, and all sorts of time-saving tips and tricks. Let me just clear this one thing upfront: This is not a place to ask coding questions. We got [Stack Overflow](https://stackoverflow.com) for that already. Instead, here, we just share secrets that make our work and life easier as developers. diff --git a/assets/main.scss b/assets/main.scss index 3e65964..3387d30 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -155,6 +155,43 @@ article .post-content p { background-color: #ee4a03 !important; } +.float-left { + float: left; +} + +.clear-both { + clear: both; +} + +.post-excerpt { + width: 70%; +} + +.post-thumb { + width: 30%; +} + +.post-readmore { + margin: 10px 0; +} + +.post-readmore a:hover { + text-decoration: none; +} + +.post-readmore a { + background-color: #ee4a03; + color: #ffffff; + padding: 15px; + display: inline-block; + width: calc(100% - 30px); + font-size: 16px; + font-weight: bold; + border-radius: 3.2px; + border: 1px solid #ee4a03; + text-align: center; +} + @media screen and (max-width: 600px) { .jumbotron { padding: 30px 0;