From f1a8069ab35e758a02c1b546fda6fa9642d807ea Mon Sep 17 00:00:00 2001
From: ehab <hassane@codescalers.com>
Date: Sun, 7 Sep 2025 11:26:08 +0300
Subject: [PATCH] update banner

---
 content/home/index.md            |  3 +++
 templates/_default/base.html     |  2 +-
 templates/shortcodes/banner.html | 22 ++++++++++++++++++++++
 3 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 templates/shortcodes/banner.html

diff --git a/content/home/index.md b/content/home/index.md
index ef5d8ea3d..f5fef3f37 100644
--- a/content/home/index.md
+++ b/content/home/index.md
@@ -7,6 +7,9 @@ extra:
  imgPath: home/tf.png
 ---
 
+
+{{ banner()}}
+
 <!-- section 1 (header) -->
 
 {{ hero_text_center(
diff --git a/templates/_default/base.html b/templates/_default/base.html
index 8153974a0..9b795a415 100644
--- a/templates/_default/base.html
+++ b/templates/_default/base.html
@@ -43,7 +43,7 @@
 
   {% include "partials/header.html" %}
   <div id="content" class="px-4 lg:px-0 pt-12 mt-4 overflow-hidden">
-    {% include "partials/banner.html" %}
+    <!-- {% include "partials/banner.html" %} -->
     {% block content %}{% endblock %}
 
   </div>
diff --git a/templates/shortcodes/banner.html b/templates/shortcodes/banner.html
new file mode 100644
index 000000000..ba1f2232f
--- /dev/null
+++ b/templates/shortcodes/banner.html
@@ -0,0 +1,22 @@
+<style>
+@keyframes blink {
+  from { opacity: 1; }
+  to { opacity: 0.8; }
+}
+.blink {
+  animation: blink 2s infinite alternate;
+}
+</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 dark:bg-gray-800/50 dark:after:pointer-events-none dark:after:absolute dark:after:inset-x-0 dark:after:bottom-0 dark:after:h-px dark:after:bg-white/10" 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 dark:text-gray-100 blink">
+    ThreeFold is going commercial! Read our <a href="https://www.threefold.io/newsroom/summer-2025-roundup/" rel="noopener" class="underline font-semibold whitespace-nowrap text-gray-900 hover:text-gray-700 dark:text-white dark:hover:text-gray-300" style="text-decoration: underline;">2025 Summer Round Up</a> <span aria-hidden="true">&rarr;</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 dark:text-gray-100">
+    <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>