Add website meta

This commit is contained in:
Leafy :3 2024-12-15 01:30:41 +01:00
parent 3b15090df2
commit 8337a74d5f
2 changed files with 29 additions and 24 deletions

BIN
public/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View file

@ -1,43 +1,48 @@
--- ---
interface Props { interface Props {
title: string; title: string;
} }
const { title } = Astro.props; const { title } = Astro.props;
import "@/assets/global.css" import "@/assets/global.css";
import "@fontsource/poppins/400.css"; import "@fontsource/poppins/400.css";
import "@fontsource/poppins/500.css"; import "@fontsource/poppins/500.css";
import "@fontsource/poppins/600.css"; import "@fontsource/poppins/600.css";
import "@fontsource/poppins/700.css"; import "@fontsource/poppins/700.css";
import { ClientRouter } from 'astro:transitions'; import { ClientRouter } from "astro:transitions";
import Logo from "@/assets/img/logo.svg" import Logo from "@/assets/img/logo.svg";
import Navbar from "@/components/Navbar.tsx"; import Navbar from "@/components/Navbar.tsx";
--- ---
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href={Logo.src} /> <link rel="icon" type="image/svg+xml" href={Logo.src} />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<title>{title}</title> <meta content="yiffing.dev" property="og:title" />
<ClientRouter/> <meta content="by furries, for furries :#" property="og:description" />
</head> <meta content="https://yiffing.dev" property="og:url" />
<body> <meta content="https://yiffing.dev/logo.png" property="og:image" />
<Navbar client:load /> <meta content="#cba6f7" name="theme-color" />
<slot /> <title>{title}</title>
</body> <ClientRouter />
</head>
<body>
<Navbar client:load />
<slot />
</body>
</html> </html>
<style> <style>
html, html,
body { body {
margin: 0; margin: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
max-width: 95%; max-width: 95%;
margin: auto; margin: auto;
} }
</style> </style>