page and post styling improvements

site/web/app/themes/nynaeve/resources/styles/app.css

@@ -25,7 +25,7 @@
 .e-content ol,
 .e-content dl,
 .e-content form {
-  @apply mb-12;  /* This replaces margin-bottom: $base-line-height */
+  @apply mb-3;  /* This replaces margin-bottom: $base-line-height 0.75 rem */
 }
 
 /**
@@ -41,6 +41,6 @@ pre > code {
 }
 
 .wp-block-code {
-  @apply m-5 rounded-md bg-gray-100 pt-10 px-12 pb-12;
+  @apply my-5 rounded-md bg-gray-100 pt-10 px-12 pb-12;
 }
 

site/web/app/themes/nynaeve/resources/views/partials/content-page.blade.php

@@ -1,7 +1,9 @@
-@php(the_content())
+<div class="container mx-auto max-w-5xl my-16">
+  @php(the_content())
 
-@if ($pagination)
-  <nav class="page-nav" aria-label="Page">
-    {!! $pagination !!}
-  </nav>
-@endif
+  @if ($pagination)
+    <nav class="page-nav" aria-label="Page">
+      {!! $pagination !!}
+    </nav>
+  @endif
+</div>

site/web/app/themes/nynaeve/resources/views/partials/content-single.blade.php

@@ -1,23 +1,31 @@
-<article @php(post_class('h-entry container mx-auto'))>
-  <header>
-    <h1 class="p-name font-open-sans font-semibold text-2xl text-black mb-8 antialiased">
-      {!! $title !!}
-    </h1>
+<article @php(post_class('h-entry container mx-auto max-w-5xl'))>
+  <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
+    <div class="lg:col-span-2">
+      <header>
+        <h1 class="p-name font-open-sans font-semibold text-2xl text-black mb-8 antialiased mt-10">
+          {!! $title !!}
+        </h1>
 
-    @include('partials.entry-meta')
-  </header>
+        @include('partials.entry-meta')
+      </header>
 
-  <div class="e-content">
-    @php(the_content())
-  </div>
+      <div class="e-content mt-3">
+        @php(the_content())
+      </div>
+
+      @if ($pagination)
+        <footer>
+          <nav class="page-nav" aria-label="Page">
+            {!! $pagination !!}
+          </nav>
+        </footer>
+      @endif
 
-  @if ($pagination)
-    <footer>
-      <nav class="page-nav" aria-label="Page">
-        {!! $pagination !!}
-      </nav>
-    </footer>
-  @endif
+      @php(comments_template())
+    </div>
 
-  @php(comments_template())
+    <div class="lg:col-span-1 mt-10">
+      @include('sections.sidebar')
+    </div>
+  </div>
 </article>

site/web/app/themes/nynaeve/resources/views/partials/page-header.blade.php

@@ -1,3 +1,8 @@
-<div class="page-header">
-  <h1>{!! $title !!}</h1>
+<div class="page-header bg-neutral-900 py-8">
+  <div class="container mx-auto max-w-5xl text-center">
+    <h1 class="text-white uppercase font-bold text-3xl mt-6 pb-2 inline-block">
+      {!! $title !!}
+      <div class="border-b-4 border-blue-600 w-[30%] mx-auto mt-2"></div>
+    </h1>
+  </div>
 </div>