-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsummer_2026.html
More file actions
236 lines (229 loc) · 8.61 KB
/
summer_2026.html
File metadata and controls
236 lines (229 loc) · 8.61 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>jsPsych Summer 2026</title>
<link href="./styles/hackathon.css" rel="stylesheet"/>
</head>
<body>
<header class="header-hackathon">
<div>
<h1>
jsPsych Summer Hackathon 2026
</h1>
</div>
</header>
<main>
<section class="info-container">
<div class="info">
<h2>
Overview
</h2>
<p>
We're excited to announce our second hackathon dedicated to
extending the jsPsych ecosystem! This three day event will provide
hands on training in contributing to open source software and
building custom contributions for jsPsych.
</p></br>
<p>
Participants will work in small teams to develop new plugins,
extensions, or timelines with guidance from the jsPsych development
team. A new <strong>plugin</strong> can make a new type of trial
available for researchers, like a drag and drop word bank. A new
<strong>extension</strong> can add new functionality across multiple
trials and even additional data types, like eye tracking or fitbit
metrics. A new <strong>timeline</strong> is a way to share a parameterized
version of an entire task. For example, a Stroop task with customizable
words, colors, stimulus timing, and responses.
</p></br>
<p>
This hackathon is supported by the National Science Foundation under Award 2346214
</p>
</div>
<div class="info">
<h2>
Event Details
</h2>
<p><strong>When:</strong> June 15-18, 2026</p>
<p>
<strong>Where:</strong> Vassar College's Heartwood Inn & Institute
for the Liberal Arts, Poughkeepsie, NY
</p>
</div>
<div class="info">
<h2>
Target Audience
</h2>
<p>
This event is aimed at researchers who have experience with using
jsPsych for building experiments. We won't be teaching the basics of
how to use jsPsych at this event. Instead, we will be focusing on
how to develop and extend jsPsych itself. If you're interested in
learning how to build your own plugins, or want to learn how to
contribute your work, to the jsPsych ecosystem this event is for you!
</p>
</div>
<div class="info">
<h2>
What We Offer
</h2>
<p><strong>Full Coverage:</strong> Lodging, meals, and up to $500 travel
support are provided.</p>
<p><strong>Developer Guidance:</strong> Support from the team that
built jsPsych, as well as fellow contributors and behavioral researchers.</p>
<p><strong>Collaborative Learning:</strong> Working to build your own
plugins or modifications with a small team!</p>
<p><strong>Project Showcases:</strong> Platforms to document and share
your work with our community, and contribute back to our public
repositories.</p>
</div>
<div class="info">
<h2>
Want to Attend?
</h2>
<a
href="https://docs.google.com/forms/d/e/1FAIpQLSee3mVjHs3ES4vA6mNCrCqPgQoDk02SGgOj-fJRHKe5al45sQ/viewform?usp=header"
class="interest-button"
>
Indicate Your Interest
</a>
<div class="contact">
<!-- plug newsletter here (and maybe discord?) -->
</div>
</div>
<div class="info">
<h2>
Other Ways to Participate
</h2>
<div class="contact">
<p>
Have questions?
</p>
<a href="mailto:community@jspsych.org">
Email us at community@jspsych.org
</a></br>
<p>
Interested in participating virtually?
</p>
<a href="https://discord.gg/YveQdPMbYz">
Join our Discord!
</a></br>
<p>
Want any other jsPsych updates?
</p>
<a href="https://www.jspsych.org/latest/newsletter/subscribe/">
Join our newsletter!
</a>
</div>
</div>
</section>
<section>
<div class="info">
<img src="./img/spring_2025_group_photo.jpg" style="width: 100%"></img>
<p style="justify-self: center; font-size: 12px;"><em>Our group last year!</em></p>
</div>
<div class="main-container">
<div class="schedule-container">
<!-- Day 0 -->
<div class="day-header">Day 0 (Monday, June 15) - Arrivals</div>
<table>
<tr>
<td class="time-column">Afternoon</td>
<td class="activity-column">Participant Arrivals</td>
</tr>
</table>
<!-- Day 1 -->
<div class="day-header">Day 1 (Tuesday, June 16)</div>
<table>
<tr>
<td class="time-column">Morning</td>
<td class="activity-column">
<span class="meal">BREAKFAST</span>
</td>
</tr>
<tr>
<td class="time-column">9:00 AM - 11:30 AM</td>
<td class="activity-column">
Intro to Open-Source Contribution & jsPsych Ecosystem
</td>
</tr>
<tr>
<td class="time-column">11:30 AM - 1:30 PM</td>
<td class="activity-column"><span class="meal">LUNCH</span> (with brainstorming)</td>
</tr>
<tr>
<td class="time-column">1:30 PM - 2:30 PM</td>
<td class="activity-column">Brainstorming & Team Formation</td>
</tr>
<tr>
<td class="time-column">2:30 PM - 5:30 PM</td>
<td class="activity-column">Work Session 1</td>
</tr>
<tr>
<td class="time-column">6:00 PM - 7:30 PM</td>
<td class="activity-column">
<span class="meal">DINNER</span>
</td>
</tr>
</table>
<!-- Day 2 -->
<div class="day-header">Day 2 (Wednesday, June 17)</div>
<table>
<tr>
<td class="time-column">Morning</td>
<td class="activity-column">
<span class="meal">BREAKFAST</span>
</td>
</tr>
<tr>
<td class="time-column">9:00 AM - 12:00 PM</td>
<td class="activity-column">Work Session 2</td>
</tr>
<tr>
<td class="time-column">12:00 PM - 1:30 PM</td>
<td class="activity-column"><span class="meal">LUNCH</span></td>
</tr>
<tr>
<td class="time-column">1:30 PM - 2:30 PM</td>
<td class="activity-column">Progress Updates with Q & A</td>
</tr>
<tr>
<td class="time-column">2:30 PM - 5:30 PM</td>
<td class="activity-column">Work Session 3</td>
</tr>
<tr>
<td class="time-column">6:00 PM - 7:30 PM</td>
<td class="activity-column">
<span class="meal">DINNER</span>
</td>
</tr>
</table>
<!-- Day 3 -->
<div class="day-header">Day 3 (Thursday, June 18)</div>
<table>
<tr>
<td class="time-column">Morning</td>
<td class="activity-column">
<span class="meal">BREAKFAST</span>
</td>
</tr>
<tr>
<td class="time-column">9:00 AM - 11:30 AM</td>
<td class="activity-column">Work Session 4</td>
</tr>
<tr>
<td class="time-column">11:30 AM - 1:00 PM</td>
<td class="activity-column"><span class="meal">LUNCH and SHARE</span></td>
</tr>
<tr>
<td class="time-column">Afternoon / Evening</td>
<td class="activity-column">Participant Departures</td>
</tr>
</table>
</div>
</div>
</section>
</main>
</body>
</html>