gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-19 06:38:59 +02:00
Code Issues Actions 119 Packages Projects Releases Wiki Activity

feat(website): add alt + lazy loading

Browse Source
This commit is contained in:
Elian Doran 2025-09-27 22:26:41 +03:00
parent f991276152
commit a15aab395a
No known key found for this signature in database
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/website/src/components/Card.tsx
View File

@ -14,7 +14,7 @@ interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
export default function Card({ title, children, imageUrl, iconSvg, className, moreInfoUrl, ...restProps }: CardProps) {
return (
<div className={`card ${className}`} {...restProps}>
{imageUrl && <img class="image" src={imageUrl} />}
{imageUrl && <img class="image" src={imageUrl} loading="lazy" />}
<div className="card-content">
<h3>

2
apps/website/src/components/Header.tsx
View File

@ -29,7 +29,7 @@ export function Header() {
<div class="content-wrapper">
<div class="first-row">
<a class="banner" href="/">
<img src={logoPath} width="300" height="300" />&nbsp;<span>Trilium Notes</span>
<img src={logoPath} width="300" height="300" alt="Trilium Notes logo" />&nbsp;<span>Trilium Notes</span>
</a>
<Link

4
apps/website/src/pages/Home/index.tsx
View File

@ -84,7 +84,7 @@ function HeroSection() {
</div>
{screenshotUrl && <img class="screenshot" src={screenshotUrl} />}
{screenshotUrl && <img class="screenshot" src={screenshotUrl} alt="Screenshot of the Trilium Notes desktop application" />}
</Section>
)
}
@ -258,7 +258,7 @@ function ListWithScreenshot({ items, horizontal, cardExtra }: {
<div className="details">
{selectedItem && (
<>
<img src={selectedItem.imageUrl} />
<img src={selectedItem.imageUrl} alt="Screenshot of the feature being selected" loading="lazy" />
</>
)}
</div>