Category Archives: Project 6

Project 6 pt 1/3

Posted on by 
<!DOCTYPE html>
<html>
<body>
<style type="text/css">
      .site {
        float:left;
      }

      iframe {
        float:left;
        margin-bottom:30px;
        height:800px;
        width:700px;
      }
    </style>
<iframe src="http://www.foxnews.com/">
  <p>Your browser does not support iframes.</p>
</iframe>
<iframe src="https://en.wikipedia.org/wiki/Donald_Trump">
  <p>Your browser does not support iframes.</p>
</iframe>

</body>
</html>

Project 6: MASHUP

Posted on by

Youtube Multiplier Mashups:

  1. http://www.youtubemultiplier.com/5acbd96cd84a3-jurassic-park-evolution.php (Comparing the “welcome to jurassic park scene” with the new and old movie, showing how different yet similar they are)
  2. http://www.youtubemultiplier.com/5acbdae9dbc96-uptown-funk-ft-alvin-and-the-chipmunks.php (A video mashup of Bruno Mars Uptown Funk music video with the Alvin and the Chipmunks Uptown Funk video and audio, really funny to watch)

HTML mashups:

3. https://codepen.io/jessglasson/pen/NYoqPJ (“A Dads Dream” webpages of stock market, NYTimes, sports, and weather all next to each other as my mashup)

4. https://codepen.io/jessglasson/pen/oqmXjG (“Bookworm”: a dictionary and thesaurus webpage next to each other, perfect tool for writing papers)

Project 6

Posted on by

http://www.youtubemultiplier.com/5acbacd46cc2a-eating-on-tv-with-guy-and-gordon.phphttp://www.youtubemultiplier.com/5acbaf4b371bd-mcconaughey-is-weird-as-hell.php

HTML Mashup 1

<!DOCTYPE html>
<html>
<head>
<body>
<div class=”site”><iframe src=https://www.nestle.com/aboutus width=”600″ height=”300″></iframe></div>
<pre>
</pre>
<div class=”site”><iframe src=https://splinternews.com/free-water-bottles-will-no-longer-be-provided-to-flint-1825094963 width=”600″ height=”300″></iframe></div>
<pre>
</body>
</head>
</html>

 

HTML Mashup 2

<html>
<head>
<body>
<div class=”site”><iframe src=http://www.foxnews.com/tech/2018/04/09/new-foam-armor-for-tanks-can-pulverize-enemies.html width=”600″ height=”300″></iframe></div>
<pre>
</pre>
<div class=”site”><iframe src=https://www.theguardian.com/us-news/2018/mar/24/washington-march-for-our-lives-gun-violence width=”600″ height=”300″></iframe></div>
<pre>
</body>
</head>
</html>

 

Project 6 – Mashup

Posted on by

https://mitchelloliver.com/mashup1

https://mitchelloliver.com/mashup2

https://mitchelloliver.com/mashup3

https://mitchelloliver.com/mashup4

I had some inherent difficulty trying to get a full video-based webpage translated into an instagram post, and I think that’s why I got very little social media engagement. I imagine it could have worked better on Facebook (especially if not the mobile version), but I’m off the FB these days.

A lot of websites blocked the iframe so I had to choose some less-good alternatives (went from the Whitney Museum // Trump to Crystal Bridges // Walmart).

Project 6: M*A*S*H

Posted on by

Video Mash Up 1: Today’s Country Music

Video Mash Up 2: Climate Change is a Hoax

Article Mash Up: 

  
<style type="text/css">
      .site {<br />
        float:left;<br />
      }</p>
<p>      iframe {<br />
        float:left;<br />
        margin-bottom:30px;<br />
        height:800px;<br />
        width:750px;<br />
      }<br />
    </style>
<%%KEEPWHITESPACE%%></pre>
<div class="site">
      <!--<iframe src="https://www.washingtonpost.com/local/march-for-our-lives-huge-crowds-gather-for-rally-against-gun-violence-in-nations-capital/2018/03/24/4121b100-2f7d-11e8-b0b0-f706877db618_story.html?utm_term=.de7fa8736026"></iframe></div>
-->
<div class="site">
      <!--<iframe src="http://insider.foxnews.com/2018/03/25/march-our-lives-dc-crowd-smaller-organizers-estimates-imaging-company-says"></iframe>--></div>
<%%KEEPWHITESPACE%%></div>
<pre>


Website Mash Up: 


  
<style type="text/css">
      .site {<br />
        float:left;<br />
      }</p>
<p>      iframe {<br />
        float:left;<br />
        margin-bottom:30px;<br />
        height:800px;<br />
        width:750px;<br />
      }<br />
    </style>
<%%KEEPWHITESPACE%%></pre>
<div class="site"><iframe src="http://www.espn.com/" width="300" height="150"></iframe></div>
<pre>
-</pre>
<div class="site"><iframe src="https://www.cosmopolitan.com/" width="300" height="150"></iframe></div>
<pre>

Project 5: Graphic Design is my Passion

Posted on by

Download Here

Download What’s the Point?

Based on the meme with the same name, I made a terrible extension. Not to be down on myself, it’s just pretty awful. I changed the font of every website to either be in comic sans or in papyrus. It’s random. I also picked five colors, green, red, blue, pink, and purple, for the text to be and that is also random. I struggled with what I wanted to do, mainly because I just wanted to do things that were to big from what we had learned. I changed my mind, made it smaller, made it bigger, struggled for hours on why functions that were perfect weren’t working, I just decided to make something that was just awful. Using the two most hated and joked about fonts and adding in some random colors, I wanted everyone to feel the “ughhhh” as I do when I accidentally remember some embarrassing memory from 7th grade. It also seems like a good prank idea.

Well here it is, the worst thing I’ve made since my sun in the corner of the page with sun glasses days.