summaryrefslogtreecommitdiff
path: root/templates/index.html
blob: 2e93fb31e500aad3e05a306135ed13a3f7c17116 (plain)
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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>halfnarp web scheduling helper app</title>
  <link rel="stylesheet" href="/static/style_38c3.css">
  <link rel="stylesheet" href="/static/style_38c3_tables.css">
  <script src="/static/jquery-3.7.1.min.js"></script>
  <script src="/static/jquery.qrcode.min.js"></script>
  <script src="/static/halfnarp.js"></script>
  <script>
  $( document ).ready(function() { do_the_halfnarp(); });
  </script>
</head>
<body class="size-small in-list halfnarp">
    <header class="header">
        <!--div class="views touch-only hidden vnarpr">narpr</div-->
        <div class="views vlist" title="Display all events sorted by track (Hotkey: L)">list</div>
        <div class="views vdays" title="Display all events in a 4-day-view (Hotkey: 0)">days</div>
        <div class="views vday1" title="Display all events on Day 1 (Hotkey: 1)">day 1</div>
        <div class="views vday2" title="Display all events on Day 2 (Hotkey: 2)">day 2</div>
        <div class="views vday3" title="Display all events on Day 3 (Hotkey: 3)">day 3</div>
        <div class="views vday4" title="Display all events on Day 4 (Hotkey: 4)">day 4</div>
        <div class="views vcorr" title="Enter correlation view (Hotkey: C)">half</div>
        <div class="views vtrack" title="Color event by track (Hotkey: T)">track</div>
        <div class="views vlang" title="Color event by language (Hotkey: I)">lang</div>
        <div class="header__right">
            <div class="allboxes">
                <div class="vsmallboxes boxer">size</div><div class="vmediumboxes boxer">Size</div><div class="vlargeboxes boxer">SIZE</div>
            </div>
        </div>
    </header>

<div style="display:none">
  <div id="template">
    <div class="title"></div>
    <div class="speakers"></div>
    <div class="abstract"></div>
  </div>
</div>

<div class="narpr hidden">
  <div class="narpr_swipy">swipe, hold, release</div>
  <div class="narpr_swipy large">⟷</div>
  <div class="narpr_track"></div>
  <div class="narpr_title"></div>
  <div class="narpr_subtitle"></div>
  <div class="narpr_speakers"></div>
  <div class="narpr_abstract"></div>
  <div class="narpr_done">close</div>
</div>

    <div class="intro">
        <h1>The 38C3 halfnarp</h1>
        <div class="touch-only hidden vnarpr narpr-beta">narpr<sup>β</sup></div>
        <p>Help us to reduce conflicts of scheduling 38C3's Fahrplan: Click on the talks you would like to watch and press submit.</p>
        <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>
        <p class="corr-hint">Select an event below to display halfnarp correlations, the darker the stronger.</p>
        <p class="touch-only hidden">NEW on mobile: Swipe the narpr!</p>
    </div>
<!--div class="all-tracks track-list">
  <strong>classifiers:</strong>
  <div class="legend track_378">CCC</div>
  <div class="vclass legend track_379" classifier="Entertainment">Entertainment</div>
  <div class="vclass legend track_382" classifier="Ethics, Politics + Society">Ethics, Society &amp; Politics</div>
  <div class="vclass legend track_381" classifier="Security">Security</div>
  <div class="vclass legend track_376" classifier="Art + Culture">Art &amp; Culture</div>
  <div class="vclass legend track_380" classifier="Science">Science</div>
  <div class="vclass legend track_377" classifier="Hardware">Hardware</div>
  <div class="vclass legend track_383" classifier="Sustainability">Sustainability</div>
  <div class="vclass" classifier="Foundations">Foundations</div>
  <div class="vclass two_poles" classifier="Novelty">Summary - Novelty</div>
  <div class="vclass two_poles" classifier="Defense - Offense">Defense - Offense</div>
  <div class="vclass two_poles" classifier="Theory - Practice">Theory - Practice</div>
</div-->
<div style="clear:both"></div>

<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>
<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>
<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>
<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>

<div class=" time_1815 duration_3600 guide pause pause1">P A U S E</div>
<!--div class=" time_1950 duration_3600 guide pause ">P A U S E</div-->

<div class=" time_1750 duration_inf guide ende room1 day_4 "></div>

  <div class="wholeday room1 day_1 guide uneven">Day 1</div>
  <div class="wholeday room1 day_2 guide">Day 2</div>
  <div class="wholeday room1 day_3 guide uneven">Day 3</div>
  <div class="wholeday room1 day_4 guide">Day 4</div>

  <div class="track" id="6"><h2>Security</h2></div>
  <div class="track" id="4"><h2>Hardware &amp; Making</h2></div>
  <div class="track" id="7"><h2>Ethics, Society &amp; Politics</h2></div>
  <div class="track" id="2"><h2>CCC</h2></div>
  <div class="track" id="3"><h2>Entertainment</h2></div>
  <div class="track" id="5"><h2>Science</h2></div>
  <div class="track" id="1"><h2>Art &amp; Beauty</div>

<footer class="footer">
    <div class="footer__filter-side">
        <!--label>You can reduce the listed events with a filter</label-->
        <input id="filter" type="text" placeholder="Filter events"/>
    </div>
<div title="store your choices locally and – if possible – send them to the server" class="submit">Submit selection
<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>
</div>
    <div class="info hidden"></div>
    <a class="export-url-a" download="38C3.ics" type="text/calendar" href="#"><div class="export-url hidden">38C3.ics</div></a>
    <div id="qrcode" class="hidden"></div>
</footer>

</body>
</html>