I had my Beta review this week! I focusses on creating 3 example pages with interactive element, badges and the system for unlocking these badges, and research into what other mini-games I want to include on my website.

Video demo of interactive pages and badge unlocking system:

For my three example pages I chose Ada Lovelace, Hedy Lamarr, and Grace Hopper. For Ada my three interactive elements (which currently animate on hover, but don't open up any info boxes or fun facts yet) are the Jacquard Loom, a letter from Charles Babbage, and her notes on his Analytical Engine (the first computer program ever). For Hedy, the elements are the piano (which will open the torpedo frequency hopping game) and the star (representing both her induction into the Inventor's hall of fame and the Hollywood walk of fame). For Grace, the elements are the UNIVAC computer, the COBOL manual, and the moth flying into one of the computers. (Both the moth and the cobol book animate based on how much the user has scrolled.)

Initially after log in, all the badges are locked. However once the user selects all the interactive elements on a given page, the badge for that page is unlocked. Next, I'm going to implement sharing features for the badges.

Ideas for Mini-games: For Joan Clarke I want to implement a version of Nonograms, a pattern finding/Sudoku-esque puzzle game. For Grace Hopper I looked into coding examples targeted at younger children and I'm thinking about doing either a fill-in-the-blank-variables COBOL code with if statements, or determining character movements using for loops. I'm also thinking about including a demo of what the translated code looks like in binary to demonstrate why high level programing languages are so important/easier to understand.