-
Notifications
You must be signed in to change notification settings - Fork 0
/
room.html
111 lines (110 loc) · 4.14 KB
/
room.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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>danielkjin - Voting App</title>
<meta name="viewport" content="width=device-width" />
<meta name="description" content="Planning poker tool design to be used for scrum teams within the Agile methodology">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel='stylesheet' type='text/css' href='css/main.css'>
<script src='/socket.io/socket.io.js'></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.5.0/semantic.min.css" integrity="sha512-KXol4x3sVoO+8ZsWPFI/r5KBVB/ssCGB5tsv2nVOKwLg33wTFP3fmnXa47FdSVIshVTgsYk/1734xSk9aFIa4A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script
src="https://code.jquery.com/jquery-3.1.1.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.5.0/semantic.min.js" integrity="sha512-Xo0Jh8MsOn72LGV8kU5LsclG7SUzJsWGhXbWcYs2MAmChkQzwiW/yTQwdJ8w6UA9C6EVG18GHb/TrYpYCjyAQw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src='js/helper.js'></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GLF17933WR"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-GLF17933WR');
</script>
</head>
<body>
<div class='ui segment'>
<div class='ui teal dividing header'>
<i class='dashboard icon'></i>
<div class='content'>
Voting App
<div class='sub header'>danielkjin</div>
</div>
</div>
</div>
<div id='loading'>
<div class='ui active dimmer'>
<div class='ui indeterminate text active loader'>
Connecting...
</div>
</div>
</div>
<i class='big reply icon'></i>
<div id='main'>
<div class='ui tertiary segment'> <a id='ribbon' class='ui ribbon label teal'>#<span id='roomNumber'></span></a>
<div class='ui toggle checkbox hidden'>
<input id='toggle' type="checkbox" name="privacy">
</div>
<div id='container'>
</div>
</div>
<div id='poker' class='ui twelve item teal menu'>
<a class='item'>0</a>
<a class='item'>1</a>
<a class='item'>2</a>
<a class='item'>3</a>
<a class='item'>5</a>
<a class='item'>8</a>
<a class='item'>13</a>
<a class='item'>21</a>
<a class='item'>34</a>
<a class='item'>55</a>
<a class='item'>89</a>
<a class='item'>?</a>
</div>
<div id='roman' class='hidden'>
<div class='ui button basic teal item'>
<i class='thumbs outline up icon big black'></i>
</div>
<div class='ui button basic teal item'>
<i class='thumbs outline down icon big black'></i>
</div>
<div class='ui button basic teal item'>
<i class='counterclockwise rotated thumbs outline down icon big black'></i>
</div>
</div>
<div id='reset' class='ui red basic labeled icon button hidden'>
<i class='retweet icon'></i>
Reset
</div>
<div id='reveal' class='ui teal basic labeled icon button hidden'>
<i class='arrow circle up icon'></i>
Reveal
</div>
<div class="ui icon button timer">
<i class="wait icon"></i>
</div>
<div id="timer" class="blue ui button hidden">
</div>
<div id='hidden'>
<div class='usershape ui text shape' style='display:none;'>
<div class='holder'><div class='name'>Anonymous</div></div>
<div class='sides'>
<div class='active ui header side front'>
<div class='user ui compact stacked segment'><h3 class='ui header'></h3></div>
</div>
<div class='ui header side back'>
<div class='user ui compact stacked segment red'>
<a class='ui right corner label hidden'>
<i class='close icon'></i>
</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>