KnowWhatYouDo/index.html at main · MathObsession/KnowWhatYouDo · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Know What You Do</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>

<h1 class="heading">
    <span class="section1">Know</span>
    <span class="section2">What</span>
    <span class="section3">You</span>
    <span class="section4">Do</span>
</h1>

<div class="main">
    <p class="content"></p>
    <div id="scroll-warning" style="display:none; color:#e3e3e3; font-weight:600; margin-top:20px;">
        ↓ Scroll down
    </div>
</div>

<div class="break">
    <h1>If you came here, you are a top 1% explorer!</h1>
    <hr>

    <div class="scroll">
        <h2>You scrolled at an average speed of:</h2>
        <h1 class="scroll-speed"></h1>
    </div>

    <hr>

    <div class="fake-captcha-container">
        <label class="fake-captcha">
            <div class="checkbox-wrapper">
                <input type="checkbox" class="input">
                <span class="checkmark"></span>
            </div>
            <span class="label-text">I'm not a robot</span>
        </label>
    </div>

    <div id="reaction-time-container" style="display:none;">
        <h2>Your reaction time:</h2>
        <h1 class="reaction-time"></h1>
    </div>

    <div id="reading-time-container" style="display:none;">
        <h2>Time spent reading:</h2>
        <h1 class="reading-time"></h1>
    </div>

    <div id="profile-container" style="display:none;"></div>
    <div id="average-attention" style="display:none;"></div>
</div>

<script src="script.js"></script>
</body>
</html>