Configure website metadata

ubucon-asia · Jan 14, 2024 · a6ad112 · a6ad112
1 parent 8e73d40
commit a6ad112
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 7 deletions.
diff --git a/src/config.ts b/src/config.ts
@@ -3,6 +3,7 @@ import JaipurPhoto from "@assets/jaipur.jpg"
 
 export const config = {
     siteTitle: "UbuCon Asia 2024",
+    siteDescription: "JECRC University, Jaipur, India | August 31st - September 2nd",
     blog: {
         rssFeedUrl: "https://blog.ubucon.asia/tags/uca24/index.xml",
         viewMoreUrl: "https://blog.ubucon.asia/tags/uca24"

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -2,17 +2,18 @@
 import "vanilla-framework/_index.scss";
 interface Props {
 	title: string;
+	description: string;
 }
 
-const { title } = Astro.props;
+const { title, description } = Astro.props;
 ---
 
 <!doctype html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width" />
-		<meta name="description" content="Astro description" />
+		<meta name="description" content={description} />
 		<meta name="viewport" content="width=device-width" />
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<meta name="generator" content={Astro.generator} />

diff --git a/src/layouts/MarkdownLayout.astro b/src/layouts/MarkdownLayout.astro
@@ -15,7 +15,7 @@ type Props = MarkdownLayoutProps<{
 const { frontmatter } = Astro.props;
 ---
 
-<Shell title={frontmatter.title}>
+<Shell title={frontmatter.title} description={frontmatter.description}>
     <Strip bordered shallow colSize={8} element="section">
         <h1>{frontmatter.title}</h1>
         <p>{frontmatter.description}</p>

diff --git a/src/layouts/Shell.astro b/src/layouts/Shell.astro
@@ -4,14 +4,15 @@ import GlobalNavigation from "@components/GlobalNavigation.tsx";
 import Layout from "@layouts/Layout.astro";
 
 interface Props {
-	title: string;
+	title?: string;
+	description?: string;
 }
 
-const { title } = Astro.props;
+const { title, description } = Astro.props;
 import { config } from "../config";
 ---
 
-<Layout title={title}>
+<Layout title={title ? `${title} - ${config.siteTitle}` : config.siteTitle} description={description ? description : config.siteDescription}>
 	<div class="l-site">
 		<GlobalNavigation
 			logoTitle={config.siteTitle}

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -7,7 +7,7 @@ import uca24logo from "@assets/logo.svg";
 import logoPlaceHolder from "@assets/logo_placeholder.svg";
 ---
 
-<Shell title={config.siteTitle}>
+<Shell>
     <Strip type="accent" element="section" includeCol={false}>
         <Row>
             <Col size={3} />