Virtual Sessions
I chose the coding option of the virtual sessions. I created different pieces using HTML and CSS. I used codeacademy.com to help show me how to write in these languages which wasn’t to hard to pick up. After spending my first day of class going through all the HTML & CSS lessons. I spent the remainder of my time composing The Pristine House and Dollhouse based off the song Dollhouse by Melanie Martinez. The Pristine House is meant to be a fictional, evasive, dark, short story. While Dollhouse is a picture version of the main chorus of the song Dollhouse. The song is about how things may not always be as they seem. The source code is below but you can follow the following links to view The Pristine House and Dollhouse.
<!DOCTYPE html>
<html>
<head>
<title>The Pristine House</title>
</head>
<body>
<h1>The Pristine House</h1>
<p>A man walks into the house to be welcomed by his new dog. The dog then runs upstairs. He is alarmed his lovely companion has not greeted him as he walks around the first floor. He calls for her with no response other than some barks from the dog. He figures she went to grab some spices from a neighbor, as he can smell dinner baking in the oven. She’s never gone for too long. He turns on the television to keep himself busy as he waits for his beautiful wife to return. He’s excited to announce the promotion he received at work today. He’s worked extremely hard to give her everything she’s ever wanted. </p>
<p>An hour later, he looks around and realized the sun has set. His wife has yet to arrive so he calls her. He hears her phone ringing and finds it at the bottom of the staircase. An unusual place for a phone although, she always misplaces her phone, it probably fell out of her pocket as she went up the stairs. He hasn’t heard from the dog recently so he goes up to check on him. As he climbs the stairs the dog appears at the top staring at him with a grimacing look. </p>
<p>He notices the dog is bleeding from his foot. He is missing a few nails as if he was in a fight. The man gets to the top of the stairs and looks around. He sees some of the frames are tilted and others have fallen. There’s glass scattered across the hall and bloody paw prints stain the beige carpet. The glass could explain the bloody paws although not the missing nails on the dog.</p>
<p>He enters the master bedroom cautiously, nervous to what he will find. He finds the bed made and everything in its proper place. The room seems cleaner than usual. From the corner of his eye he spots dark maroon streaks leading to the bathroom. The streaks are faint as if someone tried to clean up a mess but couldn’t entirely get it out. He walks through the bathroom doorway to find the shower curtain and the rug missing. Some of the hand towels and parts of the wall have small droplets of what looks like blood. His wife is nowhere to be found and he begins to worry. A dark deed has occurred in this room and he was in no condition to find out what. </p>
<p>Panicking, he runs out of the bathroom through the bedroom. He turns the corner into the hallway to find his wife. She has her hair pulled back into a bun. She is wearing a flower dress and an apron. She is holding their new dog. The dog is limp. She confesses, “The dog made a mess. I will clean it up. Go shower downstairs and unwind. I will take care of this mess and meet you there.” As he walks downstairs, he becomes more confused, how could such a small dog make such a big mess.</p>
<p>Passing the backdoor. He notices someone has dug up the garden. There is a large hole with plastic sticking out. There’s some type of staining to the plastic. A grave? At this point he can only assume the worst of his wife. He goes to reach for the door when he feels someone breathing down his neck. He turns around…</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Dollhouse</title>
</head>
<body>
<h1>Dollhouse by: Melanie Martinez</h1>
<p>Picture,</p>
<img src=”http://media1.s-nbcnews.com/j/MSNBC/Components/Slideshows/_production/ss-110623-dear-photograph/ss-110623-dear-photograph-10.grid-6x2.jpg" />
<p>picture,</p>
<img src=”http://media1.s-nbcnews.com/j/MSNBC/Components/Slideshows/_production/ss-110623-dear-photograph/ss-110623-dear-photograph-10.grid-6x2.jpg" />
<p>smile for the</p>
<img src=”https://leadingpersonality.files.wordpress.com/2013/05/smile.jpg" />
<p>picture</p>
<img src=”http://media1.s-nbcnews.com/j/MSNBC/Components/Slideshows/_production/ss-110623-dear-photograph/ss-110623-dear-photograph-10.grid-6x2.jpg" />
<p>Pose with your brother,</p>
<img src=”https://prernaj.files.wordpress.com/2013/01/75300_533419116668754_1118152649_n.jpg" />
<p>won’t you be a good sister?</p>
<img src=”https://s-media-cache-ak0.pinimg.com/236x/7c/0f/9a/7c0f9a442ff76fad9f72744491d13bad.jpg" />
<p>Everyone</p>
<img src=”http://legalhelpcentre.ca/wp-content/uploads/2011/09/legalhelpcentre_people_illustr_banner.jpg" />
<p>thinks that</p>
<img src=”http://thenakedjesus.com/wp-content/uploads/2015/05/think-out-loud-2.jpg" />
<p>we’re perfect</p>
<img src=”http://ribbedtee.com/resources/images/perfect-undershirt.jpg" />
<p>Please don’t let them look</p>
<img src=”http://images4.fanpop.com/image/photos/19700000/Don-t-look-private-the-penguin-19725395-482-347.jpg" />
<p>through the curtains.</p>
<img src=”http://ak1.ostkcdn.com/images/products/6811692/Silver-Grey-Velvet-Blackout-Extra-Wide-Curtain-Panel-P14344697.jpg" />
<h1>D-</h1>
<img src=”http://www.threadart.com/images/Product/large/A68687A.jpg" />
<h1>O-</h1>
<img src=”http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=62847416" />
<h1>L-</h1>
<img src=”https://themostimportantthings.files.wordpress.com/2011/07/pink-letter-l.jpg" />
<h1>L-</h1>
<img src=”https://themostimportantthings.files.wordpress.com/2011/07/pink-letter-l.jpg" />
<h1>H-</h1>
<img src=”http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=63818423" />
<h1>O-</h1>
<img src=”https://themostimportantthings.files.wordpress.com/2011/07/pink-letter-o.jpg" />
<h1>U-</h1>
<img src=”http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=62847370" />
<h1>S-</h1>
<img src=”http://d75822.medialib.glogster.com/media/59/5976fd9b9a60fae193c883af62c160d76bbef170aef68336b54c41cc3bcd20b0/s-jpg.jpg" />
<h1>E</h1>
<img src=”http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=65250735" />
<p>I see things that</p>
<img src=”http://10721-presscdn-0-80.pagely.netdna-cdn.com/wp-content/uploads/2012/08/taught-me-to-see.jpg" />
<p>nobody else sees.</p>
<img src=”http://38.media.tumblr.com/c626dfbe0994ba33639b65d5d384c660/tumblr_inline_ng8gbefqq71qeolg5.jpg" />
</body>
</html>
