WebDev/mind-overflow-website-ghost-theme
1
0
Fork 0
Code Issues 2 Pull Requests Releases Wiki Activity

Implement more image resizing, fix responsiveness

Browse Source 
- Two new image sizes have been added: xl and xxl.
- Image resizing has been implemented in featured images.
- Some elements were not responsive, such as the link preview and code block.
This commit is contained in:
Lorenzo Dellacà
2020-11-06 17:35:02 +01:00
parent dfb76da486
commit e899839211
6 changed files with 60 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
post.hbs
View File

@@ -27,7 +27,14 @@
<div class="mind-post_content-header">
{{#if feature_image}}
<img class="mind-post_feature-image" src="{{img_url feature_image size="l"}}"
<img class="mind-post_feature-image"
srcset="
{{img_url feature_image size="s"}} 300w,
{{img_url feature_image size="m"}} 600w,
{{img_url feature_image size="l"}} 1200w,
{{img_url feature_image size="xl"}} 1600w,
{{img_url feature_image size="xxl"}} 2000w"
src="{{img_url feature_image size="l"}}"
alt="Feature Image"/>
{{/if}}
</div>
@@ -40,7 +47,7 @@
{{/post}}
<aside class="mind-post_sidebar unselectable">
<div class="mind-post_sidebar-content">
{{> "posts-card-small"}}
{{> "post-card-small"}}
</div>
</aside>
</div>