For the final exam in my Creating Online Media class, I was provided with the images, names, genders, and some saccharine quotes for a number of fictional babies and tasked with creating a site called “babyface.”
I decided to really be ambitious and design my layout to mimic the facebook profile layout at the time (circa December 2012). I used HTML 5 to create an index page and a template, and PHP to generate and populate the actual pages on my server. I used CSS3 with the templates to create the general look of a facebook profile page with each child’s “profile” photo, a cover photo, a spot for their quote, and a friend grid that would link to all of the other babies’ pages. I had to fiddle with the PHP to ensure that none of the babies would show up in their own friend grid, and I also included some code to change the background color to correlate with the gender of each baby.
All of the photos used in this site (excluding the favicon) were taken from the internet and are used here in accordance with the fair use in education act for academic assessment purposes only.