From 57cca52e712c6cc3811dcf01dab4c914bca10268 Mon Sep 17 00:00:00 2001
From: brooke <brooke@myco.systems>
Date: Thu, 12 Sep 2024 19:23:44 -0400
Subject: [PATCH] attribution for home page image

---
 themes/mir/layouts/partials/header.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/themes/mir/layouts/partials/header.html b/themes/mir/layouts/partials/header.html
index 19aeed5..86a0766 100644
--- a/themes/mir/layouts/partials/header.html
+++ b/themes/mir/layouts/partials/header.html
@@ -1,6 +1,11 @@
 <section class="flex py-12 px-5 gap-4 flex-col md:flex-row mx-auto container ">
   <div class="w-full relative inline-block">
-    <img src="{{ .Params.headerImg }}" alt="Header Image" class="rounded-lg" />
+    <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="text-xs">Photo: <a class="z-40 font-bold" target="_blank"
+          href="https://unsplash.com/photos/closeup-photography-of-swarm-of-jellyfish-MYadhrkenNg">Marat Gilyadzinov</a></div>
+    </div>
     <div class="absolute inset-0 bg-white opacity-20 rounded-lg pointer-events-none"></div>
   </div>
   <div class="w-full">