social_stream 1.1.12 → 2.0.0.beta1

data/social_stream.gemspec

@@ -5,18 +5,18 @@ Gem::Specification.new do |s|
   s.version = SocialStream::VERSION.dup
   s.summary = "A core for building social network websites"
   s.description = "Social Stream is a Ruby on Rails engine for building social network websites. It supports contacts, posts, file uploads, private messages and much more."
-  s.authors = [ "GING - DIT - UPM",
-                "CISE - ESPOL" ]
+  s.authors = [ "GING - DIT - UPM" ]
   s.homepage = "http://social-stream.dit.upm.es/"
   s.files = `git ls-files`.split("\n")
 
   # Gem dependencies
-  s.add_runtime_dependency('social_stream-base', '~> 1.1.11')
-  s.add_runtime_dependency('social_stream-documents', '~> 1.1.4')
-  s.add_runtime_dependency('social_stream-events', '~> 1.1.1')
-  s.add_runtime_dependency('social_stream-linkser', '~> 1.1.2')
-  s.add_runtime_dependency('social_stream-presence', '~> 1.1.0')
-  s.add_runtime_dependency('social_stream-ostatus', '~> 1.1.1')
+  s.add_runtime_dependency('social_stream-base', '~> 2.0.0.beta1')
+  s.add_runtime_dependency('social_stream-documents', '~> 2.0.0.beta1')
+  s.add_runtime_dependency('social_stream-events', '~> 2.0.0.beta1')
+  s.add_runtime_dependency('social_stream-linkser', '~> 2.0.0.beta1')
+  s.add_runtime_dependency('social_stream-presence', '~> 2.0.0.beta1')
+  s.add_runtime_dependency('social_stream-ostatus', '~> 2.0.0.beta1')
+  s.add_runtime_dependency('social_stream-oauth2_server', '~> 2.0.0.beta1')
  
   # Development Gem dependencies
   #
@@ -24,22 +24,16 @@ Gem::Specification.new do |s|
   s.add_development_dependency('capybara', '~> 0.3.9')
   # Testing database
   case ENV['DB']
-  when 'mysql'
-    s.add_development_dependency('mysql2')
   when 'postgres'
     # Freeze pg version to 0.12.0
     # https://t.co/zKY52Efr
     s.add_development_dependency('pg', '0.12.0')
   else
-    s.add_development_dependency('sqlite3')
+    s.add_development_dependency('mysql2')
   end
   # Debugging
   unless ENV["CI"]
-    if RUBY_VERSION < '1.9'
-      s.add_development_dependency('ruby-debug')
-    else
-      s.add_development_dependency('debugger')
-    end
+    s.add_development_dependency('debugger')
   end
   # Specs
   s.add_development_dependency('rspec-rails', '~> 2.8.0')
@@ -49,4 +43,8 @@ Gem::Specification.new do |s|
   s.add_development_dependency('forgery', '~> 0.4.2')
   # Continous integration
   s.add_development_dependency('ci_reporter', '~> 1.6.4')
+  # pry
+  s.add_development_dependency('pry-rails', '~> 0.2.2')
+  # Rails panel
+  s.add_development_dependency('meta_request', '~> 0.2.0')
 end

data/spec/dummy/.gitignore

@@ -2,7 +2,8 @@ config/*sphinx.conf
 db/*.sqlite3
 db/*.sqlite3-journal
 db/sphinx
-documents
+documents/
+log/*pid
 log/*log
 public/images/tmp/
 public/system

data/spec/dummy/app/assets/javascripts/application.js

@@ -9,4 +9,5 @@
 //= require social_stream-events
 //= require social_stream-linkser
 //= require social_stream-presence
+//= require social_stream-oauth2_server
 //= require_tree .

data/spec/dummy/app/assets/stylesheets/application.css.sass

@@ -0,0 +1,8 @@
+/*
+ * This is a manifest file that'll automatically include all the stylesheets available in this directory
+ * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+ * the top of the compiled file, but it's generally better to create a new file per style scope.
+ *= require_self
+ *= require social_stream
+ *= require_tree . 
+ */

data/spec/dummy/app/assets/stylesheets/social_stream.css.sass

