Skip to content

Commit c3e313b

Browse files
barryclarkbarryclark
committed
Added blog to front page.
1 parent a6da2ba commit c3e313b

2 files changed

Lines changed: 19 additions & 55 deletions

File tree

‎index.html‎

Lines changed: 18 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -2,27 +2,23 @@
22
layout: default
33
---
44

5-
<div class="articles">
6-
<h2>Blog</h2>
5+
<ul class="posts">
6+
{% for post in site.posts %}
7+
<li>
8+
<article class="post">
9+
<header>
10+
<time datetime="{{ post.date }}">{{ post.date | date: "%m.%d.%Y" }}</time>
11+
<h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
12+
</header>
713

8-
<div class="article">
9-
<!-- <img src="assets/img/article1.jpg"/> -->
10-
<h3>Article Title</h3>
11-
<p>Article description text. Article description text. Article description text. Article description text. Article description text. Article description text. Article description text.</p>
12-
</p>
13-
</div>
14+
<div class="entry">
15+
{{ post.content | truncatewords:85}}
1416

15-
<div class="article">
16-
<!-- <img src="assets/img/article2.jpg"/> -->
17-
<h3>Article Title</h3>
18-
<p>Article description text. Article description text. Article description text. Article description text. Article description text. Article description text. Article description text.</p>
19-
</p>
20-
</div>
21-
22-
<div class="article">
23-
<!-- <img src="assets/img/article3.jpg"/> -->
24-
<h3>Article Title</h3>
25-
<p>Article description text. Article description text. Article description text. Article description text. Article description text. Article description text. Article description text.</p>
26-
</p>
27-
</div>
28-
</div>
17+
<p class="read-more">
18+
<a href="{{ post.url }}">Read more</a>
19+
</p>
20+
</div>
21+
</article>
22+
</li>
23+
{% endfor %}
24+
</ul>

‎scss/style.scss‎

Lines changed: 1 addition & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -154,39 +154,7 @@ nav {
154154
}
155155
}
156156

157-
.hero {
158-
margin: 80px 20px 40px;
159-
@include mobile {
160-
margin: 40px 0;
161-
}
162-
163-
img {
164-
float: left;
165-
width: 160px;
166-
padding-right: 30px;
167-
}
168-
169-
h1 {
170-
float: left;
171-
width: 590px;
172-
173-
margin: 0;
174-
175-
font-weight: 400;
176-
font-size: 2.5rem;
177-
line-height: 1.3;
178-
@include mobile {
179-
font-size: 2.5rem;
180-
}
181-
}
182-
183-
p {
184-
float: left;
185-
width: 590px;
186-
}
187-
}
188-
189-
article {
157+
.post {
190158
width: 700px;
191159
//margin: 0 auto;
192160

0 commit comments

Comments
 (0)