From 8a59a4d61f20c7a7c03362d3f3a44e0197fd2827 Mon Sep 17 00:00:00 2001
From: "David T. Sadler" <davidtsadler@googlemail.com>
Date: Sat, 7 Mar 2020 22:33:31 +0000
Subject: Style post snippets

---
 source/_assets/sass/_blog.scss         |  4 ++++
 source/_categories/configuration.md    |  4 ----
 source/_categories/feature.md          |  4 ----
 source/_categories/mysql.md            |  4 ----
 source/_categories/php.md              |  4 ----
 source/_layouts/category.blade.php     | 11 -----------
 source/_layouts/master.blade.php       |  4 ++--
 source/_layouts/tag.blade.php          | 10 ++++++++++
 source/_partials/postStub.blade.php    | 16 ++++++++--------
 source/_posts/custom-404-page.md       |  2 +-
 source/_posts/customizing-your-site.md |  2 +-
 source/_posts/fuse-search.md           |  2 +-
 source/_posts/getting-started.md       |  2 +-
 source/_posts/mailchimp-newsletters.md |  2 +-
 source/_posts/my-first-blog-post.md    |  1 +
 source/_tags/configuration.md          |  4 ++++
 source/_tags/feature.md                |  4 ++++
 source/_tags/mysql.md                  |  4 ++++
 source/_tags/php.md                    |  4 ++++
 source/assets/build/css/main.css       |  4 ++++
 source/assets/build/mix-manifest.json  |  2 +-
 21 files changed, 51 insertions(+), 43 deletions(-)
 delete mode 100644 source/_categories/configuration.md
 delete mode 100644 source/_categories/feature.md
 delete mode 100644 source/_categories/mysql.md
 delete mode 100644 source/_categories/php.md
 delete mode 100644 source/_layouts/category.blade.php
 create mode 100644 source/_layouts/tag.blade.php
 create mode 100644 source/_tags/configuration.md
 create mode 100644 source/_tags/feature.md
 create mode 100644 source/_tags/mysql.md
 create mode 100644 source/_tags/php.md

(limited to 'source')

diff --git a/source/_assets/sass/_blog.scss b/source/_assets/sass/_blog.scss
index d0ae886..e193a68 100644
--- a/source/_assets/sass/_blog.scss
+++ b/source/_assets/sass/_blog.scss
@@ -24,6 +24,10 @@ body {
     grid-template-areas: "sidebar main";
     min-height: 100vh;
   }