@@ -0,0 +1,13 @@
+/* Social Stream uses Sass intensively in order to keep the views
+ * cleaned and let you to fully customize the apparence of your 
+ * social network.
+ * This file ensures Social Stream's Sass files are compiled at the
+ * same time
+ */
+
+@import social_stream-base
+@import social_stream-documents
+@import social_stream-events
+@import social_stream-linkser
+@import social_stream-presence
+@import social_stream-oauth2_server

data/spec/dummy/app/controllers/dummy_controller.rb

@@ -0,0 +1,4 @@
+class DummyController < ApplicationController
+  def index
+  end
+end

data/spec/dummy/config/database.yml

@@ -4,19 +4,21 @@
 #   Ensure the SQLite 3 gem is defined in your Gemfile
 #   gem 'sqlite3'
 development:
-  adapter: sqlite3
-  database: db/development.sqlite3
-  pool: 5
-  timeout: 5000
+  adapter: mysql2
+  database: social_stream_development
+  pool: 8
+  username: 
+  encoding: utf8
 
 # Warning: The database defined as "test" will be erased and
 # re-generated from your development database when you run "rake".
 # Do not set this db to the same as development or production.
 test:
-  adapter: sqlite3
-  database: db/test.sqlite3
-  pool: 5
-  timeout: 5000
+  adapter: mysql2
+  database: social_stream_test
+  pool: 8
+  username: 
+  encoding: utf8
 
 test_mysql:
   adapter: mysql2

data/spec/dummy/config/environments/development.rb

@@ -27,4 +27,6 @@ Dummy::Application.configure do
 
   # Expands the lines which load the assets
   config.assets.debug = true
+
+  config.action_mailer.default_url_options = { :host => 'localhost:3000' }
 end

data/spec/dummy/config/initializers/devise.rb

@@ -1,9 +1,10 @@
-# Use this hook to configure devise mailer, warden hooks and so forth. The first
-# four configuration values can also be set straight in your models.
+# Use this hook to configure devise mailer, warden hooks and so forth.
+# Many of these configuration options can be set straight in your model.
 Devise.setup do |config|
   # ==> Mailer Configuration
-  # Configure the e-mail address which will be shown in DeviseMailer.
-  config.mailer_sender = "please-change-me@config-initializers-devise.com"
+  # Configure the e-mail address which will be shown in Devise::Mailer,
+  # note that it will be overwritten if you use your own mailer class with default "from" parameter.
+  config.mailer_sender = "please-change-me-at-config-initializers-devise@example.com"
 
   # Configure the class responsible to send e-mails.
   # config.mailer = "Devise::Mailer"
@@ -34,7 +35,12 @@ Devise.setup do |config|
   # Configure which authentication keys should be case-insensitive.
   # These keys will be downcased upon creating or modifying a user and when used
   # to authenticate or find a user. Default is :email.
-  # config.case_insensitive_keys = [ :email ]
+  config.case_insensitive_keys = [ :email ]
+
+  # Configure which authentication keys should have whitespace stripped.
+  # These keys will have whitespace before and after removed upon creating or
+  # modifying a user and when used to authenticate or find a user. Default is :email.
+  config.strip_whitespace_keys = [ :email ]
 
   # Tell if authentication through request.params is enabled. True by default.
   # config.params_authenticatable = true
@@ -48,20 +54,34 @@ Devise.setup do |config|
   # The realm used in Http Basic Authentication. "Application" by default.
   # config.http_authentication_realm = "Application"
 
+  # It will change confirmation, password recovery and other workflows
+  # to behave the same regardless if the e-mail provided was right or wrong.
+  # Does not affect registerable.
+  # config.paranoid = true
+
   # ==> Configuration for :database_authenticatable
   # For bcrypt, this is the cost for hashing the password and defaults to 10. If
   # using other encryptors, it sets how many times you want the password re-encrypted.
-  config.stretches = 10
+  #
+  # Limiting the stretches to just one in testing will increase the performance of
+  # your test suite dramatically. However, it is STRONGLY RECOMMENDED to not use
+  # a value less than 10 in other environments.
+  config.stretches = Rails.env.test? ? 1 : 10
+
+  # Setup a pepper to generate the encrypted password.
+  # config.pepper = "1e1a87311aed12687ca4aed94f1b01aca671fe53443889f050360aac4cd54eca2f648aaed52f6e7f1c3fa97e08bd92cfaf3fe9f13c1ce183140c5c5521cba309"
 
   # ==> Configuration for :confirmable
