\n"
+ html << "
#{e(title_text)}
\n" if show_title + stagger_class = @s.staggered_reveal_enabled ? " cl-stagger" : "" + html << "\n"
+
+ users_with_bio.each do |user|
+ avatar_url = user.avatar_template.to_s.gsub("{size}", "120")
+ activity_count = user.attributes["post_count"].to_i rescue 0
+ bio_raw = user.user_profile.bio_excerpt.to_s
+ bio_text = bio_raw.length > bio_max ? "#{bio_raw[0...bio_max]}..." : bio_raw
+ count_prefix = show_count && count_label.present? ? "#{e(count_label)} " : ""
+
+ html << "
\n\n"
+ html << "
\n"
+ end
+
+ html << "#{Icons::QUOTE_SVG}
\n"
+ html << "#{e(bio_text)}
\n" + html << "\n"
+ html << "![\"#{e(user.username)}\"](\"#{avatar_url}\")
\n"
+ html << "\n"
+ html << "
\n"
+ html << "\n"
html << "
#{e(@s.groups_title)}
\n" if show_title - stagger_class = @s.staggered_reveal_enabled ? " cl-stagger" : "" - 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}%)"
+ layout_class = (has_groups && faq_on) ? "cl-spaces__split" : "cl-spaces__full"
+ html << "
\n"
html
end
+ def render_faq
+ faq_title_on = @s.faq_title_enabled rescue true
+ faq_title = @s.faq_title.presence || "Frequently Asked Questions"
+ faq_raw = @s.faq_items.presence rescue nil
+
+ html = +""
+ html << "\n"
- html << "\n"
- html << "
\n"
- if group.flair_url.present?
- html << "![\"\"](\"#{group.flair_url}\")
"
- else
- html << "#{group.name[0].upcase}"
+ # ── Left: Groups Grid ──
+ if has_groups
+ stagger_class = @s.staggered_reveal_enabled ? " cl-stagger" : ""
+ html << "
\n"
end
+ # ── Right: FAQ Accordion ──
+ html << render_faq if faq_on
+
html << "\n"
+ html << "
\n\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}%)"
+
+ # 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 << "
\n"
- 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 << "\n"
- html << "#{e(display_name)}\n"
- html << "#{group.user_count} members\n"
- html << "
\n"
- html << "\n"
+
+ html << "\n"
+ html << "
\n"
+ html
+ end
+
# ── 8. APP CTA ──
def render_app_cta
@@ -534,10 +697,38 @@ module CommunityLanding
html
end
+ def render_social_icons
+ icons = {
+ social_twitter_url: Icons::SOCIAL_TWITTER_SVG,
+ social_facebook_url: Icons::SOCIAL_FACEBOOK_SVG,
+ social_instagram_url: Icons::SOCIAL_INSTAGRAM_SVG,
+ social_youtube_url: Icons::SOCIAL_YOUTUBE_SVG,
+ social_tiktok_url: Icons::SOCIAL_TIKTOK_SVG,
+ social_github_url: Icons::SOCIAL_GITHUB_SVG,
+ }
+
+ links = +""
+ icons.each do |setting, svg|
+ url = (@s.public_send(setting).presence rescue nil)
+ next unless url
+ links << "#{svg}\n"
+ end
+ return "" if links.empty?
+
+ "\n"
+ end
+
def theme_toggle
"\n"
end
+ def render_json_ld(site_name, base_url, logo_url)
+ org = { "@type" => "Organization", "name" => site_name, "url" => base_url }
+ org["logo"] = logo_url if logo_url
+ website = { "@type" => "WebSite", "name" => site_name, "url" => base_url }
+ { "@context" => "https://schema.org", "@graph" => [org, website] }.to_json
+ end
+
def login_url
"/login"
end
diff --git a/lib/community_landing/style_builder.rb b/lib/community_landing/style_builder.rb
index fcff351..74131a0 100644
--- a/lib/community_landing/style_builder.rb
+++ b/lib/community_landing/style_builder.rb
@@ -16,9 +16,12 @@ module CommunityLanding
light_bg = (hex(@s.light_bg_color) rescue nil) || "#faf6f0"
stat_icon = (hex(@s.stat_icon_color) rescue nil) || accent
about_bg_img = (@s.about_background_image_url.presence rescue nil)
- app_g1 = (hex(@s.app_cta_gradient_start) rescue nil) || accent
- app_g2 = (hex(@s.app_cta_gradient_mid) rescue nil) || accent_hover
- app_g3 = (hex(@s.app_cta_gradient_end) rescue nil) || accent_hover
+ app_g1_dark = safe_hex(:app_cta_gradient_start_dark) || accent
+ app_g1_light = safe_hex(:app_cta_gradient_start_light)
+ app_g2_dark = safe_hex(:app_cta_gradient_mid_dark) || accent_hover
+ app_g2_light = safe_hex(:app_cta_gradient_mid_light)
+ app_g3_dark = safe_hex(:app_cta_gradient_end_dark) || accent_hover
+ app_g3_light = safe_hex(:app_cta_gradient_end_light)
stat_icon_bg = hex(@s.stat_icon_bg_color.presence) rescue nil
stat_counter = hex(@s.stat_counter_color.presence) rescue nil
video_btn_bg = hex(@s.hero_video_button_color.presence) rescue nil
@@ -48,6 +51,9 @@ 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)
+ 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)
accent_rgb = hex_to_rgb(accent)
stat_icon_rgb = hex_to_rgb(stat_icon)
@@ -74,7 +80,11 @@ module CommunityLanding
dark_extras << "\n --cl-primary-btn-bg: #{primary_btn_dark};" if primary_btn_dark
dark_extras << "\n --cl-secondary-btn-bg: #{secondary_btn_dark};" if secondary_btn_dark
dark_extras << "\n --cl-pill-bg: #{pill_bg_dark};" if pill_bg_dark
- dark_extras << "\n --cl-video-btn-bg: #{video_btn_bg};" if video_btn_bg
+ if video_btn_bg
+ video_btn_rgb = hex_to_rgb(video_btn_bg)
+ dark_extras << "\n --cl-video-btn-bg: #{video_btn_bg};"
+ dark_extras << "\n --cl-video-btn-glow: rgba(#{video_btn_rgb}, 0.35);"
+ end
light_extras = +""
light_extras << "\n --cl-navbar-signin-color: #{navbar_signin_light || navbar_signin_dark};" if navbar_signin_light || navbar_signin_dark
@@ -82,7 +92,11 @@ module CommunityLanding
light_extras << "\n --cl-primary-btn-bg: #{primary_btn_light || primary_btn_dark};" if primary_btn_light || primary_btn_dark
light_extras << "\n --cl-secondary-btn-bg: #{secondary_btn_light || secondary_btn_dark};" if secondary_btn_light || secondary_btn_dark
light_extras << "\n --cl-pill-bg: #{pill_bg_light || pill_bg_dark};" if pill_bg_light || pill_bg_dark
- light_extras << "\n --cl-video-btn-bg: #{video_btn_bg};" if video_btn_bg
+ if video_btn_bg
+ video_btn_rgb ||= hex_to_rgb(video_btn_bg)
+ light_extras << "\n --cl-video-btn-bg: #{video_btn_bg};"
+ light_extras << "\n --cl-video-btn-glow: rgba(#{video_btn_rgb}, 0.25);"
+ end
"\n"
@@ -154,6 +174,7 @@ module CommunityLanding
["#cl-hero", safe_hex(:hero_bg_dark), safe_hex(:hero_bg_light)],
["#cl-stats-row", safe_hex(:stats_bg_dark), safe_hex(:stats_bg_light)],
["#cl-about", safe_hex(:about_bg_dark), safe_hex(:about_bg_light)],
+ ["#cl-participation", safe_hex(:participation_bg_dark), safe_hex(:participation_bg_light)],
["#cl-topics", safe_hex(:topics_bg_dark), safe_hex(:topics_bg_light)],
["#cl-groups", safe_hex(:groups_bg_dark), safe_hex(:groups_bg_light)],
["#cl-app-cta", safe_hex(:app_cta_bg_dark), safe_hex(:app_cta_bg_light)],
#{e(faq_title)}
\n" if faq_title_on + + if faq_raw + begin + items = JSON.parse(faq_raw) + items.each do |item| + q = item["q"].to_s + a = item["a"].to_s + next if q.blank? + html << "\n"
+ html << "
\n"
+ end
+ rescue JSON::ParserError
+ # Invalid JSON — silently skip
+ end
+ end
+
+ html << "#{e(q)}
\n" + html << "#{a}
\n"
+ html << "