Skip to content

Commit a0d3ee1

Browse files
barryclarkbarryclark
committed
Homepage blog format updates.
1 parent cbfcf3a commit a0d3ee1

6 files changed

Lines changed: 42 additions & 53 deletions

File tree

‎_posts/2014-1-1-Test-Post.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
---
22
layout: post
3-
title: Test Post
3+
title: Test Post #1
44
---
55

6-
First test post!
6+
First test post! First test post! First test post! First test post! First test post! First test post!
77

8-
### H3
8+
### Subheader within the blog post
99

10-
Hoy hoy hoy!
10+
Hoy hoy hoy! Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!

‎_posts/2014-2-2-Second-Test-Post.md‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
---
2+
layout: post
3+
title: Test Post #2
4+
---
5+
6+
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!
7+
8+
### Subheader within the blog post
9+
10+
Hoy hoy hoy! Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!

‎_posts/2014-2-3-Third-Test-Post.md‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
---
2+
layout: post
3+
title: Test Post #3
4+
---
5+
6+
Second test post :> Second test post :> Second test post :> Second test post :> Second test post :> Second test post :> Second test post :>
7+
8+
### Subheader within the blog post
9+
10+
Hoy hoy hoy! Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!Hoy hoy hoy!

‎index.html‎

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

5-
<ul class="posts">
5+
<div class="posts">
66
{% 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>
7+
<article class="post">
8+
<header>
9+
<h2>{{ post.title }}</h2>
10+
</header>
1311

14-
<div class="entry">
15-
{{ post.content | truncatewords:85}}
16-
17-
<p class="read-more">
18-
<a href="{{ post.url }}">Read more</a>
19-
</p>
20-
</div>
21-
</article>
22-
</li>
12+
<div class="entry">{{ post.content | truncatewords:50}}</div>
13+
14+
<a href="{{ post.url }}">Read More</a>
15+
</article>
2316
{% endfor %}
24-
</ul>
17+
</div>

‎scss/style.scss‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@
55

66
@import "_reset";
77
@import "_variables";
8-
@import "_mixins";
98
@import "_highlights";
109
// 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.
1110

@@ -76,8 +75,8 @@ p {
7675
a {
7776
text-decoration: none;
7877
cursor: pointer;
79-
color: $blue;
80-
&:hover, &:active {
78+
color: $blue;
79+
&:hover, &:active {
8180
text-decoration: underline;
8281
}
8382
}
@@ -128,6 +127,7 @@ nav {
128127
font-size: 1rem;
129128
}
130129

130+
// nav has it's own link highlighting
131131
a {
132132
margin-left: 25px;
133133
text-align: right;
@@ -155,8 +155,7 @@ nav {
155155
}
156156

157157
.post {
158-
width: 700px;
159-
//margin: 0 auto;
158+
width: 680px;
160159

161160
@include mobile {
162161
width: 100%;

‎style.css‎

Lines changed: 4 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -386,35 +386,12 @@ nav {
386386
width: 100%;
387387
text-align: center; } }
388388

389-
.hero {
390-
margin: 80px 20px 40px; }
389+
.post {
390+
width: 680px; }
391391
@media screen and (max-width: 520px) {
392-
.hero {
393-
margin: 40px 0; } }
394-
.hero img {
395-
float: left;
396-
width: 160px;
397-
padding-right: 30px; }
398-
.hero h1 {
399-
float: left;
400-
width: 590px;
401-
margin: 0;
402-
font-weight: 400;
403-
font-size: 2.5rem;
404-
line-height: 1.3; }
405-
@media screen and (max-width: 520px) {
406-
.hero h1 {
407-
font-size: 2.5rem; } }
408-
.hero p {
409-
float: left;
410-
width: 590px; }
411-
412-
article {
413-
width: 700px; }
414-
@media screen and (max-width: 520px) {
415-
article {
392+
.post {
416393
width: 100%; } }
417-
article blockquote {
394+
.post blockquote {
418395
border-left: 2px solid #666666;
419396
font-size: 1.2em;
420397
font-style: italic;

0 commit comments

Comments
 (0)