Author Archives: Alyssa S.
Project 8 code
// ** CHANGE @NAME, @NAMESPACE, and @DESCRIPTION
//
// ** If using for Tampermonkey, you can just paste this into
// ** the Tampermonkey editor
//
// ** If using for Chrome, CHANGE FIRST PART OF FILENAME
// ** (before the .user.js) and edit in a code editor like Atom
//
// ** EVERYTHING BETWEEN ==UserScript== lines is read by the browser
// as configuration information for the userscript
//
// **
// ** USERSCRIPT CODE IS IGNORED BY CHROME, ESP. @REQUIRE
// ** BUT KEEP FOR BACKWARDS COMPATIBILITY!
// **
//
// ==UserScript==
// @name Basic Extension
// @version 1.0
// @namespace basic-extension
// @description The Zuck is always watching
// @require http://arts445.courses.bengrosser.com/files/ready-vanilla.js
// @require http://code.jquery.com/jquery-3.3.1.min.js
// @run-at document-start
//
// **WRITE MATCH STATEMENTS TO MATCH WEBSITE URLS (FOLLOW MY EXAMPLE)
//
// @match *://*.facebook.com/*
// @include *://*facebook.com/*
//
// ==/UserScript==// -----------------------------------------
(function() {
// jQuery on 'j' to avoid conflicts with page jQuery
var j;
// PUT YOUR CODE within main() below
function main() {
// setup jQuery on j to avoid any possible conflicts
j = jQuery.noConflict();
ready('span._nbt', function(e) { Story(e); });
ready('a.UFICommentActorName', function(e) { Comment(e); });
ready('a.profileLink', function(e) { Profile(e); });
ready('div.a_y49u-4y9m', function(e) { zuck(e); });
ready('div._3653', function(e) { zuckk(e); });
ready('img._46-i.img', function(e) { big(e); });
ready('img.scaledImageFitWidth.img', function(e) { lil(e); });
ready('div.fsl.fwb.fcb', function(e) {friend(e);});
function friend(e) {
j(e).prepend('Senator ');
}
function Story(e) {
j(e).prepend('Senator ');
}
function Comment(e) {
j(e).prepend('Senator ');
}
function Profile(e) {
j(e).prepend('Senator ');
}
function zuck(e) {
j(e).text('Mark Zuckerberg is always watching.');
}
function zuckk(e) {
j(e).text('YOUR DATA IS NOT SAFE');
}
function big(e) {
j(e).attr('src', "https://i0.wp.com/news.harvard.edu/wp-content/uploads/2017/03/mark-zuckerberg-headshot-11.jpg?resize=605%2C403&ssl=1");
}
function lil(e) {
j(e).attr('src', "https://i0.wp.com/news.harvard.edu/wp-content/uploads/2017/03/mark-zuckerberg-headshot-11.jpg?resize=605%2C403&ssl=1");
}
}
// run the main function
main();
// cleaner syntax than match()
String.prototype.contains = function(it) { return this.indexOf(it) != -1; };
// close the opening invoked function
})();
Project 8 video
Project 5 extension
https://chrome.google.com/webstore/detail/silence/bchdghpjlpobcpfijboipecjaohpiibo
Project 6 pt 3/3
Project 6 pt 2/3
<!DOCTYPE html>
<html>
<body>
<style type="text/css">
.site {
float:left;
}
iframe {
float:left;
margin-bottom:30px;
height:800px;
width:700px;
}
</style>
<iframe src="https://www.sandyhookpromise.org/">
<p>Your browser does not support iframes.</p>
</iframe>
<iframe src="https://en.wikipedia.org/wiki/National_Rifle_Association">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
Project 6 pt 1/3
<!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 7 Ideas
dots where you click that other people can see
limited character one time messenger
Counter when you click something
Every time you share something your counter would go up
website that changes pictures of dogs whenever you click
only emoji communication
Every time you like something, the background color changes
text box that is like a mini game with one other person from friend list
Observe 4/2
My sister sent me this one.
I thought it was really interesting since it shared not only the memories but also included that the posts reached 500 likes. I also thought the wording of the smaller text was strange and made it seem like “Likes” are equivalent to people sending their love and support and that thanks to her posting, her WORLD is feeling a little closer.
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.
Observe
While playing a game that offers prizes in exchange for watching an ad, I decided that I didn’t care about the 50 extra gems. The game, however, had another idea and that idea was to threaten me with the lost of the reward. The most annoying thing was that the resume video option is a clear box you can click on and the close video option vaguely resembles an option you actively click.
Project 5 Ideas
- Switch all Donald Trump photos with a picture of the annoying orange.
- Changing all FB profile pics with the default profile picture.
- Swap all the photos on the Love section of Cosmo with a picture of Jesus
- Replace all tweets with “tweet tweet”
- Swap all ads with a picture of Elijah Wood as The Guy from Spy Kids 3.
- Every NYT headline replaced with “Bitch guess what”
- Replace all fonts with Papyrus.
- Every image on instagram is replaced with a picture of my cat, Clarence. He’s purrfect.
Project 0
While checking my time hop this photo of my sister and here friends popped up along with something new. The “see who remembers this” popped up right above the share button.
This is only the second time this has popped up. I’ve tried to figure out how it is decided but I can’t seem to recreate or trigger the pop up on any other post or even this one again.
Project 4 Code
// ** CHANGE @NAME, @NAMESPACE, and @DESCRIPTION
//
// ** If using for Tampermonkey, you can just paste this into
// ** the Tampermonkey editor
//
// ** If using for Chrome, CHANGE FIRST PART OF FILENAME
// ** (before the .user.js) and edit in a code editor like Atom
//
// ** EVERYTHING BETWEEN ==UserScript== lines is read by the browser
// as configuration information for the userscript
//
// ==UserScript==
// @name Basic Userscript Template
// @version 1.0
// @namespace basic-userscript-template
// @description demonstrates a userscript method for altering websites
// @require http://arts445.courses.bengrosser.com/files/ready-vanilla.js
// @require http://code.jquery.com/jquery-3.3.1.min.js
// @run-at document-start
//
// **WRITE MATCH STATEMENTS TO MATCH WEBSITE URLS (FOLLOW MY EXAMPLE)
//
// @match *://*.facebook.com/*
// @include *://*.facebook.com/*
// @exclude *://*.facebook.com/ai.php*
// @exclude *://*.facebook.com/ajax/*
// @exclude *://*.facebook.com/dialog/*
// @exclude *://*.facebook.com/connect/*
//
// ==/UserScript==// -----------------------------------------
//
//
//
//
// Basic Userscript Template
//
// This code demonstrates a general method for creating browser Usercripts
// that utilize jQuery to modify pages, whether static or dynamic. This
// can be used in Tampermonkey (which is how we'll start), or later,
// in Chrome extensions.
//
// written by grosser for ARTS 445: Net Art, sp '18
// this line (and the last one in the file) open and close
// an 'immediate invoked function', which keeps our
// code separate from other code running on the website
// just leave it here
(function() {
// jQuery on 'j' to avoid conflicts with page jQuery
var j;
function main() {
j = jQuery.noConflict();
ready('a.profileLink', function(e) { HideMe(e); });
ready('h5', function(e) { HideName(e); });
ready('div._38vo', function(e) { PhotoHide(e); });
ready('a.UFICommentActorName', function(e) { CommentNameHide(e); });
ready('div._ohe.lfloat', function(e) { CommentPhotoHide(e); });
function HideMe(e) {
j(e).hide();
}
function HideName(e) {
j(e).hide();
}
function PhotoHide(e) {
j(e).hide();
}
function CommentPhotoHide(e) {
j(e).hide();
}
function CommentNameHide(e) {
j(e).hide();
}
}
main();
String.prototype.contains = function(it) { return this.indexOf(it) != -1; };
})();
Observe
Wow I did it kids. 1,000 friends!!! This got me thinking about how many of those 1,000 “friends” I actually know still or how many of them are actually duplicates of old accounts. At the same time, this also made me want to keep adding friends to see what happens when I get to 2,000 or even 5,000.
Another interesting thing about this notification is that it also shows how long I’ve been friends with those 9 people who randomly popped up for this “celebration”.
Project 4
For Project 4 I decided to delete all the identifying features on FaceBook. This defeats the purpose of FB since we decide who we communicate with based on how well we actually know them. I know I personally only like or comment on certain posts if I genuinely know and like the person who posted it.
Ideas for Project 4
The NYT without any Trump text
Cosmo without any pictures in the Love section
Wikipedia with no text
Facebook with no pictures and names
NRA page with no text
NRA page with texts replace with “Our thoughts and prayers”
Wikipedia but all text is Shrek the Third script
Twitter but all text regarding Kardashian/Jenner and Trump is gone
Observe
One thing that has been seriously annoying me is the “In case you missed it” feature on Twitter.
These are tweets that I usually see anyways while scrolling or this message pops again to make sure that I REALLY did not miss it. I usually don’t like or retweet anything when these pop up so I am unsure why it keeps popping up and so frequently.
Code
// ==UserScript==
// @name New Userscript
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match https://en.wikipedia.org/wiki/Gordon_Ramsay*
// @grant none
// @require http://code.jquery.com/jquery-latest.js
// ==/UserScript==
(function() {
'use strict';
var j = jQuery.noConflict();
j('a').css('border', '3px solid orange');
j('a:contains("Ramsay")').append(' thinks youre fucking shit but ');
j('a.mw-wiki-logo').hide();
j('p').text('PISS OF MY WIKI PAGE YOU FUCKING DONKEY');
setInterval(fadeOutIn, 3000);
setTimeout(fadeOutIn, 2000);
function fadeOutIn() {
j('img').fadeOut(1000, fadeBackIn);
}
function fadeBackIn() {
j('img').fadeIn();
}
})();
Project 3
j(‘a’).append(‘ and Alyssa’);
j(‘p’).prepend(‘ ok sooooo’);
j(‘a’).prepend(‘ the very best ‘);
j(‘li:contains(“President Trump”)’).prepend(“Fuck Face McGee”);
j(‘a:contains(“Trump”)’).prepend(” Fuck face McGee”);