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

general improvements. single default, addded dark theme.

Browse source 
fixed issue with contact form color overlay.
This commit is contained in:
brooke 2024-09-13 13:50:19 -04:00
parent 6b7978b40c
commit 3bddc9c092
9 changed files with 50 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
themes/mir/layouts/_default/baseof.html
View file

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
{{ partial "head.html" . }} {{ partial "head.html" . }}
<body class="bg-white text-[#192252] flex flex-col justify-center items-center"> <body class="bg-white text-[#192252] dark:bg-[#1E1E2C] dark:text-[#C6DEFF] flex flex-col justify-center items-center">
<section class="max-w-[1200px]"> <section class="max-w-[1200px]">
{{ partial "nav.html" . }} {{ partial "nav.html" . }}
<section class="min-h-[1000px]"> <section class="min-h-[1000px]">

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

@ -3,18 +3,7 @@
<div class="mb-24 h-full"> <div class="mb-24 h-full">
<div class="flex flex-col"> <div class="flex flex-col">
{{ if .Params.contact }} {{ if .Params.contact }}
<section class="flex-row flex m-4 gap-8"> {{ partial "contact.html" . }}
<div class="bg-[#f1f5fc] p-4 rounded-lg">
<p class="text-5xl uppercase">{{ .Title }}</p>
<p class="text-lg">{{ .Params.subTitle }}</p>
{{ partial "contact.html" . }}
</div>
<div class="hidden md:block bg-[#f1f5fc] p-4 rounded-lg">
<img class="relative object-cover h-72 rounded-lg" src="{{ .Params.Img }}">
</img>
<div class="absolute inset-0 bg-white opacity-20 rounded-lg pointer-events-none"></div>
</div>
</section>
{{ else }} {{ else }}
<div class="mt-2 flex flex-col gap-4">{{ .Content }}</div> <div class="mt-2 flex flex-col gap-4">{{ .Content }}</div>
{{ end }} {{ end }}

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

