feat: img tutorials fix

This commit is contained in:
Dimitrie Stefanescu
2021-07-13 21:14:02 +01:00
parent 7b253418ee
commit ce679156b3
2 changed files with 10 additions and 7 deletions
+8 -5
View File
@@ -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>
+2 -2
View File
@@ -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">