diff options
Diffstat (limited to 'examples')
-rw-r--r-- | examples/blog/src/components/BlogPost.astro | 4 | ||||
-rw-r--r-- | examples/blog/src/layouts/BlogPost.astro | 4 | ||||
-rw-r--r-- | examples/blog/src/pages/posts/introducing-astro.md | 1 |
3 files changed, 5 insertions, 4 deletions
diff --git a/examples/blog/src/components/BlogPost.astro b/examples/blog/src/components/BlogPost.astro index 22fd74645..65eed099d 100644 --- a/examples/blog/src/components/BlogPost.astro +++ b/examples/blog/src/components/BlogPost.astro @@ -8,14 +8,14 @@ export interface Props { heroImage: string; } -const { title, author, publishDate, heroImage } = Astro.props; +const { title, author, publishDate, heroImage, alt } = Astro.props; --- <div class="layout"> <article class="content"> <div> <header> - {heroImage && <img width="720" height="420" class="hero-image" loading="lazy" src={heroImage} />} + {heroImage && <img width="720" height="420" class="hero-image" loading="lazy" src={heroImage} alt={alt} />} <p class="publish-date">{publishDate}</p> <h1 class="title">{title}</h1> <Author name="@FredKSchott" href="https://twitter.com/FredKSchott" /> diff --git a/examples/blog/src/layouts/BlogPost.astro b/examples/blog/src/layouts/BlogPost.astro index b27effe54..76cb749d4 100644 --- a/examples/blog/src/layouts/BlogPost.astro +++ b/examples/blog/src/layouts/BlogPost.astro @@ -5,7 +5,7 @@ import BlogHeader from '../components/BlogHeader.astro'; import BlogPost from '../components/BlogPost.astro'; const {content} = Astro.props; -const {title, description, publishDate, author, heroImage, permalink} = content; +const {title, description, publishDate, author, heroImage, permalink, alt} = content; --- <html lang={ content.lang || 'en' }> <head> @@ -15,7 +15,7 @@ const {title, description, publishDate, author, heroImage, permalink} = content; <body> <BlogHeader /> - <BlogPost title={title} author={author} heroImage={heroImage} publishDate={publishDate}> + <BlogPost title={title} author={author} heroImage={heroImage} publishDate={publishDate} alt={alt}> <slot /> </BlogPost> </body> diff --git a/examples/blog/src/pages/posts/introducing-astro.md b/examples/blog/src/pages/posts/introducing-astro.md index 16aa33e38..cf849514b 100644 --- a/examples/blog/src/pages/posts/introducing-astro.md +++ b/examples/blog/src/pages/posts/introducing-astro.md @@ -4,6 +4,7 @@ description: "We're excited to announce Astro as a new way to build static websi publishDate: 'Tuesday, June 8 2021' author: 'fred' heroImage: '/social.jpg' +alt: 'Astro' layout: '../../layouts/BlogPost.astro' --- |