+
+  #main-sidebar-container aside {
+    max-width: 20rem;
+  }
 }
 
 a.php {
diff --git a/source/_categories/configuration.md b/source/_categories/configuration.md
deleted file mode 100644
index 0642801..0000000
--- a/source/_categories/configuration.md
+++ /dev/null
@@ -1,4 +0,0 @@
----
-extends: _layouts.category
-description: All the Configuration posts
----
diff --git a/source/_categories/feature.md b/source/_categories/feature.md
deleted file mode 100644
index 553cb2a..0000000
--- a/source/_categories/feature.md
+++ /dev/null
@@ -1,4 +0,0 @@
----
-extends: _layouts.category
-description: All the feature posts.
----
diff --git a/source/_categories/mysql.md b/source/_categories/mysql.md
deleted file mode 100644
index 9d40511..0000000
--- a/source/_categories/mysql.md
+++ /dev/null
@@ -1,4 +0,0 @@
----
-extends: _layouts.category
-description: All the MySql posts
----
diff --git a/source/_categories/php.md b/source/_categories/php.md
deleted file mode 100644
index 7efa7fd..0000000
--- a/source/_categories/php.md
+++ /dev/null
@@ -1,4 +0,0 @@
----
-extends: _layouts.category
-description: All the PHP posts
----
diff --git a/source/_layouts/category.blade.php b/source/_layouts/category.blade.php
deleted file mode 100644
index 90b64de..0000000
--- a/source/_layouts/category.blade.php
+++ /dev/null
@@ -1,11 +0,0 @@
-@extends('_layouts.master')
-
-@section('article')
-    <h1>{{ $page->description }}</h1>
-    <ol>
-        @foreach ($page->posts($posts) as $post)
-            @include('_partials.postStub')
-        @endforeach
-    </ol>
-@endsection
-
diff --git a/source/_layouts/master.blade.php b/source/_layouts/master.blade.php
index 0a445e7..cb9ebdc 100644
--- a/source/_layouts/master.blade.php
+++ b/source/_layouts/master.blade.php
@@ -11,8 +11,8 @@
         <article class="p-4">@yield('article')</article>
         <aside class="p-4 lg:fixed">
             <a href="/">Home</a>
-            @foreach ($page->allCategories($posts) as $category)
-                <a href="/categories/{{ Str::slug($category) }}">{{ $category }}</a>
+            @foreach ($page->allTags($posts) as $tag)
+                <a href="/tags/{{ Str::slug($tag) }}">{{ $tag }}</a>
             @endforeach
         </aside>
     </div>
diff --git a/source/_layouts/tag.blade.php b/source/_layouts/tag.blade.php
new file mode 100644
index 0000000..86bcc97
--- /dev/null
+++ b/source/_layouts/tag.blade.php
@@ -0,0 +1,10 @@
+@extends('_layouts.master')
+
+@section('article')
+    <ol>
+        @foreach ($page->posts($posts) as $post)
+            @include('_partials.postStub')
+        @endforeach
+    </ol>
+@endsection
+
diff --git a/source/_partials/postStub.blade.php b/source/_partials/postStub.blade.php
index cee9334..05fd557 100644
--- a/source/_partials/postStub.blade.php
+++ b/source/_partials/postStub.blade.php
@@ -1,16 +1,16 @@
 <?php use \Illuminate\Support\Str; ?>
-<li>
+<li class="sm:flex sm:flex-row sm:justify-between hover:bg-gray-700 p-4 pb-8">
     <a title="Go to post" href="{{ $post->getUrl() }}">
-        <h4>{{$post->title }}</h4>
-        <p>{{ $post->description }}</p>
+        <h4 class="text-green-300 text-3xl font-bold">{{$post->title }}</h4>
+        <p class="text-2xl text-gray-300">{{ $post->description }}</p>
     </a>
-    <div>
-        <time datetime="{{ $post->getDate()->format('Y-m-d') }}">
+    <div class="mt-8 sm:mt-0 text-right flex flex-row sm:flex-col">
+        <time class="inline-block p-2 order-2 sm:order-1 ml-2" datetime="{{ $post->getDate()->format('Y-m-d') }}">
             {{ $post->getDate()->format('M d, Y') }}
         </time> 
-        <div>
-            @foreach ($post->categories as $category)
-                <a href="/categories/{{ Str::slug($category) }}">{{ $category }}</a>
+        <div class="order-1 sm:order-2">
+            @foreach ($post->tags as $tag)
+                <a class="inline-block rounded py-2 px-4 {{Str::slug($tag) }}" href="/tags/{{ Str::slug($tag) }}">{{ $tag }}</a>
             @endforeach
         </div>
     </div>
diff --git a/source/_posts/custom-404-page.md b/source/_posts/custom-404-page.md
index 6ae28c5..5bf2404 100644
--- a/source/_posts/custom-404-page.md
+++ b/source/_posts/custom-404-page.md
@@ -4,7 +4,7 @@ section: content
 title: Custom 404 Pages
 date: 2018-12-23
 description: Add a custom 404 page is easy with Jigsaw
-categories: [feature]
+tags: [PHP]
 ---
 
 This starter template includes a custom __404 Not Found__ error page, located at `/source/404.blade.php`. [To preview the 404 page](/404), you can visit `/404` in your browser.
diff --git a/source/_posts/customizing-your-site.md b/source/_posts/customizing-your-site.md
index aaf2850..8ff7e2c 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: [PHP, MySQL]
+tags: [PHP, MySQL]
 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/_posts/fuse-search.md b/source/_posts/fuse-search.md
index d469c81..5ff6ded 100644
--- a/source/_posts/fuse-search.md
+++ b/source/_posts/fuse-search.md
@@ -5,7 +5,7 @@ title: Fuse Search
 date: 2018-12-22
 description: Fast local search powered by FuseJS
 cover_image: /assets/img/post-cover-image-1.png
-categories: [feature]
+tags: [PHP, MySql]
 ---
 
 To provide fast, local search of your blog, this starter template comes with a pre-built Vue.js component that uses Fuse.js. [Fuse.js](http://fusejs.io/) is a "lightweight fuzzy-search library with _no_ dependencies." It works by running queries against a JSON index of your content.
diff --git a/source/_posts/getting-started.md b/source/_posts/getting-started.md
index 1b378a9..085a8af 100644
--- a/source/_posts/getting-started.md
+++ b/source/_posts/getting-started.md
@@ -6,7 +6,7 @@ date: 2018-12-25
 description: Getting started with the Jigsaw blog starter template
 cover_image: /assets/img/post-cover-image-2.png
 featured: true
-categories: [Configuration]
+tags: [PHP]
 ---
 
 This is a starter template for creating a beautiful, customizable blog with minimal effort. You’ll only have to change a few settings and you’re ready to go.<!-- more -->
diff --git a/source/_posts/mailchimp-newsletters.md b/source/_posts/mailchimp-newsletters.md
index b631f6a..13dac5d 100644
--- a/source/_posts/mailchimp-newsletters.md
+++ b/source/_posts/mailchimp-newsletters.md
@@ -3,7 +3,7 @@ extends: _layouts.post
 section: content
 title: Mailchimp Newsletters
 date: 2018-11-21
-categories: [feature]
+tags: [MySql]
 description: Mailchimp newsletter signups, just add a url.
 cover_image: /assets/img/post-cover-image-1.png
 ---
diff --git a/source/_posts/my-first-blog-post.md b/source/_posts/my-first-blog-post.md
index e3171ac..c837875 100644
--- a/source/_posts/my-first-blog-post.md
+++ b/source/_posts/my-first-blog-post.md
@@ -5,6 +5,7 @@ title: My First Blog Post
 date: 2017-03-23
 description: This is your first blog post.
 cover_image: /assets/img/post-cover-image-2.png
+tags: [php]
 ---
 
 This is the start of your first blog post.
diff --git a/source/_tags/configuration.md b/source/_tags/configuration.md
new file mode 100644
index 0000000..48a71f1
--- /dev/null
+++ b/source/_tags/configuration.md
@@ -0,0 +1,4 @@
+---
+extends: _layouts.tag
+description: All the Configuration posts
+---
diff --git a/source/_tags/feature.md b/source/_tags/feature.md
new file mode 100644
index 0000000..b74655d
--- /dev/null
+++ b/source/_tags/feature.md
@@ -0,0 +1,4 @@
+---
+extends: _layouts.tag
+description: All the feature posts.
+---
diff --git a/source/_tags/mysql.md b/source/_tags/mysql.md
new file mode 100644
index 0000000..782555d
--- /dev/null
+++ b/source/_tags/mysql.md
@@ -0,0 +1,4 @@
+---
+extends: _layouts.tag
+description: All the MySql posts
+---
diff --git a/source/_tags/php.md b/source/_tags/php.md
new file mode 100644
index 0000000..b3d901c
--- /dev/null
+++ b/source/_tags/php.md
@@ -0,0 +1,4 @@
+---
+extends: _layouts.tag
+description: All the PHP posts
+---
diff --git a/source/assets/build/css/main.css b/source/assets/build/css/main.css
index 8e12074..d5b777f 100644
--- a/source/assets/build/css/main.css
+++ b/source/assets/build/css/main.css
@@ -649,6 +649,10 @@ body {
     grid-template-areas: "sidebar main";
     min-height: 100vh;
   }
+
+  #main-sidebar-container aside {
+    max-width: 20rem;
+  }
 }
 
 a.php {
diff --git a/source/assets/build/mix-manifest.json b/source/assets/build/mix-manifest.json
index 288f2c2..db9d470 100644
--- a/source/assets/build/mix-manifest.json
+++ b/source/assets/build/mix-manifest.json
@@ -1,4 +1,4 @@
 {
     "/js/main.js": "/js/main.js?id=d2fc77312aa2cec93616",
-    "/css/main.css": "/css/main.css?id=d168de1df534f00c8feb"
+    "/css/main.css": "/css/main.css?id=5a6fe2001799916b3c68"
 }
-- 
cgit v1.2.3-13-gbd6f