hyrox-tracker/welcome.html at main · SQ77/hyrox-tracker · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Race Tracker</title>
        <link rel="stylesheet" href="welcome.css" />
    </head>

    <body>
        <div class="main">
            <div class="main-left">
                <div class="container">
                    <div class="welcome">
                        <h1>
                            Welcome to
                            <span class="racetracker">Race Tracker!</span>
                        </h1>
                    </div>
                    <div class="steps">
                        <p>How to access Race Tracker:</p>
                        <li class="steps-item">
                            <svg
                                xmlns="http://www.w3.org/2000/svg"
                                viewBox="0 0 512 512"
                                class="puzzle-icon icon"
                            >
                                <path
                                    d="M345.14,480H256V434.29a31.3,31.3,0,0,0-9.59-22.65c-7.67-7.56-18.83-11.81-30.57-11.64a44.38,44.38,0,0,0-28.45,10.67c-5.2,4.6-11.39,12.56-11.39,24.42V480H87.62A55.68,55.68,0,0,1,32,424.38V336H77.71c9.16,0,18.07-3.92,25.09-11A42.06,42.06,0,0,0,115,295.08C114.7,273.89,97.26,256,76.91,256H32V166.66a53.77,53.77,0,0,1,16.53-39A55.88,55.88,0,0,1,87.62,112h63.24V97.52A65.53,65.53,0,0,1,217.54,32c35.49.62,64.36,30.38,64.36,66.33V112h63.24A54.28,54.28,0,0,1,400,166.86V230.1h13.66c36.58,0,66.34,29,66.34,64.64,0,36.61-29.39,66.4-65.52,66.4H400v63.24C400,455.05,375.39,480,345.14,480Z"
                                />
                            </svg>
                            <span>Click on this icon at the top right</span>
                        </li>
                        <li class="steps-item">
                            <img src="icons/icon-48.png" class="icon" />Click on
                            Race Tracker
                        </li>
                        <li class="steps-item">
                            <svg
                                xmlns="http://www.w3.org/2000/svg"
                                viewBox="0 0 16 16"
                                class="pin-icon icon"
                            >
                                <path
                                    d="M4.146.146A.5.5 0 0 1 4.5 0h7a.5.5 0 0 1 .5.5c0 .68-.342 1.174-.646 1.479-.126.125-.25.224-.354.298v4.431l.078.048c.203.127.476.314.751.555C12.36 7.775 13 8.527 13 9.5a.5.5 0 0 1-.5.5h-4v4.5c0 .276-.224 1.5-.5 1.5s-.5-1.224-.5-1.5V10h-4a.5.5 0 0 1-.5-.5c0-.973.64-1.725 1.17-2.189A5.921 5.921 0 0 1 5 6.708V2.277a2.77 2.77 0 0 1-.354-.298C4.342 1.674 4 1.179 4 .5a.5.5 0 0 1 .146-.354z"
                                />
                            </svg>
                            <span>You can also pin it for easier access</span>
                        </li>
                    </div>
                    <div class="try-button-container">
                        <a
                            href="https://results.hyrox.com/season-7/?content=detail&fpid=search&pid=search&idp=LR3MS4JI2EC518&lang=EN_CAP&event=HPRO_LR3MS4JIA69"
                            class="try-button"
                            target="_blank"
                            >Try Race Tracker</a
                        >
                    </div>
                    <div class="contact-info">
                        <p>
                            Feel free to reach out to me at andrewzsq@gmail.com
                            with any issues or suggestions. Any feedback is
                            appreciated.
                        </p>
                    </div>
                </div>
            </div>
            <div class="video-frame">
                <iframe
                    width="100%"
                    height="auto"
                    src="https://www.youtube.com/embed/0MdM4jDnNJs?autoplay=1&controls=0&rel=0&loop=1&mute=1&playlist=0MdM4jDnNJs"
                    frameborder="0"
                    allow="autoplay; encrypted-media"
                    allowfullscreen
                ></iframe>
            </div>
        </div>
    </body>
</html>