feat(index): minimalize homepage styling of news

Author: Wodann

config.toml

@@ -12,6 +12,7 @@ date_format = "%F"
 [extra.home]
 max_posts = 3
 show_summaries = false
+max_summary_length = 250
 
 [extra.social_links]
 twitter = "rust_gamedev"

sass/_extra.scss

@@ -68,3 +68,11 @@ h6:hover .anchor {
     padding: 8px;
     border: 1px solid #e8e8e8;
 }
+
+.post-link {
+    display: inline-block;
+}
+
+.post-list li h3 {
+    margin-bottom: 0;
+}

templates/includes/home.html

@@ -31,19 +31,21 @@ <h2 class="post-list-heading">{{ section.title | default(value="Latest News") }}
         <ul class="post-list">
             {% for post in posts.pages | slice(end=config.extra.home.max_posts) %}
                 <li>
-                    {% 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 %}
-
                     <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.show_summaries %}
-                        {{ page.summary | default(value=page.content | safe | striptags | trim | truncate(length=100)) }}
+                    {% 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 %}