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

38
index.html
View file

@ -2,27 +2,23 @@
layout: default layout: default
--- ---
<div class="articles"> <ul class="posts">
<h2>Blog</h2> {% 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"> <div class="entry">
<!-- <img src="assets/img/article1.jpg"/> --> {{ post.content | truncatewords:85}}
<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 class="read-more">
<a href="{{ post.url }}">Read more</a>
</p> </p>
</div> </div>
</article>
<div class="article"> </li>
<!-- <img src="assets/img/article2.jpg"/> --> {% endfor %}
<h3>Article Title</h3> </ul>
<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>

34
scss/style.scss
View file

@ -154,39 +154,7 @@ nav {
} }
} }
.hero { .post {
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 {
width: 700px; width: 700px;
//margin: 0 auto; //margin: 0 auto;