diff options
Diffstat (limited to 'static/index.html')
-rw-r--r-- | static/index.html | 115 |
1 files changed, 115 insertions, 0 deletions
diff --git a/static/index.html b/static/index.html new file mode 100644 index 0000000..2e93fb3 --- /dev/null +++ b/static/index.html | |||
@@ -0,0 +1,115 @@ | |||
1 | <!doctype html> | ||
2 | <html lang="en"> | ||
3 | <head> | ||
4 | <meta charset="utf-8"> | ||
5 | <title>halfnarp web scheduling helper app</title> | ||
6 | <link rel="stylesheet" href="/static/style_38c3.css"> | ||
7 | <link rel="stylesheet" href="/static/style_38c3_tables.css"> | ||
8 | <script src="/static/jquery-3.7.1.min.js"></script> | ||
9 | <script src="/static/jquery.qrcode.min.js"></script> | ||
10 | <script src="/static/halfnarp.js"></script> | ||
11 | <script> | ||
12 | $( document ).ready(function() { do_the_halfnarp(); }); | ||
13 | </script> | ||
14 | </head> | ||
15 | <body class="size-small in-list halfnarp"> | ||
16 | <header class="header"> | ||
17 | <!--div class="views touch-only hidden vnarpr">narpr</div--> | ||
18 | <div class="views vlist" title="Display all events sorted by track (Hotkey: L)">list</div> | ||
19 | <div class="views vdays" title="Display all events in a 4-day-view (Hotkey: 0)">days</div> | ||
20 | <div class="views vday1" title="Display all events on Day 1 (Hotkey: 1)">day 1</div> | ||
21 | <div class="views vday2" title="Display all events on Day 2 (Hotkey: 2)">day 2</div> | ||
22 | <div class="views vday3" title="Display all events on Day 3 (Hotkey: 3)">day 3</div> | ||
23 | <div class="views vday4" title="Display all events on Day 4 (Hotkey: 4)">day 4</div> | ||
24 | <div class="views vcorr" title="Enter correlation view (Hotkey: C)">half</div> | ||
25 | <div class="views vtrack" title="Color event by track (Hotkey: T)">track</div> | ||
26 | <div class="views vlang" title="Color event by language (Hotkey: I)">lang</div> | ||
27 | <div class="header__right"> | ||
28 | <div class="allboxes"> | ||
29 | <div class="vsmallboxes boxer">size</div><div class="vmediumboxes boxer">Size</div><div class="vlargeboxes boxer">SIZE</div> | ||
30 | </div> | ||
31 | </div> | ||
32 | </header> | ||
33 | |||
34 | <div style="display:none"> | ||
35 | <div id="template"> | ||
36 | <div class="title"></div> | ||
37 | <div class="speakers"></div> | ||
38 | <div class="abstract"></div> | ||
39 | </div> | ||
40 | </div> | ||
41 | |||
42 | <div class="narpr hidden"> | ||
43 | <div class="narpr_swipy">swipe, hold, release</div> | ||
44 | <div class="narpr_swipy large">⟷</div> | ||
45 | <div class="narpr_track"></div> | ||
46 | <div class="narpr_title"></div> | ||
47 | <div class="narpr_subtitle"></div> | ||
48 | <div class="narpr_speakers"></div> | ||
49 | <div class="narpr_abstract"></div> | ||
50 | <div class="narpr_done">close</div> | ||
51 | </div> | ||
52 | |||
53 | <div class="intro"> | ||
54 | <h1>The 38C3 halfnarp</h1> | ||
55 | <div class="touch-only hidden vnarpr narpr-beta">narpr<sup>β</sup></div> | ||
56 | <p>Help us to reduce conflicts of scheduling 38C3's Fahrplan: Click on the talks you would like to watch and press submit.</p> | ||
57 | <p>For questions please read <a href="faq.html">our FAQ</a> and <a href="http://events.ccc.de/2014/11/25/lets-do-the-halfnarp/">our blogpost</a> for details. Please report problems to <a href="mailto:erdgeist@ccc.de">erdgeist@ccc.de</a>.</p> | ||
58 | <p class="corr-hint">Select an event below to display halfnarp correlations, the darker the stronger.</p> | ||
59 | <p class="touch-only hidden">NEW on mobile: Swipe the narpr!</p> | ||
60 | </div> | ||
61 | <!--div class="all-tracks track-list"> | ||
62 | <strong>classifiers:</strong> | ||
63 | <div class="legend track_378">CCC</div> | ||
64 | <div class="vclass legend track_379" classifier="Entertainment">Entertainment</div> | ||
65 | <div class="vclass legend track_382" classifier="Ethics, Politics + Society">Ethics, Society & Politics</div> | ||
66 | <div class="vclass legend track_381" classifier="Security">Security</div> | ||
67 | <div class="vclass legend track_376" classifier="Art + Culture">Art & Culture</div> | ||
68 | <div class="vclass legend track_380" classifier="Science">Science</div> | ||
69 | <div class="vclass legend track_377" classifier="Hardware">Hardware</div> | ||
70 | <div class="vclass legend track_383" classifier="Sustainability">Sustainability</div> | ||
71 | <div class="vclass" classifier="Foundations">Foundations</div> | ||
72 | <div class="vclass two_poles" classifier="Novelty">Summary - Novelty</div> | ||
73 | <div class="vclass two_poles" classifier="Defense - Offense">Defense - Offense</div> | ||
74 | <div class="vclass two_poles" classifier="Theory - Practice">Theory - Practice</div> | ||
75 | </div--> | ||
76 | <div style="clear:both"></div> | ||
77 | |||
78 | <div class="day_1 room-label room1">Saal 1</div><div class="day_1 room-label room2">Saal GLITCH</div><div class="day_1 room-label room3">Saal ZIGZAG</div> | ||
79 | <div class="day_2 room-label room1">Saal 1</div><div class="day_2 room-label room2">Saal GLITCH</div><div class="day_2 room-label room3">Saal ZIGZAG</div> | ||
80 | <div class="day_3 room-label room1">Saal 1</div><div class="day_3 room-label room2">Saal GLITCH</div><div class="day_3 room-label room3">Saal ZIGZAG</div> | ||
81 | <div class="day_4 room-label room1">Saal 1</div><div class="day_4 room-label room2">Saal GLITCH</div><div class="day_4 room-label room3">Saal ZIGZAG</div> | ||
82 | |||
83 | <div class=" time_1815 duration_3600 guide pause pause1">P A U S E</div> | ||
84 | <!--div class=" time_1950 duration_3600 guide pause ">P A U S E</div--> | ||
85 | |||
86 | <div class=" time_1750 duration_inf guide ende room1 day_4 "></div> | ||
87 | |||
88 | <div class="wholeday room1 day_1 guide uneven">Day 1</div> | ||
89 | <div class="wholeday room1 day_2 guide">Day 2</div> | ||
90 | <div class="wholeday room1 day_3 guide uneven">Day 3</div> | ||
91 | <div class="wholeday room1 day_4 guide">Day 4</div> | ||
92 | |||
93 | <div class="track" id="6"><h2>Security</h2></div> | ||
94 | <div class="track" id="4"><h2>Hardware & Making</h2></div> | ||
95 | <div class="track" id="7"><h2>Ethics, Society & Politics</h2></div> | ||
96 | <div class="track" id="2"><h2>CCC</h2></div> | ||
97 | <div class="track" id="3"><h2>Entertainment</h2></div> | ||
98 | <div class="track" id="5"><h2>Science</h2></div> | ||
99 | <div class="track" id="1"><h2>Art & Beauty</div> | ||
100 | |||
101 | <footer class="footer"> | ||
102 | <div class="footer__filter-side"> | ||
103 | <!--label>You can reduce the listed events with a filter</label--> | ||
104 | <input id="filter" type="text" placeholder="Filter events"/> | ||
105 | </div> | ||
106 | <div title="store your choices locally and – if possible – send them to the server" class="submit">Submit selection | ||
107 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 28" enable-background="new 0 0 22 28"><style type="text/css">.st0{fill:none;}</style><path class="st0" d="M-854-2242h1400v3600h-1400v-3600z"/><path d="M0 0v28l22-14-22-14z"/><path class="st0" d="M-16-10h48v48h-48v-48z"/></svg> | ||
108 | </div> | ||
109 | <div class="info hidden"></div> | ||
110 | <a class="export-url-a" download="38C3.ics" type="text/calendar" href="#"><div class="export-url hidden">38C3.ics</div></a> | ||
111 | <div id="qrcode" class="hidden"></div> | ||
112 | </footer> | ||
113 | |||
114 | </body> | ||
115 | </html> | ||