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

Homepage blog format updates.

Browse source
This commit is contained in:
Barry Clark 2014-02-11 09:11:56 -05:00
parent cbfcf3a3d1
commit a0d3ee1679
6 changed files with 42 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

8
_posts/2014-1-1-Test-Post.md
View file

@ -1,10 +1,10 @@
---
layout: post
title: Test Post
title: Test Post #1
---
First test post!
First test post! First test post! First test post! First test post! First test post! First test post!
### H3
### Subheader within the blog post
Hoy hoy hoy!
Hoy hoy hoy! Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!

10
_posts/2014-2-2-Second-Test-Post.md Normal file
View file

@ -0,0 +1,10 @@
---
layout: post
title: Test Post #2
---
Second test post! Second test post! Second test post! Second test post! Second test post! Second test post! Second test post! Second test post! Second test post!
### Subheader within the blog post
Hoy hoy hoy! Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!

10
_posts/2014-2-3-Third-Test-Post.md Normal file
View file

@ -0,0 +1,10 @@
---
layout: post
title: Test Post #3
---
Second test post :> Second test post :> Second test post :> Second test post :> Second test post :> Second test post :> Second test post :>
### Subheader within the blog post
Hoy hoy hoy! Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!

17
index.html
View file

@ -2,23 +2,16 @@
layout: default
---
<ul class="posts">
<div 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>
<h2>{{ post.title }}</h2>
</header>
<div class="entry">
{{ post.content | truncatewords:85}}
<div class="entry">{{ post.content | truncatewords:50}}</div>
<p class="read-more">
<a href="{{ post.url }}">Read more</a>
</p>
</div>
<a href="{{ post.url }}">Read More</a>
</article>
</li>
{% endfor %}
</ul>
</div>

5
scss/style.scss
View file

@ -5,7 +5,6 @@
@import "_reset";
@import "_variables";
@import "_mixins";
@import "_highlights";
// TODO - Tempted to move this to the end of the file, so that it shows up at the end of the .css. Or remove it entirely and find a better way to include highlighting.
@ -128,6 +127,7 @@ nav {
font-size: 1rem;
}
// nav has it's own link highlighting
a {
margin-left: 25px;
text-align: right;
@ -155,8 +155,7 @@ nav {
}
.post {
width: 700px;
//margin: 0 auto;
width: 680px;
@include mobile {
width: 100%;

31
style.css
View file

@ -386,35 +386,12 @@ nav {
width: 100%;
text-align: center; } }
.hero {
margin: 80px 20px 40px; }
.post {
width: 680px; }
@media screen and (max-width: 520px) {
.hero {
margin: 40px 0; } }
.hero img {
float: left;
width: 160px;
padding-right: 30px; }
.hero h1 {
float: left;
width: 590px;
margin: 0;
font-weight: 400;
font-size: 2.5rem;
line-height: 1.3; }
@media screen and (max-width: 520px) {
.hero h1 {
font-size: 2.5rem; } }
.hero p {
float: left;
width: 590px; }
article {
width: 700px; }
@media screen and (max-width: 520px) {
article {
.post {
width: 100%; } }
article blockquote {
.post blockquote {
border-left: 2px solid #666666;
font-size: 1.2em;
font-style: italic;