Forum Discussion
Halloween Inspired Code Block: Haunted Emoji Hunt
Overview
I recently experimented with the Rise Code Block for the first time and wanted to share a fun idea I developed. It started as a simple “Crack the Code” game for a project, and I later gave it a Halloween twist 👻!
The project includes two interactive code blocks:
🎃 Emoji Guessing Game: Players must complete a section to unlock the continue button.
🎃 Badge Generator: Creates a badge with name, date, and timestamp.
What I learned:
- Code 1 (emoji game) was straightforward to build and modify.
- Block 1 displays correctly on both PC and iPhone, but the tick ✅ and cross ❌ icons don’t appear when the link is accessed on a Samsung mobile device.
- Code 2 (badge generator) was more complex due to embedding an image using a Base64 string.
- I’m not a coder, so I learned everything through Copilot while experimenting and this was a great learning experience!
Things I would improve or reconsider next time:
- I didn’t test how the timestamp behaves across different time zones or include any prompt instructions for that.
- I tried adding a “Download Badge” button. This worked in HTML but not within Rise.
Project link:
https://bit.ly/HauntedEmojiHunt
Project Code:
See attachments
Please share your feedback, thoughts and ideas to make this better or on where it could be used.
3 Replies
Hi Marcel_Elfouani I love Halloween, so this was extra fun 🎃 I love that you were learning as you went while making this, and I feel like this set-up could have some fun use cases for team challenges or learning milestones.
We’ll be featuring this in an upcoming ELH Weekly newsletter. Be sure you’re subscribed if you want to get it in your inbox. 🎉
Thanks Katie-Jordan 👻
Code 2 is very large, i paste it in a word doc to attach here. For rise, I uploaded html file.
