From eba2318d15c29fc7f10b8f87556425768991ced9 Mon Sep 17 00:00:00 2001
From: brooke <brooke@myco.systems>
Date: Thu, 12 Sep 2024 19:07:06 -0400
Subject: [PATCH] add contact page

---
 content/contact/index.md                 |  6 ++++++
 themes/mir/layouts/_default/single.html  | 21 ++++++++++++++-------
 themes/mir/layouts/partials/contact.html | 19 +++++++++++++++++++
 3 files changed, 39 insertions(+), 7 deletions(-)
 create mode 100644 content/contact/index.md

diff --git a/content/contact/index.md b/content/contact/index.md
new file mode 100644
index 0000000..e4d3f40
--- /dev/null
+++ b/content/contact/index.md
@@ -0,0 +1,6 @@
+---
+title: Contact
+contact: true
+img: /media/contact.png
+---
+Feel free to send us a message with questions, comments, or just give our mastodon page a visit.
\ No newline at end of file
diff --git a/themes/mir/layouts/_default/single.html b/themes/mir/layouts/_default/single.html
index 9712537..fa17130 100644
--- a/themes/mir/layouts/_default/single.html
+++ b/themes/mir/layouts/_default/single.html
@@ -1,12 +1,19 @@
 {{ define "main" }}
-<div class="flex justify-center px-2 sm:px-16 pt-16 bg-white text-black min-h-[700px]">
-  <div class="mb-24 w-full max-w-[1200px] h-full">
+<div class="flex justify-center max-w-[1200px]">
+  <div class="mb-24 h-full">
     <div class="flex flex-col">
-      <p class="text-4xl font-bold">{{ .Title }}</p>
-      <p class="text-lg">{{ .Params.subTitle }}</p>
-      {{ partial "metadata.html" . }}
-      {{ if .contact }}
-      {{ partial "metadata.html" . }}
+      {{ if .Params.contact }}
+      <section class="flex flex-col md:flex-row m-4 gap-8">
+        <div class="bg-[#f1f5fc] p-4 rounded-lg">
+          <p class="text-5xl uppercase">{{ .Title }}</p>
+          <p class="text-lg">{{ .Params.subTitle }}</p>
+          {{ partial "metadata.html" . }}
+          {{ partial "contact.html" . }}
+        </div>
+        <div class="bg-[#f1f5fc] p-4 rounded-lg">
+          <img class="object-cover aspect-[12/10] h-96 rounded-lg" src="{{ .Params.img }}"></img>
+        </div>
+      </section>
       {{ else }}
       <div class="mt-2 flex flex-col gap-4">{{ .Content }}</div>
       {{ end }}
diff --git a/themes/mir/layouts/partials/contact.html b/themes/mir/layouts/partials/contact.html
index e69de29..06734cd 100644
--- a/themes/mir/layouts/partials/contact.html
+++ b/themes/mir/layouts/partials/contact.html
@@ -0,0 +1,19 @@
+<div class="text-lg flex flex-col gap-4 pt-4">
+    {{ .Content }}
+    <div class="p-2 gap-2 rounded-lg flex-row flex">
+        <svg class="w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+            <path class="fill-[#192252]"
+                d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z" />
+        </svg>
+        <p class="text-base">info@mirnet.org</p>
+    </div>
+    <div class="p-2 gap-2 rounded-lg flex-row flex">
+        <svg class="w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+            <path class="fill-[#192252]"
+                d="M433 179.1c0-97.2-63.7-125.7-63.7-125.7-62.5-28.7-228.6-28.4-290.5 0 0 0-63.7 28.5-63.7 125.7 0 115.7-6.6 259.4 105.6 289.1 40.5 10.7 75.3 13 103.3 11.4 50.8-2.8 79.3-18.1 79.3-18.1l-1.7-36.9s-36.3 11.4-77.1 10.1c-40.4-1.4-83-4.4-89.6-54a102.5 102.5 0 0 1 -.9-13.9c85.6 20.9 158.7 9.1 178.8 6.7 56.1-6.7 105-41.3 111.2-72.9 9.8-49.8 9-121.5 9-121.5zm-75.1 125.2h-46.6v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.3V197c0-58.5-64-56.6-64-6.9v114.2H90.2c0-122.1-5.2-147.9 18.4-175 25.9-28.9 79.8-30.8 103.8 6.1l11.6 19.5 11.6-19.5c24.1-37.1 78.1-34.8 103.8-6.1 23.7 27.3 18.4 53 18.4 175z" />
+        </svg>
+        <a target="_blank" class="underline decoration-2" href="https://infosec.exchange/@mir">
+            <p class="text-base">@mir@infosec.exchange</p>
+        </a>
+    </div>
+</div>
\ No newline at end of file