-  # The time you want to give your user to confirm his account. During this time
-  # he will be able to access your application without confirming. Default is 0.days
-  # When confirm_within is zero, the user won't be able to sign in without confirming.
-  # You can use this to let your user access some features of your application
-  # without confirming the account, but blocking it after a certain period
-  # (ie 2 days).
+  # A period that the user is allowed to access the website even without
+  # confirming his account. For instance, if set to 2.days, the user will be
+  # able to access the website for two days without confirming his account,
+  # access will be blocked just in the third day. Default is 0.days, meaning
+  # the user cannot access the website without confirming his account.
   # config.confirm_within = 2.days
 
+  # Defines which key will be used when confirming an account
+  # config.confirmation_keys = [ :email ]
+
   # ==> Configuration for :rememberable
   # The time the user will be remembered without asking for credentials again.
   # config.remember_for = 2.weeks
@@ -72,12 +92,18 @@ Devise.setup do |config|
   # If true, extends the user's remember period when remembered via cookie.
   # config.extend_remember_period = false
 
+  # Options to be passed to the created cookie. For instance, you can set
+  # :secure => true in order to force SSL only cookies.
+  # config.cookie_options = {}
+
   # ==> Configuration for :validatable
-  # Range for password length. Default is 6..20.
-  # config.password_length = 6..20
+  # Range for password length. Default is 6..128.
+  # config.password_length = 6..128
 
-  # Regex to use to validate the email address
-  # config.email_regexp = /^([\w\.%\+\-]+)@([\w\-]+\.)+([\w]{2,})$/i
+  # Email regex used to validate email formats. It simply asserts that
+  # an one (and only one) @ exists in the given string. This is mainly
+  # to give user feedback and not to assert the e-mail validity.
+  # config.email_regexp = /\A[^@]+@[^@]+\z/
 
   # ==> Configuration for :timeoutable
   # The time you want to timeout the user session without activity. After this
@@ -90,6 +116,9 @@ Devise.setup do |config|
   # :none            = No lock strategy. You should handle locking by yourself.
   # config.lock_strategy = :failed_attempts
 
+  # Defines which key will be used when locking and unlocking an account
+  # config.unlock_keys = [ :email ]
+
   # Defines which strategy will be used to unlock an account.
   # :email = Sends an unlock link to the user email
   # :time  = Re-enables login after a certain amount of time (see :unlock_in below)
@@ -104,6 +133,16 @@ Devise.setup do |config|
   # Time interval to unlock the account if :time is enabled as unlock_strategy.
   # config.unlock_in = 1.hour
 
+  # ==> Configuration for :recoverable
+  #
+  # Defines which key will be used when recovering the password for an account
+  # config.reset_password_keys = [ :email ]
+
+  # Time interval you can reset your password with a reset password key.
+  # Don't put a too small interval or your users won't have the time to
+  # change their passwords.
+  config.reset_password_within = 2.hours
+
   # ==> Configuration for :encryptable
   # Allow you to use another encryption algorithm besides bcrypt (default). You can use
   # :sha1, :sha512 or encryptors from others authentication tools as :clearance_sha1,
@@ -112,9 +151,6 @@ Devise.setup do |config|
   # REST_AUTH_SITE_KEY to pepper)
   # config.encryptor = :sha512
 
-  # Setup a pepper to generate the encrypted password.
-  # config.pepper = "6efecaefd488a07abded679d45be30dc97935d74c44825b647149a6fa30ee8cd5e05bb3a426ce8a87fcd75b04079b1bac68a079acdcc175800c4131dde7961f0"
-
   # ==> Configuration for :token_authenticatable
   # Defines name of the authentication token params key
   # config.token_authentication_key = :auth_token
@@ -142,19 +178,26 @@ Devise.setup do |config|
   # If you have any extra navigational formats, like :iphone or :mobile, you
   # should add them to the navigational formats lists.
   #
-  # The :"*/*" format below is required to match Internet Explorer requests.
-  # config.navigational_formats = [:"*/*", :html]
+  # The :"*/*" and "*/*" formats below is required to match Internet
+  # Explorer requests.
+  # config.navigational_formats = [:"*/*", "*/*", :html]
 
