Isolate Story Share Portal with dedicated purple-themed layout by Copilot · Pull Request #903 · rubyforgood/awbw

Copilot · 2026-02-10T02:55:30Z

What is the goal of this PR and why is this important?

Story Share Portal needs to function as an independent microsite with distinct branding (purple navigation) separate from the main application's blue navigation theme.

How did you approach the change?

New Layout System

app/views/layouts/share_portal.html.erb - Dedicated layout for microsite isolation
app/views/shared/_share_portal_navbar.html.erb - Purple-themed navbar (bg-purple-800) with integrated search
StoriesController#share_portal - Explicit layout override via render layout: "share_portal"

Navigation Structure

Top bar: Focus area links (Domestic Violence, Self-Care, Social Justice, Facilitator Spotlights)
Secondary bar: Audience filters (Children, Teens, Adults, Families, Community, Self, Colleagues)
Search input embedded in top navigation
Mobile-responsive with collapsible menu

Styling

Added bg-purple-700, bg-purple-800 to Tailwind safelist
Consistent purple theme (purple-800/700/600) throughout navigation

Anything else to add?

Before (Standard app navigation):

After (Microsite with purple navigation):

Layout is fully independent - changes to main app navigation won't affect Story Share Portal and vice versa.

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com>

…c story links Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com>

Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com>

…ate link Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com>

* Initial plan * Redesign share_portal page with Tailwind CSS to match design Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Add full-width layout support for share_portal page Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Address code review feedback: add accessibility labels and use dynamic story links Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Create separate layout for story share portal with purple navigation Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Address code review feedback: remove redundant nav wrapper and duplicate link Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com>

* WIP: story share portal * WIP: show page for story * Isolate Story Share Portal with dedicated purple-themed layout (#903) * Initial plan * Redesign share_portal page with Tailwind CSS to match design Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Add full-width layout support for share_portal page Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Address code review feedback: add accessibility labels and use dynamic story links Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Create separate layout for story share portal with purple navigation Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Address code review feedback: remove redundant nav wrapper and duplicate link Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Redesign Story Share Portal to match visual specifications (#904) * Initial plan * Add Telefon font, redesign navbar with 3 rows, update sector styling and overlays Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Refine font declarations and remove unused CSS variables Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Fix Tailwind class interpolation and improve scroll performance Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Use actual story sectors for category badges in What Others Are Reading Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Add new logo image and merge conflict * Redesign Story Share Portal to match visual specifications (#905) * Initial plan * Update story share portal navigation and layout to match design Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Force first 5 stories for stories_by_focus for now * Refine Story Share Portal layout and visual hierarchy (#911) * Initial plan * Update Story Share Portal layout per feedback Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Visual tweaks * WIP: messing w hero height * Fixes * Refine What Others Are Reading section colors and alignment (#912) * Initial plan * Update What Others Are Reading section colors and alignment Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Constrain hero carousel height and stretch to full width on story share portal (#913) * Initial plan * Limit hero image height to prevent vertical growth Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Allow extra classes to be sent in * Don't hard-code the size * Stretch hero image to full width horizontally Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Hard-code nav item colors --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> Co-authored-by: maebeale <maebeale@users.noreply.github.com> * Add individual story view with share portal layout and navigation (#915) * Initial plan * Add show_share_portal page with matching layout and navigation Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Improve popular stories query and sector fallback Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com> * Fix test --------- Co-authored-by: Copilot <198982749+Copilot@users.noreply.github.com> Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com>

Initial plan

adefd3a

Copilot AI assigned Copilot and maebeale Feb 10, 2026

Copilot AI mentioned this pull request Feb 10, 2026

WIP: story share portal #902

Merged

Copilot started work on behalf of maebeale February 10, 2026 02:55 View session

Copilot AI and others added 3 commits February 10, 2026 03:05

Redesign share_portal page with Tailwind CSS to match design

3b52c44

Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com>

Add full-width layout support for share_portal page

65c507b

Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com>

Address code review feedback: add accessibility labels and use dynami…

09576f0

…c story links Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com>

Copilot AI changed the title ~~[WIP] Work in progress on story share portal~~ Redesign story share portal with Tailwind CSS Feb 10, 2026

Copilot AI requested a review from maebeale February 10, 2026 03:15

Copilot finished work on behalf of maebeale February 10, 2026 03:15

Copilot started work on behalf of maebeale February 10, 2026 03:16 View session

Copilot AI and others added 2 commits February 10, 2026 03:18

Create separate layout for story share portal with purple navigation

5805534

Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com>

Address code review feedback: remove redundant nav wrapper and duplic…

2ee3506

…ate link Co-authored-by: maebeale <7607813+maebeale@users.noreply.github.com>

Copilot AI changed the title ~~Redesign story share portal with Tailwind CSS~~ Isolate Story Share Portal with dedicated purple-themed layout Feb 10, 2026

Copilot finished work on behalf of maebeale February 10, 2026 03:22

maebeale marked this pull request as ready for review February 10, 2026 03:25

maebeale merged commit 93803e3 into story-share-portal Feb 10, 2026
2 of 3 checks passed

maebeale deleted the copilot/sub-pr-902 branch February 10, 2026 03:25

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Isolate Story Share Portal with dedicated purple-themed layout#903

Isolate Story Share Portal with dedicated purple-themed layout#903
maebeale merged 6 commits intostory-share-portalfrom
copilot/sub-pr-902

Copilot AI commented Feb 10, 2026 •

edited

Loading

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

Copilot AI commented Feb 10, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

What is the goal of this PR and why is this important?

How did you approach the change?

Anything else to add?

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Copilot AI commented Feb 10, 2026 •

edited

Loading