-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex-cmu-2018.html
282 lines (247 loc) · 10.1 KB
/
index-cmu-2018.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
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
<!DOCTYPE html>
<html>
<head>
<title>Checklist for the LSST DESC Meeting (CMU 2018)</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css" rel="stylesheet">
<style>
html {
font-family: Arial, Helvetica, sans-serif;
color: #333;
}
a:any-link {
color: rgb(6, 155, 255);
}
#page {
max-width: 1000px;
margin: 16px auto;
padding: 0 12px 200px 12px;
}
pre {
display: inline;
white-space: normal;
size: 95%;
margin: 0 6px;
}
@supports (zoom:2) {
input[type=checkbox] {
zoom: 2;
}
}
@supports not (zoom:2) {
input[type=checkbox] {
transform: scale(1.6);
margin: 5px;
}
}
.progress-container {
width: 100%;
height: 30px;
background-color: #EEE;
margin: 30px 0;
position: sticky;
top: -1px;
}
#progress {
width: 1%;
height: 100%;
float: left;
background-color: rgb(6, 155, 255);
}
.item {
margin: 20px 0;
line-height: 1.2;
font-size: 120%;
display: flex;
}
.box {
margin-right: 12px;
vertical-align: top;
}
.text {
vertical-align: top;
flex-grow: 1;
}
.done {
text-decoration: line-through;
color: #999;
}
.footer {
text-align: center;
margin-top: 72px;
}
</style>
</head>
<body>
<div id="page">
<h1>Checklist for the LSST DESC Meeting (CMU 2018)</h1>
<p>Here’s a few useful things you can do to prepare yourself for the upcoming DESC meeting at CMU!</p>
<div class="progress-container">
<div id="progress"></div>
</div>
<div class="item">
<div class="box">
<input type="checkbox">
</div>
<div class="text">Check out and bookmark the
<a href="https://confluence.slac.stanford.edu/x/qXPVDQ" title="link to Confluence">meeting agenda page</a>, on both your laptop and phone. Make sure you remember your Confluence password.</div>
</div>
<div class="item">
<div class="box">
<input type="checkbox">
</div>
<div class="text">If you are preparing a presentation for the meeting, you can
<a href="https://confluence.slac.stanford.edu/x/hwobCw" title="link to Confluence">use our DESC templates</a>. Remember to upload or provide links to your presentation materials on the appropriate session
pages on Confluence <em>before</em> the session!
</div>
</div>
<div class="item">
<div class="box">
<input type="checkbox">
</div>
<div class="text">Join the Slack channel
<a href="https://lsstc.slack.com/messages/C90AMAG80/" title="link to LSSTC Slack">#desc-collab-meeting</a> to hear announcements and to chat with meeting participants (both in-person and virtual).
Hack Day participants should also join
<a href="https://lsstc.slack.com/messages/C2M8FG5A6/" title="link to LSSTC Slack">#desc-hack-sprint</a>.</div>
</div>
<div class="item">
<div class="box">
<input type="checkbox">
</div>
<div class="text">Make sure you have a NERSC account and remember your password (<em>nope, a SSH key is not enough</em>)!
<a href="https://confluence.slac.stanford.edu/x/mgRTD" title="link to Confluence">Need to apply for one?</a>
<a href="https://nim.nersc.gov/forgotpass.php">Forget your password?</a>
Questions? Ask them in the
<a href="https://lsstc.slack.com/messages/C2U2K05JR/" title="link to LSSTC Slack">#desc-nersc</a> Slack channel.
</div>
</div>
<div class="item">
<div class="box">
<input type="checkbox">
</div>
<div class="text">Run <pre>ssh -t <user>@cori.nersc.gov groups</pre> to make sure you are in the "lsst" group.
If not, contact Richard Dubois or Debbie Bard to request to be added to the "lsst" group.
</div>
</div>
<div class="item">
<div class="box">
<input type="checkbox">
</div>
<div class="text">Follow
the <a href="https://confluence.slac.stanford.edu/x/1_ubDQ" title="link to Confluence">instruction to install DESC jupyter kernels</a>. You will need them during the Collaboration meeting.
</div>
</div>
<div class="item">
<div class="box">
<input type="checkbox">
</div>
<div class="text">To prepare yourself for the DC2 tutorial, follow the instruction on this
<a href="https://confluence.slac.stanford.edu/x/Xgg4Dg" title="link to Confluence">step-by-step</a> guide. Also check out and bookmark the
<a href="https://confluence.slac.stanford.edu/x/oJgHDg" title="link to Confluence">DC2 Data Product Overview page</a>
and the
<a href="https://github.com/LSSTDESC/DC2_Repo" title="link to GitHub">DC2 GitHub repo</a>.
</div>
</div>
<div class="item">
<div class="box">
<input type="checkbox">
</div>
<div class="text">(For DE School participants) Check out the pre-class materials for each lesson on the
<a href="https://confluence.slac.stanford.edu/x/zHXVDQ">DE School page</a>. Also, to make the most of the 3x2 lesson, consider installing the Core Cosmology Library (CCL)
<a href="https://github.com/LSSTDESC/CCL/blob/master/README.md#installation" title="link to GitHub">on your laptop</a>
or familiarising yourself with
<a href="https://github.com/LSSTDESC/CCL/wiki/Using-and-Installing-CCL-on-NERSC" title="link to GitHub">the NERSC installation</a>. Questions? Ask them in the
<a href="https://lsstc.slack.com/messages/C46JK16F6/" title="link to LSSTC Slack">#desc-ccl</a> Slack channel.
</div>
</div>
<div class="item">
<div class="box">
<input type="checkbox">
</div>
<div class="text">(For Hack Day participants) Visit the
<a href="https://confluence.slac.stanford.edu/x/jxLoDQ" title="link to Confluence">Hack Day page</a> to browse and add your hack/sprint ideas! Remember, not all hacks and sprints have to be carried
out, so be bold when adding ideas! Also add your name and departure time at the bottom at the page!
</div>
</div>
<div class="item">
<div class="box">
<input type="checkbox">
</div>
<div class="text">(For virtual participants) Zoom connection instructions are consolidated on the
<a href="https://confluence.slac.stanford.edu/x/cAE4Dg" title="link to Confluence">Zoom page</a>. If you want to be heard in plenary sessions, please "raise your hand" in Zoom or use the
<a href="https://lsstc.slack.com/messages/C90AMAG80/" title="link to LSSTC Slack">#desc-collab-meeting</a> Slack channel. For parallel sessions, please contact the session organizers for help!
</div>
</div>
<div class="item">
<div class="box">
<input type="checkbox">
</div>
<div class="text">Remind yourself of our
<a href="http://lsstdesc.org/sites/default/files/LSST_DESC_Professional_Conduct.pdf" title="link to PDF">Code of Conduct</a> and the
<a href="https://goo.gl/iqsePQ" title="link to Google Docs">Virtual Meeting Best Practices</a>. Note that Code of Conduct applies to virtual participants too and many of the
Best Practices apply to in-person participants as well!
</div>
</div>
<div class="item">
<div class="box">
<input type="checkbox">
</div>
<div class="text">Want to be free from technical difficulties? Check out our
<a href="https://goo.gl/dBuaXq" title="link to Google Docs">Tech Cheat Sheet</a> and bookmark it!
</div>
</div>
<div class="item">
<div class="box">
<input type="checkbox">
</div>
<div class="text">If you will be driving or will need a ride, visit the
<a href="https://confluence.slac.stanford.edu/x/6KwYDg" title="link to Confluence">carpooling page</a> to provide/request rides.
</div>
</div>
<div class="item">
<div class="box">
<input type="checkbox">
</div>
<div class="text">If you use social media professionally, please use the
<a href="https://twitter.com/hashtag/lsstdesc" title="link to Twitter">#lsstdesc</a> hashtag when reporting highlights from the meeting!
</div>
</div>
<div class="footer">
<p>This site uses cookies to keep track your checklist progress. The data are stored in your browser locally only.</p>
<p>If you have questions or suggestions about this page, please
<a href="https://github.com/LSSTDESC/pre-meeting-checklist/issues" title="link to GitHub">open an issue</a> or contact
<a href="https://yymao.github.io">Yao-Yuan Mao</a>.</p>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
<script>
const cookie_key = "lsst_desc_pre_meeting_checklist_cmu2018";
const get_progress = function () {
return (1 + 99 / $("input").length * $("input:checked").length);
}
$("input").change(function () {
var target = $("div.text").eq($("input").index(this));
if (this.checked) target.addClass("done");
else target.removeClass("done");
$("#progress").animate({ width: get_progress() + "%" }, 500);
var record = $("input").map(function () { return this.checked ? 1 : 0; }).toArray().join("");
Cookies.set(cookie_key, record, { expires: 21, path: "/pre-meeting-checklist/" });
});
var read_cookie = function () {
var record = Cookies.get(cookie_key);
if (record != undefined) {
record.split('').forEach((c, i) => {
if (c == "1") {
$("input").eq(i).attr("checked", true);
$("div.text").eq(i).addClass("done");
}
});
$("#progress").css("width", get_progress() + "%");
}
}
read_cookie();
</script>
</body>
</html>