santhoshj/astro-website
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

lazy-loading done
Some checks failed
ci / site (push) Has been cancelled
Details
publish-image / publish (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Santhosh Janardhanan
2026-02-10 15:59:03 -05:00
parent 7bd51837de
commit ac3de3e142
24 changed files with 923 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
site/src/pages/blog/page/[slug].astro
View File

@@ -45,12 +45,15 @@ const metaDescription = (page.excerpt || "").slice(0, 160);
</a>
</div>
{page.featuredImageUrl ? (
<img
src={page.featuredImageUrl}
alt=""
loading="lazy"
style="width: 100%; max-height: 420px; object-fit: cover; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.12);"
/>
<div class="img-shimmer-wrap" style="width: 100%; max-height: 420px; border-radius: 16px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.12);">
<img
src={page.featuredImageUrl}
alt=""
loading="lazy"
class="img-loading"
style="width: 100%; max-height: 420px; object-fit: cover; display: block;"
/>
</div>
) : null}
<div class="prose" set:html={page.contentHtml} />
</section>

15
site/src/pages/blog/post/[slug].astro
View File

@@ -48,12 +48,15 @@ const metaDescription = (post.excerpt || "").slice(0, 160);
{new Date(post.publishedAt).toLocaleDateString()}
</p>
{post.featuredImageUrl ? (
<img
src={post.featuredImageUrl}
alt=""
loading="lazy"
style="width: 100%; max-height: 420px; object-fit: cover; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.12);"
/>
<div class="img-shimmer-wrap" style="width: 100%; max-height: 420px; border-radius: 16px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.12);">
<img
src={post.featuredImageUrl}
alt=""
loading="lazy"
class="img-loading"
style="width: 100%; max-height: 420px; object-fit: cover; display: block;"
/>
</div>
) : null}
<div class="prose" set:html={post.contentHtml} />
</section>