From ce679156b3fc40f08ec6b0d98395bd256acb285b Mon Sep 17 00:00:00 2001
From: Dimitrie Stefanescu <didimitrie@gmail.com>
Date: Tue, 13 Jul 2021 21:14:02 +0100
Subject: [PATCH] feat: img tutorials fix

---
 custom-tutorial-post.hbs | 13 ++++++++-----
 page-about.hbs           |  4 ++--
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/custom-tutorial-post.hbs b/custom-tutorial-post.hbs
index 7908b39..8789a3e 100644
--- a/custom-tutorial-post.hbs
+++ b/custom-tutorial-post.hbs
@@ -5,7 +5,7 @@
     @resize.window="isMobile = window.innerWidth < 768; collapseToc = isMobile;">
 
     {{!-- Header --}}
-    <figure class="col-span-7 md:col-span-2 flex items-center justify-center">
+    <figure class="col-span-7 md:col-span-2 flex items-center justify-center rounded-xl overflow-hidden mt-10">
       {{#if feature_image}}
       <img srcset="{{img_url feature_image size=" s"}} 300w, {{img_url feature_image size="m" }} 600w, {{img_url
         feature_image size="l" }} 1000w, {{img_url feature_image size="xl" }} 2000w" sizes="(max-width: 800px) 400px,
@@ -14,7 +14,7 @@
       {{/if}}
     </figure>
 
-    <header x-ref="header" class="title-wrapper my-10  col-span-7 md:col-span-5 col-span-7 max-w-full">
+    <header x-ref="header" class="title-wrapper my-10 col-span-7 md:col-span-5 max-w-full">
       <div class="prose dark:prose-dark lg:prose-xl mx-auto">
         <span class="gh-post-meta text-sm"><time datetime="{{date format=" YYYY-MM-DD"}}">{{date format="D MMM
             YYYY"}}</time>
@@ -25,7 +25,8 @@
       </div>
       <div class="max-w-prose mx-auto my-4">
         {{#foreach tags}}
-        <a x-cloak x-show="'{{slug}}'!=='tutorials'"
+        {{!-- <a x-cloak x-show="'{{slug}}'!=='tutorials'" --}}
+        <a
           class="rounded-full py-1 px-3 bg-blue-500 text-white mr-2 inline-block transform scale-90 hover:scale-100 transition-transform"
           href="{{url}}">
           {{name}}
@@ -94,7 +95,8 @@
             <p class="border-t dark:border-gray-800 mt-2 pt-2"></p>
             <div>
               {{#foreach tags}}
-              <a x-cloak x-show="'{{slug}}'!=='tutorials'"
+              {{!-- <a x-cloak x-show="'{{slug}}'!=='tutorials'" --}}
+              <a
                 class="rounded-full py-1 px-3 bg-blue-500 text-white mr-2 inline-block transform scale-90 hover:scale-100 transition-transform"
                 href="{{url}}">
                 {{name}}
@@ -108,7 +110,8 @@
 
     {{!-- Body --}}
 
-    <div class="block post-content prose dark:prose-dark lg:prose-xl prose-blue mx-auto col-span-7 md:col-span-5 mt-4 w-full max-w-prose">
+    <div
+      class="block post-content prose dark:prose-dark lg:prose-xl prose-blue mx-auto col-span-7 md:col-span-5 mt-4 w-full max-w-prose">
       {{content}}
     </div>
 
diff --git a/page-about.hbs b/page-about.hbs
index a47c916..5d55e92 100644
--- a/page-about.hbs
+++ b/page-about.hbs
@@ -37,7 +37,7 @@
 
   <div class="w-default grid grid-cols-1 sm:grid-cols-2 gap-5 mb-10">
 
-    <div class="relative h-96 rounded-2xl overflow-hidden transition bg-white dark:bg-gray-900 hover:shadow-2xl p-5 flex justify-center text-center">
+    <div class="relative h-40 rounded-2xl overflow-hidden transition bg-white dark:bg-gray-900 hover:shadow-2xl p-5 flex justify-center text-center">
       <a href="/careers" class="flex w-full h-full">
         <div class="block self-center w-full">
           <div class="text-3xl font-semibold text-blue-600">
@@ -49,7 +49,7 @@
       </a>
     </div>
 
-    <div class="relative h-96 rounded-2xl overflow-hidden transition bg-white dark:bg-gray-900 hover:shadow-2xl p-5 flex justify-center text-center">
+    <div class="relative h-40 rounded-2xl overflow-hidden transition bg-white dark:bg-gray-900 hover:shadow-2xl p-5 flex justify-center text-center">
       <a href="/contact" class="flex w-full h-full">
         <div class="block self-center w-full">
           <div class="text-3xl font-semibold text-blue-600">