SebastianStork/kita
1
0
Fork 0
mirror of https://github.com/SebastianStork/kita.git synced 2026-01-21 12:11:35 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add optional cover image alt (#20)

Browse source 
Co-authored-by: st1020 <me@st1020.com>
This commit is contained in:
Damien LaRocque 2024-10-03 22:26:19 -04:00 • committed by GitHub
parent 11028d729f
commit fe3b3a6e14
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 10 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

3
content/markdown-syntax.md
View file

@ -5,7 +5,8 @@ description = "Sample article showcasing basic Markdown syntax and formatting fo
[taxonomies]
tags = ["markdown", "css", "html"]
[extra]
cover_image = "images/markdown-syntax.png"
cover.image = "images/markdown-syntax.png"
cover.alt = "A Markdown logo"
+++
This article offers a sample of basic Markdown syntax that can be used in Zola content files, also it shows whether basic HTML elements are decorated with CSS in a Kita theme.

6
templates/page.html
View file

@ -6,12 +6,12 @@
{% include "partials/page_info.html" %}
</header>
{% if page.extra.cover_image %}<!---->
{% if page.extra.cover.image %}<!---->
<figure class="mb-12 mt-0">
<img
class="h-auto w-full rounded-lg"
src="{{ get_url(path=page.extra.cover_image) }}"
alt="cover"
src="{{ get_url(path=page.extra.cover.image) }}"
alt="{{ page.extra.cover.alt | default(value='cover') }}"
/>
</figure>
{% endif %}

4
templates/partials/head.html
View file

@ -36,9 +36,9 @@
<meta property="og:site_name" content="{{ config.title }}" />
<meta property="og:description" content="{{ description }}" />
<meta property="og:url" content="{{ page.permalink }}" />
{% if page.extra.cover_image %}
{% if page.extra.cover.image %}
<!---->
{% set image = page.extra.cover_image %}
{% set image = page.extra.cover.image %}
<!---->
{% elif config.extra.social_image %}
<!---->

6
templates/partials/page_list.html
View file

@ -12,12 +12,12 @@
<section
class="block-bg relative mb-4 rounded-lg p-4 first-of-type:mt-0 last-of-type:mb-0 active:scale-95 lg:mb-6 lg:p-6"
>
{% if page.extra.cover_image %}
{% if page.extra.cover.image %}
<figure class="mb-4 mt-0">
<img
class="h-auto w-full rounded-lg"
src="{{ get_url(path=page.extra.cover_image) }}"
alt="cover"
src="{{ get_url(path=page.extra.cover.image) }}"
alt="{{ page.extra.cover.alt | default(value='cover') }}"
/>
</figure>
{% endif %}<!---->