always show heading permalinks on mobile. fix escaped html in post body

Author: apepindev

config.php

@@ -22,8 +22,8 @@
             'sort' => '-date',
             'path' => 'posts/{-title}',
             'filter' => function ($item) {
-                return $item->getRelativePath() !== 'jigsaw';
-//                return $item;
+//                return $item->getRelativePath() !== 'jigsaw';
+                return $item;
             },
         ],
         'categories' => [
@@ -91,7 +91,7 @@
                 'use_underscore' => true,
                 'unordered_list_markers' => ['-', '*', '+'],
             ],
-            'html_input' => 'escape',
+            'html_input' => 'allow',
             'allow_unsafe_links' => false,
             'max_nesting_level' => PHP_INT_MAX,
             'slug_normalizer' => [

source/_assets/css/base.css

@@ -100,33 +100,33 @@ h6 {
 }
 
 h1 {
-    @apply text-5xl;
+    @apply text-4xl;
     @apply font-semibold;
 }
 
 h2 {
-    @apply text-4xl;
+    @apply text-3xl;
     @apply font-semibold;
 }
 
 h3 {
-    @apply text-3xl;
+    @apply text-2xl;
     @apply font-semibold;
 }
 
 h4 {
-    @apply text-2xl;
-    @apply font-normal;
+    @apply text-xl;
+    @apply font-semibold;
 }
 
 h5 {
-    @apply text-xl;
-    @apply font-normal;
+    @apply text-lg;
+    @apply font-semibold;
 }
 
 h6 {
-    @apply text-lg;
-    @apply font-light;
+    @apply text-base;
+    @apply font-semibold;
 }
 
 hr {

source/_assets/css/blog.css

@@ -12,12 +12,12 @@
 }
 
 .heading-permalink {
-    @apply invisible;
     @apply font-sans;
-    @apply font-semibold;
+    @apply font-normal;
     @apply ml-2;
-    @apply hover:text-primary-500;
-    @apply text-primary-500/60;
+    @apply lg:invisible;
+    @apply lg:hover:text-primary-500;
+    @apply lg:text-primary-500/60;
 }
 
 h1:hover .heading-permalink,

source/_components/post-preview-inline.blade.php

@@ -7,7 +7,7 @@ class="font-semibold font-sans"
         >{{ $post->title }}</a>
     </h2>
 
-    <h5 class="post-meta text-sm mt-0">
+    <h5 class="post-meta text-sm font-light mt-0">
         {{ $post->getDate()->format('jS F, Y') }} • {{ $post->getReadTime() }}
     </h5>
 

source/_components/uses-section.blade.php

@@ -1,6 +1,8 @@
 <dl class="-my-3 text-sm">
     <div class="grid grid-cols-1 sm:grid-cols-4 mb-4">
-        <dt class="text-2xl leading-tight mb-4">{{ $heading }}</dt>
+        <dt class="leading-tight mb-4 pr-4">
+            <h3>{{ $heading }}</h3>
+        </dt>
         <dd class="sm:col-span-3 mb-6 pl-6 border-l border-gray-300 dark:border-neutral-700 uses-border">
             {{ $slot }}
         </dd>

source/_layouts/post.blade.php

@@ -10,7 +10,7 @@
 
     <h1 class="mb-2">{{ $page->title }}</h1>
 
-    <h5 class="post-meta text-sm mt-6 mb-4">
+    <h5 class="post-meta text-sm font-light mt-6 mb-4">
         {{ $page->author }} • {{ date('jS F, Y', $page->date) }} • {{ $page->getReadTime() }}
     </h5>
 

source/_posts/jigsaw/customizing-your-site.md

@@ -34,7 +34,7 @@ This starter template comes pre-loaded with [Tailwind CSS](https://tailwindcss.c
 ---
 
 ![](/assets/img/coding.jpg)
-*Source <a href="https://unsplash.com/@cdr6934?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Chris Ried</a>*
+*Source [Chris Ried](https://unsplash.com/@cdr6934?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash)*
 
 ---
 

source/index.blade.php

@@ -40,8 +40,11 @@ class="bg-gradient-to-br from-primary-300 to-primary-700 rounded-full h-32 w-32
 
 {{--    @include('_components.newsletter-signup')--}}
 
-    @foreach ($posts->where('featured', false)->take(6)->chunk(2) as $row)
+    @if ($posts->where('featured', false)->count() > 0)
         <h2 class="mt-20 mb-12">Recent</h2>
+    @endif
+
+    @foreach ($posts->where('featured', false)->take(6)->chunk(2) as $row)
         <div class="flex flex-col md:flex-row md:-mx-6">
             @foreach ($row as $post)
                 <div class="w-full md:w-1/2 md:mx-6">