-  # The default HTTP method used to sign out a resource. Default is :get.
-  # config.sign_out_via = :get
+  # The default HTTP method used to sign out a resource. Default is :delete.
+  config.sign_out_via = :delete
 
   # ==> OmniAuth
   # Add a new OmniAuth provider. Check the wiki for more information on setting
   # up on your models and hooks.
   # config.omniauth :github, 'APP_ID', 'APP_SECRET', :scope => 'user,public_repo'
   config.omniauth :linkedin, "ekxfXU8nueVSMQ9fc5KJAryBkyztUlCBYMW3DoQPzbE79WhivvzhQloRNHCHgPeB", "WYiHFT-KKFgjd45W3-pEAficmXRHmN6_6DGwj1C_ZILJlSO1gBvv6VNYXU9tybGY"
-                      
   config.omniauth :facebook, "129571360447856","eef39dce5e20e76f77495c59623bdb38"
+  config.omniauth :socialstream, "1", "f9974ce87c455544f61cc960b58cf833eb039875ef27029449408857879a1e87283c86558e46fa431d37a3c5590ba92612c51dfd0872ccff35cbecf3910eaa02", {
+    client_options: {
+      site: 'http://localhost:3001',
+      authorize_url: 'http://localhost:3001/oauth2/authorize',
+      token_url: 'http://localhost:3001/oauth2/token',
+    }
+  }
 
   #re state_less token removal 
   #https://github.com/plataformatec/devise/issues/1499
@@ -165,7 +208,6 @@ Devise.setup do |config|
   # change the failure app, you can configure them inside the config.warden block.
   #
   # config.warden do |manager|
-  #   manager.failure_app   = AnotherApp
   #   manager.intercept_401 = false
   #   manager.default_strategies(:scope => :user).unshift :some_external_strategy
   # end

data/spec/dummy/config/initializers/social_stream-presence.rb

@@ -0,0 +1,44 @@
+SocialStream::Presence.setup do |config| 
+  #Configures Web Server Domain served by XMPP Server
+  config.domain = "demo-social-stream.dit.upm.es"
+  #Configures Bosh Service Path
+  config.bosh_service = "http://demo-social-stream.dit.upm.es/http-bind/"
+  #Configures Authentication Method: "cookie" or "password"
+  config.auth_method = "password"
+  #Configures XMPP Server Password
+  config.xmpp_server_password = ""
+  #Uncomment to enable REST API Security
+  #config.secure_rest_api = true
+  #Remote or local mode
+  config.remote_xmpp_server = false
+  #Scripts path to execute ejabberd scripts: local or remote
+  config.scripts_path = "/scripts_path"
+  #Ejabberd module path in the xmpp server
+  config.ejabberd_module_path = "/usr/lib/ejabberd/ebin"
+  #Uncomment to enable Social Stream Presence
+  config.enable = true
+  
+  #Parameters for remote mode
+  #SSH Login
+  #config.ssh_domain = "domain"
+  #config.ssh_user = "login"
+  #Comment to allow SSH authentication with key instead of password
+  #config.ssh_password= "password"
+
+  #Configure to use a Xmpp Client on Rails App
+  #Username of the the Social Stream Admin sid
+  config.social_stream_presence_username = "social_stream-presence"
+  #Configures Social Stream Rails App Password
+  config.password = ""
+  
+  #OpenTok settings (Only for videochat)
+  #Replace with your OpenTok API key.
+  #config.opentok_api_key = ""
+  #Replace with your OpenTok API secret.
+  #config.opentok_api_secret = ""
+  
+  #Multiplayer Games Service
+  #Uncomment to enable Multiplayer Games Service
+  #config.games = true
+
+end if Rails.env == "development"

data/spec/dummy/config/routes.rb

@@ -1,6 +1,8 @@
 Dummy::Application.routes.draw do
   devise_for :users, :controllers => {:omniauth_callbacks => 'omniauth_callbacks'}
 
+  match 'dummy' => 'dummy#index'
+
   # The priority is based upon order of creation:
   # first created -> highest priority.
 

data/spec/dummy/config/sphinx.yml

@@ -0,0 +1,12 @@
+development:
+  enable_star: 1
+  min_infix_len: 1
+  expand_keywords: 1
+test:
+  enable_star: 1
+  min_infix_len: 1
+  expand_keywords: 1
+production:
+  enable_star: 1
+  min_infix_len: 1
+  expand_keywords: 1

data/spec/dummy/public/404.html

@@ -1,26 +1,323 @@
 <!DOCTYPE html>
 <html>
