\n"
- html << "
#{e(stats_title)}
\n" if show_title + html << "#{e(stats_title)}
\n" if show_title html << "\n"
html << stat_card(Icons::STAT_MEMBERS_SVG, stats[:members], @s.stat_members_label, icon_shape, card_style, round_nums, show_labels)
html << stat_card(Icons::STAT_TOPICS_SVG, stats[:topics], @s.stat_topics_label, icon_shape, card_style, round_nums, show_labels)
@@ -359,7 +379,7 @@ module CommunityLanding
# Right side — text content
html << "
\n"
- html << "
#{e(about_heading)}
\n" if about_heading_on + html << "#{e(about_heading)}
\n" if about_heading_on html << Icons::QUOTE_SVG html << "#{about_body}
\n" if about_body.present?
html << "\n"
@@ -379,11 +399,19 @@ module CommunityLanding
return "" unless (@s.participation_enabled rescue true)
contributors = @data[:contributors]
- return "" unless contributors&.length.to_i > 3
+ hero_contributors_on = (@s.contributors_enabled rescue false)
- # Positions 4–10: users with a public bio
- bio_max = (@s.participation_bio_max_length rescue 150).to_i
- candidates = contributors[3..9] || []
+ if hero_contributors_on
+ # Hero shows top 3, participation shows 4–10
+ return "" unless contributors&.length.to_i > 3
+ candidates = contributors[3..9] || []
+ else
+ # Hero contributors disabled, participation shows 1–10
+ return "" unless contributors&.any?
+ candidates = contributors[0..9] || []
+ end
+
+ bio_max = (@s.participation_bio_max_length rescue 150).to_i
users_with_bio = candidates.select { |u| u.user_profile&.bio_excerpt.present? rescue false }
return "" if users_with_bio.empty?
@@ -396,7 +424,7 @@ module CommunityLanding
html = +""
html << "
\n"
- html << "
#{e(title_text)}
\n" if show_title + html << "#{e(title_text)}
\n" if show_title stagger_class = @s.staggered_reveal_enabled ? " cl-stagger" : "" html << "\n"
@@ -437,7 +465,7 @@ module CommunityLanding
html = +""
html << "
\n"
- html << "
#{e(@s.topics_title)}
\n" if show_title + html << "#{e(@s.topics_title)}
\n" if show_title stagger_class = @s.staggered_reveal_enabled ? " cl-stagger" : "" html << "\n"
@@ -477,57 +505,76 @@ module CommunityLanding
html = +""
html << "
\n"
+ def render_groups_grid(groups, show_desc, desc_max)
+ stagger_class = @s.staggered_reveal_enabled ? " cl-stagger" : ""
+ html = +""
+ html << "\n"
- html << "
\n#{e(@s.groups_title)}
\n" if show_title - layout_class = (has_groups && faq_on) ? "cl-spaces__split" : "cl-spaces__full" - html << "\n"
+ if has_groups && faq_on
+ # ── Split layout: both titles at same level ──
+ html << "
\n"
+ html
+ end
- html << "\n"
- # ── Left: Groups Grid ──
- if has_groups
- stagger_class = @s.staggered_reveal_enabled ? " cl-stagger" : ""
- html << "
\n"
+ elsif has_groups
+ # ── Groups only (full width) ──
+ html << "\n"
- html << "
\n"
+ html << "\n"
+ # Left column: Groups
+ html << "
\n\n"
+ html << "
\n"
- groups.each do |group|
- display_name = group.full_name.presence || group.name.tr("_-", " ").gsub(/\b\w/, &:upcase)
- hue = group.name.bytes.sum % 360
- sat = 55 + (group.name.bytes.first.to_i % 15)
- light = 45 + (group.name.bytes.last.to_i % 12)
- icon_color = "hsl(#{hue}, #{sat}%, #{light}%)"
+ # Right column: FAQ
+ html << "#{e(@s.groups_title)}
\n" if show_title + html << render_groups_grid(groups, show_desc, desc_max) + html << "\n"
+ html << render_faq
+ html << "
\n"
- # Group description from bio_raw
- desc_text = nil
- if show_desc
- raw_bio = (group.bio_raw.to_s.strip rescue "")
- if raw_bio.present?
- plain = raw_bio.gsub(/<[^>]*>/, "").strip
- desc_text = plain.length > desc_max ? "#{plain[0...desc_max]}..." : plain
- end
- end
-
- html << "\n"
- html << ""
- if group.flair_url.present?
- html << "![\"\"](\"#{group.flair_url}\")
"
- else
- html << "#{group.name[0].upcase}"
- end
- html << "
\n"
- html << "\n"
- html << "#{e(display_name)}\n"
- html << "#{group.user_count} members\n"
- html << "
\n"
- html << "\n"
- end
-
- html << "#{e(desc_text)}
\n" if desc_text - html << "#{e(@s.groups_title)}
\n" if show_title + html << "\n"
+ html << render_groups_grid(groups, show_desc, desc_max)
+ html << "
\n"
+ else
+ # ── FAQ only (full width) ──
+ html << render_faq
end
- # ── Right: FAQ Accordion ──
- html << render_faq if faq_on
+ html << "\n"
+
+ groups.each do |group|
+ display_name = group.full_name.presence || group.name.tr("_-", " ").gsub(/\b\w/, &:upcase)
+ hue = group.name.bytes.sum % 360
+ sat = 55 + (group.name.bytes.first.to_i % 15)
+ light = 45 + (group.name.bytes.last.to_i % 12)
+ icon_color = "hsl(#{hue}, #{sat}%, #{light}%)"
+
+ desc_text = nil
+ if show_desc
+ raw_bio = (group.bio_raw.to_s.strip rescue "")
+ if raw_bio.present?
+ plain = raw_bio.gsub(/<[^>]*>/, "").strip
+ desc_text = plain.length > desc_max ? "#{plain[0...desc_max]}..." : plain
+ end
+ end
+
+ html << "\n"
+ html << "
\n"
html
end
@@ -537,8 +584,8 @@ module CommunityLanding
faq_raw = @s.faq_items.presence rescue nil
html = +""
+ html << ""
+ if group.flair_url.present?
+ html << ""
+ else
+ html << "#{group.name[0].upcase}"
+ end
+ html << "
\n"
+ html << "\n"
+ html << "#{e(display_name)}\n"
+ html << "#{group.user_count} members\n"
+ html << "
\n"
+ html << "\n"
+ end
+
+ html << "#{e(desc_text)}
\n" if desc_text + html << "#{e(faq_title)}
\n" if faq_title_on html << "\n"
- html << "
#{e(faq_title)}
\n" if faq_title_on if faq_raw begin @@ -547,7 +594,7 @@ module CommunityLanding q = item["q"].to_s a = item["a"].to_s next if q.blank? - html << "\n"
+ html << "
\n"
html << "
\n"
@@ -577,7 +624,7 @@ module CommunityLanding
html = +""
html << "#{e(q)}
\n" html << "#{a}
\n"
html << "\n"
html << "
\n
\n"
- html << "
#{e(@s.app_cta_headline)}
\n" + html << "#{e(@s.app_cta_headline)}
\n" html << "#{e(@s.app_cta_subtext)}
\n" if @s.app_cta_subtext.present? html << "\n"
@@ -757,5 +804,20 @@ module CommunityLanding
def logo_height
@logo_height ||= (@s.logo_height rescue 30)
end
+
+ def title_style(setting_name)
+ size = (@s.public_send(setting_name) rescue 0).to_i
+ size > 0 ? " style=\"font-size: #{size}px\"" : ""
+ end
+
+ def button_with_icon(label, icon_setting, position_setting)
+ icon_name = (@s.public_send(icon_setting).presence rescue nil)
+ fa_enabled = (@s.fontawesome_enabled rescue false)
+ return e(label) unless icon_name && fa_enabled
+
+ position = (@s.public_send(position_setting) rescue "before")
+ icon_html = ""
+ position == "after" ? "#{e(label)} #{icon_html}" : "#{icon_html} #{e(label)}"
+ end
end
end
diff --git a/lib/community_landing/style_builder.rb b/lib/community_landing/style_builder.rb
index 74131a0..9862975 100644
--- a/lib/community_landing/style_builder.rb
+++ b/lib/community_landing/style_builder.rb
@@ -51,11 +51,18 @@ module CommunityLanding
topic_card_light = safe_hex(:topics_card_bg_light)
space_card_dark = safe_hex(:groups_card_bg_dark)
space_card_light = safe_hex(:groups_card_bg_light)
+ faq_card_dark = safe_hex(:faq_card_bg_dark)
+ faq_card_light = safe_hex(:faq_card_bg_light)
part_card_dark = safe_hex(:participation_card_bg_dark)
part_card_light = safe_hex(:participation_card_bg_light)
part_icon_color = safe_hex(:participation_icon_color)
+ orb_color = safe_hex(:orb_color)
+ orb_opacity = [[@s.orb_opacity.to_i, 0].max, 100].min rescue 50
+ orb_opacity = 50 if orb_opacity == 0 && (@s.orb_opacity.to_s.strip.empty? rescue true)
+
accent_rgb = hex_to_rgb(accent)
+ orb_rgb = orb_color ? hex_to_rgb(orb_color) : accent_rgb
stat_icon_rgb = hex_to_rgb(stat_icon)
stat_icon_bg_val = stat_icon_bg || "rgba(#{stat_icon_rgb}, 0.1)"
@@ -108,7 +115,9 @@ module CommunityLanding
--cl-hero-bg: #{dark_bg};
--cl-gradient-text: linear-gradient(135deg, #{accent_hover}, #{accent}, #{accent_hover});
--cl-border-hover: rgba(#{accent_rgb}, 0.25);
- --cl-orb-1: rgba(#{accent_rgb}, 0.12);
+ --cl-orb-1: rgba(#{orb_rgb}, 0.12);
+ --cl-orb-2: rgba(#{orb_rgb}, 0.08);
+ --cl-orb-opacity: #{orb_opacity / 100.0};
--cl-stat-icon-color: #{stat_icon};
--cl-stat-icon-bg: #{stat_icon_bg_val};
--cl-stat-counter-color: #{stat_counter_val};
@@ -119,6 +128,7 @@ module CommunityLanding
--cl-about-card-bg: #{about_dark_css};
--cl-participation-card-bg: #{part_card_dark || 'var(--cl-card)'};
--cl-participation-icon-color: #{part_icon_color || 'var(--cl-accent)'};
+ --cl-faq-card-bg: #{faq_card_dark || 'var(--cl-card)'};
--cl-app-gradient: linear-gradient(135deg, #{app_g1_dark}, #{app_g2_dark}, #{app_g3_dark});#{dark_extras}
}
[data-theme=\"light\"] {
@@ -130,7 +140,9 @@ module CommunityLanding
--cl-hero-bg: #{light_bg};
--cl-gradient-text: linear-gradient(135deg, #{accent}, #{accent_hover}, #{accent});
--cl-border-hover: rgba(#{accent_rgb}, 0.3);
- --cl-orb-1: rgba(#{accent_rgb}, 0.08);
+ --cl-orb-1: rgba(#{orb_rgb}, 0.08);
+ --cl-orb-2: rgba(#{orb_rgb}, 0.05);
+ --cl-orb-opacity: #{orb_opacity / 100.0};
--cl-stat-icon-color: #{stat_icon};
--cl-stat-icon-bg: #{stat_icon_bg_val};
--cl-stat-counter-color: #{stat_counter_val};
@@ -141,6 +153,7 @@ module CommunityLanding
--cl-about-card-bg: #{about_light_css};
--cl-participation-card-bg: #{part_card_light || part_card_dark || 'var(--cl-card)'};
--cl-participation-icon-color: #{part_icon_color || 'var(--cl-accent)'};
+ --cl-faq-card-bg: #{faq_card_light || faq_card_dark || 'var(--cl-card)'};
--cl-app-gradient: linear-gradient(135deg, #{app_g1_light || app_g1_dark}, #{app_g2_light || app_g2_dark}, #{app_g3_light || app_g3_dark});#{light_extras}
}
@media (prefers-color-scheme: light) {
@@ -153,7 +166,9 @@ module CommunityLanding
--cl-hero-bg: #{light_bg};
--cl-gradient-text: linear-gradient(135deg, #{accent}, #{accent_hover}, #{accent});
--cl-border-hover: rgba(#{accent_rgb}, 0.3);
- --cl-orb-1: rgba(#{accent_rgb}, 0.08);
+ --cl-orb-1: rgba(#{orb_rgb}, 0.08);
+ --cl-orb-2: rgba(#{orb_rgb}, 0.05);
+ --cl-orb-opacity: #{orb_opacity / 100.0};
--cl-stat-icon-color: #{stat_icon};
--cl-stat-card-bg: #{stat_card_light || stat_card_dark || 'var(--cl-card)'};
--cl-space-card-bg: #{space_card_light || space_card_dark || 'var(--cl-card)'};
@@ -161,6 +176,7 @@ module CommunityLanding
--cl-about-card-bg: #{about_light_css};
--cl-participation-card-bg: #{part_card_light || part_card_dark || 'var(--cl-card)'};
--cl-participation-icon-color: #{part_icon_color || 'var(--cl-accent)'};
+ --cl-faq-card-bg: #{faq_card_light || faq_card_dark || 'var(--cl-card)'};
--cl-app-gradient: linear-gradient(135deg, #{app_g1_light || app_g1_dark}, #{app_g2_light || app_g2_dark}, #{app_g3_light || app_g3_dark});#{light_extras}
}
}
diff --git a/plugin.rb b/plugin.rb
index f7a4a5b..c25c763 100644
--- a/plugin.rb
+++ b/plugin.rb
@@ -42,10 +42,10 @@ after_initialize do
base_url = Discourse.base_url
csp = "default-src 'self' #{base_url}; " \
"script-src 'self' 'unsafe-inline'; " \
- "style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; " \
- "style-src-elem 'self' 'unsafe-inline' https://fonts.googleapis.com; " \
+ "style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://cdnjs.cloudflare.com; " \
+ "style-src-elem 'self' 'unsafe-inline' https://fonts.googleapis.com https://cdnjs.cloudflare.com; " \
"img-src 'self' #{base_url} data: https:; " \
- "font-src 'self' #{base_url} https://fonts.gstatic.com; " \
+ "font-src 'self' #{base_url} https://fonts.gstatic.com https://cdnjs.cloudflare.com; " \
"media-src 'self' https:; " \
"connect-src 'self' #{base_url}; " \
"frame-src https://www.youtube.com https://www.youtube-nocookie.com; " \