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

Modal for Hacktoberfest: "Hacktoberfest is Almost Ending" 🎃 #169

Closed
6 tasks
JollyJolli opened this issue Oct 23, 2024 · 2 comments · Fixed by #179
Closed
6 tasks

Modal for Hacktoberfest: "Hacktoberfest is Almost Ending" 🎃 #169

JollyJolli opened this issue Oct 23, 2024 · 2 comments · Fixed by #179
Assignees
Labels
CSS Related to the CSS in the website. good first issue Good for newcomers hacktoberfest hacktoberfest2024 hacktoberfest-accepted help wanted Extra attention is needed HTML Related to the HTML in the website.

Comments

@JollyJolli
Copy link
Owner

📝 Description

We want to display a modal on the homepage that announces the conclusion of Hacktoberfest 2024. The modal should express gratitude for the participation this year and excitement for next year. The message can be something like:

"HACKTOBERFEST IS ALMOST ENDING 🎃"

Thank you for your participation this year! It was an amazing experience and we hope to be here again next year!


🎯 Task List

  • Create a modal component.
  • Style the modal to match the theme of Hacktoberfest (use colors like orange, black, and white).
  • Add the following text to the modal:
    • Title: HACKTOBERFEST IS ALMOST ENDING 🎃
    • Body: Thank you for your participation this year! It was an amazing experience and we hope to be here again next year!
  • Ensure the modal pops up automatically when the page is loaded.
  • Add a "Close" button that allows users to dismiss the modal.
  • Optional: Add animation to the modal to make it more dynamic.

🧩 Files Involved

File Description
index.html Main page where the modal will be displayed
modal.min.js Minified JavaScript file to handle modal logic
modal.min.css Minified CSS file to style the modal

🔥 Additional Comments

  • Make sure the modal only appears once per day to avoid overwhelming the user. Consider using localStorage to track this.
  • Both modal.min.js and modal.min.css should be minified for better performance.
  • Hacktoberfest 2024 has been an amazing event! Let's celebrate it properly with this final touch.
@JollyJolli JollyJolli added help wanted Extra attention is needed good first issue Good for newcomers hacktoberfest hacktoberfest-accepted HTML Related to the HTML in the website. CSS Related to the CSS in the website. hacktoberfest2024 labels Oct 23, 2024
@Shivakarthikeya23
Copy link
Contributor

I can work on this, please assign it to me.
Thanks

@JollyJolli
Copy link
Owner Author

Happy contributing! If you need anything just ask it here

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CSS Related to the CSS in the website. good first issue Good for newcomers hacktoberfest hacktoberfest2024 hacktoberfest-accepted help wanted Extra attention is needed HTML Related to the HTML in the website.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants