Homepage blog format updates.
This commit is contained in:
parent
cbfcf3a3d1
commit
a0d3ee1679
|
@ -1,10 +1,10 @@
|
||||||
---
|
---
|
||||||
layout: post
|
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
10
_posts/2014-2-2-Second-Test-Post.md
Normal 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
10
_posts/2014-2-3-Third-Test-Post.md
Normal 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!
|
27
index.html
27
index.html
|
@ -2,23 +2,16 @@
|
||||||
layout: default
|
layout: default
|
||||||
---
|
---
|
||||||
|
|
||||||
<ul class="posts">
|
<div class="posts">
|
||||||
{% for post in site.posts %}
|
{% for post in site.posts %}
|
||||||
<li>
|
<article class="post">
|
||||||
<article class="post">
|
<header>
|
||||||
<header>
|
<h2>{{ post.title }}</h2>
|
||||||
<time datetime="{{ post.date }}">{{ post.date | date: "%m.%d.%Y" }}</time>
|
</header>
|
||||||
<h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<div class="entry">
|
<div class="entry">{{ post.content | truncatewords:50}}</div>
|
||||||
{{ post.content | truncatewords:85}}
|
|
||||||
|
<a href="{{ post.url }}">Read More</a>
|
||||||
<p class="read-more">
|
</article>
|
||||||
<a href="{{ post.url }}">Read more</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</li>
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</div>
|
|
@ -5,7 +5,6 @@
|
||||||
|
|
||||||
@import "_reset";
|
@import "_reset";
|
||||||
@import "_variables";
|
@import "_variables";
|
||||||
@import "_mixins";
|
|
||||||
@import "_highlights";
|
@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.
|
// 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.
|
||||||
|
|
||||||
|
@ -76,8 +75,8 @@ p {
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: $blue;
|
color: $blue;
|
||||||
&:hover, &:active {
|
&:hover, &:active {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -128,6 +127,7 @@ nav {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// nav has it's own link highlighting
|
||||||
a {
|
a {
|
||||||
margin-left: 25px;
|
margin-left: 25px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
@ -155,8 +155,7 @@ nav {
|
||||||
}
|
}
|
||||||
|
|
||||||
.post {
|
.post {
|
||||||
width: 700px;
|
width: 680px;
|
||||||
//margin: 0 auto;
|
|
||||||
|
|
||||||
@include mobile {
|
@include mobile {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
31
style.css
31
style.css
|
@ -386,35 +386,12 @@ nav {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center; } }
|
text-align: center; } }
|
||||||
|
|
||||||
.hero {
|
.post {
|
||||||
margin: 80px 20px 40px; }
|
width: 680px; }
|
||||||
@media screen and (max-width: 520px) {
|
@media screen and (max-width: 520px) {
|
||||||
.hero {
|
.post {
|
||||||
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 {
|
|
||||||
width: 100%; } }
|
width: 100%; } }
|
||||||
article blockquote {
|
.post blockquote {
|
||||||
border-left: 2px solid #666666;
|
border-left: 2px solid #666666;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
|
|
Loading…
Reference in a new issue