Project 5

Here is the link to my extension for Project 4 – “Not My President Extension” – https://chrome.google.com/webstore/detail/not-my-president/dfdbepedgmmbpibkbfpbpiompcbhkmba

Here is the link to my extension for Project 5 – “Better News” – https://chrome.google.com/webstore/detail/better-news/lblmahpbhkbhmchpgdkmondojakmkhcn

Project 5

https://chrome.google.com/webstore/detail/papaya/eckkpifjgdfppbgjdfbkbdkkgjojlkng

For my extension I wanted to play around with Compass.  What started as a joke with changing to text to be in Papyrus actually turned into a real reason to change the font. I had read an article a few weeks ago about how difficult and ugly fonts actually help you retain information a lot better since you have to concentrate harder to read the text.

Big Crunch Code

var j;
j = jQuery.noConflict();

ready(‘body *’, myShrink);
ready(‘body’, bodyExpand);

function myShrink(e) {
setTimeout(delayedFunction, 3000, e);
function delayedFunction(e) {
j(e).animate({
‘padding-top’ : 0,
‘padding-right’ : 0,
‘padding-left’ : 0,
‘padding-bottom’ : 0,
‘margin-left’ : 0,
‘margin-right’ : 0,
‘margin-bottom’ : 0,
‘margin-top’ : 0,
‘width’ : 0,
‘height’ : 0
}, 900000);
}
}

function bodyExpand(e) {
j(e).animate({
‘padding’ : ‘70%’,
‘margin-left’: ’40’
}, 900000);
}

Project 5: Big Crunch

Update: I updated my extension with a decent quality Youtube video, better than the video uploaded below.

Here is the link to my extension. I’m still so in love with it I just want to figure out how to take it further:

BIG CRUNCH

The Video of Big Crunch in Action is below:

Big Crunch Video

There are many theories as to how the universe will “end.” If you find yourself feeling disconnected from material reality and overwhelmed by stress, then this is the extension for you. Reconnect with matter by remembering from whence we all came and to whence we will all be going. Go about your daily life with a reminder to value letters and images as they will not always matter to matter 🙂 It all goes back to a Big Crunch.

Project 5

For my project, I decided to swap the Titles of articles with the Authors name. So the title would be small and underneath the Authors name instead of the other way around. I thought this concept was interesting for several reasons, first I think this is a good way of drawing the readers attention to the authors name because most often people don’t even look at the author. Also, if the title isn’t easily visible then maybe people will read the article based on the author or just randomly pick an article to read without knowing the main premise.

I named the project “Give Credit” but couldn’t get the logo to load or download to the link to the extension. I did take screenshots which are attached below. 

Project 5: Hide Youtube Thumbnails

My initial idea was to hide certain key words in youtube titles, however I was having difficulty being able to select the titles in youtube so instead I decided to focus on hiding the thumbnails instead.  The only major problem I came across with hiding youtube thumbnails was that it does not hide every thumbnail on the page.  I believe this is because when you scroll down Youtube refreshes to add more videos but so far it is only the first couple lines of videos that are hidden.  These videos are also hidden in a way that if you put your mouse over it you can see what the content actually is.  I thought it was a fun way to sort of experiment with Youtube and make video content based solely off the title instead of the image, while my original idea was the exact opposite of that.  Here is the link to the extension https://chrome.google.com/webstore/detail/hide-youtube-thumbnail/hlfmemncaopfjkenjjkelmimnpemfpck

Project 5

https://chrome.google.com/webstore/detail/replace/oemabmglnanjhfchmiojnjhofdgjckcf

I had a lot of trouble getting my extension to work. After having trouble with another idea I wanted to do, I decided to go with the changing thumbnails on Youtube idea. Originally I wanted it to cycle through 4 different click-baity pictures, but I could barely get 1 to work on it’s own. I also would have really liked to work on the comment section and the icons, but when I was scrolling through them I couldn’t find any particular phrases I wanted to track and I had trouble finding words in my other idea. What I currently have is a picture on most YouTube videos saying Click Me! but I don’t know why it doesn’t show up on all of the videos and it only seems to work sometimes. I thought it might be my computer because my computer was just bugging out a lot but I sent it to my friend and the same thing happened for him as well.

Project 5 – big yellow extension

At first I couldn’t get the video embedded in the iframe to play, and I had about 30-60 of these errors, which appears to be a bug in the current version of Chrome about secure connections and content loaded after the initial document loads.

link to Github

But then I added more stuff to my iframe and I think a key thing was a different way to autoplay (by adding it to the URL). So it still hits the error dozens of times, but now each error/restart starts the audio playing and creates a total cacophony steve reich-style. I chose the counting crows cover version over the original joni mitchell version because it feels like that one is more of a cliche.

The error code:

