Implement all posts page and button

This commit is contained in:
Bill Niblock 2018-01-13 00:17:30 -05:00
parent 66b051a508
commit ee69b6e674
4 changed files with 47 additions and 0 deletions

15
_includes/all_posts.html Normal file
View file

@ -0,0 +1,15 @@
{% for post in site.posts %}
<div id="posts">
<h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
<div class="" id="details">
<div class="" id="date">{{ post.pub }}</div>
<div class="" id="tags">
{% for topic in post.topics %}
<a href="/topics/{{topic}}.html">{{topic}}</a>
{% endfor %}
</div>
</div>
<div id="desc">{{ post.short_desc }}</div>
</div>
{% endfor %}

View file

@ -20,6 +20,9 @@
<div id="content">
{{ content }}
</div>
<div id="all_button">
<a href="/topics/all.html">All Posts</a>
</div>
</div>
<div class="cor_menu">
<div class="" id="tags">

6
_topics/all.html Normal file
View file

@ -0,0 +1,6 @@
---
title: all
tabtitle: "All Posts"
---
{% include all_posts.html %}

View file

@ -148,6 +148,29 @@ a:hover {
color: white;
}
#all_button {
padding: 5px; margin: 2em; width: unset;
text-align: center;
border: 1px solid darkgrey;
}
#all_button a,a:visited,a:link,a:focus {
color: darkgrey;
text-decoration: none;
}
#all_button a:hover {
font-style: normal;
color: white;
}
/* Collection */
#cor_coll_title {
margin: 0px; padding-bottom: 10px;
font: 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: darkgrey; letter-spacing: 0.5em; text-align: center;
}
/* Content */
#content {
margin: 75px 5% 5% 5%;