Style post snippets

16 files changed, 29 insertions, 21 deletions

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/_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/category.blade.php b/source/_layouts/tag.blade.php
index 90b64de..86bcc97 100644
--- a/source/_layouts/category.blade.php
+++ b/source/_layouts/tag.blade.php
@@ -1,7 +1,6 @@
 @extends('_layouts.master')
 
 @section('article')
-    <h1>{{ $page->description }}</h1>
     <ol>
         @foreach ($page->posts($posts) as $post)
             @include('_partials.postStub')
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/_categories/configuration.md b/source/_tags/configuration.md
index 0642801..48a71f1 100644
--- a/source/_categories/configuration.md
+++ b/source/_tags/configuration.md
@@ -1,4 +1,4 @@
 ---
-extends: _layouts.category
+extends: _layouts.tag
 description: All the Configuration posts
 ---
diff --git a/source/_categories/feature.md b/source/_tags/feature.md
index 553cb2a..b74655d 100644
--- a/source/_categories/feature.md
+++ b/source/_tags/feature.md
@@ -1,4 +1,4 @@
 ---
-extends: _layouts.category
+extends: _layouts.tag
 description: All the feature posts.
 ---
diff --git a/source/_categories/mysql.md b/source/_tags/mysql.md
index 9d40511..782555d 100644
--- a/source/_categories/mysql.md
+++ b/source/_tags/mysql.md
@@ -1,4 +1,4 @@
 ---
-extends: _layouts.category
+extends: _layouts.tag
 description: All the MySql posts
 ---
diff --git a/source/_categories/php.md b/source/_tags/php.md
index 7efa7fd..b3d901c 100644
--- a/source/_categories/php.md
+++ b/source/_tags/php.md
@@ -1,4 +1,4 @@
 ---
-extends: _layouts.category
+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"
 }