summaryrefslogtreecommitdiff
path: root/static
diff options
context:
space:
mode:
Diffstat (limited to 'static')
-rw-r--r--static/faq.html44
-rw-r--r--static/index.html115
2 files changed, 159 insertions, 0 deletions
diff --git a/static/faq.html b/static/faq.html
new file mode 100644
index 0000000..aefd03d
--- /dev/null
+++ b/static/faq.html
@@ -0,0 +1,44 @@
1<!doctype html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
5 <title>halfnarp FAQ</title>
6 <link rel="stylesheet" href="style.css">
7</head>
8<body>
9
10<div class="headline">The 38C3 halfnarp FAQ</div>
11
12<dl>
13<dt>Q: What is halfnarp?</dt>
14<dd>
15 <p>A: <a href="/">halfnarp</a> is a service by Chaos Communication Congress’ content crew. It shows a live preview of our conference lecture planning tool and allows conference attendees to store and share a list of events they plan to attend. When users submit their favorites to the halfnarp server, the numbers allow adjusting the conference’s Fahrplan.</p>
16
17 <p>Remember when some of the talks you most desperately wanted to see were scheduled at the same time? If we know about your preferences, the time table can be optimized for a minimal global amount of collisions. Remember when the lecture you wanted to get into was overcrowded because it was put into the smallest hall? Your numbers help to estimate demand and finding the right place for a talk.</p>
18</dd>
19<dt>Q: How does it work?</dt>
20<dd>
21 <p>A: 38C3 Fahrplan is curated by six teams each responsible for one track. By default, lectures are sorted by these tracks.</p>
22 <ul>
23 <li>On a desktop browser, hovering over an event’s description reveals the full abstract. Clicking on an event adds or removes events to/from your favorites list – they turn green.</li>
24 <li>On mobile browsers, tapping an event once selects it and reveals the whole content. Tapping a selected event adds or removes events to/from your favorites list – they turn green.</li>
25 </ul>
26 <p>Your choices will be stored locally in your browser for future visits. If you are done selecting and feel like helping to make the Fahrplan better, hit „Submit“. This will also reveal a download button for your personalized calendar in ical format and present a qrcode with a JSON dictionary of your preferences to import by mobile clients.</p>
27 <p>Once there is a preliminary timetable set, you can browse lectures by day using the day-view buttons.</p>
28 <p>The „Filter event“ text field allows you to filter events list by a type ahead search.</p>
29</dd>
30<dt>Q: How can I share my preferences?</dt>
31<dd>
32 <p>A: Once you hit „Submit“, your address bar reveals your public calendar URL. Share this URL with your friends, so they can get inspired by your preferences.</p>
33 <p>If you click on your friends’ public calendar URL, their favorited events appear purple, alongside yours in green.</p>
34</dd>
35<dt>Q: Can the halfnarp be used to hack the Fahrplan?</dt>
36<dd>
37 <p>A: The most important result is a conflict map showing how much all users do not want two certain lectures to happen at the same time. Absolute number are mostly ignored, making it hard to manipulate our Fahrplan. Also, results are being processed by actual humans, using their brains and halfnarps numbers as hints.</p>
38</dd>
39<dt>Q: How can I help?</dt>
40<dd>
41 <p>A: Submitting your preferences to the halfnarp servers helps a lot. You can find and create pull requests for <a href="https://github.com/tomster/halfnarp">halfnarp on its github home</a>.</p>
42</dd>
43
44</html>
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 &amp; Politics</div>
66 <div class="vclass legend track_381" classifier="Security">Security</div>
67 <div class="vclass legend track_376" classifier="Art + Culture">Art &amp; 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 &amp; Making</h2></div>
95 <div class="track" id="7"><h2>Ethics, Society &amp; 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 &amp; 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>
generated by cgit v1.2.3 (git 2.25.1) at 2025-01-22 14:00:12 +0000