#21 - Create an age gate to confirm the user's age

In Webflow Hack #21, we learn how to create an age-gate and block people who are under 21 from entering your site. We're going to put an overlay, we're gonna have the user enter their birthday and if they're under 21, they cannot enter; but if they are over 21, we remove the overlay and show them the content.

⚠️ IMPORTANT: There is an important code update to the content page head code (first code breakdown part). Please see the updated code on https://hacks.finsweet.com/21

TIMESTAMPS:
00:08​ - Intro
00:38​ - Live Example
02:57​ - Structure
07:56​ - Code Breakdown
18:59​ - Thank You

F'IN SWEET WEBFLOW HACKS: A custom-code focused video-tutorial series for Webflow websites. Learn how to use jQuery and javascript to extend the functionality of your Webflow project. Built by ‪@Finsweet‬ for the ‪@Webflow‬ Community.

See all videos from the playlist:    • F'in sweet Webflow Hacks  
Check out all videos from the Form series:    • Form series | F'in sweet Webflow Hacks  

-----------------------------------------------

// RESOURCES FROM THE VIDEO

F'in sweet Webflow Hacks: https://hacks.finsweet.com/21
Webflow cloneable: https://finsweet.com/hacks-clonable-t...

Request a new hack: https://finsweet.com/hacks-request
Stay updated with new hack releases: https://hacks.finsweet.com/#cta-block

Get FREE help with implementation: https://sweetjs.finsweet.com/
Subscribe to Finsweet: https://www.youtube.com/c/Finsweet?su...

-----------------------------------------------

// ABOUT US

We’re Finsweet - a Webflow enterprise partner, badass product creator, and educational content powerhouse. We are taking Webflow to a new level and sharing everything with you along the way!

🙌 Join our community - https://finsweet.com/fin-pro
🛍 Shop our merch store - https://finsweet.com/merch
💪 Superpowers for your Webflow website - https://finsweet.com/attributes
🧰 Your toolkit for Webflow - https://finsweet.com/extension

-----------------------------------------------

// SOCIAL

Facebook:   / ​  
Twitter:   / thatsfinsweet​  
Instagram:   / ​  
Dribbble: https://dribbble.com/thatsfinsweet​
Behance: https://www.behance.net/thatsfinsweet/​
Webflow: https://webflow.com/team/Finsweet/​

-----------------------------------------------

// TAGS

#webflow #javascript #hack21

-----------------------------------------------

Thanks for your support! 🤟