@ -1,19 +1,34 @@
<div class="text-lg flex flex-col gap-4 pt-4"> <section class="flex-row flex m-4 gap-8">
{{ .Content }} <div class="bg-[#f1f5fc] dark:bg-[#232333] p-4 rounded-lg">
<div class="p-2 gap-2 rounded-lg flex-row flex"> <p class="text-5xl uppercase">{{ .Title }}</p>
<svg class="w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <p class="text-lg">{{ .Params.subTitle }}</p>
<path class="fill-[#192252]" <div class="text-lg flex flex-col gap-4 pt-4">
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" /> {{ .Content }}
</svg> <div class="p-2 gap-2 rounded-lg flex-row flex">
<p class="text-base">info@mirnet.org</p> <svg class="w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path class="fill-[#192252] dark:fill-[#F1F5FC]"
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] dark:fill-[#F1F5FC]"
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" rel="me" class="text-base underline decoration-2"
href="https://infosec.exchange/@mir">
@mir@infosec.exchange
</a>
</div>
</div>
</div> </div>
<div class="p-2 gap-2 rounded-lg flex-row flex"> <div class="hidden md:flex flex-col">
<svg class="w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <div class="relative bg-[#f1f5fc] dark:bg-[#232333] p-4 rounded-lg">
<path class="fill-[#192252]" <div class="relative">
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" /> <img class="object-cover aspect-[12/10] h-96 rounded-lg" src="{{ .Params.img }}" alt="Image">
</svg> <div class="absolute inset-0 bg-white opacity-20 dark:opacity-10 rounded-lg pointer-events-none"></div>
<a target="_blank" rel="me" class="text-base underline decoration-2" href="https://infosec.exchange/@mir"> </div>
@mir@infosec.exchange </div>
</a>
</div> </div>
</div> </section>

4
themes/mir/layouts/partials/footer.html
View file

@ -1,4 +1,4 @@
<div class="m-4 rounded-lg p-4 min-h-[40.27px] flex flex-row justify-between items-center bg-[#f1f5fc]"> <div class="m-4 rounded-lg p-4 min-h-[40.27px] flex flex-row justify-between items-center bg-[#F1F5FC] dark:bg-[#232333]">
{{ with site.GetPage "_index.md" }} {{ with site.GetPage "_index.md" }}
<div class="w-full flex flex-row justify-between items-center"> <div class="w-full flex flex-row justify-between items-center">
<a class="flex justify-center items-center mb-2 sm:mb-0" aria-label="Back to home" href="/"> <a class="flex justify-center items-center mb-2 sm:mb-0" aria-label="Back to home" href="/">
@ -6,7 +6,7 @@
</a> </a>
<div class="flex flex-row gap-2 items-center"> <div class="flex flex-row gap-2 items-center">
{{ range .Params.social.main }} {{ range .Params.social.main }}
<a target="_blank" aria-label="{{ .label }}" href="{{ .url | safeURL }}" class="fill-[#192252] h-5 w-5 flex items-center"> <a target="_blank" aria-label="{{ .label }}" href="{{ .url | safeURL }}" class="fill-[#F1F5FC] h-5 w-5 flex items-center">
{{ .icon | safeHTML }} {{ .icon | safeHTML }}
</a> </a>
{{ end }} {{ end }}

11
themes/mir/layouts/partials/header.html
View file

@ -1,10 +1,13 @@
<section class="flex py-12 px-5 gap-4 flex-col md:flex-row mx-auto"> <section class="flex py-12 px-5 gap-4 flex-col md:flex-row mx-auto">
<div class="w-full relative inline-block"> <div class="w-full relative inline-block">
<div class="flex-col md:flex hidden bg-[#f1f5fc] p-4 rounded-lg"> <div class="hidden md:flex flex-col">
<img class="relative object-cover aspect-[12/10] h-96 rounded-lg" src="{{ .Params.headerImg }}"> <div class="relative bg-[#f1f5fc] dark:bg-[#232333] p-4 rounded-lg">
</img> <div class="relative">
<img class="object-cover aspect-[12/10] h-96 rounded-lg" src="{{ .Params.headerImg }}" alt="Image">
<div class="absolute inset-0 bg-white opacity-10 rounded-lg pointer-events-none"></div>
</div>
</div>
</div> </div>
<div class="absolute inset-0 bg-white opacity-20 rounded-lg pointer-events-none"></div>
</div> </div>
<div class="w-full"> <div class="w-full">
<p class="lg:w-2/3 mx-auto text-4xl sm:text-5xl uppercase text-left title-font mb-4"> <p class="lg:w-2/3 mx-auto text-4xl sm:text-5xl uppercase text-left title-font mb-4">

2
themes/mir/layouts/partials/list.html
View file

@ -11,7 +11,7 @@
</div> </div>
</div> </div>
<p class="text-xl font-semibold mb-2">{{ .title }}</p> <p class="text-xl font-semibold mb-2">{{ .title }}</p>
<p class="text-gray-700">{{ .description }}</p> <p>{{ .description }}</p>
</div> </div>
{{ end }} {{ end }}
</div> </div>

4
themes/mir/layouts/partials/nav.html
View file

@ -1,11 +1,11 @@
<div class="m-4 rounded-lg p-4 min-h-[40.27px] flex flex-row justify-between bg-[#f1f5fc] sticky-navbar"> <div class="m-4 rounded-lg p-4 min-h-[40.27px] flex flex-row justify-between bg-[#f1f5fc] dark:bg-[#232333] sticky-navbar">
{{ with site.GetPage "_index.md" }} {{ with site.GetPage "_index.md" }}
<a class="justify-center flex mb-2 sm:mb-0" aria-label="Back to home" href="/"><img class="h-[40.2667px]" <a class="justify-center flex mb-2 sm:mb-0" aria-label="Back to home" href="/"><img class="h-[40.2667px]"
alt="{{ .Params.logoAlt }}" src="{{ .Params.logo }}" loading="lazy" /></a> alt="{{ .Params.logoAlt }}" src="{{ .Params.logo }}" loading="lazy" /></a>
<nav class="place-self-center h-8 flex justify-end gap-4 text-[#464f6d] pr-0 sm:pr-6"> <nav class="place-self-center h-8 flex justify-end gap-4 text-[#464f6d] pr-0 sm:pr-6">
{{ range .Site.Menus.main }} {{ range .Site.Menus.main }}
<a class="active:underline decoration-2 focus:underline uppercase text-lg font-semibold text-gray-900 overflow-hidden group" <a class="active:underline decoration-2 focus:underline uppercase text-lg dark:text-[#C6DEFF] font-semibold overflow-hidden group"
href="{{ .URL }}"> href="{{ .URL }}">
{{ $text := print .Name | safeHTML }} {{ $text }} {{ $text := print .Name | safeHTML }} {{ $text }}
</a> </a>

6
themes/mir/layouts/partials/quote.html
View file

@ -1,11 +1,11 @@
<section class="relative text-gray-600 w-full mx-auto"> <section class="relative w-full mx-auto">
<div class="absolute inset-0 -z-10 h-16 translate-y-10 rotate-[-5deg] rounded-lg bg-[#f1f5fc]"> <div class="absolute inset-0 -z-10 h-16 translate-y-10 rotate-[-5deg] rounded-lg bg-[#f1f5fc] dark:bg-[#232333]">
<div class="h-full"></div> <div class="h-full"></div>
</div> </div>
<div class="px-5 py-8 w-full"> <div class="px-5 py-8 w-full">
<div class="flex flex-col w-full"> <div class="flex flex-col w-full">
<p class="text-gray-600 mx-auto leading-relaxed text-lg font-semibold"> <p class="mx-auto leading-relaxed text-lg font-semibold">
{{ .Params.homeQuote }} {{ .Params.homeQuote }}
</p> </p>
</div> </div>

2
themes/mir/static/css/tailwind.min.css vendored
View file

File diff suppressed because one or more lines are too long