TITLE: Family Tree
MEDIA: HTML5/CSS3
SOFTWARE: Adobe Dreamweaver
HARDWARE: iMac Os X
SPECIFICATIONS: 1252X892px
CLASS: FMX 311 Online Production
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 20
INSTITUTION: University of Tampa
DESCRIPTION: For this assignment, we had to make a family tree. I included friends family, and pets, each having their own individual page. Everyone got an illustration of themselves and a short description, which links their page to someone else’s. For a sentimental touch, I asked everyone to send a video sharing a fun fact about themselves.

TITLE: Parallax Gallery
MEDIA: HTML5/CSS3
SOFTWARE: Adobe Dreamweaver
HARDWARE: iMac Os X
SPECIFICATIONS: 1272X792px
CLASS: FMX 311 Online Production
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 20
INSTITUTION: University of Tampa
DESCRIPTION: Using parallax design, I created an online gallery of my colored pencil drawings. Vertically scrolling down on the page causes the images to appear as though they are showing up horizontally. The same principle in the code allows the descriptions to change while scrolling.

TITLE: Interactive Resume
MEDIA: HTML5/CSS3
SOFTWARE: Adobe Dreamweaver
HARDWARE: iMac Os X
SPECIFICATIONS: 1056X814px
CLASS: FMX 311 Online Production
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 20
INSTITUTION: University of Tampa
DESCRIPTION: This assignment was to create an interactive resume. Besides the animated cheerleader, every time the user mouses over each of the elements, an action is triggered. I used a “pick a card” theme to entice the user to check out the skills section, where photo/video examples for each pop up.

TITLE: Video Poem
MEDIA: HTML5/CSS3
SOFTWARE: Adobe Dreamweaver
HARDWARE: iMac Os X
SPECIFICATIONS: 810X608px
CLASS: FMX 311 Online Production
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 20
INSTITUTION: University of Tampa
DESCRIPTION: My video poem is a to do list of my daily tasks, beginning with a little sticky note appearing for encouragement to get everything done. Each time the text is moused over, a video associated with the task pops up beside it. We had to include at least 10 videos, so therefore I went with the to do list theme.

TITLE: Image and Text Poem
MEDIA: HTML5/CSS3
SOFTWARE: Adobe Dreamweaver
HARDWARE: iMac Os X
SPECIFICATIONS: 1920X1080px
CLASS: FMX 311 Online Production
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 20
INSTITUTION: University of Tampa
DESCRIPTION: Using images and text embedded in the HTML/CSS, we were tasked to create a poem. My poem acts as an animated comic. The code times out when each panel appears. It features three characters I created named Pillbuster Rex, Rhony, and Towel Boy as they order from the fictional Bib and Bob’s drive thru.

TITLE: Image Poem
MEDIA: HTML5/CSS3
SOFTWARE: Adobe Dreamweaver
HARDWARE: iMac Os X
SPECIFICATIONS: 1920X1080px
CLASS: FMX 311 Online Production
PROFESSOR: Santiago Echeverry
SEMESTER / TERM: SP 20
INSTITUTION: University of Tampa
DESCRIPTION: My image poem features an animation of a girl walking in front of pictures of places I have travelled to. I created the frames for the walk cycle and grass in Photoshop and imported them into the CSS so they would be animated on the webpage. Each time the user mouses over certain photos in the background, they move slightly.