Project 8 (my code)

.site {
float:top;
}
iframe {
float:right;
margin-bottom:5px;
height:350px;
width:800px;
}
body {
position: sticky;
padding-left:30%;

padding-right:20%;
padding-bottom:2%;
background-color:black;
}

Second Set of Code:

body {
background-color: black;
}
#log{
color: black;
}
.dot {
background-color: red;
border-radius: 50%;
display: inline-block;
width: 70px;
height: 70px;
position: absolute;
}

var config = {
apiKey: “AIzaSyD0gBQqKpHEjzAU7Gw96OaxZ3PdmqOG5Bo”,
authDomain: “sing-for-you.firebaseapp.com”,
databaseURL: “https://sing-for-you.firebaseio.com”,
projectId: “sing-for-you”,
storageBucket: “sing-for-you.appspot.com”,
messagingSenderId: “545356361457”
};

firebase.initializeApp(config);
var j = jQuery.noConflict();

var db = firebase.database();

var dot = db.ref(“dot”);

var currentMousePos = { x: -1, y: -1 };

dot.on(‘value’,function(dataSnapshot) {
var rawData = dataSnapshot.val(); // “300,”100″
var xyData = rawData.split(‘,’);
var x = xyData[0];
var y = xyData[1];
x = x – 35;
y = y – 35;
j(‘#log’).text(x+”,”+y);
var newDot = j(“

“);
newDot.css(“left”, x+”px”);
newDot.css(“top”, y+”px”);
newDot.css(“background-color”,”red”);
j(“.dot”).remove();
//j(‘#draggable’).append(newDot);
j(‘#container’).append(newDot);
});
/*
dbCount.on(‘value’)
//
*/
j(document).ready(function() {

j(document).click(function(e) {
var position = e.pageX+”,”+e.pageY;
dot.transaction(function() {
return position;
})
})
})

‘undefined’=== typeof _trfq || (window._trfq = []);’undefined’=== typeof _trfd && (window._trfd=[]),_trfd.push({‘tccl.baseHost’:’secureserver.net’}),_trfd.push({‘ap’:’cpsh’},{‘server’:’a2plcpnl0097′}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.