Instructions

• downloand and open files in Visual Studio Code (the blue one)
• open index(1).html to see keywords listed at the top of the page
• add photo to the images folder in SOMO project 3
• save photo name as keyword (ending file name with .png) corresponding to keyword chosen by participant
• refresh index.html in browser window
• 'select' or 'click' the keyword button at the top of the page
• the participant's image will go to keyword position on the artwork
• find participant's image
• click on participants image to reveal a description specific to the keyword only
• close that description click 'x'
• to form a new connection, save image as a new keyword (ending filename with .png)
• click on the corresponding keyword button on index.html
• find participant's image and click on it to reveal description specific to that keywork only
• there are 8 keywords in this prototype (the process can be repeated 8 times)