-
Notifications
You must be signed in to change notification settings - Fork 14
/
reactions.html
72 lines (64 loc) · 2.72 KB
/
reactions.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Facebook Live Reactions</title>
<!-- Bootstrap -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="style.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--
===========================
IMPORTANT: HOW TO CUSTOMISE
===========================
To change the reaction, FIND and REPLACE every instance of love or wow and change it to your desired reaction eg. haha, like, angry
To change the background image or colour scheme, edit the STYLE.CSS file
-->
<div class="container">
<div class="row" id="mainrow">
<div class="col-xs-6">
<center>
<h1>HOLDEN</h1>
<img src="love.png" class="rotate">
<h1 id="loveqty" class="qty">0</h1>
</center>
</div>
<div class="col-xs-6">
<center>
<h1>FORD</h1>
<img src="wow.png" class="rotate2">
<h1 id="wowqty" class="qty">0</h1>
</center>
</div>
</div> <!-- /row -->
</div> <!-- /cont -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script>
setInterval(function(){
$.get("./reactions.php?reaction=love", function(data, status){
document.getElementById('loveqty').innerHTML = data;
});
}, 1000);
setInterval(function(){
$.get("./reactions.php?reaction=wow", function(data, status){
document.getElementById('wowqty').innerHTML = data;
});
}, 1000);
</script>
</body>
</html>