/*
 * NOTE: This file generates fake tweet data, and is not intended to be part of your implementation.
 * You can safely leave this file untouched, and confine your changes to index.html.
 */

// set up data structures
window.streams = {};
streams.home = [];
streams.users = {};
streams.users.shawndrost = [];
streams.users.sharksforcheap = [];
streams.users.mracus = [];
streams.users.douglascalhoun = [];
window.users = Object.keys(streams.users);

// utility function for adding tweets to our data structures
var addTweet = function(newTweet) {
        var username = newTweet.user;
        streams.users[username].push(newTweet);
        streams.home.push(newTweet);
    };

// utility function
var randomElement = function(array) {
        var randomIndex = Math.floor(Math.random() * array.length);
        return array[randomIndex];
    };

// random tweet generator
var opening = ['just', '', '', '', '', 'ask me how i', 'completely', 'nearly', 'productively', 'efficiently', 'last night i', 'the president', 'that wizard', 'a ninja', 'a seedy old man'];
var verbs = ['downloaded', 'interfaced', 'deployed', 'developed', 'built', 'invented', 'experienced', 'navigated', 'aided', 'enjoyed', 'engineered', 'installed', 'debugged', 'delegated', 'automated', 'formulated', 'systematized', 'overhauled', 'computed'];
var objects = ['my', 'your', 'the', 'a', 'my', 'an entire', 'this', 'that', 'the', 'the big', 'a new form of'];
var nouns = ['cat', 'koolaid', 'system', 'city', 'worm', 'cloud', 'potato', 'money', 'way of life', 'belief system', 'security system', 'bad decision', 'future', 'life', 'pony', 'mind'];
var tags = ['#techlife', '#burningman', '#sf', 'but only i know how', 'for real', '#sxsw', '#ballin', '#omg', '#yolo', '#magic', '', '', '', ''];

var randomMessage = function() {
        return [randomElement(opening), randomElement(verbs), randomElement(objects), randomElement(nouns), randomElement(tags)].join(' ');
    };

// generate random tweets on a random schedule
var generateRandomTweet = function() {
        var tweet = {};
        tweet.user = randomElement(users);
        tweet.message = randomMessage();
        tweet.created_at = new Date();
        addTweet(tweet);
    };

for (var i = 0; i < 100; i++) {
    generateRandomTweet();
}

var scheduleNextTweet = function() {
        generateRandomTweet();
        setTimeout(scheduleNextTweet, Math.random() * 1500);
    };
scheduleNextTweet();

// utility function for letting students add "write a tweet" functionality
// (note: not used by the rest of this file.)
var writeTweet = function(message) {
        if (!visitor) {
            throw new Error('set the global visitor property!');
        }
        var tweet = {};
        tweet.user = visitor;
        tweet.message = message;
        addTweet(tweet);
    };

Setting Validate Copy Format

body {
  background-color: #87CEFA;
}

h1{
  font-family: cursive;
  text-align: center;
  background-color: white;
  font-size: 60px;
}

#tweetList{
  height: 700px;
  width: 1150px;
  border-style: solid;
  border-width: 10px;
  font-size: 20px;
  background-color: white;
  
  /*overflow:hidden;
  */
}
#eachTweet{
  color: blue;
}
button {
  background-color: #00008B;
  border: none;
  color: white;
  padding: 15px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  font-family: cursive;
}

img{
  width: 6%;
  height: 6%;
}

button.user {
  
  color: blue;
  background:none;
  border:none;
}

Setting Validate Copy Format

<!DOCTYPE html>
<html>
  <head>
    <script src="jquery.js"></script>
    <script src="data_generator.js"></script>
    <link rel="stylesheet" href="stylesheet.css">
  </head>
  <body>
  <h1><img src="http://vignette4.wikia.nocookie.net/pokemon/images/c/c5/144Articuno_OS_anime_2.png/revision/latest?cb=20150609035010">Twittler</h1>
  <div id='tweetList'></div>
  <button class='generator'>Generate a new Tweet</button>
    <script>

      $(document).ready(function(){
        var tweetList = $('#tweetList');
        tweetList.html('');
        var count = 0;
        var index = streams.home.length - 1; //index of 9 (10 -1)
        var initialTweet = 10;
        while(initialTweet >= 0){ //initialize the first 10 tweets
          var tweet = streams.home[index]; //the tweet object at that array index
          var $tweet = $("<div id='eachTweet'><button class='user'></button><span id='info'></span></div>"); //jquery object to store the text
          $tweet.find('.user').text(count + '@' + tweet.user + ':')
          $tweet.find('#info').text(tweet.message + ' ' + tweet.created_at); //gives the tweet variable this text
          $tweet.appendTo(tweetList); //places the text just after the body
          initialTweet --;
          count++;
          index--;
        }

        $(".generator").on("click", function(){
          var indx = streams.home.length - 1;
          var aTweet = streams.home[indx];
          var $aTweet = $("<div id='eachTweet'><button class='user'></button><span id='info'></span></div>");
          $aTweet.find('.user').text(count + '@' + aTweet.user + ':')
          $aTweet.find('#info').text(aTweet.message + ' ' + aTweet.created_at); //gives the tweet variable this text
          $aTweet.appendTo(tweetList);
          count++;
          $("#tweetList div").first().remove();
        });

        $('.user').on("click", function(){
          console.log(10)
        });
      });

    </script>
  </body>
</html>

Copy Format

Download