avinal/avinal.github.io
1
0
Fork 0
mirror of https://github.com/avinal/avinal.github.io.git synced 2026-07-04 07:40:09 +05:30
Code Packages Releases Activity

update license and qol improvements

Browse Source 
Signed-off-by: Avinal Kumar <avinal.xlvii@gmail.com>
This commit is contained in:
Morumotto
2026-03-05 19:49:40 +05:30
committed by Morumotto
parent 5420886a23
commit 19784d18ee
13 changed files with 205 additions and 377 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/BaseLayout.astro
+23 -3
View File
@@ -8,17 +8,20 @@ interface Props {
title: string;
description?: string;
ogImage?: string;
jsonLd?: Record<string, unknown>;
}
const {
title,
description = theme.site.description,
ogImage,
jsonLd,
} = Astro.props;
const canonicalURL = new URL(Astro.url.pathname, Astro.site);
const siteName = theme.site.title;
const themeCSS = generateThemeCSS(theme);
const resolvedOgImage = ogImage || new URL("/og-default.svg", Astro.site).href;
---
<!doctype html>
@@ -38,16 +41,32 @@ const themeCSS = generateThemeCSS(theme);
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<meta property="og:site_name" content={siteName} />
{ogImage && <meta property="og:image" content={ogImage} />}
<meta property="og:image" content={resolvedOgImage} />
<!-- Favicon -->
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content={title} />
<meta name="twitter:description" content={description} />
<meta name="twitter:image" content={resolvedOgImage} />
<meta name="twitter:site" content="@Avinal_" />
<!-- Favicon & Manifest -->
<link rel="icon" type="image/svg+xml" href="/logo-static.svg" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="sitemap" href="/sitemap-index.xml" />
<link rel="alternate" type="application/rss+xml" title="Avinal Kumar" href="/rss.xml" />
<!-- Font preloads -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
<!-- Design tokens generated from theme config -->
<style set:html={themeCSS} />
<!-- JSON-LD structured data -->
{jsonLd && <script type="application/ld+json" set:html={JSON.stringify(jsonLd)} />}
<!-- Theme: prevent flash by reading preference before paint -->
<script is:inline>
(function () {
@@ -61,9 +80,10 @@ const themeCSS = generateThemeCSS(theme);
</script>
</head>
<body>
<a href="#main-content" class="skip-link">Skip to content</a>
<div class="page-wrapper">
<Nav />
<main class="main-content">
<main id="main-content" class="main-content">
<slot />
</main>
<Footer />
src/layouts/PostLayout.astro
+19 -2
View File
@@ -29,13 +29,30 @@ const fmtDate = (d: Date) =>
month: "long",
day: "numeric",
});
const canonicalURL = new URL(Astro.url.pathname, Astro.site).href;
const blogPostingLd = {
"@context": "https://schema.org",
"@type": "BlogPosting",
headline: title,
description: description ?? "",
datePublished: date.toISOString(),
...(modified && { dateModified: modified.toISOString() }),
...(image && { image }),
url: canonicalURL,
author: {
"@type": "Person",
name: "Avinal Kumar",
url: "https://avinal.space",
},
};
---
<BaseLayout title={title} description={description} ogImage={image || undefined}>
<BaseLayout title={title} description={description} ogImage={image || undefined} jsonLd={blogPostingLd}>
<article class="post-page">
{image && (
<div class="post-hero-img">
<img src={image} alt={title} />
<img src={image} alt={title} decoding="async" />
</div>
)}