wearedirt.github.io/index.html at main · wearedirt/wearedirt.github.io · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <title>DIRT Research Technologies Digital Manual</title>
    <link rel="icon" type="image/x-icon" href="assets/logo_d.ico" />
    <link href="css/styles.css" rel="stylesheet" />
</head>
<body>
    <div class="d-flex" id="wrapper">
        <div class="border-end bg-white d-none d-lg-block" id="sidebar-wrapper" style="width: 250px;">
            <div class="sidebar-heading border-bottom bg-light">
                <img src="/assets/logo_dirt.png" alt="DIRT Logo" style="width: 200px; height: auto;">
            </div>
            <div class="list-group list-group-flush fs-5">
                <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#" data-section="welcome.html">Welcome</a>
                <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#" data-section="package_contents.html">SECTION 1: <br>Package Content</a>
                <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#" data-section="charging_device.html">SECTION 2: <br>Charging DIRT Watch</a>
                <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#" data-section="bluetooth_setup.html">SECTION 3: <br>Bluetooth Setup</a>
                <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#" data-section="install_app.html">SECTION 4: <br>Installing DIRT App</a>
                <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#" data-section="study_participation_procedures.html">SECTION 5: <br>Study Participation Procedures</a>
                <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#" data-section="troubleshoot.html">Troubleshoot</a>
            </div>
        </div>

        <div id="page-content-wrapper">
            <nav class="navbar navbar-expand-lg navbar-light bg-light border-bottom d-lg-none">
                <div class="container-fluid d-flex justify-content-between align-items-center">
                    <button class="navbar-toggler order-1" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <a class="navbar-brand order-2 ms-auto" href="#">
                        <img src="/assets/logo_dirt.png" alt="DIRT Logo" style="height: 50px;">
                    </a>
                </div>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav ms-auto mt-2 mt-lg-0">
                        <li class="nav-item"><a class="nav-link" href="#" data-section="welcome.html">Welcome</a></li>
                        <li class="nav-item"><a class="nav-link" href="#" data-section="package_contents.html">SECTION 1: Package Content</a></li>
                        <li class="nav-item"><a class="nav-link" href="#" data-section="charging_device.html">SECTION 2: Charging DIRT Watch</a></li>
                        <li class="nav-item"><a class="nav-link" href="#" data-section="bluetooth_setup.html">SECTION 3: Bluetooth Setup</a></li>
                        <li class="nav-item"><a class="nav-link" href="#" data-section="install_app.html">SECTION 4: Installing DIRT App</a></li>
                        <li class="nav-item"><a class="nav-link" href="#" data-section="study_participation_procedures.html">SECTION 5: Study Participation Procedures</a></li>
                        <li class="nav-item"><a class="nav-link" href="#" data-section="troubleshoot.html">Troubleshoot</a></li>
                    </ul>
                </div>
            </nav>

            <!-- Dynamic content area -->
            <div class="container-fluid">
                <div id="dynamic-content" class="limited-width fs-5 mt-5">
                    <!-- Section content will be loaded here -->
                </div>
            </div>
        </div>
    </div>

    <!-- Bootstrap core JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>

    <!-- Site logic (split into small files; no inline onclick required) -->
    <script src="js/core.js" defer></script>

    <script src="js/widgets/welcomeWizard.js" defer></script>

    <script src="js/widgets/troubleshooter.js" defer></script>
    <script src="js/widgets/bluetoothWizard.js" defer></script>
    <script src="js/widgets/studyProceduresWizard.js" defer></script>
    <script src="js/widgets/installAppWizard.js" defer></script>

    <script src="js/navigation.js" defer></script>
    <script src="js/actions.js" defer></script>
    <script src="js/app.js" defer></script>
</body>
</html>