kidwellj/findcommonground.uk
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Added blog to front page.

Browse source
This commit is contained in:
Barry Clark 2014-02-07 08:45:09 -05:00
parent a6da2babe9
commit c3e313bd13
2 changed files with 19 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

40
index.html
View file

@ -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>
<p class="read-more">
<a href="{{ post.url }}">Read more</a>
</p>
</div>
</article>
</li>
{% endfor %}
</ul>

34
scss/style.scss
View file

@ -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;