forked from onigame/czar
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
224 lines (200 loc) · 9.33 KB
/
index.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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<html>
<head>
<title>Czar</title>
<!-- From realfavicongenerator.net -->
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/images/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/images/manifest.json">
<link rel="mask-icon" href="/images/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/images/favicon.ico">
<meta name="msapplication-config" content="/images/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<!-- Improve the mobile experience -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body { margin: 0px; background: #FFFFFF; color: #000000; font: 100% sans-serif; }
div#globalPadding { padding: 8px; }
div.internal { display: none; }
form a { font-size: 80%; margin-right: 10px; }
form a.missing { color: #888888; text-decoration: none; }
form a.invalid { color: #FF0000; text-decoration: line-through; }
form.marked a.missing { text-decoration: line-through; }
form { margin: 0; }
form.deleted { display: none; }
form.marked * { text-decoration: line-through; }
form.marked input { color: #000000; }
form.marked input.countdown { color: #AA0000; text-decoration: none; }
div#items > form.shaded { background: #DDD; }
div#items > form.shaded * { background: #DDD; }
div#items > form.shaded input { background: #DDD; border-color: #DDD }
input { font: 100% sans-serif; border: 1px solid #FFF; margin-right: 10px; }
input.dirty { border: 1px solid #77F !important }
input.empty { color: #888; }
input.focused { border: 1px solid #AAA !important }
input.inflight { border: 1px solid #BCF !important }
span.tootltip_wrap { position: relative; }
span.tooltip input { margin-right: 0; font-size: 80% }
span.tooltip {
position: absolute;
visibility: hidden;
padding: 3 3 3 3;
background: #FFF; border: 1px solid #888;
}
.ui-tooltip-content {
font-size: 60%;
}
#sm2-container {
width: 1px;
height: 1px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script src="https://apis.google.com/js/api.js" async defer></script>
<script src="config.js"></script>
<script src="stateserver.js"></script>
<script src="cookie.js"></script>
<script src="tags.js"></script>
<script src="who-data.js"></script>
<script src="notifier.js"></script>
<script src="googleaccess.js"></script>
<script src="czar.js"></script>
</head>
<body onload="start_czar(false)">
<div id="globalWrapper" style="width: 100%">
<div id="globalPadding">
<img src=images/czar_small.jpeg style="float: left; margin-right: 10; margin-bottom: 15;">
<div id=jobs style="float: right; text-align: right"></div>
<div style="margin-left: 10">
<h2 style="margin-top: 0">Czar
<a style="font-size:50%" href="who.html" target="_blank">(Go to Who)</a>
</h2>
<!-- id is "aaaaa" to make it sort before most users. --->
<span id='whoami.selector'>
<!-- The whoami select element gets auto-populated by XXX -->
Who are you? <select id="whoami">
<option id="whoami_sortkey_aaaaa" value="">Nobody</option>
<option id="whoami_sortkey_zzzzz" value="">Name not here? Go to 'who'
and add yourself!</option>
</select>
</span>
<br>
<span id="mystatus"></span>
<br>
See also:
<a id="hunt_url" target="_blank" href="">Hunt Site</a> (<span id="hunt_info"></span>),
<a id="team_url" target="_blank" href="">Team site</a>
</div>
<br clear=left>
<form id=create name=create style="margin-bottom: 10">
<input type=text name=label size=30 style='font-weight: bold'>
</form>
<div id=tags></div>
<hr>
<!-- The "items" div holds the sorted list of puzzles. It's the list -->
<!-- that's actually visible. -->
<div id=items></div>
<!-- The "unsorted" div holds a list of puzzles. Each puzzle is -->
<!-- represented by a <form> tag -->
<div id=unsorted class=internal></div>
<div id=tmp class=internal></div>
<hr>
<!-- documentation goes here. --->
<a href="mobile.html">Go to Czar for Mobile</a> |
<span id="showfaq"
style="cursor: pointer; color: blue; text-decoration: underline; display: inline;"
onclick="document.getElementById('faq').style.display='inline';
document.getElementById('showfaq').style.display='none';
document.getElementById('hidefaq').style.display='inline'">How Do I ...</span>
<span id="hidefaq"
style="cursor: pointer; color: blue; text-decoration: underline; display: none;"
onclick="document.getElementById('faq').style.display='none';
document.getElementById('showfaq').style.display='inline';
document.getElementById('hidefaq').style.display='none'">How Do I ...</span>
<span id="faq" style="display: none;">
<DL>
<DT><B>... get the grey buttons to stop saying "WhoRU?"</B></DT>
<DD>
In the upper-left corner, under "Czar", there's a box where you can tell Czar who you are.
Every time you reload the page, you'll have to answer this question again. Sorry about that.
You shouldn't need to reload the page most of the time; the data automatically refreshes.
(Also, when new puzzles arrive, the button will say "WhoRU?" until you change the contents
of that drop-down box. This is a bug, but we left it in, either because we didn't have time
to fix it or because we didn't want y'all to jump on the new puzzles.)
</DD>
<DT><B>... get a list of unsolved puzzles?</B></DT>
<DD>
In the "Filter by tags" section, make sure "solved" and "invert" are checked, and no
other boxes are.
</DD>
<DT><B>... see who is working on a puzzle?</B></DT>
<DD>
"(3p)" next to the button means that 3 people are working on it ("3" is just an
example, this could be any number). Hover your mouse over it to see who those people
are.
</DD>
<DT><B>... work on a new puzzle? ("new" as in it wasn't the last puzzle I was doing.)</B></DT>
<DD>
First you need to deal with the last puzzle that you were working on (one of the three
cases below). Then, click on the light-grey button that says "Do This" on the right
side of a puzzle. You'll be telling Czar that you're working on this puzzle, and leaving whatever
puzzle you were looking at. Make sure you are communicating with the people who
are already working on the puzzle.
</DD>
<DT><B>... indicate that I've solved a puzzle?</B></DT>
<DD>
Put the solution (if there is one) in the comment field, add your name(s) to it (so we can
come by and ask you how it worked if we need info for a meta), and add the "solved" tag to the
tags field. Then you can move on to a new puzzle!
</DD>
<DT><B>... indicate that we're not using the spreadsheet to solve the puzzle?</B></DT>
<DD>
Add the tag "nosheet" to the puzzle. The spreadsheet link will become a red strikethrough
word. Note that this change is purely cosmetic; the link will still link to any spreadsheet
that it linked to before, and can still be changed. It's just a way to notify the other
humans on the team that you don't plan to use the spreadsheet.
</DD>
<DT><B>... leave a puzzle that I've made no progress on to work on a new puzzle?</B></DT>
<DD>
Don't forget that "could not solve" is not the same as "no progress" -- if you've tried
things and didn't work, that's progress, and you should note it (see below). But if you
really didn't do anything, just go to a new puzzle.
</DD>
<DT><B>... leave a puzzle that I *have* made progress on to work on a new puzzle?</B></DT>
<DD>
Czar keeps track of when people clicked on "Do This", but has no idea who has made
progress. If you've made progress on a puzzle but haven't solved it, make sure you put your
name in the puzzle status area (between "sheet" and the tags) so other people
picking it up can ask what you've done. Something like "David can explain this."
Then click on "Do This" next to the new puzzle. Don't just jump to a new puzzle
without leaving a clean trail for us to follow, that's scummy.
</DD>
<DT><B>... "update my status" when I'm still on the same puzzle?</B></DT>
<DD>
Click on the green button next to your current puzzle (which displays how long since
you last clicked on it). This helps us know that you haven't fallen asleep or disappeared
without telling anybody.
</DD>
<DT><B>... see who has worked on a puzzle in the past?</B></DT>
<DD>
You can see this on the "who's doing what" page. Note that we don't distinguish
between people who spent a long time on a puzzle and people who briefly looked at
it and moved on. So please update the status box if you have real progress, or
at least looked at it for a while and confirmed certain things didn't work.
</DD>
<DT><B>... deal with the issue that I have a bunch of progress on a puzzle but I can't
write it down for whatever reason but I really need to stop working on it for a while
and I promise I'll come back to it and I know this is working on more than one puzzle
at a time but it's for a good cause please please please?</B></DT>
<DD>
Sigh. You can't do this in czar, but it is possible to denote this on the
"Who's doing what" page. It's an advanced option, you'll have to figure out how to
do it yourself or ask the Meta Czar.
</DD>
</span>
</div>
</div>
</body>
</html>