Style post header

1 files changed, 17 insertions, 7 deletions

diff --git a/source/_layouts/post.blade.php b/source/_layouts/post.blade.php
index 0c82477..560a975 100644
--- a/source/_layouts/post.blade.php
+++ b/source/_layouts/post.blade.php
@@ -1,13 +1,23 @@
+<?php use \Illuminate\Support\Str; ?>
 @extends('_layouts.master')
 
 @section('article')
-    <header>
-        <h1>{{$page->title }}</h1>
-        <h2>{{ $page->description }}</h2>
-        <time datetime="{{ $page->getDate()->format('Y-m-d') }}">
-            {{ $page->getDate()->format('M d, Y') }}
-        </time> 
-    </header>
+    <header class="sm:flex sm:flex-row sm:justify-between p-4 pb-8">
+        <div>
+            <h1 class="text-green-300 text-3xl font-bold">{{$page->title }}</h1>
+            <p class="text-2xl text-gray-300">{{ $page->description }}</p>
+        </div>
+        <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="{{ $page->getDate()->format('Y-m-d') }}">
+                {{ $page->getDate()->format('M d, Y') }}
+            </time> 
+            <div class="order-1 sm:order-2">
+                @foreach ($page->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>
+    </header> 
     @yield('content')
 @endsection