missingpersons/analytics.html at main · wkambale/missingpersons · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Cookie Banner -->
    <!-- Start cookieyes banner -->
    <script id="cookieyes" type="text/javascript"
        src="https://cdn-cookieyes.com/client_data/5ae40288320e48428eecee4b/script.js"></script>
    <!-- End cookieyes banner -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kidnappings & Missing Persons in Uganda</title>
    <!-- Meta tags SEO -->
    <meta name="description"
        content="Find missing loved ones in Uganda. Report disappearances. View photos, descriptions. Get support resources. Help bring people home." />
    <meta name="keywords" content="missing persons Uganda, kidnapped Ugandans, abducted Ugandans" />
    <meta name="author" content="Wes Kambale" />
    <!-- Social Media Meta Tags -->
    <meta property="og:title" content="Missing persons Uganda" />
    <meta property="og:description"
        content="Find missing loved ones in Uganda. Report disappearances. View photos, descriptions. Get support resources. Help bring people home." />
    <meta property="og:image" content="./src/img/image_of_person.jpg" />
    <meta property="og:url" content="https://missingpersonsug.org" />
    <meta name="twitter:title" content="Missing Persons Uganda" />
    <meta name="twitter:description"
        content="Find missing loved ones in Uganda. Report disappearances. View photos, descriptions. Get support resources. Help bring people home." />
    <meta name="twitter:image" content="./src/img/image_of_person.jpg" />
    <meta name="twitter:card" content="summary_large_image" />
    <!-- Social Media Meta Tags End-->

    <!--
        site.manifest provides metadata used when your web app is installed on a
        user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
    -->
    <link rel="manifest" href="./src/assets/site.webmanifest" />
    <!-- Manifest Ends -->

    <!-- Favicon -->
    <link rel="shortcut icon" href="./src/assets/favicon.ico" type="image/x-icon" />
    <link href="./src/assets/apple-touch-icon.png" rel="apple-touch-icon" />

    <!-- Schema Markup data -->
    <script type="application/ld+json">
    {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "Missing Persons Uganda",
    "url": "https://missingpersonsug.com",
    "logo": "https://missingpersonsug.com/logo.webp",
    "sameAs": [
        "",
        "",
        "",
        "",
        ""
        ]
    }
        </script>
    <!-- Schema Markup data ends -->

    <!-- bootstrap  -->
    <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 to external CSS -->
    <link rel="stylesheet" href="src/css/styles.css">
</head>

<body>
    <div class="header">
        <h1>Analytics | Kidnappings & Missing Persons in Uganda</h1>
    </div>

    <div class="container-fluid">
        <div class="row mt-5">
            <div class="col col-md-6">
                <div class="card">
                    <div class="card-header">
                        <h3 class="text-white">Missing people by holding location</h3>
                    </div>
                    <div class="card-body">
                        <canvas id="holdingLocationChart"></canvas>
                    </div>
                </div>
            </div>

            <div class="col col-md-6">
                <div class=" card">
                    <div class="card-header">
                        <h3 class="text-white">Missing people by gender</h3>
                    </div>
                    <div class="card-body">
                        <canvas id="genderChart"></canvas>
                    </div>
                </div>
            </div>
        </div>

        <div class="row mt-5">

            <div class="col col-md-6">
                <div class=" card">
                    <div class="card-header">
                        <h3 class="text-white">Missing people by status</h3>
                    </div>
                    <div class="card-body">
                        <canvas id="statusChart"></canvas>
                    </div>
                </div>
            </div>

            <div class="col col-md-6">
                <div class="card">
                    <div class="card-header">
                        <h3 class="text-white">Missing people by last known location</h3>
                    </div>
                    <div class="card-body">
                        <canvas id="lastKnownLocationChart"></canvas>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div w3-include-html="src/partials/footer.html"></div>
    <!-- <script type="text/javascript" src="src/js/scripts.js"></script> -->
    <script src="./src/js/include.js"></script>
    <script src="./src/js/time.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="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <script type="text/javascript" src="./src/js/analytics.js"></script>
</body>

</html>