This commit is contained in:
2026-06-04 18:26:30 +08:00
parent b587212bd5
commit 2ebc8ab9dd
70 changed files with 52 additions and 31 deletions
+12 -6
View File
@@ -35,7 +35,7 @@ const L = getCopy(locale);
<div class="index-left-right feature-card">
<div class="bento-hero">
<div class="art-panel photo" style="height:100%">
<img src="/images/index-left.png" alt={L.home.bentoAlt} />
<img src="/images/index-left.webp" alt={L.home.bentoAlt} loading="eager" fetchpriority="high" decoding="async" />
</div>
</div>
<div class="bento-side soft">
@@ -48,8 +48,10 @@ const L = getCopy(locale);
<article class="feature-card soft card-with-thumb">
<div class="card-thumb">
<img
src="/images/sketch/f1b84ab9a9a9c47ffa390d0bea93ab79d019625c.png"
src="/images/sketch/f1b84ab9a9a9c47ffa390d0bea93ab79d019625c.webp"
alt=""
loading="lazy"
decoding="async"
/>
</div>
<h3>{L.home.aiTitle}</h3>
@@ -58,8 +60,10 @@ const L = getCopy(locale);
<article class="feature-card soft card-with-thumb">
<div class="card-thumb">
<img
src="/images/sketch/efa4288e0fad73637720bfd9ac094a67a39ed465.png"
src="/images/sketch/efa4288e0fad73637720bfd9ac094a67a39ed465.webp"
alt=""
loading="lazy"
decoding="async"
/>
</div>
<h3>{L.home.personalTitle}</h3>
@@ -68,8 +72,10 @@ const L = getCopy(locale);
<article class="feature-card soft card-with-thumb">
<div class="card-thumb">
<img
src="/images/sketch/bcc2546bb5ac5489aaf0a6cd2501e09da4de3570.png"
src="/images/sketch/bcc2546bb5ac5489aaf0a6cd2501e09da4de3570.webp"
alt=""
loading="lazy"
decoding="async"
/>
</div>
<h3>{L.home.communityTitle}</h3>
@@ -119,7 +125,7 @@ const L = getCopy(locale);
<article class="feature-card showcase-card">
<div class="showcase-hero">
<div class="showcase-title">{L.home.facultyHighlightTitle}</div>
<img src="/images/teacher.png" alt={L.home.teacherImgAlt} />
<img src="/images/teacher.webp" alt={L.home.teacherImgAlt} loading="lazy" decoding="async" />
</div>
<div class="showcase-body">
<p>{L.home.facultyHighlightBody}</p>
@@ -131,7 +137,7 @@ const L = getCopy(locale);
<article class="feature-card showcase-card">
<div class="showcase-hero">
<div class="showcase-title">{L.home.experienceTitle}</div>
<img src="/images/study.png" alt={L.home.studyImgAlt} />
<img src="/images/study.webp" alt={L.home.studyImgAlt} loading="lazy" decoding="async" />
</div>
<div class="showcase-body">
<p>{L.home.experienceBody}</p>