Merge branch 'master' of github.com:bradfrost/pl-website-eleventy

Author: bradfrost

packages/docs/src/_includes/components/page-header.njk

@@ -1,9 +1,13 @@
 <div class="c-page-header">
 
+    {% if introKicker %}
+    <p class="c-page-header__kicker">{{ introKicker }}</p>
+    {% endif %}
+
     <h1 class="c-page-header__title">{{ introHeading }}</h1>
 
-    {% if page.description %}
-    <p class="c-page-header__desc">{{ page.description }}</p>
+    {% if introDescription %}
+    <p class="c-page-header__desc">{{ introDescription }}</p>
     {% endif %}
 
 </div><!-- end c-page-header -->

packages/docs/src/_includes/layouts/blog.njk

@@ -1,17 +1,17 @@
 {% extends 'layouts/base.njk' %}
-{% set pageType = 'Post Archive' %}
 
 {# Intro content #}
 {% set introHeading = title %}
-{% set introSummary %}{{ content | safe }}{% endset %}
+{% set introDescription = description %}
 
 {# Post list content #}
-{% set postListHeading = 'All posts' %}
 {% set postListItems = collections.posts %}
 
 {% block content %}
   <main id="main-content">
-    {% include "partials/components/intro.njk" %}
-    {% include "partials/components/post-list.njk" %}
+    <div class="l-container">
+      {% include "components/page-header.njk" %}
+      {% include "partials/components/post-list.njk" %}
+    </div>
   </main>
 {% endblock %}

packages/docs/src/_includes/layouts/page.njk

@@ -8,10 +8,8 @@
     <div class="l-container">
         <div class="l-linelength-container">
           <article class="[ post ] [ h-entry ]">
-            {% include "partials/components/intro.njk" %}
-            <div class="[ post__body ] [ inner-wrapper ] [ leading-loose pad-top-900 pad-bottom-900 text-500 ] [ sf-flow ] [ e-content ]">
-              {{ content | safe }}
-            </div>
+            {% include "components/page-header.njk" %}
+            {{ content | safe }}
           </article>
         </div>
       </div>

packages/docs/src/_includes/layouts/post.njk

@@ -2,6 +2,7 @@
 {% set pageType = 'Post' %}
 
 {# Intro content #}
+{% set introKicker = date | dateFilter %}
 {% set introHeading = title %}
 {% set introSummary %}
 <p class="[ intro__meta ] [ text-500 leading-tight ]">
@@ -16,27 +17,11 @@
   <div class="l-container">
     <div class="l-linelength-container">
     <article class="[ post ] [ h-entry ]">
-      {% include "partials/components/intro.njk" %}
       {% include "components/page-header.njk" %}
+      
       <div class="c-text-passage">
         {{ content | safe }}
       </div>
-      {% if tags %}
-        <footer class="[ post__footer ] [ pad-top-500 pad-bottom-500 ]">
-          <div class="inner-wrapper">
-            <div class="[ nav ] [ box-flex align-center ]">
-              <h2 class="font-base text-600 weight-mid">Filed under</h2>
-              <ul class="[ nav__list ] [ box-flex align-center pad-left-400 ] [ p-category ]">
-                {% for item in tags %}
-                  <li class="nav__item">
-                    <a href="/tags/{{ item }}">{{ item }}</a>
-                  </li>
-                {% endfor %}
-              </ul>
-            </div>
-          </div>
-        </footer>
-      {% endif %}
     </article>
   </div>
   </div>

packages/docs/src/_includes/partials/components/intro.njk

@@ -1,6 +1,6 @@
 <header class="[ intro ] [ pad-top-900 pad-bottom-max ]">
-  <div class="[ inner-wrapper ] [ sf-flow ]">
-    <h1 class="[ intro__heading{{ ' intro__heading--compact' if page.url === '/' }} ] [ text-800 md:text-900 leading-tight ] [ p-name ]">{{ introHeading }}</h1>
+  <div>
+    <h1>{{ introHeading }}</h1>
     {% if introSummary %}
       <div class="[ intro__summary ] [ sf-flow ] [ leading-mid measure-short ]">{{ introSummary | safe }}</div>
     {% endif %}

packages/docs/src/_includes/partials/components/post-list.njk

@@ -1,12 +1,21 @@
+
 {% if postListItems.length %}
 
-  <ol>
+  <ol class="c-stacked-block-list">
     {% for item in postListItems %}
-      {% if item.date.getTime() <= global.now %}
-        <li class="post-list__item">
-            <a href="{{ item.url }}" class="post-list__link" rel="bookmark">{{ item.data.title }}</a>
+        <li class="c-stacked-block-list__item">
+            <a href="{{ item.data.url }}" class="c-post-block" rel="bookmark">
+              <time class="c-stacked-block__kicker" datetime="{{ item.data.date | dateFilter }}">{{ item.data.date | dateFilter }}</time>
+              <h2 class="c-stacked-block__title">
+              
+              {{ item.data.title }} 
+              </h2>
+              <p class="c-stacked-block__description">
+              {{ item.data.description}} 
+              </p>
+            </a>
+            
         </li>
-      {% endif %}
     {% endfor %}
   </ol>