feat(blog): add overview page that lists all posts

Wodann · Wodann · commit b71e84194e07 · 2020-04-26T19:35:31.000+02:00
diff --git a/README.md b/README.md
@@ -31,4 +31,4 @@ This project is licensed under either of:
 With the exception of:
 
 * The [Font Awesome](https://fontawesome.com) social icons, which are used under a [Creative Commons Attribution 4.0 International](https://creativecommons.org/licenses/by/4.0/) license
-* The [OpenMoji](https://openmoji.org) icons used on the homepage, which are used under a [Creative Commons Attribution-ShareAlike 4.0 International](https://creativecommons.org/licenses/by-sa/4.0/) license
+* The [OpenMoji](https://openmoji.org) icons used on the homepage, which are used under a [Creative Commons Attribution-ShareAlike 4.0 International](https://creativecommons.org/licenses/by-sa/4.0/) license
diff --git a/config.toml b/config.toml
@@ -11,6 +11,8 @@ date_format = "%F"
 
 [extra.home]
 max_posts = 3
+
+[extra.posts]
 show_summaries = false
 max_summary_length = 250
 
diff --git a/content/posts/_index.md b/content/posts/_index.md
@@ -1,6 +1,7 @@
 +++
-redirect_to = "/"
+title = "Posts"
 insert_anchor_links = "right"
+template = "posts.html"
 page_template = "post.html"
 sort_by = "date"
-+++
++++
diff --git a/content/posts/newsletter-001/index.md b/content/posts/newsletter-001/index.md
@@ -1,6 +1,7 @@
 +++
 title = "This Month in Rust GameDev #1 - August 2019"
 date = 2019-09-02
+transparent = true
 aliases = ["/2019/09/02/newsletter-001", "2019/09/02/newsletter-001.html"]
 +++
 
diff --git a/content/posts/newsletter-002/index.md b/content/posts/newsletter-002/index.md
@@ -1,6 +1,7 @@
 +++
 title = "This Month in Rust GameDev #2 - September 2019"
 date = 2019-10-05
+transparent = true
 aliases = ["/2019/10/05/newsletter-002", "2019/10/05/newsletter-002.html"]
 +++
 
diff --git a/content/posts/newsletter-003/index.md b/content/posts/newsletter-003/index.md
@@ -1,6 +1,7 @@
 +++
 title = "This Month in Rust GameDev #3 - October 2019"
 date = 2019-11-07
+transparent = true
 aliases = ["/2019/11/027/newsletter-003", "2019/11/07/newsletter-003.html"]
 +++
 
diff --git a/content/posts/newsletter-004/index.md b/content/posts/newsletter-004/index.md
@@ -1,6 +1,7 @@
 +++
 title = "This Month in Rust GameDev #4 - November 2019"
 date = 2019-12-08
+transparent = true
 +++
 
 <!-- markdownlint-disable no-trailing-punctuation -->
diff --git a/content/posts/newsletter-005/index.md b/content/posts/newsletter-005/index.md
@@ -1,6 +1,7 @@
 +++
 title = "This Month in Rust GameDev #5 - December 2019"
 date = 2020-01-10
+transparent = true
 +++
 
 Welcome to the fifth issue of the Rust GameDev Workgroup’s
diff --git a/content/posts/newsletter-006/index.md b/content/posts/newsletter-006/index.md
@@ -1,6 +1,7 @@
 +++
 title = "This Month in Rust GameDev #6 - January 2020"
 date = 2020-02-16
+transparent = true
 +++
 
 <!-- markdownlint-disable no-trailing-punctuation -->
diff --git a/content/posts/newsletter-007/index.md b/content/posts/newsletter-007/index.md
@@ -1,6 +1,7 @@
 +++
 title = "This Month in Rust GameDev #7 - February 2020"
 date = 2020-03-05
+transparent = true
 +++
 
 <!-- markdownlint-disable no-trailing-punctuation -->
diff --git a/content/posts/newsletter-008/index.md b/content/posts/newsletter-008/index.md
@@ -1,6 +1,7 @@
 +++
 title = "This Month in Rust GameDev #8 - March 2020"
 date = 2020-04-08
+transparent = true
 +++
 
 <!-- markdownlint-disable no-trailing-punctuation -->
diff --git a/content/posts/survey-01/index.md b/content/posts/survey-01/index.md
@@ -1,6 +1,7 @@
 +++
 title = "Rust Game Development - Ecosystem Survey"
 date = 2020-02-06
+transparent = true
 +++
 
 In August last year, we conducted a survey for the Rust gamedev ecosystem. After an unfortunate delay, we can finally present the results. We received a whopping 403 responses! This trove of valuable feedback will inform the WG's roadmap for 2020.
diff --git a/newsletter-template.md b/newsletter-template.md
@@ -1,5 +1,6 @@
 +++
 title = "This Month in Rust GameDev #{TODO} - {TODO} {TODO}"
+transparent = true
 draft = true
 +++
 
diff --git a/sass/_extra.scss b/sass/_extra.scss
@@ -9,7 +9,7 @@ li {
 
 .intro {
     color: #ffffff;
-    background-color: #0074D9;
+    background-color: $brand-color;
     margin-top: -30px;
     padding: 32px 0;
     border-bottom: 1px solid #e8e8e8;
@@ -76,3 +76,22 @@ h6:hover .anchor {
 .post-list li h3 {
     margin-bottom: 0;
 }
+
+a.btn {
+    text-decoration: none;
+    border-radius: 3px;
+    font-weight: 600;
+    border: 1px solid transparent;
+    box-sizing: border-box;
+    display: inline-block;
+    padding: 0.4em 2em;
+
+    background-color: $brand-color;
+    color: $background-color;
+    border-color: $background-color;
+
+    &:hover {
+        color: lighten($background-color, 10);
+        border-color: $brand-color;
+    }
+}
diff --git a/templates/includes/home.html b/templates/includes/home.html
@@ -27,34 +27,15 @@
     <h2 class="post-list-heading">{{ section.title | default(value="Latest News") }}</h2>
     
     {% set posts = get_section(path="posts/_index.md") %}
-    {% if posts and posts.pages | length > 0 %}
-        <ul class="post-list">
-            {% for post in posts.pages | slice(end=config.extra.home.max_posts) %}
-                <li>
-                    <h3>
-                        <a class="post-link" href="{{ post.permalink }}">
-                            {{ post.title }}
-                        </a>
-                    </h3>
-                    {% if post.date %}
-                        {% set date_format = config.extra.date_format | default(value="%b %-d, %Y") %}
-                        <span class="post-meta">{{ post.date | date(format=date_format) }}</span>
-                    {% endif %}
-                    
-                    {% if config.extra.home.show_summaries %}
-                        {% set max_length = config.extra.home.max_summary_length %}
-                        <p>
-                            {{ post.description | default(value=post.content | safe | striptags | trim | truncate(length=max_length)) }}
-                        </p>
-                    {% endif %}
-                </li>
-            {% endfor %}
-        </ul>
-    {% else %}
-        <p class="grey">None yet - stay tuned for updates and announcements!</p>
-    {% endif %}
+    {% set pages = posts.pages | slice(end=config.extra.home.max_posts) %}
+    {{ macros::post_list(posts=pages, placeholder="None yet - stay tuned for updates and announcements!") }}
 
     <p class="feed-subscribe">
+        {% if pages | length > 0 %}
+        <a class="btn" id="all-news" href="{{ get_url(path='posts/') }}">
+            All News
+        </a>
+        {% endif %}
         <a href="{{ get_url(path='rss.xml') }}">
             <svg class="svg-icon orange"><use xlink:href="{{ get_url(path='minima-social-icons.svg#rss') }}"></use></svg><span>Subscribe</span>
         </a>
diff --git a/templates/includes/post_list.html b/templates/includes/post_list.html
@@ -0,0 +1,28 @@
+{% macro post_list(posts, placeholder) %}
+    {% if posts | length > 0 %}
+        <ul class="post-list">
+            {% for post in posts %}
+                <li>
+                    <h3>
+                        <a class="post-link" href="{{ post.permalink }}">
+                            {{ post.title }}
+                        </a>
+                    </h3>
+                    {% if post.date %}
+                        {% set date_format = config.extra.date_format | default(value="%b %-d, %Y") %}
+                        <span class="post-meta">{{ post.date | date(format=date_format) }}</span>
+                    {% endif %}
+
+                    {% if config.extra.posts.show_summaries %}
+                        {% set max_length = config.extra.posts.max_summary_length %}
+                        <p>
+                            {{ post.description | default(value=post.content | striptags | trim | truncate(length=max_length) | safe) }}
+                        </p>
+                    {% endif %}
+                </li>
+            {% endfor %}
+        </ul>
+    {% else %}
+        <p class="grey">{{ placeholder }}</p>
+    {% endif %}
+{% endmacro post_list %}
diff --git a/templates/index.html b/templates/index.html
@@ -1,3 +1,4 @@
+{% import "includes/post_list.html" as macros %}
 <!DOCTYPE html>
 <html lang="{% block lang_decl %}{{ config.default_language }}{% endblock lang_decl %}">
 
diff --git a/templates/posts.html b/templates/posts.html
@@ -0,0 +1,17 @@
+{% extends "index.html" %}
+
+{% block lang_decl %}{{ lang }}{% endblock lang_decl %}
+
+{% block content %}
+<div class="posts wrapper">
+    <h2 class="post-list-heading">{{ section.title | default(value="Latest News") }}</h2>
+
+    {{ macros::post_list(posts=section.pages, placeholder="None yet - stay tuned for updates and announcements!") }}
+
+    <p class="feed-subscribe">
+        <a href="{{ get_url(path='rss.xml') }}">
+            <svg class="svg-icon orange"><use xlink:href="{{ get_url(path='minima-social-icons.svg#rss') }}"></use></svg><span>Subscribe</span>
+        </a>
+    </p>
+</div>
+{% endblock content %}
