added email page with pgp and keybase

src/pages/404.astro

@@ -5,6 +5,8 @@ import Page from "../layouts/page.astro";
 <Page title="404">
     <main class="container mx-auto px-4 py-16">
         <h1 class="text-3xl sm:text-4xl font-bold">404 Not Found</h1>
-        <p class="mt-4">This page could not be found.</p>
+        <div class="mt-8">
+            <p class="text-justify">This page could not be found.</p>
+        </div>
     </main>
 </Page>

src/pages/email.astro

@@ -0,0 +1,54 @@
+---
+import Page from "../layouts/page.astro";
+---
+
+<Page title="Email">
+    <main class="container mx-auto px-4 py-16">
+        <h1 class="text-3xl sm:text-4xl font-bold">Email</h1>
+        <div class="mt-8">
+            <p class="text-justify">
+                Send an email if you want to work with me, propose a project
+                idea, or just to say hi!
+            </p>
+
+            <div class="my-4">
+                <a
+                    href="mailto:pATphilippeloctauxDOTcom"
+                    class="inline-flex bg-sky-900 hover:bg-sky-700 text-white font-bold py-2 px-4 rounded-xl items-center"
+                >
+                    <div class="inline-flex items-center">
+                        <svg
+                            class="w-6 h-6 mr-2"
+                            xmlns="http://www.w3.org/2000/svg"
+                            fill="none"
+                            viewBox="0 0 24 24"
+                            stroke-width="1.5"
+                            stroke="currentColor"
+                        >
+                            <path
+                                stroke-linecap="round"
+                                stroke-linejoin="round"
+                                d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"
+                            ></path>
+                        </svg>
+                        <span class="text-center"
+                            >p at philippeloctaux dot com</span
+                        >
+                    </div>
+                </a>
+            </div>
+
+            <p class="text-justify mb-2">
+                If you want to encrypt your message, I have a <a
+                    href="/pgp-0x69771CD04BA82EC0.txt"
+                    class="underline">pgp key</a
+                > at your disposal.
+            </p>
+            <p class="text-justify mb-2">
+                I also have a <a href="/keybase.txt" class="underline"
+                    >Keybase</a
+                > account, but I do not check it often.
+            </p>
+        </div>
+    </main>
+</Page>