<turbo-frame id="modal_frame"><div aria-hidden="true" class="hidden overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-dvh md:h-full" data-controller="modal" data-modal-closable-value="false" tabindex="-1">
<div class="sm:p-4 w-full h-full md:h-auto max-w-4xl">
<div class="bg-white dark:bg-gray-800 h-full flex sm:flex-none flex-col sm:rounded-lg shadow">
<div class="flex items-center justify-between p-3 rounded-t border-b border-slate-200 dark:border-slate-600"><h3 class="text-base font-semibold text-slate-900 dark:text-white tracking-tight line-clamp-1 ml-3" body_classes="p-6 space-y-6 h-full sm:h-auto md:max-h-[85vh] overflow-y-auto"><div class="font-serif">
&quot;Morning&#39;s Sacred Promise&quot;
</div>
</h3><button class="text-slate-400 hover:text-slate-900 hover:bg-slate-200 rounded-lg inline-flex items-center dark:hover:bg-slate-600 dark:hover:text-white p-1.5" data-action="click-&gt;modal#hide" type="button"><svg class="w-6 h-6" viewbox="0 0 24 24"><path fill="currentColor" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" /></svg><span class="sr-only">Close</span></button></div>
<div class="p-6 space-y-6 h-dvh sm:h-auto md:max-h-[70dvh] overflow-y-auto"><div class="rounded-xl overflow-hidden shadow bg-white">
<div class="h-0 leading-0 overflow-hidden relative" style="padding-top: 134.03141361256544%">
<figure>
<img alt="Morning&#39;s Sacred Promise - placeholder" loading="lazy" class="cropped blur-lg absolute top-0 left-0 w-full h-full block saturate-120 contrast-120" src="data:image/jpeg;base64,/9j/2wBDACAWGBwYFCAcGhwkIiAmMFA0MCwsMGJGSjpQdGZ6eHJmcG6AkLicgIiuim5woNqirr7EztDOfJri8uDI8LjKzsb/2wBDASIkJDAqMF40NF7GhHCExsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsb/wAARCAAVABADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwCrbxIxUN0JORV27WL7M7Mfunj649Kp2qjf5kkq454XqDn9aL9iRJmTOTuwOO1a2RnrcbDcsqEYB21VeQyn5u5wAe1FFT0LP//Z" />
<picture>
<source srcset="/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjI5MSwicHVyIjoiYmxvYl9pZCJ9fQ==--539d30bc50f54a9fdab5280ab6d4ee9515375593/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJhdmlmIiwicmVzaXplX3RvX2xpbWl0IjpbMTIwMCxudWxsXSwic2F2ZXIiOnsiZWZmb3J0Ijo5LCJzdHJpcCI6dHJ1ZX19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--7f5195fe78c67615ea4ff158b68dedaa62efb66f/morning-s-sacred-promise.jpg" type="image/avif">
<source srcset="/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjI5MSwicHVyIjoiYmxvYl9pZCJ9fQ==--539d30bc50f54a9fdab5280ab6d4ee9515375593/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMTIwMCxudWxsXSwic2F2ZXIiOnsiZWZmb3J0Ijo2LCJxdWFsaXR5Ijo4MCwic3RyaXAiOnRydWV9fSwicHVyIjoidmFyaWF0aW9uIn19--84c44e9d87b0e2812cd59586f966c48ab87dd1f6/morning-s-sacred-promise.jpg" type="image/webp">
<img loading="lazy" alt="Morning&#39;s Sacred Promise" decoding="async" class="cropped absolute top-0 left-0 w-full h-full block saturate-120 contrast-120" src="https://ketchers.com/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MjI5MSwicHVyIjoiYmxvYl9pZCJ9fQ==--539d30bc50f54a9fdab5280ab6d4ee9515375593/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2xpbWl0IjpbMTIwMCxudWxsXSwic2F2ZXIiOnsic3Vic2FtcGxlX21vZGUiOiJvbiIsInN0cmlwIjp0cnVlLCJpbnRlcmxhY2UiOmZhbHNlLCJxdWFsaXR5Ijo4MH19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--a83ac9811f7d27bf43e2274f9482cd284b09d72f/morning-s-sacred-promise.jpg" />
</picture>
<figcaption class="sr-only">Morning&#39;s Sacred Promise</figcaption>
</figure>
</div>
<ul class="flex items-center justify-between p-4 text-xs sm:text-sm md:text-lg font-medium">
<li>
<form id="like_artwork_269" turbo_method="patch" class="button_to" method="post" action="/likes/269"><input type="hidden" name="_method" value="patch" autocomplete="off" /><button class="flex items-center px-3 py-2 rounded-xl hover:bg-primary-200 transition-color focus:ring-3 focus:ring-primary-500/50" type="submit"><svg class="w-6 h-6 mr-1 text-primary-500" viewbox="0 0 24 24"><path fill="currentColor" d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z" /></svg>
<div>
15
likes
</div>
</button><input type="hidden" name="authenticity_token" value="UwbDINghoWODC8w-r0v6yuQ1DZ24CGa9q8CLzbc0QWjkd7t6Ci2QKRxMeUklSFiD328TJQPbWVB_-Gomy1tOWg" autocomplete="off" /></form>
</li>
<li class="flex items-center">
<svg class="w-6 h-6 mr-1 text-primary-500" viewbox="0 0 24 24"><g fill="currentColor"><path d="M12,22C6.49,22,2,17.51,2,12S6.49,2,12,2s10,4.04,10,9c0,3.31-2.69,6-6,6h-1.77c-0.28,0-0.5,0.22-0.5,0.5 c0,0.12,0.05,0.23,0.13,0.33c0.41,0.47,0.64,1.06,0.64,1.67C14.5,20.88,13.38,22,12,22z M12,4c-4.41,0-8,3.59-8,8s3.59,8,8,8 c0.28,0,0.5-0.22,0.5-0.5c0-0.16-0.08-0.28-0.14-0.35c-0.41-0.46-0.63-1.05-0.63-1.65c0-1.38,1.12-2.5,2.5-2.5H16 c2.21,0,4-1.79,4-4C20,7.14,16.41,4,12,4z" /><circle cx="6.5" cy="11.5" r="1.5" /><circle cx="9.5" cy="7.5" r="1.5" /><circle cx="14.5" cy="7.5" r="1.5" /><circle cx="17.5" cy="11.5" r="1.5" /></g></svg>
<div>
Watercolour
</div>
</li>
<li class="flex items-center">
<svg class="w-6 h-6 mr-1 text-primary-500" viewbox="0 0 24 24"><path fill="currentColor" d="M19 12h-2v3h-3v2h5v-5zM7 9h3V7H5v5h2V9zm14-6H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z" /></svg>
<div>
19&quot; x 23&quot;
</div>
</li>
</ul>
</div>
<div class="space-y-4 mt-8 text-center">
<p class="text-black dark:text-white text-sm font-bold">
This artwork is for sale
</p>
<a class="btn-base btn-primary" href="mailto:mariza@ketchers.com?subject=www.ketchers.com%20-%20Morning%27s%20Sacred%20Promise">Contact me to find out more</a>
</div>

</div>
<div class="flex items-center p-6 space-x-2 md:space-x-4 rounded-b border-t border-slate-200 dark:border-slate-600"><div class="flex w-full justify-end">
<button class="btn-base btn-secondary" data-action="click-&gt;modal#hide">
Close
</button>
</div>
</div>
</div>
</div>
</div>
</turbo-frame>