Added graph tags for social media sharing

This commit is contained in:
Thomas Silkjær
2025-07-03 11:51:19 +02:00
parent ef49792ab7
commit 01d23a6e41
4 changed files with 8 additions and 2 deletions

BIN
public/xahau-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -12,6 +12,11 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site);
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://fonts.googleapis.com/css2?family=Onest:wght@400;700&display=swap" rel="stylesheet" />
<link rel="canonical" href={canonicalURL} />
<meta property="og:title" content={Astro.props.frontmatter?.title ? `Xahau: ${Astro.props.frontmatter?.title}` : 'Xahau'} />
<meta property="og:type" content="website" />
<meta property="og:description" content={Astro.props.frontmatter?.description ? Astro.props.frontmatter?.description : 'Xahau is a blockchain for the real world. It is a smart blockchain with account-based programmability. It is cheap and fast by design. It is built for the real world.'} />
<meta property="og:image" content="/xahau-logo.png">
<meta property="og:image:alt" content="Xahau logo">
</head>
<body class="font-[Onest] bg-xahau-background min-h-screen flex flex-col">
<Header client:only="react" url={Astro.url} />

View File

@@ -2,9 +2,10 @@
import '../styles/main.css';
import BaseLayout from '../layouts/BaseLayout.astro';
import worldmap from '../assets/worldmap.svg';
const { frontmatter } = Astro.props;
---
<BaseLayout>
<BaseLayout frontmatter={frontmatter}>
<div class="relative flex flex-col items-center justify-center min-h-[80vh] py-40">
<div class="absolute inset-0 flex items-center justify-center pointer-events-none select-none">
<div class="w-full h-full mx-auto">

View File

@@ -4,7 +4,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
const { frontmatter } = Astro.props;
---
<BaseLayout>
<BaseLayout frontmatter={frontmatter}>
<div class="flex-none container mx-auto py-12 text-left max-w-7xl p-6">
<h1 class="text-5xl font-extrabold mb-2">{frontmatter.title}</h1>
<h2 class="text-2xl font-semibold">{frontmatter.description}</h2>