I thought to try to make the experience of surfing reddit more on the merit of your own interests than the community. I tried to get rid of everything that focused on classifying things and rating as well.

https://chrome.google.com/webstore/search/deleddit

So I decided that even though I did not have social media, I could abuse the account of my girlfriend! I decided that my favorite emoji is the cute little angry reacts guy. I’ve seen angry reacts only memes, so I wanted to see what would actually happen if I did angry reacts everything. I also made a series of posts about it just to see what people would think. After the initial post the following day I made it so I posted a couple meme related things to see how people would react. People seem to follow a trend of thinking it was funny and slowly becoming concerned or people becoming concerned right away. I thought it was interesting that even though I tried to make it obvious that it was satirical or jokingly people still were concerned with just a simple reaction. I got some pretty funny responses from people that I posted below.

This picture was a response from my girlfriend’s uncle so she wouldn’t let me angry reacts only this out of concern that he would be worried.

This is from her best friend.

This is my project 5 and 4. Apparently, no matter what code i tried typing nothing wanted to work after changing my project idea at least four times now. For Project 5 it’s just this extension that changes the Wikipedia font to wingbats or something. I thought It’d be like decrypting the information we look for and Wikipedia is a big site that we use to find info on things, so in order to use that we have to translate it. The tricky part is the fade in and fade out. So not only do you have limited time, you have limited visibility. I thought it was funny trying to see people copy the text and converting it and trying to figure out where they left off.

Project Erase, however the extension does not cooperate and the code is so basic I’m still left scratching how hiding an image or just a div doesn’t want to work. Seriously, I switched this project from PornHub to Youtube to Facebook to CNN and then to Fox. I tried our course website lastly. I don’t know what the deal is but it was suppose to simply remove images on those sites and then remove the posts on the blog.

https://chrome.google.com/webstore/detail/new-helvetica/afihnngkkgecijkhmgnjekfjdjdahnoa

The best idea I came up with for my final project is an extension for Youtube. This extension would take the a huge aspect of what makes youtube so popular and flip it upside down and that would be the the idea of the “You” in Youtube and personalizing what videos you see on the daily. What if every video you clicked on sent you to a random video and there was no way to subscribe to a channel to keep seeing their content. It would almost force the user into viewing new videos and expanding their horizons instead of pigeon-holing themselves into one type of videos. The subscribe button would be unavailable and maybe using a random function can somehow give a person a random video per every click of a video link

I’m still not certain what I can do and the ability I have to do it. But one idea was to somehow have come to the website and type in a username and have their location mapped and display a pin on a map relatively in that area. I feel like it would be kinda funny for people to type in something so basic as just a username and have their location identified. I don’t know if that’d be possible with firebase, have multiple pins throughout the map.

Another idea that I am positive I probably can’t do is creating some sort of animation that makes Facebook shake or glitch up so you can’t really see what you are doing. I thought it can be a play on data breaching or social media exhaustion that it’s simply giving out. Obviously both these ideas are out there, but It would be great if their was a manageable way.

1. Drawings on snapchat so when you tap, you see an animation.
2. Change pronouns on all websites to they/them pronouns.
3. Messing with AI, use only AI to communicate? For example, send a message that someone sent to me to cleverbot, and I send cleverbot’s response back to the original person.
   1. Wolfram Alpha, Siri, Alexa, Cleverbot

I want to see if I can use the tools of project 7 to finally develop the idea of the collective rolling snowball. I want to use the database to track arrow movements and increasing and decreasing values to adjust the size of a rolling snowball that collectively gets bigger with more participation.

I plan to further develop a past project for project 8.

I think I will probably continue looking further into project 5, where I swapped the position of the authors name and article title on the NYTimes. This was a great concept and I think if I spent more time I could create something neat.

My other option would be to continue with my food instagram account and then create a website of my findings, but Im not sure this would apply well to what I need to accomplish in project 8. OR I could do something more with my project where I deleted prices, because that was a interesting concept as well.

1. Allow a user to content swap between two select sites (provide several pre-set options and then swap headlines/content/images)
2. A new chair icon placed at the user’s choice in a designated space for the number of people “sitting in a room with you” –> virtual copresence, dibs on your spot.
3. Dense grid of “lights” like an LED grid –> clicking on a spot turns it on and off, creates a rudimentary pixelated image.
4. Fully develop 7.Interact (bug fixes)

• Illuminati checker – check for the word triangle, Illuminati related things, possibly add triangle/illuminati related things
• remove all user/names and replace them with random numbers on twitter, Facebook
• replace gun with something silly, bubble, sandwich, pictures of spider man
• (Possibly impossible at my skill level) add random items to your amazon cart with a random item button
• setting up a prisoners’ dilemma with a database
• replace foxnews articles with cnn articles, vice versa

