diff options
-rw-r--r-- | index.html | 40 | ||||
-rwxr-xr-x | scss/style.scss | 34 |
2 files changed, 19 insertions, 55 deletions
@@ -2,27 +2,23 @@ layout: default --- -<div class="articles"> - <h2>Blog</h2> +<ul class="posts"> + {% for post in site.posts %} + <li> + <article class="post"> + <header> + <time datetime="{{ post.date }}">{{ post.date | date: "%m.%d.%Y" }}</time> + <h2><a href="{{ post.url }}">{{ post.title }}</a></h2> + </header> - <div class="article"> - <!-- <img src="assets/img/article1.jpg"/> --> - <h3>Article Title</h3> - <p>Article description text. Article description text. Article description text. Article description text. Article description text. Article description text. Article description text.</p> - </p> - </div> + <div class="entry"> + {{ post.content | truncatewords:85}} - <div class="article"> - <!-- <img src="assets/img/article2.jpg"/> --> - <h3>Article Title</h3> - <p>Article description text. Article description text. Article description text. Article description text. Article description text. Article description text. Article description text.</p> - </p> - </div> - - <div class="article"> - <!-- <img src="assets/img/article3.jpg"/> --> - <h3>Article Title</h3> - <p>Article description text. Article description text. Article description text. Article description text. Article description text. Article description text. Article description text.</p> - </p> - </div> -</div>
\ No newline at end of file + <p class="read-more"> + <a href="{{ post.url }}">Read more</a> + </p> + </div> + </article> + </li> + {% endfor %} +</ul>
\ No newline at end of file diff --git a/scss/style.scss b/scss/style.scss index 548c9b0..a47be33 100755 --- a/scss/style.scss +++ b/scss/style.scss @@ -154,39 +154,7 @@ nav { } } -.hero { - margin: 80px 20px 40px; - @include mobile { - margin: 40px 0; - } - - img { - float: left; - width: 160px; - padding-right: 30px; - } - - h1 { - float: left; - width: 590px; - - margin: 0; - - font-weight: 400; - font-size: 2.5rem; - line-height: 1.3; - @include mobile { - font-size: 2.5rem; - } - } - - p { - float: left; - width: 590px; - } -} - -article { +.post { width: 700px; //margin: 0 auto; |