Miscellany/cse-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update social share card
Some checks are pending
Netlify deploy / deploy (push) Waiting to run
Details

Browse source
This commit is contained in:
Neeldhara Misra 2026-06-07 14:17:02 +05:30
parent b5ce798a06
commit 46f966a860
3 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
public/images/og-image.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 171 KiB

After

Width:  |  Height:  |  Size: 91 KiB

Before After
Before After

9
src/components/BaseHead.astro
View file

@ -7,10 +7,11 @@ import { SITE_TITLE, SITE_METADATA } from '../consts';
const canonicalURL = new URL(Astro.url.pathname, Astro.site);
const { title, description, image, imageAlt } = Astro.props;
const defaultOpenGraphImage = SITE_METADATA.openGraph.images[0];
const finalTitle = title || SITE_METADATA.title.default;
const finalDescription = description || SITE_METADATA.description;
const finalImage = image || SITE_METADATA.openGraph.images[0].url;
const finalImageAlt = imageAlt || finalTitle;
const finalImage = image || defaultOpenGraphImage.url;
const finalImageAlt = imageAlt || (image ? finalTitle : defaultOpenGraphImage.alt);
const imageURL = new URL(finalImage, Astro.url);
---
@ -78,11 +79,11 @@ const imageURL = new URL(finalImage, Astro.url);
<meta property="og:image" content={imageURL} />
<meta
property="og:image:width"
content={SITE_METADATA.openGraph.images[0].width.toString()}
content={defaultOpenGraphImage.width.toString()}
/>
<meta
property="og:image:height"
content={SITE_METADATA.openGraph.images[0].height.toString()}
content={defaultOpenGraphImage.height.toString()}
/>
<meta property="og:image:alt" content={finalImageAlt} />

4
src/consts.ts
View file

@ -42,7 +42,7 @@ export const SITE_METADATA = {
url: '/images/og-image.jpg',
width: 1200,
height: 630,
alt: 'CSE @ IIT Gandhinagar',
alt: 'Computer Science and Engineering, IIT Gandhinagar',
},
],
},
@ -51,6 +51,6 @@ export const SITE_METADATA = {
title: SITE_TITLE,
description: SITE_DESCRIPTION,
images: ['/images/og-image.jpg'],
creator: '@iaboratories',
creator: '@cse_iitgn',
},
};