Added blog to front page.
This commit is contained in:
parent
a6da2babe9
commit
c3e313bd13
40
index.html
40
index.html
|
@ -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>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="article">
|
<p class="read-more">
|
||||||
<!-- <img src="assets/img/article2.jpg"/> -->
|
<a href="{{ post.url }}">Read more</a>
|
||||||
<h3>Article Title</h3>
|
</p>
|
||||||
<p>Article description text. Article description text. Article description text. Article description text. Article description text. Article description text. Article description text.</p>
|
</div>
|
||||||
</p>
|
</article>
|
||||||
</div>
|
</li>
|
||||||
|
{% endfor %}
|
||||||
<div class="article">
|
</ul>
|
||||||
<!-- <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>
|
|
|
@ -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;
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue