cameleer/cameleer-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add BaseLayout with meta tags, favicon, robots.txt, and OG card

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-24 17:13:07 +02:00
parent e0a7ec4651
commit e084177acf
5 changed files with 84 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/favicon.svg Normal file
View File

@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<rect width="32" height="32" rx="6" fill="#060a13"/>
<g fill="none" stroke="#f0b429" stroke-width="1.4" stroke-linecap="round">
<path d="M4 10 Q10 6 16 12 T28 10"/>
<path d="M4 16 Q10 12 16 18 T28 16"/>
<path d="M4 22 Q10 18 16 24 T28 22"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 332 B

13
public/og-image.svg Normal file
View File

@@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630">
<rect width="1200" height="630" fill="#060a13"/>
<g fill="none" stroke="#f0b429" stroke-width="1" opacity="0.2">
<path d="M0,120 Q300,60 600,150 T1200,120"/>
<path d="M0,240 Q300,180 600,270 T1200,240"/>
<path d="M0,360 Q300,300 600,390 T1200,360"/>
<path d="M0,480 Q300,420 600,510 T1200,480"/>
</g>
<text x="80" y="260" fill="#f0b429" font-family="'DM Sans', sans-serif" font-size="22" letter-spacing="6">OBSERVABILITY · APACHE CAMEL</text>
<text x="80" y="360" fill="#e8eaed" font-family="'DM Sans', sans-serif" font-size="72" font-weight="700">See every route.</text>
<text x="80" y="440" fill="#e8eaed" font-family="'DM Sans', sans-serif" font-size="72" font-weight="700">Reach into every flow.</text>
<text x="80" y="540" fill="#9aa3b2" font-family="'JetBrains Mono', monospace" font-size="26">cameleer.io</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 921 B

4
public/robots.txt Normal file
View File

@@ -0,0 +1,4 @@
User-agent: *
Allow: /
Sitemap: https://www.cameleer.io/sitemap-index.xml

53
src/layouts/BaseLayout.astro Normal file
View File

@@ -0,0 +1,53 @@
---
import '../styles/global.css';
interface Props {
title: string;
description: string;
canonicalPath?: string;
ogImage?: string;
}
const {
title,
description,
canonicalPath = Astro.url.pathname,
ogImage = '/og-image.svg',
} = Astro.props;
const canonical = new URL(canonicalPath, Astro.site ?? 'https://www.cameleer.io').toString();
const ogUrl = new URL(ogImage, Astro.site ?? 'https://www.cameleer.io').toString();
---
<!doctype html>
<html lang="en" class="bg-bg">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="dark" />
<meta name="theme-color" content="#060a13" />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
<meta name="description" content={description} />
<link rel="canonical" href={canonical} />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Cameleer" />
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<meta property="og:url" content={canonical} />
<meta property="og:image" content={ogUrl} />
<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={ogUrl} />
<meta name="robots" content="index,follow" />
</head>
<body class="min-h-screen bg-bg text-text font-sans antialiased">
<slot />
</body>
</html>

11
src/pages/index.astro
View File

@@ -1,7 +1,8 @@
--- ---
import '../styles/global.css'; import BaseLayout from '../layouts/BaseLayout.astro';
--- ---
<html lang="en"> <BaseLayout title="Cameleer — scaffolding" description="Scaffolding placeholder.">
<head><meta charset="utf-8" /><title>scaffold</title></head> <main class="max-w-content mx-auto px-6 py-24">
<body class="bg-bg text-text"><p class="text-accent font-mono">scaffold ok</p></body> <p class="text-accent font-mono">BaseLayout ok</p>
</html> </main>
</BaseLayout>