Add WIP example partial and template areas for page titles

This commit is contained in:
Adam Wathan 2017-11-07 16:03:17 -05:00
parent 79c61eb1a4
commit ce64977349
2 changed files with 21 additions and 0 deletions

View File

@ -190,6 +190,14 @@
<div id="content" class="px-6 pb-8 pt-20 md:pt-16 w-full max-w-lg mx-auto">
<div id="app" v-cloak>
<div class="markdown">
<h1>{{ $page->title }}</h1>
@if($page->description)
<div class="text-xl text-slate-light mb-4">
{{ $page->description }}
</div>
@endif
@yield('content')
</div>
</div>

View File

@ -0,0 +1,13 @@
<div class="mt-8">
<div class="bg-blue-lightest border-l-4 border-blue-light rounded-b text-blue-darkest px-4 py-3">
<div class="flex">
<div class="py-1">
<svg class="h-6 w-6 text-blue-light mr-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10zm0-2c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm-.5-5h1c.276 0 .5.224.5.5v1c0 .276-.224.5-.5.5h-1c-.276 0-.5-.224-.5-.5v-1c0-.276.224-.5.5-.5zm0-8h1c.276 0 .5.224.5.5V8l-.5 3-1 .5L9 8V5.5c0-.276.224-.5.5-.5z"/></svg>
</div>
<div>
<p class="font-semibold">Work in progress!</p>
<p class="text-sm">More detailed examples are coming soon.</p>
</div>
</div>
</div>
</div>