contact-page: Add note for confused recruiters

pkgs/contact-page/src/index.html

@@ -39,6 +39,19 @@
           <td><a href="https://git.sbruder.de/simon.keys">public keys (dynamic)</a></td>
         </tr>
       </table>
+      <div class="fineprint">
+        <p>
+          Dear <span class="forbiddenword">(don’t want to get found by this keyword)</span> recruiters,
+        </p>
+        <p>
+          The publication of these contact details does not constitute consent within the meaning of Art. 6 GDPR.
+          They may not be used for sending me unsolicited messages.
+        </p>
+        <p>
+          Also, if you were even thinking of contacting me about <span class="forbiddenword">(don’t want to get found by this keyword)</span>,
+          you should probably invest in more capable people for “Talent Acquisition” <a href="https://web3isgoinggreat.com/">😘</a>
+        </p>
+      </div>
     </div>
     <script src="main.js"></script>
   </body>

pkgs/contact-page/src/main.js

@@ -2,10 +2,7 @@
   const givenName = document.getElementById('name').innerText.split(" ")[0].toLowerCase()
   const domain = location.host
 
-  if (domain !== "sbruder.de") {
-    return
-  }
-
+  if (domain === "sbruder.de") {
     const mailAddress = givenName + '@' + domain
     const mailEl = document.getElementById('email')
     mailEl.innerText = mailAddress
@@ -15,4 +12,11 @@
     const matrixEl = document.getElementById('matrix')
     matrixEl.innerText = matrixAddress
     matrixEl.href = `https://matrix.to/#/${matrixAddress}`
+  }
+
+  const forbiddenWordEls = Array.from(document.getElementsByClassName("forbiddenword"))
+  forbiddenWordEls.forEach(el => {
+    el.innerHTML = "blockchain"
+    el.classList.add("processed")
+  })
 })()

pkgs/contact-page/src/style.css

@@ -1,10 +1,17 @@
 body {
   font-family: "PT Sans", "Helvetica", "Helvetica Neue", "Roboto", "Arimo", "Arial", sans-serif;
+  margin: 0px;
 }
 
 .container {
   max-width: 500px;
-  margin: 0 auto 50px;
+  margin: 0 auto;
+  padding: 0 1rem;
+
+  min-height: 100vh;
+
+  display: flex;
+  flex-direction: column;
 }
 
 tr td:first-child::after {
@@ -16,3 +23,12 @@ a {
   color: inherit;
   font-weight: 600;
 }
+
+.fineprint {
+  font-size: .75rem;
+  margin-top: auto;
+}
+
+.forbiddenword.processed {
+  font-family: "Comic Sans MS", cursive;
+}