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

Enhance homepage layout and functionality #1748

Open
wants to merge 5 commits into
base: main
Choose a base branch
from

Conversation

viral-sangani
Copy link
Contributor

  • Introduced new components for the homepage including DevResources, DiscoverSection, ExploreSection, and Footer to improve user engagement.
  • Added a custom Button component with variant support for consistent styling across the site.
  • Integrated new SVG icons for enhanced visual representation of features and resources.
  • Updated Docusaurus configuration to include a custom CSS file for additional styling.
  • Added new font faces for "Advercase" and "Futura" to enhance typography.
  • Included images for various features to improve the visual appeal of the homepage.

…various sections. This change enhances navigation and accessibility for users by providing direct links to specific command descriptions.
- Updated import statements for `remark-math` and `rehype-katex` to use default exports.
- Added Tailwind CSS configuration file and integrated it into the Docusaurus setup.
- Removed inline Tailwind CSS plugin configuration from `tailwind.config.js`.
- Updated various dependencies in `package.json` to their latest versions, including Docusaurus plugins and Tailwind CSS.
- Introduced a new PostCSS configuration file for Tailwind CSS.
- Modified CSS to ensure compatibility with Tailwind CSS v4 changes.
- Adjusted event handling in Showcase components to use a new blur event.
- Introduced new components for the homepage including DevResources, DiscoverSection, ExploreSection, and Footer to improve user engagement.
- Added a custom Button component with variant support for consistent styling across the site.
- Integrated new SVG icons for enhanced visual representation of features and resources.
- Updated Docusaurus configuration to include a custom CSS file for additional styling.
- Added new font faces for "Advercase" and "Futura" to enhance typography.
- Included images for various features to improve the visual appeal of the homepage.
@viral-sangani viral-sangani requested review from a team as code owners March 16, 2025 11:24
@viral-sangani viral-sangani removed the request for review from a team March 16, 2025 11:24
Copy link

netlify bot commented Mar 16, 2025

Deploy Preview for celo-docs ready!

Name Link
🔨 Latest commit 57e1e7c
🔍 Latest deploy log https://app.netlify.com/sites/celo-docs/deploys/67d6ba4cd03a72000829c556
😎 Deploy Preview https://deploy-preview-1748--celo-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 41 (🟢 up 7 from production)
Accessibility: 96 (🟢 up 4 from production)
Best Practices: 75 (no change from production)
SEO: 99 (🟢 up 17 from production)
PWA: -
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

socket-security bot commented Mar 16, 2025

New, updated, and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package New capabilities Transitives Size Publisher
npm/@algolia/[email protected]5.21.0 None 0 159 kB haroenv, millotp, shortcuts
npm/@algolia/[email protected]5.21.0 None 0 3.19 MB haroenv, millotp, shortcuts
npm/@algolia/[email protected]5.21.0 None 0 5.49 kB haroenv, millotp, shortcuts
npm/@algolia/[email protected]5.21.0 None 0 17.9 kB shortcuts
npm/@algolia/[email protected]5.21.0 None 0 20.4 kB haroenv, millotp, shortcuts
npm/@cookbookdev/[email protected]4.24.14 None 0 80.9 MB cookbookdev
npm/@crowdin/[email protected]4.6.1 None 0 6.89 MB andrii.bodnar, serhiydmytryshyn, taras.prosvirov
npm/@isaacs/[email protected] filesystem +1 387 kB isaacs
npm/@tailwindcss/[email protected] None +2 254 kB adamwathan, malfaitrobin, reinink, ...1 more
npm/@tailwindcss/[email protected] None 0 2 MB adamwathan
npm/@tailwindcss/[email protected] None 0 2.36 MB adamwathan
npm/@tailwindcss/[email protected] None 0 2.18 MB adamwathan, malfaitrobin, reinink, ...1 more
npm/@tailwindcss/[email protected] None 0 2.36 MB adamwathan
npm/@tailwindcss/[email protected] None 0 1.93 MB adamwathan
npm/@tailwindcss/[email protected] None 0 1.98 MB adamwathan, malfaitrobin, reinink, ...1 more
npm/@tailwindcss/[email protected] None 0 1.98 MB adamwathan, malfaitrobin, reinink, ...1 more
npm/@tailwindcss/[email protected] None 0 2.38 MB adamwathan
npm/@tailwindcss/[email protected] None 0 2.37 MB adamwathan
npm/@tailwindcss/[email protected] None 0 2.13 MB adamwathan
npm/@tailwindcss/[email protected] None 0 2.56 MB adamwathan
npm/@tailwindcss/[email protected] filesystem, shell 0 13.4 kB adamwathan
npm/@tailwindcss/[email protected] Transitive: environment, filesystem +2 281 kB adamwathan
npm/[email protected]3.0.0 None 0 22 kB isaacs
npm/[email protected] None 0 22.1 kB joebell93
npm/[email protected] None 0 7.72 MB devongovett
npm/[email protected] None 0 9.23 MB devongovett
npm/[email protected] None 0 9.14 MB devongovett
npm/[email protected] None 0 7.89 MB devongovett
npm/[email protected] None 0 7.72 MB devongovett
npm/[email protected] None 0 7.72 MB devongovett
npm/[email protected] None 0 9.16 MB devongovett
npm/[email protected] None 0 9.16 MB devongovett
npm/[email protected] None 0 7.39 MB devongovett
npm/[email protected] None 0 8.55 MB devongovett
npm/[email protected] None 0 500 kB devongovett
npm/[email protected]3.0.1 None 0 108 kB isaacs
npm/[email protected]3.0.1 None 0 107 kB isaacs
npm/[email protected] environment, filesystem +2 1.19 MB isaacs
npm/[email protected]4.0.14 None 0 566 kB adamwathan, malfaitrobin, reinink
npm/[email protected]7.4.3 None 0 1.24 MB isaacs
npm/[email protected]5.8.2 None 0 22.9 MB typescript-bot
npm/[email protected]5.0.0 None 0 80.3 kB isaacs

🚮 Removed packages: npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected]

View full report↗︎

- Updated the FeatureCard component to use React hooks for mobile responsiveness.
- Replaced the static mobile check with a state variable to dynamically adjust layout based on screen size.
- Simplified the logic for determining the reversed layout based on the mobile state.
- Adjusted font sizes in DiscoverSection, FeatureCard, and HomePage for improved readability and consistency across devices.
- Enhanced visibility of elements by modifying layout properties for better responsiveness on larger screens.
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