MakeSPP/index.html at main · NicholasIGuess/MakeSPP · 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
<!DOCTYPE html>
<html lang = "en" data-bs-theme = "light">
<head>
    <meta charset = "utf-8">
    <meta name = "viewport" content = "width=device-width, initial-scale=1">
    <title>Ambulance Pathfinding</title>
    <link href = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel = "stylesheet" integrity = "sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin = "anonymous">
    <link rel = "stylesheet" href = "style.css">
</head>
    <body>
        <div id = "main">
            <h1 id = "title">Ambulance Pathfinding</h1>
            <p id = "info" style = "font-size: larger;">A website for ambulance personnel to effectively find a route to the areas in need</p>
            <p id = "info" style = "font-size: larger;">According to the National Institutes of Health, 700 People died due to poor ambulance response time in rural areas, just in Ireland</p>
            <p id = "info" style = "font-size: larger;">If websites like this can even save one person, it's worth it</p>
        </div>

        <div id = "grid-container" class = "center"></div>
        <input type = "button" onclick = "run();" class = "btn btn-success go-button" style = "color: black;" value = "Go!"/>
        <input type = "button" onclick = "clearPath();" class = "btn btn-warning clear-path-button" style = "color: black;" value = "Clear Path"/>
        <input type = "button" onclick = "clearBtn();" class = "btn btn-danger clear-button" style = "color: black;" value = "Clear"/>

        <div id="map"></div>

        <script src="https://api.tomtom.com/maps-sdk-for-web/cdn/6.x/6.0.0/maps/maps-web.min.js"></script>
        <script src = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity = "sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin = "anonymous"></script>
        <script src = "script.js"></script>
    </body>
</html>