From bfb8b98747246b481863b16af369ebd9d0bba56e Mon Sep 17 00:00:00 2001
From: Tomas Dvorak <contact.dvorak@gmail.com>
Date: Thu, 29 May 2025 12:59:32 +0200
Subject: [PATCH] s

---
 index.html | 43 +++++++++++++++++++++++++++++--------------
 1 file changed, 29 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index e72d2c0..484e0e2 100644
--- a/index.html
+++ b/index.html
@@ -88,7 +88,29 @@
                 `;
                 
                 // Start building banner content
-                let content = '';
+                let content = `
+                    <div class="banner-content" style="
+                        padding: ${padding}px;
+                        margin: ${margin}px;
+                        background: ${backgroundColor};
+                        color: ${textColor};
+                        border-radius: ${borderRadius}px;
+                        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+                        ${style.containerStyle || ''}
+                        position: relative;
+                        overflow: hidden;
+                    ">
+                    ${banner.link ? `<a href="${banner.link}" target="_blank" style="
+                        position: absolute;
+                        top: 0;
+                        left: 0;
+                        width: 100%;
+                        height: 100%;
+                        z-index: 1;
+                        text-decoration: none;
+                        color: inherit;
+                    "></a>` : ''}
+                `;
                 
                 // Handle image if it exists
                 const bannerText = banner.text || banner.Text || '';
@@ -227,19 +249,12 @@
                 
                 // Text is already added in the previous conditions
                 
-                // Wrap the entire content in a link if bannerLink exists
-                if (bannerLink) {
-                    bannerContent.innerHTML = `
-                        <a href="${bannerLink}" target="_blank" style="
-                            display: block;
-                            text-decoration: none;
-                            color: inherit;
-                        ">
-                            ${content}
-                        </a>
-                    `;
-                } else {
-                    bannerContent.innerHTML = content;
+                // Set the content and make banner visible
+                bannerContent.innerHTML = content;
+                
+                // Apply custom font if specified in template
+                if (style.fontFamily) {
+                    bannerContent.style.fontFamily = style.fontFamily;
                 }
                 
                 // Log the content for debugging