badge.kernelcon.org/quest_results.html at main · kernelcon/badge.kernelcon.org · GitHub

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
<!doctype html>
<html lang="en" class="h-100">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>off grid | kernelcon 2026</title>
    <link rel="canonical" href="https://getbootstrap.com/docs/5.3/examples/cover/">
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }
    </style>
    <link href="css/cover.css" rel="stylesheet">
  </head>
  <body class="d-flex h-100 text-center text-bg-dark">

<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
  <header class="mb-auto">
    <div>
      <h3 class="float-md-start mb-0">off grid badge</h3>
      <nav class="nav nav-masthead justify-content-center float-md-end">
        <a class="nav-link fw-bold py-1 px-0" href="index.html">Home</a>
        <a class="nav-link fw-bold py-1 px-0" href="about.html">About</a>
        <a class="nav-link fw-bold py-1 px-0" href="ibom.html">Interactive BOM</a>
        <a class="nav-link fw-bold py-1 px-0" href="activities.html">Activity</a>
        <a class="nav-link fw-bold py-1 px-0 active" aria-current="page" href="quest_results.html">Quest Results</a>
        <a class="nav-link fw-bold py-1 px-0" href="past_badges.html">Past Badges</a>
      </nav>
    </div>
  </header>

  <main class="px-3 mt-4">
    <h1>Quest Results</h1>
    <p class="text-white-50">Released: April 11, 2026</p>
    <p class="lead">Data collected from kiosk interactions during Kernelcon 2026. The quest involved finding kiosks around the conference and using your badge to level up through 10 stages.</p>

    <hr class="my-4">

    <section id="overview">
      <h3>Overview</h3>
      <p>312 unique badges started the quest. 62 completed all 10 levels!</p>
      <p><a href="images/charts/kiosk_cross_level.png"><img class="img-fluid my-2" style="max-width: 600px;" src="images/charts/kiosk_cross_level.png" alt="Cross-Level Comparison — Unique Badges Leveled Up" /></a></p>
    </section>

    <hr class="my-4">

    <section id="per-level">
      <h3>Per-Level Breakdown</h3>
      <p>Each chart shows the success rate for badges that attempted that level.</p>

      <h4>Level 0</h4>
      <p><a href="images/charts/kiosk_level_0.png"><img class="img-fluid my-2" style="max-width: 500px;" src="images/charts/kiosk_level_0.png" alt="Kiosk Level 0 Results" /></a></p>

      <h4>Level 1</h4>
      <p><a href="images/charts/kiosk_level_1.png"><img class="img-fluid my-2" style="max-width: 500px;" src="images/charts/kiosk_level_1.png" alt="Kiosk Level 1 Results" /></a></p>

      <h4>Level 2</h4>
      <p><a href="images/charts/kiosk_level_2.png"><img class="img-fluid my-2" style="max-width: 500px;" src="images/charts/kiosk_level_2.png" alt="Kiosk Level 2 Results" /></a></p>

      <h4>Level 3</h4>
      <p><a href="images/charts/kiosk_level_3.png"><img class="img-fluid my-2" style="max-width: 500px;" src="images/charts/kiosk_level_3.png" alt="Kiosk Level 3 Results" /></a></p>

      <h4>Level 4</h4>
      <p><a href="images/charts/kiosk_level_4.png"><img class="img-fluid my-2" style="max-width: 500px;" src="images/charts/kiosk_level_4.png" alt="Kiosk Level 4 Results" /></a></p>

      <h4>Level 5</h4>
      <p><a href="images/charts/kiosk_level_5.png"><img class="img-fluid my-2" style="max-width: 500px;" src="images/charts/kiosk_level_5.png" alt="Kiosk Level 5 Results" /></a></p>

      <h4>Level 6</h4>
      <p><a href="images/charts/kiosk_level_6.png"><img class="img-fluid my-2" style="max-width: 500px;" src="images/charts/kiosk_level_6.png" alt="Kiosk Level 6 Results" /></a></p>

      <h4>Level 7</h4>
      <p><a href="images/charts/kiosk_level_7.png"><img class="img-fluid my-2" style="max-width: 500px;" src="images/charts/kiosk_level_7.png" alt="Kiosk Level 7 Results" /></a></p>

      <h4>Level 8</h4>
      <p><a href="images/charts/kiosk_level_8.png"><img class="img-fluid my-2" style="max-width: 500px;" src="images/charts/kiosk_level_8.png" alt="Kiosk Level 8 Results" /></a></p>

      <h4>Level 9</h4>
      <p><a href="images/charts/kiosk_level_9.png"><img class="img-fluid my-2" style="max-width: 500px;" src="images/charts/kiosk_level_9.png" alt="Kiosk Level 9 Results" /></a></p>
    </section>

    <hr class="my-4">

    <section id="raw-data">
      <h3>Raw Data</h3>
      <p>Download the raw kiosk log files for your own analysis.</p>
      <div class="d-inline-block text-start">
        <ul>
          <li><a href="data/kiosk0.txt" download>kiosk0.txt</a> — Level 0 kiosk logs</li>
          <li><a href="data/kiosk1.txt" download>kiosk1.txt</a> — Level 1 kiosk logs</li>
          <li><a href="data/kiosk2.txt" download>kiosk2.txt</a> — Level 2 kiosk logs</li>
          <li><a href="data/kiosk3.txt" download>kiosk3.txt</a> — Level 3 kiosk logs</li>
          <li><a href="data/kiosk4.txt" download>kiosk4.txt</a> — Level 4 kiosk logs</li>
          <li><a href="data/kiosk5.txt" download>kiosk5.txt</a> — Level 5 kiosk logs</li>
          <li><a href="data/kiosk6.txt" download>kiosk6.txt</a> — Level 6 kiosk logs</li>
          <li><a href="data/kiosk7.txt" download>kiosk7.txt</a> — Level 7 kiosk logs</li>
          <li><a href="data/kiosk8.txt" download>kiosk8.txt</a> — Level 8 kiosk logs</li>
          <li><a href="data/kiosk9.csv" download>kiosk9.csv</a> — Level 9 kiosk logs (CSV format)</li>
        </ul>
      </div>
    </section>

  </main>

  <footer class="mt-auto text-white-50">
    <p>kernelcon 2026 | built by zonksec</p>
  </footer>
</div>
  </body>
</html>