-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathparticipants.html
206 lines (170 loc) · 11.1 KB
/
participants.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Kashiwa symposium 2022 | PARTICIPANTS </title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Vidaloka&display=swap" rel="stylesheet">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/custom.css">
<!-- Scripts
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<!-- <link rel="stylesheet" href="css/github-prettify-theme.css"> -->
<script src="js/site.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.1.0/papaparse.min.js"></script>
<script src="js/participants.js"></script>
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<!-- <link rel="icon" type="image/png" href="dist/images/favicon.png"> -->
</head>
<body class="code-snippets-visible">
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="navbar-spacer"></div>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item"><a class="navbar-link" href="index.html">Start</a></li>
<li class="navbar-item">
<a class="navbar-link" href="#" data-popover="#aboutNavPopover">About</a>
<div id="aboutNavPopover" class="popover">
<ul class="popover-list">
<!-- <li class="popover-item">
<a class="popover-link" href="index.html#Updates">Updates</a>
</li>-->
<li class="popover-item">
<a class="popover-link" href="index.html#introduction">Rationale</a>
<li class="popover-item">
<a class="popover-link" href="registration.html">Registration</a>
</li>
</li>
<li class="popover-item">
<a class="popover-link" href="index.html#highlights">Invited speakers</a>
</li>
<li class="popover-item">
<a class="popover-link" href="index.html#schedule">Schedule & venue</a>
</li>
<li class="popover-item">
<a class="popover-link" href="index.html#poster">Poster</a>
</li>
<li class="popover-item">
<a class="popover-link" href="index.html#SOC">SOC</a>
</li>
<li class="popover-item">
<a class="popover-link" href="index.html#conduct">Conduct</a>
</li>
<li class="popover-item">
<a class="popover-link" href="index.html#sponsors">Sponsors</a>
</li>
<li class="popover-item">
<a class="popover-link" href="index.html#contact">Contact</a>
</li>
<li class="popover-item">
<a class="popover-link" href="http://2021.kashiwa-darkmatter-symposia.org">2021 Symposium</a>
</li>
<li class="popover-item">
<a class="popover-link" href="http://2020.kashiwa-darkmatter-symposia.org">2020 Symposium</a>
</li>
<li class="popover-item">
<a class="popover-link" href="http://2019.kashiwa-darkmatter-symposia.org">2019 Symposium</a>
</li>
</ul>
</div>
</li>
<li class="navbar-item">
<a class="navbar-link" href="#" data-popover="#scheduleNavPopover" >Talks</a>
<div id="scheduleNavPopover" class="popover">
<ul class="popover-list">
<li class="popover-item">
<a class="popover-link" href="schedule.html">Timetable</a>
</li>
<li class="popover-item">
<a class="popover-link" href="schedule.html#talklist">Talk list</a>
</li>
<li class="popover-item">
<a class="popover-link" href="schedule.html#selection">Selection process</a>
</li>
</ul>
</div>
</li>
<li class="navbar-item"><a class="navbar-link" href="posters.html">Posters</a></li>
<li class="navbar-item">
<a class="navbar-link" href="#" data-popover="#localNavPopover">Local info </a>
<div id="localNavPopover" class="popover">
<ul class="popover-list">
<li class="popover-item">
<a class="popover-link" href="infos.html#directions">How to get to Kashiwa</a>
</li>
<li class="popover-item">
<a class="popover-link" href="infos.html#accomodation">Accomodation</a>
</li>
<li class="popover-item">
<a class="popover-link" href="infos.html#catering">Catering</a>
</li>
<li class="popover-item">
<a class="popover-link" href="infos.html#visa"k>Visa</a>
</li>
<li class="popover-item">
<a class="popover-link" href="infos.html#wifi">Local Wifi</a>
</li>
<li class="popover-item">
<a class="popover-link" href="infos.html#remote">Remote connection</a>
</li>
</ul>
</div>
</li>
<li class="navbar-item"><a class="navbar-link" href="participants.html">Participants</a></li>
<li class="navbar-item" style="float:right; margin-right: -4%;"><a class="navbar-link" href="#" title="Gather.Town" data-popover="#gatherNavPopover"><img src="images/gather.png" width="20" style="vertical-align:middle; margin-right: -15px;" onmouseover="this.src='images/gather_active.png'" onmouseout="this.src='images/gather.png'"> </a>
<div id="gatherNavPopover" class="popover" style="margin-left: -5%;">
<ul class="popover-list">
<li class="popover-item" >
<a class="popover-link" href="https://app.gather.town/events/LtcFlWG-SxKc4XYM9Sg0" >Enter symposium</a>
</li>
<li class="popover-item">
<a class="popover-link" href="gathertutorial.html"> Gather.Town tutorial</a>
</li>
</ul>
</div>
<a class="navbar-link" href="https://dm2022kashiwa.slack.com/" target=_blank title="Slack"><img src="images/slack.png" width="20" style="vertical-align:middle; margin-right: -15px;" onmouseover="this.src='images/slack_active.png'" onmouseout="this.src='images/slack.png'"></a><a class="navbar-link" href="https://twitter.com/dm_kashiwa" target=_blank title="Twitter"><img src="images/twitter.png" width="22" style="vertical-align:middle; margin-right: -15px;" onmouseover="this.src='images/twitter_active.png'" onmouseout="this.src='images/twitter.png'"></a><a class="navbar-link" href="https://www.youtube.com/channel/UCpjf2aTgzFsVM5lXT6LpgqA" target=_blank title="Youtube channel"><img src="images/youtube.png" width="25" style="vertical-align:middle; " onmouseover="this.src='images/youtube_active.png'" onmouseout="this.src='images/youtube.png'"></a></li>
</ul>
</div>
</nav>
<!-- Abstract Submission -->
<div class="docs-section" id="header">
<h3 class="docs-header">Registered Attendants</h3>
</div>
<!-- <h5> Participant demography </h5>
<p>The demography, in terms of instution country, estimated gender, and career stage of SAZERAC participants is shown in the two figures below. SAZERAC includes participants from institutions in 30 different countries.</p>
<img src="demographics/figures/position.png" width="600px">
<img src="demographics/figures/geo.png" width="700px">
<p><b>NOTE:</b> Gender was estimated using first names and the <a href="https://genderize.io">genderize.io</a> tool. This provides a probability that each name is either male or female. This tool fails in a small number of cases and will also fail to reflect individuals with non-binary gender.</p>
-->
<iframe src="participants_countries.html" width="100%" height="500" style="margin-bottom:20px;margin-top:-50px;"></iframe>
<iframe width="385" height="252" style="margin-bottom:10px;margin-top:10px;" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vT6qUmDLu8ewxyZQUd0NqHB13DXvlaAdSRKcXZvHSnaUUeoYAe9h88aCfZ1kXroSACZmID2jH_0mnsJ/pubchart?oid=261605185&format=interactive"></iframe>
<iframe width="385" height="252" style="margin-bottom:10px;margin-top:10px;" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vT6qUmDLu8ewxyZQUd0NqHB13DXvlaAdSRKcXZvHSnaUUeoYAe9h88aCfZ1kXroSACZmID2jH_0mnsJ/pubchart?oid=1695519387&format=interactive"></iframe>
<p>Gender association was estimated by the first names with <a href="https://genderize.io" target=_blank>genderize.io</a>, providing a binary probability that each name is male or female. In case <a href="https://genderize.io" target=_blank>genderize.io</a> provided an association probability below 68%, or the name was not existing in the data base, we flagged the association as unknown.</p><br><br>
<h5> Participant list </h5>
<div class="docs-section" id="showData"></div>
</div>
<button class="button-top">⇧</button>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>