general improvements. single default, addded dark theme.
fixed issue with contact form color overlay.
This commit is contained in:
parent
6b7978b40c
commit
3bddc9c092
9 changed files with 50 additions and 43 deletions
|
|
@ -2,7 +2,7 @@
|
|||
<html lang="en">
|
||||
{{ 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]">
|
||||
{{ partial "nav.html" . }}
|
||||
<section class="min-h-[1000px]">
|
||||
|
|
|
|||
|
|
@ -3,18 +3,7 @@
|
|||
<div class="mb-24 h-full">
|
||||
<div class="flex flex-col">
|
||||
{{ if .Params.contact }}
|
||||
<section class="flex-row flex 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 "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>
|
||||
{{ partial "contact.html" . }}
|
||||
{{ else }}
|
||||
<div class="mt-2 flex flex-col gap-4">{{ .Content }}</div>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,19 +1,34 @@
|
|||
<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>
|
||||
<section class="flex-row flex m-4 gap-8">
|
||||
<div class="bg-[#f1f5fc] dark:bg-[#232333] p-4 rounded-lg">
|
||||
<p class="text-5xl uppercase">{{ .Title }}</p>
|
||||
<p class="text-lg">{{ .Params.subTitle }}</p>
|
||||
<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] 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 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" rel="me" class="text-base underline decoration-2" href="https://infosec.exchange/@mir">
|
||||
@mir@infosec.exchange
|
||||
</a>
|
||||
<div class="hidden md:flex flex-col">
|
||||
<div class="relative bg-[#f1f5fc] dark:bg-[#232333] p-4 rounded-lg">
|
||||
<div class="relative">
|
||||
<img class="object-cover aspect-[12/10] h-96 rounded-lg" src="{{ .Params.img }}" alt="Image">
|
||||
<div class="absolute inset-0 bg-white opacity-20 dark:opacity-10 rounded-lg pointer-events-none"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -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" }}
|
||||
<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="/">
|
||||
|
|
@ -6,7 +6,7 @@
|
|||
</a>
|
||||
<div class="flex flex-row gap-2 items-center">
|
||||
{{ 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 }}
|
||||
</a>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,10 +1,13 @@
|
|||
<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="flex-col md:flex hidden bg-[#f1f5fc] p-4 rounded-lg">
|
||||
<img class="relative object-cover aspect-[12/10] h-96 rounded-lg" src="{{ .Params.headerImg }}">
|
||||
</img>
|
||||
<div class="hidden md:flex flex-col">
|
||||
<div class="relative bg-[#f1f5fc] dark:bg-[#232333] p-4 rounded-lg">
|
||||
<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 class="absolute inset-0 bg-white opacity-20 rounded-lg pointer-events-none"></div>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<p class="lg:w-2/3 mx-auto text-4xl sm:text-5xl uppercase text-left title-font mb-4">
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<p class="text-xl font-semibold mb-2">{{ .title }}</p>
|
||||
<p class="text-gray-700">{{ .description }}</p>
|
||||
<p>{{ .description }}</p>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -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" }}
|
||||
|
||||
<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>
|
||||
<nav class="place-self-center h-8 flex justify-end gap-4 text-[#464f6d] pr-0 sm:pr-6">
|
||||
{{ 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 }}">
|
||||
{{ $text := print .Name | safeHTML }} {{ $text }}
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
<section class="relative text-gray-600 w-full mx-auto">
|
||||
<div class="absolute inset-0 -z-10 h-16 translate-y-10 rotate-[-5deg] rounded-lg bg-[#f1f5fc]">
|
||||
<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] dark:bg-[#232333]">
|
||||
<div class="h-full"></div>
|
||||
</div>
|
||||
|
||||
<div class="px-5 py-8 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 }}
|
||||
</p>
|
||||
</div>
|
||||
|
|
|
|||
2
themes/mir/static/css/tailwind.min.css
vendored
2
themes/mir/static/css/tailwind.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
Add table
Reference in a new issue