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

Added a New "Preloader" Matched with the Theme of The Website #1585

Merged
merged 18 commits into from
Aug 9, 2024

Conversation

MastanSayyad
Copy link
Contributor

Description

Hey @sunny0625 @khushi-joshi-05

This PR introduces a new preloader matched to the website theme i.e. Foods and Resturants, to enhance the user experience on the website. The preloader is displayed as a full-screen overlay with a white background

  • Added a video as the preloader content.
  • The preloader is styled to cover the entire viewport with a white background.
  • Included CSS transitions to handle the fade-out effect of the preloader smoothly.
  • Implemented a timeout to hide the preloader after 5 seconds, with a fade-out effect.
  • Integrated the preloader across all the pages of the website to maintain consistency
  • Made it responsive
06.08.2024_01.02.27_REC.mp4

Responsive

Recording.2024-08-06.010629.mp4
  • Type of PR

  • Feature enhancement

Screenshots / videos (if applicable)

[Attach any relevant screenshots or videos demonstrating the changes]

Checklist

  • I have gone through the contributing guide
  • I have updated my branch and synced it with project main branch before making this PR
  • I have performed a self-review of my code
  • I have tested the changes thoroughly before submitting this pull request.
  • I have provided relevant issue numbers, screenshots, and videos after making the changes.
  • I have commented my code, particularly in hard-to-understand areas.

Copy link

github-actions bot commented Aug 5, 2024

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

Copy link

netlify bot commented Aug 5, 2024

Deploy Preview for foodies-ordering-website ready!

Name Link
🔨 Latest commit 5107dc3
🔍 Latest deploy log https://app.netlify.com/sites/foodies-ordering-website/deploys/66b64765b3174000088b9eaf
😎 Deploy Preview https://deploy-preview-1585--foodies-ordering-website.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@MastanSayyad
Copy link
Contributor Author

Hey @sunny0625 @khushi-joshi-05 pls take a look and review it

@MastanSayyad
Copy link
Contributor Author

@sunny0625 @khushi-joshi-05 review this PR

@MastanSayyad
Copy link
Contributor Author

@sunny0625 Please merge this PR

@MastanSayyad
Copy link
Contributor Author

@sunny0625 Please take a look at this PR and Merge it!

@MastanSayyad
Copy link
Contributor Author

@sunny0625 @khushi-joshi-05 I have resolve the conflicts pls merge this

@sunny0625 sunny0625 added gssoc GSSOC'24 issues level2 labels Aug 9, 2024
@sunny0625 sunny0625 merged commit 2fe2d6a into khushi-joshi-05:main Aug 9, 2024
5 checks passed
@MastanSayyad
Copy link
Contributor Author

@sunny0625 If possible could you please increase the level? as per considering the changes!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
gssoc GSSOC'24 issues level2
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add a New "Preloader" Matched with the Theme of The Website
2 participants