Update meta

This commit is contained in:
Henry Hiles 2023-06-03 14:56:36 -04:00
parent f4ea0ec6b7
commit 18ad462281
3 changed files with 11 additions and 9 deletions

View file

@ -5,9 +5,11 @@ import Nav from "../components/Nav.astro"
export interface Props { export interface Props {
page: string page: string
title?: string
description: string
} }
const { page } = Astro.props const { page, title = page, description } = Astro.props
--- ---
<!DOCTYPE html> <!DOCTYPE html>
@ -35,12 +37,8 @@ const { page } = Astro.props
/> />
<link rel="manifest" href="/site.webmanifest" /> <link rel="manifest" href="/site.webmanifest" />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<meta content="Henry Hiles" property="og:title" /> <meta content={title} property="og:title" />
<meta <meta content={description} property="og:description" />
content="The website of full stack .NET developer & Discord bot developer Henry Hiles."
property="og:description"
/>
<meta content="https://henryhiles.com" property="og:url" />
<meta content="/images/favicon.ico" property="og:image" /> <meta content="/images/favicon.ico" property="og:image" />
<meta content="#14bc9d" data-react-helmet="true" name="theme-color" /> <meta content="#14bc9d" data-react-helmet="true" name="theme-color" />
<title>Henry Hiles - {page}</title> <title>Henry Hiles - {page}</title>

View file

@ -6,7 +6,11 @@ import Layout from "../layouts/Layout.astro"
import "../styles/Home.css" import "../styles/Home.css"
--- ---
<Layout page={"Home"}> <Layout
page="Home"
title="Henry Hiles"
description="Full Stack Web Developer and Discord Bot Developer"
>
<main> <main>
<Jumbo /> <Jumbo />
<Portfolio /> <Portfolio />

View file

@ -16,7 +16,7 @@ const project = projects.find((project) => project.route === projectRoute)
if (project == null) return if (project == null) return
--- ---
<Layout page={project.name}> <Layout page={project.name} description={project.description}>
<main> <main>
<section id={styles.jumbo}> <section id={styles.jumbo}>
<h1 class={styles.title}>{project.name}</h1> <h1 class={styles.title}>{project.name}</h1>