Welcome to a Severance Style Code Block
My first time creating an interaction with code! So inspired by what everyone has created. I've learned it can take a few iterations to get what you want. I used Copilot and ChatGPT5. Feel like I could have spent more time—had to stop and call it good enough for now. Enjoy this Severance inspired interaction. As a new employee, Mr. Milchick has assigned a task for your to complete as part of your orientation. When you are complete, clock out and take the elevator to leave. See it here Cyd Find me on LinkedIn or https://mastermind180.com/Fun and Gamified Learning with Code Block (Beta) feature in Artiulate Rise 360
Developed using Artiulate Rise 360’s new Code Block (Beta) feature, this interactive game challenges learners to click targets before they disappear. Each target adds points. Click the link below to try it now and see if you can top your best score! https://www.brilliantteams.com.au/gamified-learning-with-rise360-code-block-feature/British Sign Language (BSL) Revision Guide With Real-Time Hand Tracking System
👉 Try the demo and read more about the project here: BSL eLearning Demo – Hand Tracking with Rise Custom Code Blocks For this week’s Articulate E-Learning Heroes Challenge exploring the new Custom Code Block feature in Rise 360, I built a proof of concept that blends eLearning design with cutting-edge computer vision. My project demonstrates how a Rise lesson page can host a real-time British Sign Language (BSL) hand tracking system, powered by MediaPipe hand landmark detection and custom recognition algorithms. Learners receive immediate interactive feedback as they practise forming BSL letters in front of their webcam – all seamlessly embedded within Rise.NYT Connections Clone
I've heard a lot about vibe coding over the last year, but this was my first attempt at building anything. I've got to say, it's incredible how quickly this came together with only a few prompts and zero clumsy attempts from me to try to remember various HTML elements and attributes. With a little inspiration from my cookbook shelf and the New York Times Games app, I had a fully functional Connections clone in a Rise course in about an hour. The possibilities for this are endless and I'm eager to see where people take this going forward. Click here for the Review Link🎥Hollywood Mogul
For this challenge, I created a coded activity called Hollywood Mogul, in which users can mix and match Genre, Star Power, Setting, and Plot Twist to create a pitch for a movie. From these elements, the code dynamically generates a movie title, logline, synopsis, and estimated budget based on the user's selections. Figure this may be the Hollywood wave of the future, if it isn't already. I used Canva AI to generate the code and it took maybe 2-3 iterations to get what I wanted, mostly in terms of the visuals. I haven't been much of a Rise user, but I think the code block is a game changer and I may have to reconsider a lot of my design projects. The code is at the end of the activity. Link here: Hollywood MogulMicrolearning 2: Electric Boogaloo
Hello! I've been taking part in these challenges for so long, sometimes I get to do a 'sequel' to an earlier demo. In the age of AI, witness the return of DOT - my 'microlearning companion' from 2020's 'Tiny E-Learning Challenge'. This time, she's a little bit more advanced, but no less sarcastic. DOT will respond to pre-filled questions with a range of randomised responses. Her code uses your web browser's built-in text-to-speech feature to read the dialog out loud. This week's demo is the result of a 4-hour 'vibe coding' session with Claude.ai, during which I shared images of my original demo for E-Learning Heroes Challenge 331. I'm still tinkering with DOT's code, so I won't be sharing that here. But if you'd like to know how I used two different fonts in the same course title, you'll find that code in the final section of this course. CHAT TO DOT HERE...🕹️ NeonNet Cognitive Console
This week’s challenge entry explores when open text questions are most useful. Instead of scoring or tracking, the interaction focuses on reflection: learners type their own response, compare it with a model answer, and then give themselves a simple self-rating. It’s a light, playful build in a retro console style, designed to show how the Rise Code Block can be used for more than just quizzes. The interaction demonstrates how to: Encourage learner ownership through reflection. Blend open text entry with self-assessment. Keep feedback flowing without breaking immersion. The full HTML/CSS/JS code sits just below the interaction, so you can lift it and repurpose or remix it as you like. Check it out here!Crossword
I vibe coded a crossword puzzle interaction in the new Articulate Rise custom html block to support our Accounts Review training. It took about an hour of back-and-forth with Copilot to get this working. Check it out here https://rise.articulate.com/share/OHzJApuSIhFcNe4GLwmto58-5dg_-j-C#/lessons/3cT6ydJmoggnBlDSVsXmKaxp11ASrlKp Full HTML code is below the preview, feel free to adapt it and repurpose for own projects.SWOT </>
I vibe-coded a lightweight SWOT Analysis interaction in Rise with three flavors to fit different learning goals: Guided Reveal – Classic flip cards: front = the idea or prompt, back = definition, guidance, and examples. Flip for Optional Context – Respects adult learners’ time: key takeaway up front, optional context on the flip if they want more. Self-Reflection (Editable) – Learners type their own SWOT directly on the cards, with a Save as PDF option for practice or submission. The full copy-paste code is right below each example for anyone interested. https://360.articulate.com/review/content/c6bf0af4-7b2a-4f7d-b086-627adec4c905/review
