I am starting on the MBTI (Myers Briggs Type Indicator) quiz program that I decided to write. I chose to write this program because I wanted to learn how to write a quiz.
One of the most interesting elements I want to include in this is the ability to hide which answer equals which type. This is to prevent against scraping. I first came across this concept when I was hand-scraping a quiz to see which answers equaled which personality type. One website programmatically writes the IDs for each question and leaves absolutely no information in the other parts of the mark-up that lets users know which answer equals which type.
Tonight I worked on getting the HTML and CSS written for this program. It's extremely plain right now, but I did at least create a minimalistic header for it using an image I found in Google search (very very bad girl) and PhotoShopped (err The GIMPed??) it with a Free For Commercial Use font I found.
If you are curious about how the markup looks at this point, it is below. I want to remind you, however, that it is very minimal at this point. Click on the image to make it larger.