-<head>
-  <title>The page you were looking for doesn't exist (404)</title>
-  <style type="text/css">
-    body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
-    div.dialog {
-      width: 25em;
-      padding: 0 4em;
-      margin: 4em auto 0 auto;
-      border: 1px solid #ccc;
-      border-right-color: #999;
-      border-bottom-color: #999;
-    }
-    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
-  </style>
-</head>
-
-<body>
-  <!-- This file lives in public/404.html -->
-  <div class="dialog">
-    <h1>The page you were looking for doesn't exist.</h1>
-    <p>You may have mistyped the address or the page may have moved.</p>
-  </div>
-</body>
-</html>
+  <head>
+    <title>
+      The page you were looking for doesn't exist (404)
+    </title>
+
+    <script>
+      // animation globals
+      var t=0; 
+      var frameInterval = 2; // in ms
+      var canvas = null; // canvas DOM object
+      var context = null; // canvas context
+       
+      // ball globals
+      var ballRadius = 10;
+       
+      // physics globals
+      var collisionDamper = 0.3;
+      var floorFriction = 0.0005 * frameInterval;
+      var mouseForceMultiplier = 1 * frameInterval;
+      var restoreForce =0.002 * frameInterval;
+       
+      var mouseX = 99;
+      var mouseY = 99;
+       
+      var balls = null;
+       
+      function Ball(x,y,vx,vy,color) {
+        this.x=x;
+        this.y=y;
+        this.vx=vx;
+        this.vy=vy;
+        this.color=color;
+       
+        this.origX = x;
+        this.origY = y;
+      }
+       
+      function init() {
+        canvas=document.getElementById("myCanvas");
+        context=canvas.getContext("2d");
+        initStageObjects();
+        setInterval(updateStage, frameInterval);
+      }
+       
+      function updateStage() {
+        t+=frameInterval; 
+        clearCanvas();
+        updateStageObjects();
+        drawStageObjects(); 
+      }
+       
+      function initStageObjects() {
+        balls = new Array();
+       
+        var blue = "#049cdb";
+        var red="#EF2B36";
+        var yellow = "#FFC636";
+        var green="#02A817";
+       
+          // 4
+        balls.push(new Ball(410,229,0,0,blue));
+        balls.push(new Ball(410,249,0,0,blue));
+        balls.push(new Ball(410,269,0,0,blue));
+        balls.push(new Ball(370,269,0,0,blue));
+        balls.push(new Ball(390,249,0,0,blue));
+        balls.push(new Ball(410,289,0,0,blue));
+        balls.push(new Ball(330,309,0,0,blue));
+        balls.push(new Ball(410,309,0,0,blue));
+        balls.push(new Ball(330,329,0,0,blue));
+        balls.push(new Ball(410,329,0,0,blue));
+        balls.push(new Ball(350,289,0,0,blue));
+        balls.push(new Ball(430,329,0,0,blue));
+        balls.push(new Ball(390,329,0,0,blue));
+        balls.push(new Ball(370,329,0,0,blue));
+        balls.push(new Ball(350,329,0,0,blue));
+        balls.push(new Ball(410,349,0,0,blue));
+        balls.push(new Ball(410,369,0,0,blue));
+
+        // 0
+        balls.push(new Ball(490,229,0,0,blue));
+        balls.push(new Ball(510,229,0,0,blue));
+        balls.push(new Ball(530,229,0,0,blue));
+        balls.push(new Ball(550,229,0,0,blue));
+        balls.push(new Ball(570,249,0,0,blue));
+        balls.push(new Ball(570,269,0,0,blue));
+        balls.push(new Ball(570,289,0,0,blue));
+        balls.push(new Ball(570,309,0,0,blue));
+        balls.push(new Ball(570,329,0,0,blue));
+        balls.push(new Ball(570,349,0,0,blue));
+        balls.push(new Ball(470,249,0,0,blue));
+        balls.push(new Ball(470,269,0,0,blue));
+        balls.push(new Ball(470,289,0,0,blue));
+        balls.push(new Ball(470,309,0,0,blue));
+        balls.push(new Ball(470,329,0,0,blue));
+        balls.push(new Ball(470,349,0,0,blue));
+        balls.push(new Ball(490,369,0,0,blue));
+        balls.push(new Ball(510,369,0,0,blue));
+        balls.push(new Ball(530,369,0,0,blue));
+        balls.push(new Ball(550,369,0,0,blue));
+       
+        // 4
+        balls.push(new Ball(690,229,0,0,blue));
+        balls.push(new Ball(690,249,0,0,blue));
+        balls.push(new Ball(690,269,0,0,blue));
+        balls.push(new Ball(650,269,0,0,blue));
+        balls.push(new Ball(670,249,0,0,blue));
+        balls.push(new Ball(690,289,0,0,blue));
+        balls.push(new Ball(610,309,0,0,blue));
+        balls.push(new Ball(690,309,0,0,blue));
+        balls.push(new Ball(610,329,0,0,blue));
+        balls.push(new Ball(690,329,0,0,blue));
+        balls.push(new Ball(630,289,0,0,blue));
+        balls.push(new Ball(710,329,0,0,blue));
+        balls.push(new Ball(670,329,0,0,blue));
+        balls.push(new Ball(650,329,0,0,blue));
+        balls.push(new Ball(630,329,0,0,blue));
+        balls.push(new Ball(690,349,0,0,blue));
+        balls.push(new Ball(690,369,0,0,blue));
+
+        // e
+        balls.push(new Ball(380,50,0,0,blue));
+        balls.push(new Ball(360,50,0,0,blue));
+        balls.push(new Ball(340,70,0,0,blue));
+        balls.push(new Ball(400,70,0,0,blue));
+        balls.push(new Ball(400,90,0,0,blue));
+        balls.push(new Ball(380,90,0,0,blue));
+        balls.push(new Ball(360,90,0,0,blue));
+        balls.push(new Ball(340,90,0,0,blue));
+        balls.push(new Ball(340,110,0,0,blue));
+        balls.push(new Ball(360,130,0,0,blue));
+        balls.push(new Ball(380,130,0,0,blue));
+
+        // r
+        balls.push(new Ball(480,50,0,0,blue));
+        balls.push(new Ball(440,50,0,0,blue));
+        balls.push(new Ball(460,70,0,0,blue));
+        balls.push(new Ball(440,70,0,0,blue));
+        balls.push(new Ball(440,90,0,0,blue));
+        balls.push(new Ball(440,90,0,0,blue));
+        balls.push(new Ball(440,110,0,0,blue));
+        balls.push(new Ball(440,130,0,0,blue));
+
+        // r
+        balls.push(new Ball(560,50,0,0,blue));
+        balls.push(new Ball(520,50,0,0,blue));
+        balls.push(new Ball(540,70,0,0,blue));
+        balls.push(new Ball(520,70,0,0,blue));
+        balls.push(new Ball(520,90,0,0,blue));
+        balls.push(new Ball(520,90,0,0,blue));
+        balls.push(new Ball(520,110,0,0,blue));
+        balls.push(new Ball(520,130,0,0,blue));
+
+        // o
+        balls.push(new Ball(620,50,0,0,blue));
+        balls.push(new Ball(600,50,0,0,blue));
+        balls.push(new Ball(580,70,0,0,blue));
+        balls.push(new Ball(640,70,0,0,blue));
+        balls.push(new Ball(580,90,0,0,blue));
+        balls.push(new Ball(640,90,0,0,blue));
+        balls.push(new Ball(580,110,0,0,blue));
+        balls.push(new Ball(640,110,0,0,blue));
+        balls.push(new Ball(620,130,0,0,blue));
+        balls.push(new Ball(600,130,0,0,blue));
+
+        // r
+        balls.push(new Ball(720,50,0,0,blue));
+        balls.push(new Ball(680,50,0,0,blue));
+        balls.push(new Ball(700,70,0,0,blue));
+        balls.push(new Ball(680,70,0,0,blue));
+        balls.push(new Ball(680,90,0,0,blue));
+        balls.push(new Ball(680,90,0,0,blue));
+        balls.push(new Ball(680,110,0,0,blue));
+        balls.push(new Ball(680,130,0,0,blue));
+      }
+       
+      function drawStageObjects() {
+        for (var n=0; n<balls.length; n++) {  
+          context.beginPath();
+          context.arc(balls[n].x,balls[n].y,ballRadius,
+            0,2*Math.PI,false);
+          context.fillStyle=balls[n].color;
+          context.fill();
+        }
+      }
+       
+      function updateStageObjects() {
+        for (var n=0; n<balls.length; n++) {
+       
+          // set ball position based on velocity
+          balls[n].y+=balls[n].vy;
+          balls[n].x+=balls[n].vx;
+       
+          // restore forces
+          if (balls[n].x > balls[n].origX) {
+            balls[n].vx -= restoreForce;
+          }
+          else {
+            balls[n].vx += restoreForce;
+          }
+          if (balls[n].y > balls[n].origY) {
+            balls[n].vy -= restoreForce;
+          }
+          else {
+            balls[n].vy += restoreForce;
+          }
+       
+          // mouse forces
+          var distX = balls[n].x - mouseX;
+          var distY = balls[n].y - mouseY;
+       
+          var radius = Math.sqrt(Math.pow(distX,2) + 
+            Math.pow(distY,2));
+       
+          var totalDist = Math.abs(distX) + Math.abs(distY);
+       
+          var forceX = (Math.abs(distX) / totalDist) * 
+            (1/radius) * mouseForceMultiplier;
+          var forceY = (Math.abs(distY) / totalDist) * 
+            (1/radius) * mouseForceMultiplier;
+       
+          if (distX>0) { // mouse is left of ball
+            balls[n].vx += forceX;
+          }
+          else {
+            balls[n].vx -= forceX;
+          }
+          if (distY>0) { // mouse is on top of ball
+            balls[n].vy += forceY;
+          }
+          else {
+            balls[n].vy -= forceY;
+          }
+       
+          // floor friction
+          if (balls[n].vx>0) {
+            balls[n].vx-=floorFriction;
+          }
+          else if (balls[n].vx<0) {
+            balls[n].vx+=floorFriction;
+          }
+          if (balls[n].vy>0) {
+            balls[n].vy-=floorFriction;
+          }
+          else if (balls[n].vy<0) {
+            balls[n].vy+=floorFriction;
+          }
+       
+          // floor condition
+          if (balls[n].y > (canvas.height-ballRadius)) {
+            balls[n].y=canvas.height-ballRadius-2;
+            balls[n].vy*=-1; 
+            balls[n].vy*=(1-collisionDamper);
+          }
+       
+          // ceiling condition
+          if (balls[n].y < (ballRadius)) {
+            balls[n].y=ballRadius+2;
+            balls[n].vy*=-1; 
+            balls[n].vy*=(1-collisionDamper);
+          }
+       
+          // right wall condition
+          if (balls[n].x > (canvas.width-ballRadius)) {
+            balls[n].x=canvas.width-ballRadius-2;
+            balls[n].vx*=-1;
+            balls[n].vx*=(1-collisionDamper);
+          }
+       
+          // left wall condition
+          if (balls[n].x < (ballRadius)) {
+            balls[n].x=ballRadius+2;
+            balls[n].vx*=-1;
+            balls[n].vx*=(1-collisionDamper);
+          } 
+        }
+      }
+       
+      function clearCanvas() {
+        context.clearRect(0,0,canvas.width, canvas.height);
+      }
+       
+      function handleMouseMove(evt) {
+        mouseX = evt.clientX - canvas.offsetLeft;
+        mouseY = evt.clientY - canvas.offsetTop;  
+      }
+       
+      function handleMouseOut() {
+        mouseX = 99999;
+        mouseY = 99999;
+      }
+    </script>
+
+    <link href='http://fonts.googleapis.com/css?family=Open+Sans:700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
+
+    <style type="text/css">
+      body {font-family:'Open Sans'; text-align:center; background-color:#f9f9f9; color:#999;}.bkgspc {margin-top:10px;}
+      header {color:#c4c4c4; font-size:45px; font-weight:bolder; vertical-align: top; padding:5px; display: inline; }
+      p { padding:5px; }
+      .canvas{width:1024px; height:700px;}
+      section.dialog {padding: 0 4em; margin: 12px auto 0 auto; border: 1px solid #ccc; border-right-color: #999; border-bottom-color: #999; background-color:white;}
+    </style>
+  </head>
+  <body onload="init()">
+    <div class="container">
+      <header>
+        We have a problem my friend
+      </header>
+      <section class="dialog">
+        <h1>
+          The page you were looking for doesn't exist.
+        </h1>
+        <p>
+          You may have mistyped the address or the page may have moved.
+        </p>
+      </section>
+      <canvas id="myCanvas" class="canvas"width="1024px" height="700" onmousemove="handleMouseMove(event)"
+            onmouseout="handleMouseOut()">
+      </canvas>
+    </div>
+  </body>
+</html>