-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
149 lines (139 loc) · 6.17 KB
/
about.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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
<title>Isolation Cube</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="main.css" rel="stylesheet" type="text/css">
</head>
<body id="home" data-spy="scroll" data-target=".navbar" data-offset="60">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar navbar-header text-right">
<!-- Condensed menu displays on mobile -->
<button type="button" class="navbar-toggle mobile-only" data-toggle="collapse" data-target="#myNavbar" style="display:inline, hide;">
<span style="float:left;"><strong>MENU </strong></span>
<span class="glyphicon glyphicon-menu-hamburger" style="float:right; font-size:1.2em"></span>
</button>
<ul class="nav navbar-brand navbar-left">
<li>Who's in the cube!?</li>
</ul>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<!-- Need toggle and target to collapse correctly on mobile -->
<li><a data-toggle="collapse" data-target=".navbar-collapse.in" href="index.html">HOME</a></li>
<li class="active"><a data-toggle="collapse" data-target=".navbar-collapse.in" href="#">ABOUT</a></li>
<li><a data-toggle="collapse" data-target=".navbar-collapse.in" href="tweet.html">COMMANDS</a></li>
<!-- <li><a data-toggle="collapse" data-target=".navbar-collapse.in" href="polls.html">PAST POLLS</a></li> -->
<li><a data-toggle="collapse" data-target=".navbar-collapse.in" href="https://github.com/nab0310/HackISUF2017" target="_blank">GITHUB</a></li>
<li><a data-toggle="collapse" data-target=".navbar-collapse.in" href="contact.html">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
<br><br><br>
<div class="container-fluid">
<div class="row content">
<div class="col-sm-3 sidenav">
<br>
<h4 class="center">Current Top 10</h4>
<table id="currentTop" style="width:100%" class="table table-striped table-condensed table-bordered">
<tr>
<th>ID</th>
<th>Request</th>
<th>Votes</th>
</tr>
</table>
<hr>
<!-- Live Twitter Feed -->
<a class="twitter-timeline" href="https://twitter.com/search?q=ProjectCube1" data-widget-id="921776789390798848">Tweets about ProjectCube1</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';
if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>
</div>
<div class="col-sm-9">
<div class="page-header">
<h2>About the Isolation Cube</h2>
</div>
<div id="info">
<p>
The Isolation Cube is here as a test of society. The person in
the cube is bound to the will of his observers, directing his
life from far away. What happens in the isolation cube is a
reflection of society. Whether our participant leaves sane or
as a husk of his former self is all on us.
</p>
<br>
<p>
To participate in the project, you can watch a
live stream of the Isolation Cube, showing the participant in
real time. Then, to control his life and environment, you can send
DM's from your twitter account to
<strong><a href="https://twitter.com/ProjectCube1?lang=en" target="_blank"> @projectcube1 </a></strong>
to vote and submit actions. Check out the commands tab to see how to do
that. In general you can command the person in the room to do
anything (that doesn't break the basic rules at the bottom)
and you can also command that something be done to the
participant or the environment by a "conductor" who only enters
the room to perform those actions. Every <strong>15 minutes
</strong> the action leaderboard is refreshed, allowing a new
action to rise to the top. Whatever the the top action is at the
end of a refresh period will be what happens.
</p>
<br>
<p>
*Note: You must follow the twitter account in order to send/ recieve DM's.
</p>
</div>
<hr>
<div id="vid2">
<h4>Rules</h4>
<ol>
<li>No open flames</li>
<li>No complete nudity</li>
<li>No significant injuries</li>
<li>Nothing illegal</li>
<li>No animals</li>
<li>No damage to the room</li>
</ol>
<p>
</p>
</div>
</div>
</div>
</div>
<footer class="container-fluid">
<p>HackISU Fall 2017: A short weekend project</p>
</footer>
<script>
$(document).ready(function(){
$.ajax({
url: "/getTop"
}).done(function(data){
//put data into table
//var data = json.parse(returnData);
console.log(data);
var i;
for(i=0; i < data.length; i++){
$("#currentTop").append($('<tr>')
.append($('<td>')
.text(data[i].UUID)
)
.append($('<td>')
.text(data[i].text)
)
.append($('<td>')
.text(data[i].votes)
)
);
}
});
});
</script>
</body>
</html>