added email page with pgp and keybase

public/keybase.txt

@@ -0,0 +1,55 @@
+==================================================================
+https://keybase.io/ploctaux
+--------------------------------------------------------------------
+
+I hereby claim:
+
+  * I am an admin of https://philippeloctaux.com
+  * I am ploctaux (https://keybase.io/ploctaux) on keybase.
+  * I have a public key ASDiouO9wpw-gXZkdgrSJOoOtA4vR6QtiwFZmOkz4YHP-Ao
+
+To do so, I am signing this object:
+
+{
+  "body": {
+    "key": {
+      "eldest_kid": "012031e0ba3540a4f61c93026d2a816af315dea21d014fdfc3bc11627733d19f2a890a",
+      "host": "keybase.io",
+      "kid": "0120e2a2e3bdc29c3e817664760ad224ea0eb40e2f47a42d8b015998e933e181cff80a",
+      "uid": "80cfc79a77a5aefc5436f033f06c9c19",
+      "username": "ploctaux"
+    },
+    "merkle_root": {
+      "ctime": 1501967359,
+      "hash": "db16c5e4bba0d69b79e6fb7b9a50354552d91210d7bea99eb6bc311a0fd26846424316dae49fe3a2fff1870a545c727bd6fc615cd02cb22f3b6b1d525abb3a25",
+      "hash_meta": "100804b821987a4a8c9cdf36addf949ebe8f7aad3af72b8179868759a7c7d519",
+      "seqno": 1307108
+    },
+    "service": {
+      "hostname": "philippeloctaux.com",
+      "protocol": "https:"
+    },
+    "type": "web_service_binding",
+    "version": 1
+  },
+  "client": {
+    "name": "keybase.io go client",
+    "version": "1.0.26"
+  },
+  "ctime": 1501967411,
+  "expire_in": 504576000,
+  "prev": "d070b187ff163148e353ffa2edb7fae70ee0bfb95004a248ab32b3a282de8815",
+  "seqno": 89,
+  "tag": "signature"
+}
+
+which yields the signature:
+
+hKRib2R5hqhkZXRhY2hlZMOpaGFzaF90eXBlCqNrZXnEIwEg4qLjvcKcPoF2ZHYK0iTqDrQOL0ekLYsBWZjpM+GBz/gKp3BheWxvYWTFA0x7ImJvZHkiOnsia2V5Ijp7ImVsZGVzdF9raWQiOiIwMTIwMzFlMGJhMzU0MGE0ZjYxYzkzMDI2ZDJhODE2YWYzMTVkZWEyMWQwMTRmZGZjM2JjMTE2Mjc3MzNkMTlmMmE4OTBhIiwiaG9zdCI6ImtleWJhc2UuaW8iLCJraWQiOiIwMTIwZTJhMmUzYmRjMjljM2U4MTc2NjQ3NjBhZDIyNGVhMGViNDBlMmY0N2E0MmQ4YjAxNTk5OGU5MzNlMTgxY2ZmODBhIiwidWlkIjoiODBjZmM3OWE3N2E1YWVmYzU0MzZmMDMzZjA2YzljMTkiLCJ1c2VybmFtZSI6InBsb2N0YXV4In0sIm1lcmtsZV9yb290Ijp7ImN0aW1lIjoxNTAxOTY3MzU5LCJoYXNoIjoiZGIxNmM1ZTRiYmEwZDY5Yjc5ZTZmYjdiOWE1MDM1NDU1MmQ5MTIxMGQ3YmVhOTllYjZiYzMxMWEwZmQyNjg0NjQyNDMxNmRhZTQ5ZmUzYTJmZmYxODcwYTU0NWM3MjdiZDZmYzYxNWNkMDJjYjIyZjNiNmIxZDUyNWFiYjNhMjUiLCJoYXNoX21ldGEiOiIxMDA4MDRiODIxOTg3YTRhOGM5Y2RmMzZhZGRmOTQ5ZWJlOGY3YWFkM2FmNzJiODE3OTg2ODc1OWE3YzdkNTE5Iiwic2Vxbm8iOjEzMDcxMDh9LCJzZXJ2aWNlIjp7Imhvc3RuYW1lIjoicGhpbGlwcGVsb2N0YXV4LmNvbSIsInByb3RvY29sIjoiaHR0cHM6In0sInR5cGUiOiJ3ZWJfc2VydmljZV9iaW5kaW5nIiwidmVyc2lvbiI6MX0sImNsaWVudCI6eyJuYW1lIjoia2V5YmFzZS5pbyBnbyBjbGllbnQiLCJ2ZXJzaW9uIjoiMS4wLjI2In0sImN0aW1lIjoxNTAxOTY3NDExLCJleHBpcmVfaW4iOjUwNDU3NjAwMCwicHJldiI6ImQwNzBiMTg3ZmYxNjMxNDhlMzUzZmZhMmVkYjdmYWU3MGVlMGJmYjk1MDA0YTI0OGFiMzJiM2EyODJkZTg4MTUiLCJzZXFubyI6ODksInRhZyI6InNpZ25hdHVyZSJ9o3NpZ8RADJhthw6EP/rlqJzx9scrJ7PelAxz5F9E6cSMaHUXHQ8N7SR2Soihg6KS4XRD8Vo0or1gvdVwdhHK4nn8w/NqAqhzaWdfdHlwZSCkaGFzaIKkdHlwZQildmFsdWXEIPRmmM2IqyzzaezOeSMwEp/9zymi9mwbvgi7WisA3S+Vo3RhZ80CAqd2ZXJzaW9uAQ==
+
+And finally, I am proving ownership of this host by posting or
+appending to this document.
+
+View my publicly-auditable identity here: https://keybase.io/ploctaux
+
+==================================================================

public/pgp-0x69771CD04BA82EC0.txt

@@ -0,0 +1,53 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+Comment: email: p@philippeloctaux.com
+
+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
+sPthNw==
+=+BUe
+-----END PGP PUBLIC KEY BLOCK-----

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>