brooke/mirnet.org
1
0
Fork 0
Code Activity Actions

add contact page

Browse source
This commit is contained in:
brooke 2024-09-12 19:07:06 -04:00
parent 97baeb322f
commit eba2318d15
3 changed files with 39 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
content/contact/index.md Normal file
View file

@ -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.

21
themes/mir/layouts/_default/single.html
View file

@ -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 }}

19
themes/mir/layouts/partials/contact.html
View file

@ -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>