this repo has no description
✨ /contact
Signed-off-by: Gwenn Le Bihan <gwenn.lebihan7@gmail.com>
+57
-8
+6
i18n/fr.po
+6
i18n/fr.po
+1
sites.yaml
+1
sites.yaml
+16
-8
src/components/StrongHeader.astro
+16
-8
src/components/StrongHeader.astro
···
2
2
import Translated from "./Translated.astro";
3
3
import WIPIndicator from "./WIPIndicator.astro";
4
4
5
-
interface Props {
6
-
title: string | { fr?: string; en?: string };
5
+
type Props = {
7
6
back?: string;
8
7
editButton?: string;
9
-
wip?: boolean;
10
-
}
8
+
} & (
9
+
| { title: string; wip?: undefined }
10
+
| { title: { fr: string; en: string }; wip?: boolean }
11
+
);
11
12
12
13
const { title, wip, back, editButton } = Astro.props;
13
14
---
···
45
46
)
46
47
}
47
48
48
-
<h1>
49
-
{typeof title === "string" ? title : <Translated {...title} />}
50
-
{wip && <WIPIndicator />}
51
-
</h1>
49
+
{
50
+
typeof title === "string" ? (
51
+
<h1 i18n>{title}</h1>
52
+
) : (
53
+
<h1>
54
+
<Translated {...title} />
55
+
{wip && <WIPIndicator />}
56
+
</h1>
57
+
)
58
+
}
59
+
52
60
<slot />
53
61
</header>
54
62
+34
src/pages/contact.astro
+34
src/pages/contact.astro
···
1
+
---
2
+
import { getEntry } from "astro:content";
3
+
import StrongHeader from "../components/StrongHeader.astro";
4
+
import Layout from "../layouts/Layout.astro";
5
+
6
+
const bsky = await getEntry("sites", "bluesky");
7
+
const insta = await getEntry("sites", "instagram");
8
+
---
9
+
10
+
<Layout>
11
+
<StrongHeader title="Contact me">
12
+
<p i18n>via...</p>
13
+
<dl>
14
+
<dt>email</dt>
15
+
<dd>
16
+
<a href="/to/mail">gwenn.lebihan7 (at) gmail.com</a>
17
+
</dd>
18
+
<dt i18n>bluesky direct message</dt>
19
+
<dd>
20
+
<a href="/to/bluesky">@{bsky?.data.username}</a>
21
+
</dd>
22
+
<dt>instagram</dt>
23
+
<dd>
24
+
<a href="/to/instagram">@{insta?.data.username}</a>
25
+
</dd>
26
+
</dl>
27
+
</StrongHeader>
28
+
</Layout>
29
+
30
+
<style>
31
+
dd {
32
+
margin-bottom: 0.5em;
33
+
}
34
+
</style>