templates/presenter.html


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

<!DOCTYPE html>
<html>
<head>
  <title>Presenter mode</title>
  <link href="/plugins/ctfd-presenter/assets/presenter.css" rel="stylesheet" />
</head>

<body>
  <iframe
    id="scoreboard-frame"
    src="/scoreboard"
    loading="eager">
  </iframe>

  <div id="solve-overlay">
    <div id="solve-text">
        <div id="solve-first">
            <img src="/plugins/ctfd-presenter/assets/first-blood.png" />
            <div class="sparkler-light">
                <div class="spark" style="--spark-rotate: 10deg; --spark-delay: 223ms; --spark-duration: 750ms"></div>
                <div class="spark" style="--spark-rotate: 20deg; --spark-delay: 844ms; --spark-duration: 775ms"></div>
                <div class="spark" style="--spark-rotate: 30deg; --spark-delay: 130ms; --spark-duration: 780ms"></div>
                <div class="spark" style="--spark-rotate: 40deg; --spark-delay: 747ms; --spark-duration: 725ms"></div>
                <div class="spark" style="--spark-rotate: 50deg; --spark-delay: 928ms; --spark-duration: 740ms"></div>
                <div class="spark" style="--spark-rotate: 60deg; --spark-delay: 392ms; --spark-duration: 770ms"></div>
                <div class="spark" style="--spark-rotate: 70deg; --spark-delay: 483ms; --spark-duration: 735ms"></div>
                <div class="spark" style="--spark-rotate: 80deg; --spark-delay: 621ms; --spark-duration: 755ms"></div>
                <div class="spark" style="--spark-rotate: 90deg; --spark-delay: 814ms; --spark-duration: 715ms"></div>
                <div class="spark" style="--spark-rotate: 100deg; --spark-delay: 802ms; --spark-duration: 730ms"></div>
                <div class="spark" style="--spark-rotate: 110deg; --spark-delay: 837ms; --spark-duration: 785ms"></div>
                <div class="spark" style="--spark-rotate: 120deg; --spark-delay: 238ms; --spark-duration: 790ms"></div>
                <div class="spark" style="--spark-rotate: 130deg; --spark-delay: 642ms; --spark-duration: 740ms"></div>
                <div class="spark" style="--spark-rotate: 140deg; --spark-delay: 58ms; --spark-duration: 715ms"></div>
                <div class="spark" style="--spark-rotate: 150deg; --spark-delay: 404ms; --spark-duration: 775ms"></div>
                <div class="spark" style="--spark-rotate: 160deg; --spark-delay: 576ms; --spark-duration: 725ms"></div>
                <div class="spark" style="--spark-rotate: 170deg; --spark-delay: 944ms; --spark-duration: 755ms"></div>
                <div class="spark" style="--spark-rotate: 180deg; --spark-delay: 635ms; --spark-duration: 785ms"></div>
                <div class="spark" style="--spark-rotate: 190deg; --spark-delay: 205ms; --spark-duration: 770ms"></div>
                <div class="spark" style="--spark-rotate: 200deg; --spark-delay: 91ms; --spark-duration: 795ms"></div>
                <div class="spark" style="--spark-rotate: 210deg; --spark-delay: 829ms; --spark-duration: 745ms"></div>
                <div class="spark" style="--spark-rotate: 220deg; --spark-delay: 369ms; --spark-duration: 730ms"></div>
                <div class="spark" style="--spark-rotate: 230deg; --spark-delay: 861ms; --spark-duration: 780ms"></div>
                <div class="spark" style="--spark-rotate: 240deg; --spark-delay: 201ms; --spark-duration: 735ms"></div>
                <div class="spark" style="--spark-rotate: 250deg; --spark-delay: 173ms; --spark-duration: 755ms"></div>
                <div class="spark" style="--spark-rotate: 260deg; --spark-delay: 967ms; --spark-duration: 765ms"></div>
                <div class="spark" style="--spark-rotate: 270deg; --spark-delay: 548ms; --spark-duration: 715ms"></div>
                <div class="spark" style="--spark-rotate: 280deg; --spark-delay: 392ms; --spark-duration: 775ms"></div>
                <div class="spark" style="--spark-rotate: 290deg; --spark-delay: 973ms; --spark-duration: 740ms"></div>
                <div class="spark" style="--spark-rotate: 300deg; --spark-delay: 6ms; --spark-duration: 725ms"></div>
                <div class="spark" style="--spark-rotate: 310deg; --spark-delay: 1ms; --spark-duration: 760ms"></div>
                <div class="spark" style="--spark-rotate: 320deg; --spark-delay: 854ms; --spark-duration: 735ms"></div>
                <div class="spark" style="--spark-rotate: 330deg; --spark-delay: 159ms; --spark-duration: 750ms"></div>
                <div class="spark" style="--spark-rotate: 340deg; --spark-delay: 60ms; --spark-duration: 780ms"></div>
                <div class="spark" style="--spark-rotate: 350deg; --spark-delay: 986ms; --spark-duration: 765ms"></div>
                <div class="spark" style="--spark-rotate: 360deg; --spark-delay: 559ms; --spark-duration: 740ms"></div>
            </div>
        </div>
        <div id="solve-team" class="glitch"></div>
        <div id="solve-value" class="glitch"></div>
        <div id="solve-challenge" class="glitch"></div>
    </div>
    <div class="scanlines"></div>
  </div>

  <script src="/plugins/ctfd-presenter/assets/presenter.js"></script>
</body>
</html>