-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
527 lines (506 loc) · 35.7 KB
/
Copy pathindex.html
File metadata and controls
527 lines (506 loc) · 35.7 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
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
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
<!doctype html>
<html lang="en" data-theme="light">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Conference Tracker & Map | InfoSec, Hacking, CFP & CFT Deadlines</title>
<meta name="description" content="Track global cybersecurity, infosec, and hacking conferences with CFP/CFT/CFW deadlines, submission status, and location insights." />
<meta name="keywords" content="cybersecurity conferences, infosec conferences, hacking conferences, CFP deadlines, CFT, CFW, security call for papers" />
<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1" />
<meta name="author" content="Conference Tracker" />
<meta name="theme-color" content="#f4f7f5" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
<style>
.site-footer { margin-top: 8px; padding: 20px 16px 16px; border-top: 1px solid #1f3a2f; background: #0a0f0c; }
.footer-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 18px 24px; }
.footer-inner { max-width: 1200px; margin: 0 auto; }
@media (max-width: 900px) { .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .footer-brand { grid-column: 1 / -1; } }
@media (max-width: 560px) { .footer-grid { grid-template-columns: 1fr; } }
</style>
<script src="./assets/bootstrap.js?v=619a978" data-v="619a978"></script>
<link id="appStyles" rel="stylesheet" href="./styles.css?v=619a978" />
<link rel="icon" type="image/x-icon" href="./assets/favicon.ico" sizes="any" />
<link rel="icon" type="image/svg+xml" href="./assets/favicon.svg" />
<link rel="canonical" href="https://conference-tracker.javan.de/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Cybersecurity Conference Tracker" />
<meta property="og:description" content="Explore cybersecurity, infosec, and hacking conference opportunities by priority, deadlines, and submission type." />
<meta property="og:url" content="https://conference-tracker.javan.de/" />
<meta property="og:site_name" content="Conference Tracker" />
<meta property="og:locale" content="en_US" />
<meta property="og:image" content="https://conference-tracker.javan.de/assets/social-preview.png" />
<meta property="og:image:secure_url" content="https://conference-tracker.javan.de/assets/social-preview.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Cybersecurity Conference Tracker with global CFP, CFT, and CFW deadline insights." />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Cybersecurity Conference Tracker" />
<meta name="twitter:description" content="Track global cybersecurity CFP/CFT/CFW deadlines with fast filtering, status views, and world map insights." />
<meta name="twitter:url" content="https://conference-tracker.javan.de/" />
<meta name="twitter:image" content="https://conference-tracker.javan.de/assets/social-preview.png" />
<meta name="twitter:image:alt" content="Cybersecurity Conference Tracker with global CFP, CFT, and CFW deadline insights." />
<link rel="image_src" href="https://conference-tracker.javan.de/assets/social-preview.png" />
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://cdnjs.cloudflare.com; style-src 'self' https://cdnjs.cloudflare.com 'unsafe-inline'; img-src 'self' data: https://cdnjs.cloudflare.com https://*.tile.openstreetmap.org https://tile.openstreetmap.org; connect-src 'self' https://geocoding-api.open-meteo.com; font-src 'self'; object-src 'none'; frame-ancestors 'none'; base-uri 'self'; form-action 'self'; upgrade-insecure-requests; block-all-mixed-content" />
<meta name="referrer" content="strict-origin-when-cross-origin" />
<meta http-equiv="Permissions-Policy" content="accelerometer=(), ambient-light-sensor=(), autoplay=(), battery=(), camera=(), display-capture=(), document-domain=(), encrypted-media=(), fullscreen=(self), geolocation=(), gyroscope=(), magnetometer=(), microphone=(), midi=(), payment=(), picture-in-picture=(), publickey-credentials-get=(), screen-wake-lock=(), usb=(), xr-spatial-tracking=()" />
<meta http-equiv="Cross-Origin-Opener-Policy" content="same-origin" />
<meta http-equiv="Cross-Origin-Resource-Policy" content="same-origin" />
<meta http-equiv="X-Content-Type-Options" content="nosniff" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Cybersecurity Conference Tracker",
"url": "https://conference-tracker.javan.de/",
"description": "Searchable dashboard for tracking cybersecurity, infosec, and hacking conference deadlines and submission opportunities.",
"potentialAction": {
"@type": "SearchAction",
"target": "https://conference-tracker.javan.de/?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Dataset",
"name": "Cybersecurity Conference Tracker Data",
"description": "Cybersecurity, infosec, and hacking conference opportunities with CFP/CFT/CFW deadlines, locations, and participation metadata.",
"url": "https://conference-tracker.javan.de/",
"license": "https://creativecommons.org/licenses/by/4.0/"
}
</script>
<!-- Leaflet before app styles so theme overrides Leaflet defaults (popups, tooltips, controls) -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.min.css"
integrity="sha512-h9FcoyWjHcOcmEVkxOfTLnmZFWIH0iZhZT1H2TbOq55xssQGEJHEaIm+PgoUaZbRvQTNTluNOEfb1ZRy6D3BOw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<noscript><link rel="stylesheet" href="./styles.css?v=619a978" /></noscript>
</head>
<body>
<a class="skip-link" href="#appMain">Skip to main content</a>
<noscript>
<div class="nojs-banner">
Cybersecurity Conference Tracker is best with JavaScript enabled. For indexing and previews, this page tracks global cybersecurity, infosec, and hacking conference deadlines and submission opportunities.
</div>
</noscript>
<main class="container" id="appMain" tabindex="-1">
<section class="card header" aria-labelledby="pageTitle">
<div class="header-main">
<div>
<h1 id="pageTitle">Conference Tracker</h1>
<p class="meta header-tagline" id="headerTagline">
Browse cybersecurity conference CfP, CfT, and CfW deadlines with filters and a world map.
</p>
</div>
<div class="header-tools">
<div class="theme-row">
<span class="theme-label" id="themeLabel">Theme</span>
<button
type="button"
id="themeToggle"
class="btn-secondary theme-toggle btn-with-icon"
aria-pressed="true"
aria-labelledby="themeLabel themeToggleText"
>
<svg class="icon-svg theme-icon-light" viewBox="0 0 24 24" aria-hidden="true" hidden><path fill="currentColor" d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2v-2H2v2zm18 0h2v-2h-2v2zM11 2v2h2V2h-2zm0 18v2h2v-2h-2zM5.99 4.58 4.58 5.99 5.99 7.41 7.41 5.99 5.99 4.58zm12.37 12.37 1.41 1.41 1.41-1.41-1.41-1.41-1.41 1.41zm1.41-16.24-1.41 1.41 1.41 1.41 1.41-1.41-1.41-1.41zM7.41 18.01l-1.41 1.41 1.41 1.41 1.41-1.41-1.41-1.41z"/></svg>
<svg class="icon-svg theme-icon-dark" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26 5.403 5.403 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z"/></svg>
<span id="themeToggleText">Dark mode</span>
</button>
</div>
<div class="persona-row">
<label class="persona-label" for="personaSelect">Viewing as</label>
<select id="personaSelect" class="persona-select" aria-describedby="personaHint">
<option value="speaker">Speaker</option>
<option value="attendee">Attendee</option>
</select>
<p class="persona-hint" id="personaHint" aria-live="polite"></p>
</div>
</div>
</div>
</section>
<nav class="app-view-nav" aria-label="Primary areas">
<button type="button" class="app-view-btn active" id="appViewDiscover" data-app-section="discover" aria-current="page">
<svg class="icon-svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
<span>Discover</span>
</button>
<button type="button" class="app-view-btn" id="appViewSpeaker" data-app-section="speaker">
<svg class="icon-svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg>
<span>Pipeline</span>
</button>
<button type="button" class="app-view-btn" id="appViewAttendee" data-app-section="attendee">
<svg class="icon-svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>
<span>Trips</span>
</button>
<button type="button" class="app-view-btn" id="appViewSettings" data-app-section="settings">
<svg class="icon-svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/></svg>
<span>Settings</span>
</button>
</nav>
<section class="app-section" id="sectionDiscover" data-app-section="discover">
<div class="tab-nav-bar">
<nav class="tab-nav" aria-label="Discover tabs">
<button type="button" class="tab-btn active" id="tabDashboard" data-tab="dashboard" aria-controls="panelDashboard" aria-selected="true">
<svg class="icon-svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M3 3v18h18V3H3zm8 16H5v-6h6v6zm0-8H5V5h6v6zm8 8h-6v-6h6v6zm0-8h-6V5h6v6z"/></svg>
<span>Table</span>
</button>
<button type="button" class="tab-btn" id="tabMap" data-tab="map" aria-controls="panelMap" aria-selected="false">
<svg class="icon-svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z"/></svg>
<span>Map</span>
</button>
</nav>
</div>
<section class="tab-panel" id="panelDashboard">
<section class="card filters-card" aria-label="Conference filters">
<div class="discover-quick-actions" id="discoverQuickActions" role="toolbar" aria-label="Speaker shortcuts" hidden>
<button type="button" class="btn-secondary discover-quick-btn" data-speaker-preset="discover">Open CfPs</button>
<button type="button" class="btn-secondary discover-quick-btn" data-speaker-preset="due_14">≤14d</button>
<button type="button" class="btn-secondary discover-quick-btn" data-speaker-preset="travel">Travel</button>
<button type="button" class="btn-secondary discover-quick-btn" data-speaker-preset="industry">Industry</button>
<button type="button" class="btn-secondary discover-quick-btn" data-speaker-preset="pipeline">Pipeline</button>
<button type="button" class="btn-secondary discover-quick-btn" data-speaker-preset="region_europe">Europe</button>
<button type="button" class="btn-secondary discover-quick-btn" data-speaker-preset="region_americas">Americas</button>
<button type="button" class="btn-secondary discover-quick-btn" data-speaker-preset="region_apac">APAC</button>
</div>
<div id="filtersWrap">
<div class="filters" id="filters">
<div class="field">
<label for="searchInput">Search (name, city, country)</label>
<input id="searchInput" type="search" placeholder="Type to search…" aria-keyshortcuts="Alt+F" autocomplete="off" />
</div>
<div class="field">
<label for="favoritesFilter">Favorites</label>
<select id="favoritesFilter" aria-label="Favorites">
<option value="">All conferences</option>
<option value="yes">Starred only</option>
</select>
</div>
<div class="field">
<label for="attendeesFilter">500+ attendees</label>
<select id="attendeesFilter" aria-label="500 plus attendees"><option value="">All</option></select>
</div>
<div class="field speaker-only">
<label for="acceptsCfpFilter">CfP deadline</label>
<select id="acceptsCfpFilter" aria-label="Filter by published CfP deadline MM-DD"><option value="">All</option></select>
</div>
<div class="field speaker-only">
<label for="acceptsCftFilter">CfT deadline</label>
<select id="acceptsCftFilter" aria-label="Filter by published CfT deadline MM-DD"><option value="">All</option></select>
</div>
<div class="field speaker-only">
<label for="acceptsCfwFilter">CfW deadline</label>
<select id="acceptsCfwFilter" aria-label="Filter by published CfW deadline MM-DD"><option value="">All</option></select>
</div>
<div class="field advanced-filter speaker-only">
<label for="academicFilter">Academic level</label>
<select id="academicFilter" aria-label="Academic acceptance level"><option value="">All</option></select>
</div>
<div class="field advanced-filter speaker-only">
<label for="sponsorshipFilter">Travel sponsorship</label>
<select id="sponsorshipFilter" aria-label="Travel or accommodation sponsorship"><option value="">All</option></select>
</div>
<div class="field advanced-filter" id="advancedFiltersGroup">
<label for="typeFilter">Conference type</label>
<select id="typeFilter" aria-label="In person, hybrid, or virtual"><option value="">All</option></select>
</div>
<div class="field advanced-filter">
<label for="sortFilter">Sort by</label>
<select id="sortFilter" aria-label="Sort table rows">
<option value="deadline_soon">Soonest CfX deadline</option>
<option value="start_soon">Conference date soonest</option>
<option value="name_asc">Name A–Z</option>
<option value="attendees_name">500+ attendees, then name</option>
</select>
</div>
</div>
</div>
<div class="filters-toolbar" role="toolbar" aria-label="Filter actions">
<button type="button" id="advancedFiltersBtn" class="btn-secondary" aria-expanded="false" aria-controls="advancedFiltersGroup">
Show more filters
</button>
<button id="resetBtn" type="button" class="btn-secondary btn-with-icon" aria-keyshortcuts="Alt+0" aria-label="Reset filters (Alt+0)">
<svg class="icon-svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M14 10V3.5c0-.83-.67-1.5-1.5-1.5S11 2.67 11 3.5V10l-7.78 7.83c-.63.64-.18 1.67.77 1.67h16.02c.95 0 1.4-1.03.77-1.67L14 10zM5 19h14v2H5v-2z"/></svg>
<span>Reset filters</span>
</button>
</div>
<p class="meta" id="activeFilterMeta" role="status" aria-live="polite">No filters active</p>
<div class="chips" id="activeFilterChips" aria-label="Active filters"></div>
<div class="summary summary-in-panel" id="summaryCards" aria-label="Summary metrics"></div>
</section>
<section class="card" aria-labelledby="resultsHeading">
<h2 id="resultsHeading">Conferences</h2>
<p class="panel-hint results-panel-hint">
Click a name for details. Use ★ to favorite.
</p>
<div class="results-toolbar-wrap">
<div class="results-toolbar" role="toolbar" aria-label="Export and share">
<button type="button" id="exportCsvBtn" class="toolbar-btn btn-secondary btn-with-icon" aria-label="Export filtered table as CSV">
<svg class="icon-svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>
<span>Export CSV</span>
</button>
<button type="button" id="copyViewLinkBtn" class="toolbar-btn btn-secondary btn-with-icon" aria-label="Copy shareable link with filters">
<svg class="icon-svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/></svg>
<span>Copy link</span>
</button>
</div>
</div>
<div class="table-wrap">
<table id="dataTable">
<caption class="hidden">Filtered conference opportunities and submission information</caption>
<thead>
<tr>
<th data-sort-key="conference_name" class="clickable-th name-col" scope="col" aria-sort="none"><button type="button" class="th-btn" aria-label="Sort by name">Name</button></th>
<th scope="col" class="fav-col"><span class="visually-hidden">Favorite</span>★</th>
<th data-sort-key="attendees_500_plus" class="clickable-th" scope="col" aria-sort="none"><button type="button" class="th-btn" aria-label="Sort by 500 plus attendees">500+?</button></th>
<th data-sort-key="academic_acceptance_level" class="clickable-th acceptance-col-th speaker-only-col" scope="col" aria-sort="none"><button type="button" class="th-btn" aria-label="Sort by academic level">Acad</button></th>
<th class="speaker-only-col">Sponsor</th>
<th data-filter-key="acceptsCfp" class="clickable-th speaker-only-col" scope="col"><button type="button" class="th-btn" aria-label="Cycle filter for call for papers by deadline">CfP</button></th>
<th data-filter-key="acceptsCft" class="clickable-th speaker-only-col" scope="col"><button type="button" class="th-btn" aria-label="Cycle filter for call for trainings by deadline">CfT</button></th>
<th data-filter-key="acceptsCfw" class="clickable-th speaker-only-col" scope="col"><button type="button" class="th-btn" aria-label="Cycle filter for call for workshops by deadline">CfW</button></th>
<th data-sort-key="conference_start_date" class="clickable-th" scope="col" aria-sort="none"><button type="button" class="th-btn" aria-label="Sort by conference start date">Start</button></th>
<th data-sort-key="conference_end_date" class="clickable-th" scope="col" aria-sort="none"><button type="button" class="th-btn" aria-label="Sort by conference end date">End</button></th>
<th data-sort-key="conference_duration_days" class="clickable-th duration-col-th" scope="col" aria-sort="none"><button type="button" class="th-btn" aria-label="Sort by conference duration in days">Days</button></th>
<th data-sort-key="city" class="clickable-th" scope="col" aria-sort="none"><button type="button" class="th-btn" aria-label="Sort by city">City</button></th>
<th data-sort-key="country" class="clickable-th country-col-th" scope="col" aria-sort="none"><button type="button" class="th-btn" aria-label="Sort by country"><span class="visually-hidden">Country</span></button></th>
<th class="speaker-only-col">Next Due</th>
<th scope="col" class="actions-col" aria-label="Actions"></th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<p class="empty" id="emptyState" hidden role="status">No conferences match the current filters.</p>
</section>
</section>
<section class="tab-panel" id="panelMap" hidden>
<section class="card map-card" aria-labelledby="mapHeading">
<h2 id="mapHeading">World map</h2>
<p class="panel-hint">Markers use city and country from the catalog. Choose whether to show all conferences or only the current filter.</p>
<div class="map-controls" id="mapControls" role="group" aria-label="Map data source">
<button type="button" data-map-source="all" class="active">All conferences</button>
<button type="button" data-map-source="filtered">Current filters</button>
</div>
<div id="worldMap" role="img" aria-label="World map with conference city markers"></div>
<p class="map-meta" id="mapMeta" aria-live="polite">Preparing map…</p>
</section>
</section>
</section>
<section class="app-section my-area-section" id="sectionSpeaker" data-app-section="speaker" hidden>
<div class="card my-area-card">
<h2 id="myPipelineHeading">Pipeline</h2>
<p class="meta my-area-meta">Track submissions by <strong>target year</strong>. On Discover, use <strong>Add</strong> on a conference row to include it here.</p>
<div class="planning-year-bar">
<label class="planning-year-label" for="pipelineYearFilter">Year</label>
<select id="pipelineYearFilter" class="planning-year-select" aria-label="Filter pipeline by planning year"></select>
</div>
<div class="my-area-toolbar" id="myPipelineToolbar" role="toolbar" aria-label="Export pipeline" hidden>
<button type="button" id="exportPipelineCsvBtn" class="btn-secondary btn-with-icon btn-icon-only" data-tip="Export pipeline as CSV" aria-label="Export pipeline as CSV">
<svg class="icon-svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>
<span class="visually-hidden">CSV</span>
</button>
<button type="button" id="exportPipelineIcsBtn" class="btn-secondary btn-with-icon btn-icon-only" data-tip="Export pipeline deadlines to calendar" aria-label="Export pipeline to calendar">
<svg class="icon-svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"/></svg>
<span class="visually-hidden">Calendar</span>
</button>
</div>
<div id="pipelineUpcoming" class="upcoming-strip" hidden></div>
<div id="mySpeakerEmpty" class="my-area-empty" role="status"></div>
<div id="mySpeakerList" class="my-area-list" hidden></div>
</div>
</section>
<section class="app-section my-area-section" id="sectionAttendee" data-app-section="attendee" hidden>
<div class="card my-area-card">
<h2 id="myTripsHeading">Trips</h2>
<p class="meta my-area-meta">Plan travel by <strong>year</strong>. On Discover, use <strong>Save</strong> on a conference row. Set status to <strong>Deferred</strong> if you postpone.</p>
<div class="planning-year-bar">
<label class="planning-year-label" for="tripsYearFilter">Year</label>
<select id="tripsYearFilter" class="planning-year-select" aria-label="Filter trips by planning year"></select>
</div>
<div class="my-area-toolbar" id="myTripsToolbar" role="toolbar" aria-label="Export trips" hidden>
<button type="button" id="exportTripsCsvBtn" class="btn-secondary btn-with-icon btn-icon-only" data-tip="Export trips as CSV" aria-label="Export trips as CSV">
<svg class="icon-svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>
<span class="visually-hidden">CSV</span>
</button>
<button type="button" id="exportTripsIcsBtn" class="btn-secondary btn-with-icon btn-icon-only" data-tip="Export trips to calendar" aria-label="Export trips to calendar">
<svg class="icon-svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"/></svg>
<span class="visually-hidden">Calendar</span>
</button>
</div>
<div id="tripsUpcoming" class="upcoming-strip" hidden></div>
<div id="myTripsEmpty" class="my-area-empty" role="status"></div>
<div id="myTripsList" class="my-area-list" hidden></div>
</div>
</section>
<section class="app-section" id="sectionSettings" data-app-section="settings" hidden>
<div class="card backup-card">
<h2 id="backupHeading">Backup & restore</h2>
<p class="meta backup-intro">
Export or import a JSON file of everything stored in this browser: filters, favorites, notes, pipeline, trips, and preferences. Use it to move between devices or before clearing site data.
</p>
<div class="backup-toolbar" role="group" aria-label="Backup and restore">
<button type="button" id="exportStorageBtn" class="btn-secondary btn-with-icon" aria-label="Download backup">
<svg class="icon-svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
<span>Export</span>
</button>
<button type="button" id="importStorageBtn" class="btn-secondary btn-with-icon" aria-label="Restore from file">
<svg class="icon-svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M9 16h6v-6h4l-7-7-7 7h4v6zm-4 2h14v2H5v-2z"/></svg>
<span>Import</span>
</button>
<input type="file" id="importStorageFile" accept="application/json,.json" hidden />
</div>
<p id="backupStatus" class="backup-status" role="status" aria-live="polite"></p>
</div>
</section>
</main>
<footer class="site-footer">
<div class="footer-inner">
<div class="footer-grid">
<section class="footer-col footer-brand" aria-labelledby="footerBrandHeading">
<h2 class="footer-heading" id="footerBrandHeading">Conference Tracker</h2>
<p class="footer-tagline">Find infosec conferences and track CfP, CfT, and CfW deadlines — with filters, a world map, and a speaker pipeline.</p>
<p class="footer-operator">
Free & open source · No sign-up · Your data stays on this device
</p>
</section>
<nav class="footer-col" aria-labelledby="footerProjectHeading">
<h2 class="footer-heading" id="footerProjectHeading">Get involved</h2>
<ul class="footer-list">
<li><a href="https://github.com/JavanXD/ConferenceTracker" rel="noopener noreferrer" target="_blank">View on GitHub</a></li>
<li><a href="https://github.com/JavanXD/ConferenceTracker/blob/main/CONTRIBUTING.md" rel="noopener noreferrer" target="_blank">Add or update a conference</a></li>
<li>
<button type="button" class="footer-inline-btn" id="footerShortcutsBtn" aria-keyshortcuts="?">Shortcut keys (?)</button>
</li>
</ul>
</nav>
<nav class="footer-col" aria-labelledby="footerLegalHeading">
<h2 class="footer-heading" id="footerLegalHeading">Legal</h2>
<ul class="footer-list">
<li><a href="./impressum.html">Impressum</a></li>
<li><a href="./privacy.html">Privacy policy</a></li>
<li><span class="footer-note">Conference data: <a href="https://creativecommons.org/licenses/by/4.0/" rel="noopener noreferrer" target="_blank">CC BY 4.0</a></span></li>
</ul>
</nav>
<section class="footer-col footer-support-col" aria-labelledby="footerSupportHeading">
<h2 class="footer-heading" id="footerSupportHeading">Support the project</h2>
<p class="footer-support-lead">Optional tips help keep deadlines accurate and hosting online.</p>
<div class="footer-support-actions">
<a
href="https://ko-fi.com/javanxd"
class="footer-support-link footer-kofi-link"
rel="noopener noreferrer"
target="_blank"
>
<svg class="footer-support-icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M18.5 3H6c-1.1 0-2 .9-2 2v5.71c0 3.47 2.22 6.43 5.31 7.37.14.04.28.07.43.07.27 0 .53-.1.74-.29L13 16.3V19h-2v3h8v-3h-2v-2.7l2.52-2.52c.21-.19.33-.46.33-.74 0-.15-.03-.29-.07-.43C20.28 12.22 20.5 9.5 20.5 6V5c0-1.1-.9-2-2-2zm-1 3v1.5c0 2.48-1.02 4.5-2.5 4.5S12.5 10.48 12.5 8V6h5zM4 5h1v3.5c0 2.9 1.92 5.34 4.57 6.06V19H4v2h2v-5.06C3.92 14.84 2 11.4 2 8.5V7c0-1.1.9-2 2-2z"/></svg>
<span>Ko-fi</span>
</a>
<a
href="https://buymeacoffee.com/javanxd"
class="footer-support-link footer-bmc-link"
rel="noopener noreferrer"
target="_blank"
>
<svg class="footer-support-icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M18.5 3H6c-1.1 0-2 .9-2 2v5.71c0 3.47 2.22 6.43 5.31 7.37.14.04.28.07.43.07.27 0 .53-.1.74-.29L13 16.3V19h-2v3h8v-3h-2v-2.7l2.52-2.52c.21-.19.33-.46.33-.74 0-.15-.03-.29-.07-.43C20.28 12.22 20.5 9.5 20.5 6V5c0-1.1-.9-2-2-2zm-1 3v1.5c0 2.48-1.02 4.5-2.5 4.5S12.5 10.48 12.5 8V6h5zM4 5h1v3.5c0 2.9 1.92 5.34 4.57 6.06V19H4v2h2v-5.06C3.92 14.84 2 11.4 2 8.5V7c0-1.1.9-2 2-2z"/></svg>
<span>Buy me a coffee</span>
</a>
<a
href="https://github.com/sponsors/JavanXD"
class="footer-support-link footer-sponsor-link"
rel="noopener noreferrer"
target="_blank"
>
<svg class="footer-support-icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
<span>GitHub Sponsors</span>
</a>
</div>
</section>
</div>
<div class="footer-bottom">
<p class="footer-copy">
© 2026 Conference Tracker ·
<a href="./impressum.html">Impressum</a>
<span class="footer-sep" aria-hidden="true">·</span>
<a href="./privacy.html">Privacy policy</a>
<span class="footer-sep" aria-hidden="true">·</span>
<span>No analytics or ad tracking</span>
</p>
<p id="footerStatus" class="footer-status" role="status" aria-live="polite"></p>
</div>
</div>
</footer>
<dialog id="shortcutsDialog" class="shortcuts-dialog" aria-labelledby="shortcutsTitle">
<div class="shortcuts-inner">
<h2 id="shortcutsTitle">Keyboard shortcuts</h2>
<dl class="shortcuts-dl">
<dt>Focus search</dt>
<dd><kbd class="kbd">Alt</kbd>+<kbd class="kbd">F</kbd></dd>
<dt>Reset filters</dt>
<dd><kbd class="kbd">Alt</kbd>+<kbd class="kbd">0</kbd></dd>
<dt>This help</dt>
<dd><kbd class="kbd">?</kbd></dd>
<dt>Close dialog</dt>
<dd><kbd class="kbd">Esc</kbd></dd>
</dl>
<p class="shortcuts-note">Table column headers are buttons: activate to sort or cycle Yes / No / All filters.</p>
<div class="shortcuts-actions">
<button type="button" class="primary-btn" id="shortcutsCloseBtn">Close</button>
</div>
</div>
</dialog>
<dialog id="onboardingDialog" class="onboarding-dialog" aria-labelledby="onboardingTitle">
<div class="onboarding-inner">
<h2 id="onboardingTitle">How will you use Conference Tracker?</h2>
<p class="onboarding-lead">Pick a role to tune navigation and defaults. You can change this anytime in the header.</p>
<fieldset class="persona-fieldset">
<legend class="visually-hidden">Choose your role</legend>
<div class="persona-options" id="onboardingPersonaOptions">
<label class="persona-option">
<input type="radio" name="onboardingPersona" value="speaker" checked />
<span class="persona-option-title">Speaker</span>
<span class="persona-option-desc">Find open CfPs, track deadlines, and manage your submission pipeline.</span>
</label>
<label class="persona-option">
<input type="radio" name="onboardingPersona" value="attendee" />
<span class="persona-option-title">Attendee</span>
<span class="persona-option-desc">Discover events and save trips to plan by year.</span>
</label>
</div>
</fieldset>
<div class="onboarding-actions">
<button type="button" class="primary-btn" id="onboardingContinue">Continue</button>
</div>
</div>
</dialog>
<dialog id="conferenceDetailDialog" class="conference-dialog" aria-labelledby="conferenceDetailTitle">
<div class="conference-dialog-inner">
<div class="conference-dialog-header">
<h2 id="conferenceDetailTitle"></h2>
<button type="button" class="dialog-close-x" id="conferenceDetailClose" aria-label="Close">
<svg class="icon-svg icon-svg-lg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
</button>
</div>
<div id="conferenceDetailBody" class="conference-detail-body"></div>
<label class="detail-notes-label" for="conferenceDetailNotes">Private notes (saved in this browser only)</label>
<textarea id="conferenceDetailNotes" class="detail-notes-textarea" rows="3" maxlength="8000" placeholder="Your planning notes…" aria-describedby="conferenceDetailHint"></textarea>
<div class="detail-dialog-actions" id="conferenceDetailToolbar"></div>
<p class="meta detail-dialog-hint" id="conferenceDetailHint">Tip: URLs with <code>?c=…</code> reopen this conference after you bookmark or share the link.</p>
</div>
</dialog>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.4.1/papaparse.min.js"
integrity="sha512-dfX5uYVXzyU8+KHqj8bjo7UkOdg18PaOtpa48djpNbZHwExddghZ+ZmzWT06R5v6NSk3ZUfsH6FNEDepLx9hPQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.min.js"
integrity="sha512-puJW3E/qXDqYp9IfhAI54BJEaWIfloJ7JWs7OeD5i6ruC9JZL1gERT1wjtwXFlh7CjE7ZJ+/vcRZRkIYIb6p4g=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script src="./app.js?v=619a978" defer></script>
</body>
</html>