Skip to content

feat: add announcement bar with updated gittogether details#837

Merged
nehagup merged 8 commits intomainfrom
announcement-bar
Apr 21, 2026
Merged

feat: add announcement bar with updated gittogether details#837
nehagup merged 8 commits intomainfrom
announcement-bar

Conversation

@amaan-bhati
Copy link
Copy Markdown
Member

@amaan-bhati amaan-bhati commented Apr 20, 2026

Added a custom sticky announcement experience for GitTogether SF using the swizzled Docusaurus announcement bar.

What changed

  • Added a sticky announcement bar above the navbar for event promotion.
  • Kept the desktop and mobile layouts responsive, including CTA and dismiss controls.
  • Added marquee highlights with hover-to-pause behavior and click-through navigation to the event page.
  • Wired the bar into Docusaurus announcement bar state so dismissal respects the configured announcement id and persists across navigation/reload.
  • Updated header offsets so sticky navbar, breadcrumbs, and anchor scroll positions account for the announcement height consistently.
  • Switched the visual treatment to use a repo-shipped image asset instead of an external runtime dependency.

Configuration

  • Announcement copy, id, and closeability are configured through themeConfig.announcementBar in docusaurus.config.js.
  • The bar can be disabled by removing themeConfig.announcementBar from the config.

Signed-off-by: amaan-bhati <amaanbhati49@gmail.com>
Copilot AI review requested due to automatic review settings April 20, 2026 17:08
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a custom, Tailwind-styled Announcement Bar featuring a marquee message and CTA for updated GitTogether SF event details.

Changes:

  • Added a custom src/theme/AnnouncementBar implementation with marquee animation, swipe-to-dismiss behavior, and a CTA link.
  • Extended Tailwind config with marquee keyframes/animation.
  • Updated global CSS to make the navbar sticky beneath the announcement bar and stripped default Docusaurus announcement bar styling.
  • Updated docusaurus.config.js announcement bar id/content.

Reviewed changes

Copilot reviewed 3 out of 4 changed files in this pull request and generated 7 comments.

File Description
tailwind.config.js Adds marquee keyframes and animate-marquee utility used by the new announcement bar.
src/theme/AnnouncementBar/index.js Introduces the new announcement bar UI (marquee, CTA, dismiss interactions) and height syncing to a CSS variable.
src/css/custom.css Makes navbar sticky below the bar via --docusaurus-announcement-bar-height; removes default Docusaurus announcement bar styling.
docusaurus.config.js Updates announcement bar id/content for the GitTogether SF messaging.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/theme/AnnouncementBar/index.js Outdated
Comment thread src/theme/AnnouncementBar/index.js
Comment thread src/theme/AnnouncementBar/index.js Outdated
Comment thread src/theme/AnnouncementBar/index.js Outdated
Comment thread src/theme/AnnouncementBar/index.js Outdated
Comment thread docusaurus.config.js Outdated
Comment thread src/theme/AnnouncementBar/index.js Outdated
Co-authored-by: Claude <noreply@openai.com>
Signed-off-by: amaan-bhati <amaanbhati49@gmail.com>
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 3 out of 4 changed files in this pull request and generated 8 comments.


💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread docusaurus.config.js
Comment thread src/css/custom.css
Comment thread src/css/custom.css Outdated
Comment thread src/theme/AnnouncementBar/index.js Outdated
Comment thread src/theme/AnnouncementBar/index.js Outdated
Comment thread src/theme/AnnouncementBar/index.js
Comment thread src/theme/AnnouncementBar/index.js Outdated
Comment thread docusaurus.config.js
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 3 out of 4 changed files in this pull request and generated 2 comments.


💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/theme/AnnouncementBar/index.js Outdated
Comment thread src/theme/AnnouncementBar/index.js Outdated
Co-authored-by: Claude <noreply@openai.com>
Signed-off-by: amaan-bhati <amaanbhati49@gmail.com>
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 4 out of 5 changed files in this pull request and generated 1 comment.


💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/css/custom.css Outdated
Co-authored-by: Claude <noreply@openai.com>
Signed-off-by: amaan-bhati <amaanbhati49@gmail.com>
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 4 out of 5 changed files in this pull request and generated 2 comments.


💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/theme/AnnouncementBar/index.js Outdated
Comment thread src/theme/AnnouncementBar/index.js
Co-authored-by: Claude <noreply@openai.com>
Signed-off-by: amaan-bhati <amaanbhati49@gmail.com>
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 4 out of 5 changed files in this pull request and generated 3 comments.


💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/theme/AnnouncementBar/index.js
Comment thread src/theme/AnnouncementBar/index.js
Comment thread src/theme/AnnouncementBar/index.js Outdated
Co-authored-by: Claude <noreply@openai.com>
Signed-off-by: amaan-bhati <amaanbhati49@gmail.com>
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 4 out of 5 changed files in this pull request and generated 1 comment.


💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/theme/AnnouncementBar/index.js Outdated
Co-authored-by: Claude <noreply@openai.com>
Signed-off-by: amaan-bhati <amaanbhati49@gmail.com>
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 4 out of 5 changed files in this pull request and generated no new comments.


💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Signed-off-by: amaan-bhati <amaanbhati49@gmail.com>
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 4 out of 5 changed files in this pull request and generated 1 comment.


💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/theme/AnnouncementBar/index.js
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 4 out of 5 changed files in this pull request and generated no new comments.


💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@nehagup nehagup merged commit 74c2f37 into main Apr 21, 2026
14 of 15 checks passed
@nehagup nehagup deleted the announcement-bar branch April 21, 2026 15:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants