dan
/
jekyll
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Some very, very minor work on the posts.

This commit is contained in:
Parker Moore 2013-07-01 01:19:25 +02:00
parent f0f36466b5
commit 74ee8c3bf3
5 changed files with 46 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
site/_includes/news_item.html
View File

@ -1,7 +1,13 @@
<h2 class="center-on-mobiles"><a href="{{ post.url }}">{{ post.title }}</a></h2>
<p class="post-content">
{{ post.content }}
</p>
<p class="post-details">
Posted on {{ post.date | date_to_string }} by @{{ post.author }}, filed in {{ post.categories | array_to_sentence_string }}
</p>
<div class="post">
<h2 class="center-on-mobiles">
<a href="{{ post.url }}">
{{ post.title }}
</a>
</h2>
<p class="post-content">
{{ post.content }}
</p>
<p class="post-details">
Posted on {{ post.date | date_to_string }} by @{{ post.author }}, filed in {{ post.categories | array_to_sentence_string }}
</p>
</div>

4
site/_layouts/news.html
View File

@ -2,14 +2,14 @@
layout: default
---
<section class="docs news">
<section class="news">
<div class="grid">
{% include news_contents_mobile.html %}
<div class="unit four-fifths">
<h1 class="news-header center-on-mobiles">{{ page.title }}</h1>
<article class="news-listing">
<article class="listing">
{{ content }}
</article>
</div>

28
site/_layouts/news_item.html
View File

@ -1,28 +0,0 @@
---
layout: default
---
<section class="docs news">
<div class="grid">
{% include news_contents_mobile.html %}
<div class="unit four-fifths">
<h1 class="news-header center-on-mobiles">News</h1>
<article class="news-item">
<h2 class="center-on-mobiles"><a href="{{ page.url }}">{{ page.title }}</a></h2>
<p class="post-content">
{{ page.content }}
</p>
<p class="post-details">
Posted on {{ page.date | date_to_string }} by @{{ page.author }}, filed in {{ page.categories | array_to_sentence_string }}
</p>
</article>
</div>
{% include news_contents.html %}
<div class="clear"></div>
</div>
</section>

33
site/css/style.css
View File

@ -501,17 +501,44 @@ body > footer a:hover img {
/* News */
section.news .news-header {
.news .news-header {
margin: 0 50px;
}
section.news .news-listing h2 {
.news .entry {
background: #444;
border-radius: 10px;
padding: 20px;
margin: 0 10px;
box-shadow: 0 3px 10px rgba(0,0,0,.1);
min-height: 800px;
font-size: 16px;
}
@media (max-width: 568px){
.news .entry {
margin: 0;
}
}
@media (min-width: 768px){
.news .entry {
font-size: 21px;
margin-bottom: 20px;
}
}
.news .post {
padding: 40px;
}
.news .news-listing h2 {
margin: 0;
padding-top: 10px;
border-top: rgba(220, 220, 220, 0.5) 1px solid;
}
section.news .post-details {
.news .post-details {
padding: 0;
font-size: 0.8em;
color: gray;

2
site/news/index.md
View File

@ -7,7 +7,7 @@ author: all
<div class="grid">
{% for post in site.posts %}
<div class="unit whole center-on-mobiles">
<div class="unit whole center-on-mobiles entry">
{% include news_item.html %}
</div>
{% endfor %}