https://github.com/ravi-aratchige/chocolate-chip-delights

A demo website showing a simple cookie consent popup with a translucent overlay
https://github.com/ravi-aratchige/chocolate-chip-delights

cookie cookie-bar cookie-consent cookie-popup cookies

Last synced: about 1 month ago
JSON representation

A demo website showing a simple cookie consent popup with a translucent overlay

• Host: GitHub
• URL: https://github.com/ravi-aratchige/chocolate-chip-delights
• Owner: ravi-aratchige
• Created: 2022-11-04T18:04:26.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-05T15:44:13.000Z (about 2 years ago)
• Last Synced: 2023-07-28T19:48:40.375Z (over 1 year ago)
• Topics: cookie, cookie-bar, cookie-consent, cookie-popup, cookies
• Language: CSS
• Homepage:
• Size: 2.53 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Chocolate Chip Delights









This is a demo website built to show a basic cookie consent popup appearing in the form of a bar at the bottom of the site, placed above a translucent overlay.




This has been build purely with HTML, CSS and Vanilla JavaScript. No frameworks or libraries have been used.





How It Works




The cookie consent bar appears over the website when it is refreshed. It appears above a translucent overlay which prevents the user from interacting with the website until they have interacted with the cookie consent bar.





The bar has two buttons; "Sure, I'll have one!" for accepting cookies and "No thanks, I'm good." for declining cookies. Interacting with either button will remove the bar and overlay from the website.





TO-DO




- [ ] Add a cookie/cookies to the user's browser to remember their decision


- [ ] Fix mobile responsivity for Galaxy Fold


- [ ] Add a "Learn More" capability to the bar


- [ ] Cleanup code