2025-12-13 19:33:52 -06:00
|
|
|
<div {{$attributes->merge(['class' => "relative -rotate-6 max-w-72 sm:max-w-96"])}}>
|
2025-12-12 23:07:04 -06:00
|
|
|
<div class="p-2 bg-blue-700 border-2 border-amber-200 -rounded-lg"
|
|
|
|
|
style="mask: radial-gradient(circle at left, transparent 10px, black 11px) top left / 51% 100% no-repeat,
|
|
|
|
|
radial-gradient(circle at right, transparent 10px, black 11px) top right / 51% 100% no-repeat;">
|
|
|
|
|
<div class="p-2 border-2 border-amber-200 m-2">
|
2025-12-13 19:33:52 -06:00
|
|
|
<h1 class="font-bold font-arial text-2xl text-amber-200">Movie Night</h1>
|
2025-12-12 23:07:04 -06:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Left Notch -->
|
|
|
|
|
<div
|
|
|
|
|
class="absolute top-1/2 left-0 -translate-x-1/2 -translate-y-1/2 w-6 h-6 rounded-full border-2 border-amber-200 pointer-events-none [clip-path:inset(0_0_0_50%)]"></div>
|
|
|
|
|
|
|
|
|
|
<!-- Right Notch-->
|
|
|
|
|
<div
|
|
|
|
|
class="absolute top-1/2 right-0 translate-x-1/2 -translate-y-1/2 w-6 h-6 rounded-full border-2 border-amber-200 pointer-events-none [clip-path:inset(0_50%_0_0)]"></div>
|
|
|
|
|
</div>
|
