This repository has been archived by the owner on Apr 28, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 9
/
default.astro
82 lines (75 loc) · 2.04 KB
/
default.astro
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
---
import { generateSocialImage } from 'astro-social-images'
import MetaTags from '@/utils/MetaTags.astro'
import Header from '@/components/Header.astro'
import Footer from '@/components/Footer.astro'
import "../assets/styles/global.css";
const { content } = Astro.props
const title = content?.title || ''
const description = content?.description || ''
const permalink = Astro.canonicalURL.href
const image = generateSocialImage({
backgroundColor: '#ffe9d6',
images: [
{ url: 'public/social-preview-background.png', attributes: { x: 0, y: 0 } }
],
texts: [
{
content: content?.socialTitle || content?.title || 'Community-Driven Commerce',
attributes: { x: '25', y: '225', 'font-size': '50px', fill: '#15133c', style: 'font-family: Montserrat; z-index: 1000;' },
},
{
content: content?.socialDescription || content?.description || '',
attributes: { x: '25', y: '375', 'font-size': '24px', fill: '#15133c', style: 'font-family: Montserrat; z-index: 1000;' },
},
]
}, {
hashLength: 12,
urlPath: 'https://mage-os.org/'
})
---
<!doctype html>
<html lang="en">
<head>
<style>
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url('/fonts/montserrat-400-v1.woff2') format('woff2');
font-display: block;
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
src: url('/fonts/montserrat-600-v1.woff2') format('woff2');
font-display: block;
}
</style>
<link rel="alternate" type="application/rss+xml" title="Mage OS RSS Feed" href="/rss.xml" />
<MetaTags
title={ title }
description={ description }
image={ image.url }
permalink={ permalink }
/>
</head>
<body
class="
bg-white
text-black font-sans antialiased
"
>
<div
id="content"
class="mx-auto max-w-6xl px-4 xl:px-0"
>
<Header />
<main>
<slot />
</main>
<Footer />
</div>
</body>
</html>