From 9ce9cf50af6b81c76b7acd9ef31dace11cee728b Mon Sep 17 00:00:00 2001
From: "David T. Sadler" <davidtsadler@googlemail.com>
Date: Wed, 26 Feb 2020 21:54:33 +0000
Subject: Add post stub

---
 source/_layouts/category.blade.php     |  2 +-
 source/_partials/postStub.blade.php    | 16 ++++++++++++++++
 source/_posts/customizing-your-site.md |  2 +-
 source/index.blade.php                 |  2 +-
 4 files changed, 19 insertions(+), 3 deletions(-)
 create mode 100644 source/_partials/postStub.blade.php

(limited to 'source')

diff --git a/source/_layouts/category.blade.php b/source/_layouts/category.blade.php
index bd62fd2..8232ad8 100644
--- a/source/_layouts/category.blade.php
+++ b/source/_layouts/category.blade.php
@@ -4,7 +4,7 @@
     <h1>{{ $page->description }}</h1>
     <ol>
         @foreach ($page->posts($posts) as $post)
-            <li><a href="{{ $post->getUrl() }}">{{$post->title }}</a></li> 
+            @include('_partials.postStub')
         @endforeach
     </ol>
 @endsection
diff --git a/source/_partials/postStub.blade.php b/source/_partials/postStub.blade.php
new file mode 100644
index 0000000..5f1af95
--- /dev/null
+++ b/source/_partials/postStub.blade.php
@@ -0,0 +1,16 @@
+<li class="lg:flex lg:flex-row lg:justify-between">
+    <a title="Go to post" href="{{ $post->getUrl() }}">
+        <h4>{{$post->title }}</h4>
+        <p>{{ $post->description }}</p>
+    </a>
+    <div class="text-right flex flex-row lg:flex-col">
+        <time class="order-2 lg:order-1 ml-2" datetime="{{ $post->getDate()->format('Y-m-d') }}">
+            {{ $post->getDate()->format('M d, Y') }}
+        </time> 
+        <div class="order-1 lg:order-2">
+            @foreach ($post->categories as $category)
+                <a href="/categories/{{ $category }}">{{ $category }}</a>
+            @endforeach
+        </div>
+    </div>
+</li> 
diff --git a/source/_posts/customizing-your-site.md b/source/_posts/customizing-your-site.md
index 894db6c..50b53a1 100644
--- a/source/_posts/customizing-your-site.md
+++ b/source/_posts/customizing-your-site.md
@@ -4,7 +4,7 @@ section: content
 title: Customizing Your Site
 date: 2018-12-24
 description: Customize your site with CSS and JS
-categories: [configuration]
+categories: [configuration, feature]
 featured: true
 excerpt: This starter template comes pre-loaded with Tailwind CSS, a utility CSS framework that allows you to customize and build complex designs without touching a line of CSS.
 ---
diff --git a/source/index.blade.php b/source/index.blade.php
index 998f56a..bb919a4 100644
--- a/source/index.blade.php
+++ b/source/index.blade.php
@@ -7,7 +7,7 @@ pagination:
 @section('article')
     <ol>
         @foreach ($pagination->items as $post)
-            <li><a href="{{ $post->getUrl() }}">{{$post->title }}</a></li> 
+            @include('_partials.postStub')
         @endforeach
     </ol>
     <nav>
-- 
cgit v1.2.3-13-gbd6f