css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image


  1. I like this a lot. Cool idea.

    I think maybe in practice the "next" action should be fairly loud and obvious. Both to stupid proof it, and help incentivise the other plans get some love. (I'm sure this is intentionally minimal for demo). But interesting things to ponder still.

  2. Thanks for the code! How can I implement this in Genesis themes?

  3. @topleague I have no idea. I imagine you can create a page/template and put this code in there and see what happens. Then, you'd have to "wordpressify" it. I've never used Genesis so you might be better off asking on a WordPress forum. https://wordpress.stackexchange.com/

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.