diff --git a/assets/javascripts/community_landing/landing.js b/assets/javascripts/community_landing/landing.js
index 57e760d..0e1c855 100644
--- a/assets/javascripts/community_landing/landing.js
+++ b/assets/javascripts/community_landing/landing.js
@@ -173,7 +173,7 @@
function openVideoModal(url) {
var ytId = parseYouTubeId(url);
if (ytId) {
- videoPlayer.innerHTML = '';
+ videoPlayer.innerHTML = '';
} else {
videoPlayer.innerHTML = '';
}
@@ -226,4 +226,21 @@
});
});
+ // ═══════════════════════════════════════════════════════════════════
+ // 9. DESIGNER BADGE TOOLTIP
+ // ═══════════════════════════════════════════════════════════════════
+ var designerBadge = $("#cl-designer-badge");
+ var designerTooltip = $("#cl-designer-tooltip");
+ if (designerBadge && designerTooltip) {
+ designerBadge.addEventListener("click", function (e) {
+ if (e.target.closest("a")) return;
+ designerTooltip.classList.toggle("active");
+ });
+ document.addEventListener("click", function (e) {
+ if (!designerBadge.contains(e.target)) {
+ designerTooltip.classList.remove("active");
+ }
+ });
+ }
+
})();
diff --git a/assets/stylesheets/community_landing/landing.css b/assets/stylesheets/community_landing/landing.css
index 584b9e4..f939886 100644
--- a/assets/stylesheets/community_landing/landing.css
+++ b/assets/stylesheets/community_landing/landing.css
@@ -2309,4 +2309,85 @@ html, .cl-body {
.cl-app-cta__badges {
justify-content: center;
}
+}
+
+/* ═══════════════════════════════════════════════════════════════════
+ DESIGNER BADGE — floating bottom-right
+ ═══════════════════════════════════════════════════════════════════ */
+.cl-designer-badge {
+ position: fixed;
+ bottom: 20px;
+ right: 20px;
+ z-index: 9999;
+ cursor: pointer;
+ transition: transform 0.3s ease, opacity 0.3s ease;
+ opacity: 0.7;
+}
+.cl-designer-badge:hover {
+ opacity: 1;
+ transform: scale(1.1);
+}
+.cl-designer-badge__logo {
+ width: 36px;
+ height: 36px;
+ display: block;
+ filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.3));
+}
+.cl-designer-badge__logo--dark {
+ display: block;
+}
+.cl-designer-badge__logo--light {
+ display: none;
+}
+[data-theme="light"] .cl-designer-badge__logo--dark {
+ display: none;
+}
+[data-theme="light"] .cl-designer-badge__logo--light {
+ display: block;
+}
+.cl-designer-badge__tooltip {
+ position: absolute;
+ bottom: calc(100% + 10px);
+ right: 0;
+ background: var(--cl-glass, rgba(12, 12, 25, 0.85));
+ backdrop-filter: blur(12px);
+ -webkit-backdrop-filter: blur(12px);
+ border: 1px solid var(--cl-border, rgba(255, 255, 255, 0.08));
+ border-radius: var(--cl-radius-sm, 10px);
+ padding: 10px 14px;
+ white-space: nowrap;
+ pointer-events: none;
+ opacity: 0;
+ transform: translateY(6px);
+ transition: opacity 0.25s ease, transform 0.25s ease;
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
+}
+.cl-designer-badge__tooltip.active {
+ opacity: 1;
+ transform: translateY(0);
+ pointer-events: auto;
+}
+.cl-designer-badge__tooltip::after {
+ content: "";
+ position: absolute;
+ bottom: -6px;
+ right: 12px;
+ width: 12px;
+ height: 12px;
+ background: var(--cl-glass, rgba(12, 12, 25, 0.85));
+ border-right: 1px solid var(--cl-border, rgba(255, 255, 255, 0.08));
+ border-bottom: 1px solid var(--cl-border, rgba(255, 255, 255, 0.08));
+ transform: rotate(45deg);
+}
+.cl-designer-badge__tooltip a {
+ color: var(--cl-accent, #d4a24e);
+ text-decoration: none;
+ font-size: 13px;
+ font-weight: 500;
+ letter-spacing: 0.02em;
+ transition: color 0.2s ease;
+}
+.cl-designer-badge__tooltip a:hover {
+ color: var(--cl-accent-hover, #c4922e);
+ text-decoration: underline;
}
\ No newline at end of file
diff --git a/lib/community_landing/page_builder.rb b/lib/community_landing/page_builder.rb
index ddbae4e..dd07b7b 100644
--- a/lib/community_landing/page_builder.rb
+++ b/lib/community_landing/page_builder.rb
@@ -42,6 +42,7 @@ module CommunityLanding
html << render_footer_desc
html << render_footer
html << render_video_modal
+ html << render_designer_badge
html << "\n"
html << "