Some very, very minor work on the posts.
This commit is contained in:
parent
f0f36466b5
commit
74ee8c3bf3
|
@ -1,7 +1,13 @@
|
||||||
<h2 class="center-on-mobiles"><a href="{{ post.url }}">{{ post.title }}</a></h2>
|
<div class="post">
|
||||||
<p class="post-content">
|
<h2 class="center-on-mobiles">
|
||||||
|
<a href="{{ post.url }}">
|
||||||
|
{{ post.title }}
|
||||||
|
</a>
|
||||||
|
</h2>
|
||||||
|
<p class="post-content">
|
||||||
{{ post.content }}
|
{{ post.content }}
|
||||||
</p>
|
</p>
|
||||||
<p class="post-details">
|
<p class="post-details">
|
||||||
Posted on {{ post.date | date_to_string }} by @{{ post.author }}, filed in {{ post.categories | array_to_sentence_string }}
|
Posted on {{ post.date | date_to_string }} by @{{ post.author }}, filed in {{ post.categories | array_to_sentence_string }}
|
||||||
</p>
|
</p>
|
||||||
|
</div>
|
||||||
|
|
|
@ -2,14 +2,14 @@
|
||||||
layout: default
|
layout: default
|
||||||
---
|
---
|
||||||
|
|
||||||
<section class="docs news">
|
<section class="news">
|
||||||
<div class="grid">
|
<div class="grid">
|
||||||
|
|
||||||
{% include news_contents_mobile.html %}
|
{% include news_contents_mobile.html %}
|
||||||
|
|
||||||
<div class="unit four-fifths">
|
<div class="unit four-fifths">
|
||||||
<h1 class="news-header center-on-mobiles">{{ page.title }}</h1>
|
<h1 class="news-header center-on-mobiles">{{ page.title }}</h1>
|
||||||
<article class="news-listing">
|
<article class="listing">
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -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>
|
|
|
@ -501,17 +501,44 @@ body > footer a:hover img {
|
||||||
|
|
||||||
/* News */
|
/* News */
|
||||||
|
|
||||||
section.news .news-header {
|
.news .news-header {
|
||||||
margin: 0 50px;
|
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;
|
margin: 0;
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
border-top: rgba(220, 220, 220, 0.5) 1px solid;
|
border-top: rgba(220, 220, 220, 0.5) 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
section.news .post-details {
|
.news .post-details {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
color: gray;
|
color: gray;
|
||||||
|
|
|
@ -7,7 +7,7 @@ author: all
|
||||||
|
|
||||||
<div class="grid">
|
<div class="grid">
|
||||||
{% for post in site.posts %}
|
{% for post in site.posts %}
|
||||||
<div class="unit whole center-on-mobiles">
|
<div class="unit whole center-on-mobiles entry">
|
||||||
{% include news_item.html %}
|
{% include news_item.html %}
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
Loading…
Reference in New Issue