snipette/weflock
snipette/weflock
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add alt and caption support to feature images (#812)

Browse source 
* Add alt and caption support to feature images

* Add feature image alt support to post card

* Remove three-curlies
This commit is contained in:
Sodbileg Gansukh 2021-07-05 10:59:21 +08:00 committed by GitHub
parent 21bdffbd8a
commit e49664eca4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 16 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/built/screen.css
View file

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View file

File diff suppressed because one or more lines are too long

7
assets/css/screen.css
View file

@ -1042,7 +1042,7 @@ except for when immediately preceeded by a heading */
/* Captions */ /* Captions */
.kg-card figcaption { figcaption {
padding: 1.5rem 1.5rem 0; padding: 1.5rem 1.5rem 0;
text-align: center; text-align: center;
color: rgba(0,0,0,0.5); color: rgba(0,0,0,0.5);
@ -1050,9 +1050,12 @@ except for when immediately preceeded by a heading */
font-size: 1.3rem; font-size: 1.3rem;
line-height: 1.4em; line-height: 1.4em;
} }
.kg-card figcaption strong { figcaption strong {
color: rgba(0,0,0,0.8); color: rgba(0,0,0,0.8);
} }
figcaption a {
color: var(--ghost-accent-color);
}
/* Highly specific styles for traditional Instagram embeds */ /* Highly specific styles for traditional Instagram embeds */

5
page.hbs
View file

@ -21,8 +21,11 @@ into the {body} tag of the default.hbs template --}}
{{img_url feature_image size="xl"}} 2000w" {{img_url feature_image size="xl"}} 2000w"
sizes="(min-width: 1400px) 1400px, 92vw" sizes="(min-width: 1400px) 1400px, 92vw"
src="{{img_url feature_image size="xl"}}" src="{{img_url feature_image size="xl"}}"
alt="{{title}}" alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
/> />
{{#if feature_image_caption}}
<figcaption>{{feature_image_caption}}</figcaption>
{{/if}}
</figure> </figure>
{{/if}} {{/if}}
</header> </header>

2
partials/post-card.hbs
View file

@ -14,7 +14,7 @@ which templates loop over to generate a list of posts. --}}
{{img_url feature_image size="xl"}} 2000w" {{img_url feature_image size="xl"}} 2000w"
sizes="(max-width: 1000px) 400px, 800px" sizes="(max-width: 1000px) 400px, 800px"
src="{{img_url feature_image size="m"}}" src="{{img_url feature_image size="m"}}"
alt="{{title}}" alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
loading="lazy" loading="lazy"
/> />
</a> </a>

5
post.hbs
View file

@ -59,8 +59,11 @@ into the {body} tag of the default.hbs template --}}
{{img_url feature_image size="xl"}} 2000w" {{img_url feature_image size="xl"}} 2000w"
sizes="(min-width: 1400px) 1400px, 92vw" sizes="(min-width: 1400px) 1400px, 92vw"
src="{{img_url feature_image size="xl"}}" src="{{img_url feature_image size="xl"}}"
alt="{{title}}" alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
/> />
{{#if feature_image_caption}}
<figcaption>{{feature_image_caption}}</figcaption>
{{/if}}
</figure> </figure>
{{/if}} {{/if}}
</header> </header>