Zbp6mgIXa64:1 Error parsing header X-XSS-Protection: 1; mode=block; report=https://www.google.com/appserve/security-bugs/log/youtube: insecure reporting URL for secure page at character position 22. The default protections will be applied.

#5 link to webstore
#4 link to webstore

I had a pretty thin smattering of likes for my post on instagram (i did not post at an optimum time) but kathleen still used it (thanks kathleen!).

5: anonymously speaking

I created an extension called Anonymously Speaking, which replaces author names with “By: Anonymous”. I wanted to see how news intake was affected when the author names were obscured.

I don’t read through news sites myself, so I left it up to Google to tell me what sites to start fishing for. I was targeting the css classes, as I found that most of the author names were coded with pretty particular classes, such as .author, .byline, and other similar names.

5. Replace: Hypertext Magnifies Language

For my project, I created a Chrome extension that takes every H, T, M, and L that can be (reasonably) pulled from a web page, capitalizes it, and makes it the color green. I chose to emphasize these letters to pay tribute to the HTML behind the web page. I decided to only change the <p>, <h1…6>, <ul>, <li>, and <table> tags; trying to mess with all <div> or <span> tags, even though they might hold text, seriously impacts the performance of your browser.

I tried for a long time to turn every word in a paragraph tag into a hyperlink for that word, but that ended up being pretty complicated. Changing the source HTML without regards to what anomalies are actually underneath will mess with the DOM in unpredictable ways. For example, if someone is using WordPress and has an <img> tag inside their <p> tag….the internet is an unstandardized lawless wasteland. I saved my algorithm for parsing the words from a <p> tag and I’ll probably try it again for a future project. Everything ended up working out because along the way I learned how to use RegExp (regular expressions) for JavaScript which made my current project pretty easy.

It’s a little frustrating that I wrote so many lines of code to only end up with a 4-line function for my finished project, but it just be like that sometimes.

Check out the project on the Chrome Web Store here: link

Project 5 brainstorm

replace images on Playboy’s website with images from Target’s website

replace Target’s images with Playboy’s

replace images on the NRA’s website with headlines about gun violence (from https://www.theguardian.com/world/gun-crime, maybe?

replace a website’s “comment” button with a button that says “complain,” or “scream into the void,” or “beg for validation,” etc. Maybe the text on the button changes?

replace every image on Amazon’s homepage with a photo of Nicholas Cage

every link on the Oscars’ website takes you to google search results for “who is oscar”

replace headlines on a news site with headlines from Mad magazine

replace the subject line in every email in your inbox with google’s privacy policy

Replace Idea

So my plan for my script is to add and replace the rating system on MAL to be more similar to IMDb’s when it comes to rating shows.  Personally, I think being able to rate shows both with decimal point and also by each episode is better than being left with only a 10 point scale and having to rate the entire show as a whole.  I think rating by episode gives those interested in looking into the show an idea of the range of enjoyment episode by episode and for those rewatching helps them sparse through the best episodes easily.

Project 5 Ideas

  1. slowly fade out some spacing divs so the text and images slowly float around the page and overlay each-other…what will be added will be some kind of code that allows elements to overlay each other to the point of burying and constriction…I wonder how small I could shrink everything. Like all images and text at one point.
  2. an extension that replaces local location names with indigenous ones. Would be created for the news but also would adapt well to any websites about military history
  3. replacing hate speech with real feelings, I statements, and non-violent expressions of interpersonal conflict
  4. removing all videos of news and livestreams on Youtube and replacing it with live video feed from my ant farm
  5. I STILL WANT TO ALTER MAPS!!! Want to create my own jpegs of the US with migration patterns of animals (history and contemporary)
  6. replacing everyone’s name in the news with the phrase: “somebody’s child”
  7. Adding audio sounds to websites of industrial processes that keep the grid functioning: sound of fossil fuel extraction, sound of cooling water flowing in pipes, sound of workers talking, sound of google workers talking, sound of security guards at work at the servers.
  8. Replace all the food on different food order websites with the words “some food”

Project 5: Ideas (to replace)

Replace upvotes with downvotes

Replace gun violence words from news sites with fluffier words

Replace Trump with Cheeto Man in Chief

Replace from names with random famous people in gmail

Replace subject line of emails with spam ish related stuff

Replace pictures of trump with dogs and cats or Putin shirtless on a horse

Replace all images on a site with memes

Replace news with conspiracy theories

Project 5 Ideas

  1. change the images on Washington post or NYTimes to puppies and Babies
  2. change Facebook Images to just plain colors
  3. change the text to gibberish or pig latin on a news site
  4. change the prices on a shopping website
  5. change the dates on a news site
  6. change the titles on News sites to the authors name
  7. change profile pictures to text
  8. change the ratings on IMDB