25 lines
1.4 KiB
HTML
25 lines
1.4 KiB
HTML
<style>
|
|
@keyframes blink {
|
|
0% { opacity: 1; }
|
|
50% { opacity: 0.4; }
|
|
100% { opacity: 1; }
|
|
}
|
|
|
|
.blink {
|
|
animation: blink 1s infinite ease-in-out;
|
|
}
|
|
|
|
</style>
|
|
<div id="banner" class="relative isolate flex items-center gap-x-6 overflow-hidden mt-4 bg-gray-50 px-6 py-2 sm:before:flex-1" style="background: #E6F5EC; background: radial-gradient(circle, rgba(204, 232, 217, 1) 0%, rgba(172, 193, 232, 1) 100%);">
|
|
<p class="text-sm/6 text-gray-900 blink">
|
|
Unfolding Now: Read our latest <a href="https://forum.threefold.io/t/threefold-commercialization-update-28-november-2025/" rel="noopener" class="underline font-semibold whitespace-nowrap text-gray-900 hover:text-gray-700" style="text-decoration: underline;">commercialization update.</a> <span aria-hidden="true">→</span>
|
|
</p>
|
|
<div class="flex flex-1 justify-end">
|
|
<button type="button" onclick="this.closest('#banner').remove()" class="-m-3 p-3 focus-visible:-outline-offset-4" style="border: none; outline: none; box-shadow: none;">
|
|
<span class="sr-only">Dismiss</span>
|
|
<svg viewBox="0 0 20 20" fill="currentColor" data-slot="icon" aria-hidden="true" class="size-5 text-gray-900">
|
|
<path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div> |