<!DOCTYPE html>
<head>
  <title>Firebase Counter Demo</title>

  <!-- inline style (could be replaced with a linked .css file -->
  <style>
    button { 
        border:1px solid gray;
        width:40px; 
        padding:10px 10px;
          margin-bottom:5px;
    }

    body {
        font-size:180%;
        font-family:"Open Sans";
    }

    .dot {
      width:6px;
      height:6px;
      border-radius:50%;
      position:absolute;
      background-color:black;
      left:0;
      top:0;
      opacity:0.5;
    }

    .box {
      width:100px;
      height:100px;
      background-color:green;
      position:absolute;
      left:0;
      top:0;
    }

  </style>

  <!-- load firebase and jquery code -->
  <script src="https://www.gstatic.com/firebasejs/4.12.0/firebase.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>

<!-- firebase interaction code -->
<script>

  var j = jQuery.noConflict();
  
  // Initialize Firebase
  // PASTE BELOW YOUR var config = { ... set of lines below
  var config = {
    apiKey: "AIzaSyDtpm4-ja20S0w7X8M8wXlakRWFgmQa9DY",
    authDomain: "test1-e3791.firebaseapp.com",
    databaseURL: "https://test1-e3791.firebaseio.com",
    projectId: "test1-e3791",
    storageBucket: "test1-e3791.appspot.com",
    messagingSenderId: "504865521252"
  };

  firebase.initializeApp(config);

  var db = firebase.database();
  var boxTop = db.ref("boxtop");
  var boxLeft = db.ref("boxleft");

  boxLeft.on('value',function(dataSnapshot) {
    var newLeft = dataSnapshot.val();
    j('.box').css("left", parseInt(newLeft)+"px");
  });

  boxTop.on('value',function(dataSnapshot) {
    var newTop = dataSnapshot.val();
    j('.box').css("top", parseInt(newTop)+"px");
  });



  j(document).ready(function() {

    j(document).keyup(function(e) {

      console.log("hi");
      if(e.keyCode == 38) { // up
        console.log("up");
        boxTop.transaction(function(current) {
          return current - 1;
        });
      }

      if(e.keyCode == 40) { // down 
        boxTop.transaction(function(current) {
          return current + 1;
        });
      }

      if(e.keyCode == 37) { // left
        boxLeft.transaction(function(current) {
          return current - 1;
        });
      }

      if(e.keyCode == 39) { // right
        boxLeft.transaction(function(current) {
          return current + 1;
        });
      }
  
    });

  });


</script>

  <!-- finally, our HTML -->
  <div id="container">
    <div class="box"></div>
  </div>

</body>
</html>

<!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>

<!DOCTYPE html>
<head>
  <title>Firebase Counter Demo</title>

  <!-- inline style (could be replaced with a linked .css file -->
  <style>
    button { 
        border:1px solid gray;
        width:40px; 
        padding:10px 10px;
          margin-bottom:5px;
    }

    body {
        font-size:180%;
        font-family:"Open Sans";
    }

    .dot {
      position:absolute;
      height:6px;
      width:6px;
      background-color:black;
      border-radius:50%;
    }
  </style>

  <!-- load firebase and jquery code -->
  <script src="https://www.gstatic.com/firebasejs/4.12.0/firebase.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>

<!-- firebase interaction code -->
<script>
  var j = jQuery.noConflict();

  var randomColor = Math.floor(Math.random() * 128);
  
// config here

  firebase.initializeApp(config);

  var db = firebase.database();
  var dot = db.ref("dot");
  var erase = db.ref("erase");
  var boxLocation = db.ref("boxLocation");
  var mydir = db.ref("dir");
  var userCount = db.ref("userCount");
  var seenUserCount = 0;


  dot.on('value',function(dataSnapshot) {
    var rawData = dataSnapshot.val(); // "300,100"
    var xyData = rawData.split(',');
    var x = xyData[0];
    var y = xyData[1];

    var newDot = j("<div class='dot'></div>");
    newDot.css("left", x+"px");
    newDot.css("top", y+"px");
    //newDot.css("background-color",100);
    j('#container').append(newDot);
  });

  erase.on('value',function() {
    j('.dot').remove();
  });

  boxLocation.on('value',function(dataSnapshot) {
    var position = dataSnapshot.val();
    j('#log').text(position);

  });

  userCount.on('value',function() {
    seenUserCount++;
    if(seenUserCount > 2) seenUserCount = true; 
    console.log("suc: "+seenUserCount);
  });

  // runs when the page is fully loaded
  j(document).ready(function() {
    userCount.transaction(function(current) {
      return current+1;
    });

    j(document).keydown(function(e) {
      var direction;

      console.log("WHAT");
      if(e.keyCode == 37) direction = "left";
      else if(e.keyCode == 39) direction = "right";

      console.log(direction);
      
      mydir.transaction(function(current) {
        return direction; 
      });



    });

      j('body').click(synth1);

    function synth1() {
      console.log("here");
      if(seenUserCount == true) return;
      else { console.log("play sound"); }
    }


    j(document).mousemove(function(e) {
      var position = e.pageX+","+e.pageY;


      dot.transaction(function() {
        return position;
      });

    });
  });


</script>

  <!-- finally, our HTML -->
  <div id="container">
    <div id="log"></div>
  </div>

</body>
</html>

fire base url

 
<!DOCTYPE html>
<head>
  <title>Click Confetti</title>
 
  <!-- inline style (could be replaced with a linked .css file -->
  <style>
    button { 
        border:1px solid gray;
        width:40px; 
        padding:10px 10px;
          margin-bottom:5px;
    }
 
    body {
        font-size:180%;
        font-family:"Open Sans";
    }
 
    .dot {
      position:absolute;
      height:30px;
      width:30px;
      background-color:black;
      border-radius:50%;
      opacity: 0.5;
    }
  </style>
 
  <!-- load firebase and jquery code -->
  <script src="https://www.gstatic.com/firebasejs/4.12.0/firebase.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
 
<body>
 
<!-- firebase interaction code -->
<script>
  var j = jQuery.noConflict();
 
  function getRandomColor() {
  var letters = '0123456789ABCDEF';
  var color = '#';
  for (var i = 0; i < 6; i++) {
    color += letters[Math.floor(Math.random() * 16)];
  }
  return color;
}
   

  // Initialize Firebase
  var config = {
    apiKey: "AIzaSyCdUZeJTXzbqEXfVzskUFOoY-Mqh9TnyvU",
    authDomain: "click-function-test.firebaseapp.com",
    databaseURL: "https://click-function-test.firebaseio.com",
    projectId: "click-function-test",
    storageBucket: "click-function-test.appspot.com",
    messagingSenderId: "257165968755"
  };

 
  firebase.initializeApp(config);
 
  var db = firebase.database();
  var dot = db.ref("dot");
  var erase = db.ref("erase");
 
  dot.on('value',function(dataSnapshot) {
    var rawData = dataSnapshot.val(); // "300,100"
    var xyData = rawData.split(',');
    var x = xyData[0];
    var y = xyData[1];
 
    var newDot = j("<div class='dot'></div>");
    newDot.css("left", x+"px");
    newDot.css("top", y+"px");
    newDot.css("background-color",getRandomColor);
    j('#container').append(newDot);
  });
 
  erase.on('value',function() {
    j('.dot').remove();
  });
 
 
  // runs when the page is fully loaded
  j(document).ready(function() {
    j(document).keypress(function() {
      erase.set(Math.random());
    });
 
 
 
    j(document).click(function(e) {
      var position = e.pageX+","+e.pageY;
 
      dot.transaction(function() {
        return position;
      });
 
    });
  });
 
 
</script>
 
  <!-- finally, our HTML -->
  <div id="container">
    <div id="log"></div>
  </div>
 
</body>
</html>

<!DOCTYPE html>
<head>
  <title>Firebase Counter Demo</title>

  <!-- inline style (could be replaced with a linked .css file -->
  <style>
    button { 
        border:1px solid gray;
        width:40px; 
        padding:10px 10px;
          margin-bottom:5px;
    }

    body {
        font-size:180%;
        font-family:"Open Sans";
    }

    .dot {
      position:absolute;
      height:6px;
      width:6px;
      background-color:black;
      border-radius:50%;
    }
  </style>

  <!-- load firebase and jquery code -->
  <script src="https://www.gstatic.com/firebasejs/4.12.0/firebase.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>

<!-- firebase interaction code -->
<script>
  var j = jQuery.noConflict();

  var randomColor = Math.floor(Math.random() * 128);
  
  // PUT YOUR CONFIG HERE

  firebase.initializeApp(config);

  var db = firebase.database();
  var dot = db.ref("dot");
  var erase = db.ref("erase");

  dot.on('value',function(dataSnapshot) {
    var rawData = dataSnapshot.val(); // "300,100"
    var xyData = rawData.split(',');
    var x = xyData[0];
    var y = xyData[1];

    var newDot = j("<div class='dot'></div>");
    newDot.css("left", x+"px");
    newDot.css("top", y+"px");
    //newDot.css("background-color",100);
    j('#container').append(newDot);
  });

  erase.on('value',function() {
    j('.dot').remove();
  });


  // runs when the page is fully loaded
  j(document).ready(function() {
    j(document).keypress(function() {
      erase.set(Math.random());
    });



    j(document).mousemove(function(e) {
      var position = e.pageX+","+e.pageY;

      dot.transaction(function() {
        return position;
      });

    });
  });


</script>

  <!-- finally, our HTML -->
  <div id="container">
    <div id="log"></div>
  </div>

</body>
</html>