-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (118 loc) · 9.63 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>snt-python-english</title>
<link rel="stylesheet" href="styles.css"> <!-- Link to the CSS file -->
<link rel="icon" href="https://raw.githubusercontent.com/numalariamodeling/snt-library/00f5d017420687693cc53237562750b8abfba6ed/numalaria_logo.png" type="image/png">
<link href="https://fonts.googleapis.com/css2?family=Hubot+Sans:wght@400;700&display=swap" rel="stylesheet">
<style>
.sidebar-button inactive-button.inactive {
background-color: #47B5FF;
}
</style>
</head>
<body>
<div class="container">
<div class="sidebar">
<div class="sidebar-header">
<h2 class="sidebar-title">Code library for stratification and SNT</h2>
</div>
<input type="text" class="search-bar" placeholder="Search..." maxlength="15"> <!-- Shortened search bar -->
<!-- Sidebar button grid -->
<div class="sidebar-button-grid">
<a href="#" class="sidebar-button ren-button">py EN</a> <!-- This button has both the .sidebar-button and .ren-button classes -->
<a href="https://numalariamodeling.github.io/snt-code-library-french-version/#Overview" class="sidebar-button" onclick="setActiveButton(this);">R FR</a>
<a href="https://numalariamodeling.github.io/snt-code-library-english-version/#Overview" class="sidebar-button" onclick="setActiveButton(this);">R En</a>
<a href="https://numalariamodeling.github.io/snt-python-french-version/#Overview" class="sidebar-button" onclick="setActiveButton(this);">py FR</a>
<a href="https://numalariamodeling.github.io/snt-stata-english-version/#Overview" class="sidebar-button" onclick="setActiveButton(this);">St En</a>
<a href="https://numalariamodeling.github.io/snt-stata-french-version/#Overview" class="sidebar-button" onclick="setActiveButton(this);">St FR</a>
</div>
<!-- Menu Links -->
<div class="menu">
<p class="menu-header">
<a href="#Overview" class="menu-link" onclick="loadContent('overview')">
<span class="menu-text">Overview</span>
</a>
</p>
</div>
<div class="menu">
<p class="menu-header" onclick="toggleMenu(this)">
<span class="menu-text">A. Data Assembly and Management</span>
<span class="menu-indicator">></span>
</p>
<ul class="submenu">
<li><a href="#shapefiles" class="menu-link" onclick="selectLink(this); loadContent('shapefiles')"><span class="link-text">A.1 Shapefiles</span></a></li>
<li><a href="#hf" class="menu-link" onclick="selectLink(this); loadContent('hf')"><span class="link-text">A.2 Health Facilities</span></a></li>
<li><a href="#A.3 Routine Case Data from DHIS2" class="menu-link" onclick="selectLink(this); loadContent('dhis2')"><span class="link-text">A.3 Routine Case Data from DHIS2</span></a></li>
<li><a href="#A.4 DHS Data" class="menu-link" onclick="selectLink(this); loadContent('dhs')"><span class="link-text">A.4 DHS Data</span></a></li>
<li><a href="#A.5 Population Data" class="menu-link" onclick="selectLink(this); loadContent('pop')"><span class="link-text">A.5 Population Data</span></a></li>
<li><a href="#A.6 Climate Data" class="menu-link" onclick="selectLink(this); loadContent('climate')"><span class="link-text">A.6 Climate Data</span></a></li>
<li><a href="#A.7 LMIS Data" class="menu-link" onclick="selectLink(this); loadContent('lmis')"><span class="link-text">A.7 LMIS Data</span></a></li>
<li><a href="#A.8 Modeled Data" class="menu-link" onclick="selectLink(this); loadContent('model')"><span class="link-text">A.8 Modeled Data</span></a></li>
</ul>
</div>
<div class="menu">
<p class="menu-header" onclick="toggleMenu(this)">
<span class="menu-text">B. Epidemiological Stratification</span>
<span class="menu-indicator">></span>
</p>
<ul class="submenu">
<li><a href="#B.1 Reporting Rate per Variable" class="menu-link" onclick="selectLink(this); loadContent('reportingrate')"><span class="link-text">B.1 Reporting Rate per Variable</span></a></li>
<li><a href="#B.2 Group and Merge Data Frame" class="menu-link" onclick="selectLink(this); loadContent('groupmergedf')"><span class="link-text">B.2 Group and Merge Data Frame</span></a></li>
<li><a href="#B.3 Crude Incidence by Year" class="menu-link" onclick="selectLink(this); loadContent('crudeincidence')"><span class="link-text">B.3 Crude Incidence by Year</span></a></li>
<li><a href="#B.4 Adjusted Incidence by Year" class="menu-link" onclick="selectLink(this); loadContent('adjustedincidence')"><span class="link-text">B.4 Adjusted Incidence by Year</span></a></li>
<li><a href="#B.5 Option to Select Incidence" class="menu-link" onclick="selectLink(this); loadContent('optionincidence')"><span class="link-text">B.5 Option to Select Incidence</span></a></li>
<li><a href="#B.6 Risk Categorization" class="menu-link" onclick="selectLink(this); loadContent('riskcategorization')"><span class="link-text">B.6 Risk Categorization</span></a></li>
</ul>
</div>
<div class="menu">
<p class="menu-header" onclick="toggleMenu(this)">
<span class="menu-text">C. Stratification of Other Determinants</span>
<span class="menu-indicator">></span>
</p>
<ul class="submenu">
<li><a href="#C.1 Access to Care" class="menu-link" onclick="selectLink(this); loadContent('accesstocare')"><span class="link-text">C.1 Access to Care</span></a></li>
<li><a href="#C.2 Seasonality" class="menu-link" onclick="selectLink(this); loadContent('seasonality')"><span class="link-text">C.2 Seasonality</span></a></li>
</ul>
</div>
<div class="menu">
<p class="menu-header" onclick="toggleMenu(this)">
<span class="menu-text">D. Review of Past Interventions</span>
<span class="menu-indicator">></span>
</p>
<ul class="submenu">
<li><a href="#D.1 EPI Coverage and Dropout Rate" class="menu-link" onclick="selectLink(this); loadContent('epi')"><span class="link-text">D.1 EPI Coverage and Dropout Rate</span></a></li>
<li><a href="#D.2 IPTp and ANC Coverage" class="menu-link" onclick="selectLink(this); loadContent('iptp')"><span class="link-text">D.2 IPTp and ANC Coverage</span></a></li>
<li><a href="#D.3 PMC (Perennial Malaria Chemoprevention)" class="menu-link" onclick="selectLink(this); loadContent('pmc')"><span class="link-text">D.3 PMC (Perennial Malaria Chemoprevention)</span></a></li>
<li><a href="#D.4 SMC (Seasonal Malaria Chemoprevention)" class="menu-link" onclick="selectLink(this); loadContent('smc')"><span class="link-text">D.4 SMC (Seasonal Malaria Chemoprevention)</span></a></li>
<li><a href="#D.5 Malaria Vaccine" class="menu-link" onclick="selectLink(this); loadContent('vaccine')"><span class="link-text">D.5 Malaria Vaccine</span></a></li>
<li><a href="#D.6 ITN Coverage, Ownership, Access, Usage, and Type" class="menu-link" onclick="selectLink(this); loadContent('itn')"><span class="link-text">D.6 ITN Coverage, Ownership, Access, Usage, and Type</span></a></li>
<li><a href="#D.7 IRS (Indoor Residual Spraying)" class="menu-link" onclick="selectLink(this); loadContent('irs')"><span class="link-text">D.7 IRS (Indoor Residual Spraying)</span></a></li>
<li><a href="#D.8 MDA (Mass Drug Administration)" class="menu-link" onclick="selectLink(this); loadContent('mda')"><span class="link-text">D.8 MDA (Mass Drug Administration)</span></a></li>
<li><a href="#D.9 IPTsc (Intermittent Preventive Treatment of Malaria in School-aged Children)" class="menu-link" onclick="selectLink(this); loadContent('iptsc')"><span class="link-text">D.9 IPTsc (Intermittent Preventive Treatment of Malaria in School-aged Children)</span></a></li>
<li><a href="#D.10 PDMC (Post-discharge Malaria Chemoprevention)" class="menu-link" onclick="selectLink(this); loadContent('pdmc')"><span class="link-text">D.10 PDMC (Post-discharge Malaria Chemoprevention)</span></a></li>
<li><a href="#D.11 LSM (Larval Source Management)" class="menu-link" onclick="selectLink(this); loadContent('lsm')"><span class="link-text">D.11 LSM (Larval Source Management)</span></a></li>
<li><a href="#D.12 Assessing the Quality of Case Management" class="menu-link" onclick="selectLink(this); loadContent('assessingqualman')"><span class="link-text">D.12 Assessing the Quality of Case Management</span></a></li>
</ul>
</div>
</div>
<div class="main-content">
<div id="content">
<!-- Overview content will be loaded here -->
</div>
</div>
</div>
<script>
function setActiveButton(button) {
// Remove active class from all buttons
const buttons = document.querySelectorAll('.sidebar-button');
buttons.forEach(btn => btn.classList.remove('active'));
// Add active class to the clicked button
button.classList.add('active');
}
</script>
<script src="script.js"></script> <!-- Link to the JavaScript file -->
</body>
</html>