huanld/ghost-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(blog): links in image too

Browse Source
This commit is contained in:
Dimitrie Stefanescu
2021-03-23 18:20:11 +00:00
parent c89af16825
commit b9f7e912d7
2 changed files with 18 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
partials/cardBlog.hbs
+9 -8
View File
@@ -1,16 +1,17 @@
<div class="flex flex-col rounded-lg transition shadow hover:shadow-2xl overflow-hidden">
<div class="flex-shrink-0 ">
{{#if feature_image}}
<img class="h-48 w-full object-cover" srcset="{{img_url feature_image size="s"}} 300w,
<a href="{{url}}" class="block mt-2">
{{#if feature_image}}
<img class="h-48 w-full object-cover" 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: 1000px) 400px, 700px" src="{{img_url feature_image size="m"}}"
alt="{{title}}">
{{else}}
<div class="h-48 w-full block bg-blue-500">&nbsp;</div>
{{/if}}
sizes="(max-width: 1000px) 400px, 700px" src="{{img_url feature_image size="m"}}"
alt="{{title}}">
{{else}}
<div class="h-48 w-full block bg-blue-500">&nbsp;</div>
{{/if}}
</a>
</div>
<div class="flex-1 bg-white dark:bg-gray-900 dark:text-gray-200 p-6 flex flex-col justify-between">
<div class="flex-1">
partials/cardBlogSm.hbs
+9 -8
View File
@@ -1,16 +1,17 @@
<div class="flex flex-col rounded-lg transition shadow hover:shadow-2xl overflow-hidden">
<div class="flex-shrink-0 ">
{{#if feature_image}}
<img class="h-32 w-full object-cover" srcset="{{img_url feature_image size="s"}} 300w,
<a href="{{url}}" class="block mt-2">
{{#if feature_image}}
<img class="h-32 w-full object-cover" 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: 1000px) 400px, 700px" src="{{img_url feature_image size="m"}}"
alt="{{title}}">
{{else}}
<div class="h-32 w-full block bg-blue-500">&nbsp;</div>
{{/if}}
sizes="(max-width: 1000px) 400px, 700px" src="{{img_url feature_image size="m"}}"
alt="{{title}}">
{{else}}
<div class="h-32 w-full block bg-blue-500">&nbsp;</div>
{{/if}}
</a>
</div>
<div class="flex-1 bg-white dark:bg-gray-900 dark:text-gray-200 p-6 flex flex-col justify-between">
<div class="flex-1">