Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add media page with grid layout #601

Draft
wants to merge 6 commits into
base: master
Choose a base branch
from

Conversation

jeromehardaway
Copy link
Contributor

@jeromehardaway jeromehardaway commented May 21, 2024

This pull request introduces a new media page to the Vets-Who-Code app, enhancing the site's content offering with a grid layout featuring sections for "What we have built", "publications", "podcasts", and "courses".

  • Adds new components and data:

    • Creates media.tsx in src/pages to serve as the media page, utilizing React Bootstrap for layout and including a MediaGrid component for each section.
    • Implements media-grid.tsx in src/components, which displays media items in a responsive grid layout, accepting section-specific data through props.
    • Adds media.json in src/data to store the data for media items, including titles, descriptions, and links, structured by section.
  • Updates existing components:

    • Modifies button/index.tsx in src/components/ui to introduce a new button variant and color option for the media page.
    • Updates menu.ts in src/data to include a navigation menu entry for the new media page, ensuring it is accessible from the main navigation.

For more details, open the Copilot Workspace session.

Copy link

vercel bot commented May 21, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
vets-who-code-app ❌ Failed (Inspect) Jun 3, 2024 0:12am

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.

1 participant