-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtools
More file actions
321 lines (298 loc) · 12.7 KB
/
tools
File metadata and controls
321 lines (298 loc) · 12.7 KB
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
<!DOCTYPE html>
<html lang="en">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>About Us | Nordic Thoracic Oncology Group</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- SEO Meta Tags -->
<meta name="description" content="Learn about the Nordic Thoracic Oncology Group (NTOG), a collaborative network dedicated to advancing lung cancer research and improving patient outcomes across the Nordic region.">
<meta name="keywords" content="NTOG, Nordic Thoracic Oncology Group, Decision-Making Tool, lung cancer research, Nordic collaboration, oncology network, thoracic oncology">
<!-- Open Graph Meta Tags for Social Sharing -->
<meta property="og:title" content="About Us | Nordic Thoracic Oncology Group">
<meta property="og:description" content="Discover NTOG, a Nordic collaboration of lung cancer researchers and clinicians advancing thoracic oncology across Denmark, Finland, Iceland, Norway, and Sweden.">
<meta property="og:image" content="https://ntog.org/path/to/hero-image.jpg">
<meta property="og:url" content="https://ntog.org/about.html">
<meta property="og:type" content="website">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Open+Sans&display=swap" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<title>Decision-Making Tool - NTOG</title>
<style>
body {
font-family: Open Sans, sans-serif;
margin: 20px;
line-height: 1.6;
}
h1, h2 {
color: #333;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
}
th {
background-color: #f4f4f4;
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f9f9f9;
}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<!-- Brand -->
<a class="navbar-brand" href="index.html">NTOG</a>
<!-- Toggler/collapsible Button -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navbar links -->
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<!-- About Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
About Us
</a>
<ul class="dropdown-menu" aria-labelledby="aboutDropdown">
<li><a class="dropdown-item" href="about.html">About Us</a></li>
<li><a class="dropdown-item" href="mission.html">Mission</a></li>
<li><a class="dropdown-item" href="history.html">History</a></li>
<li><a class="dropdown-item" href="steering-committee.html">Steering Committee</a></li>
</ul>
</li>
<!-- Research Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="researchDropdown" role="button" data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Research
</a>
<ul class="dropdown-menu" aria-labelledby="researchDropdown">
<li><a class="dropdown-item" href="research.html">Research Overview</a></li>
<li><a class="dropdown-item" href="ongoing-projects.html">Ongoing Projects</a></li>
<li><a class="dropdown-item" href="publications.html">Publications</a></li>
<li><a class="dropdown-item" href="collaborations.html">Collaborations</a></li>
</ul>
</li>
<!-- Events Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="eventsDropdown" role="button" data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Events
</a>
<ul class="dropdown-menu" aria-labelledby="eventsDropdown">
<li><a class="dropdown-item" href="events.html">Events Overview</a></li>
<li><a class="dropdown-item" href="upcoming-events.html">Upcoming Events</a></li>
<li><a class="dropdown-item" href="past-events.html">Past Events</a></li>
</ul>
</li>
<!-- Clinical Resources Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="resourcesDropdown" role="button" data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Clinical Resources
</a>
<ul class="dropdown-menu" aria-labelledby="resourcesDropdown">
<li><a class="dropdown-item" href="guidelines.html">Clinical Guidelines</a></li>
<li><a class="dropdown-item" href="protocols.html">Protocols</a></li>
<li><a class="dropdown-item" href="tools.html">Tools</a></li>
</ul>
</li>
<!-- News -->
<li class="nav-item">
<a class="nav-link" href="news.html">News</a>
</li>
<!-- Get Involved Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="getInvolvedDropdown" role="button" data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Get Involved
</a>
<ul class="dropdown-menu" aria-labelledby="getInvolvedDropdown">
<li><a class="dropdown-item" href="expert.html">Expert Network</a></li>
<li><a class="dropdown-item" href="collaboration.html">Collaboration Opportunities</a></li>
<li><a class="dropdown-item" href="volunteer.html">Volunteer</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<h1>Decision-Making Tool</h1>
<p>This tool helps evaluate treatment options based on specific criteria that are essential for assessing the overall benefit and cost-effectiveness of treatments. Each criterion has a scoring guideline to facilitate decision-making.</p>
<h2>Criteria</h2>
<table>
<tr>
<th>Criteria</th>
<th>Explanation</th>
<th>Metrics and Scoring</th>
</tr>
<tr>
<td>Overall Survival (OS) Benefit</td>
<td>Measures the median or mean survival extension provided by a treatment.</td>
<td>Report as months gained; categorize as Low (<3m), Moderate (3-6m), High (>6m).</td>
</tr>
<tr>
<td>Hazard Ratio (HR)</td>
<td>Indicates the relative risk reduction in death with treatment compared to control.</td>
<td><0.7 (Favorable), 0.7–0.9 (Moderate), >0.9 (Unfavorable)</td>
</tr>
<tr>
<td>Number Needed to Treat (NNT)</td>
<td>The number of patients who need to be treated to prevent one adverse outcome.</td>
<td>Low (<10), Moderate (10-20), High (>20)</td>
</tr>
<tr>
<td>Number Needed to Harm (NNH)</td>
<td>The number of patients who need to be treated for one to experience harm.</td>
<td>Low (<10), Moderate (10-20), High (>20); higher NNH preferred.</td>
</tr>
<tr>
<td>Quality-Adjusted Life Years (QALY)</td>
<td>Estimates quality and length of life, adjusting for health-related quality of life.</td>
<td>Measured as years; categorized as Low (<0.5), Moderate (0.5-1.0), High (>1.0)</td>
</tr>
<tr>
<td>Cost</td>
<td>Direct cost of treatment, including associated healthcare utilization costs.</td>
<td>Low (<10,000 EUR), Moderate (10,000-50,000 EUR), High (>50,000 EUR)</td>
</tr>
</table>
<h2>Examples of Decision Matrix for Treatment Options</h2>
<table>
<tr>
<th>Treatment Option</th>
<th>OS Benefit</th>
<th>HR</th>
<th>NNT</th>
<th>NNH</th>
<th>QALY</th>
<th>Cost</th>
<th>Overall Score</th>
</tr>
<tr>
<td>Option A</td>
<td>5 months (Moderate)</td>
<td>0.68 (Favorable)</td>
<td>15 (Moderate)</td>
<td>25 (High)</td>
<td>0.8 (Moderate)</td>
<td>12,000 EUR (Moderate)</td>
<td>14/18</td>
</tr>
<tr>
<td>Option B</td>
<td>8 months (High)</td>
<td>0.28 (High)</td>
<td>10 (Low)</td>
<td>15 (Moderate)</td>
<td>1.2 (High)</td>
<td>45,000 EUR (Moderate)</td>
<td>16/18</td>
</tr>
<tr>
<td>Option C</td>
<td>3 months (Low)</td>
<td>0.85 (Neutral)</td>
<td>20 (High)</td>
<td>10 (Low)</td>
<td>0.4 (Low)</td>
<td>8,000 EUR (Low)</td>
<td>9/18</td>
</tr>
</table>
<h1>Treatment Score Calculator</h1>
<form id="calculator">
<label>OS Benefit:
<select id="osBenefit">
<option value="1">Low (<3m)</option>
<option value="2">Moderate (3-6m)</option>
<option value="3">High (>6m)</option>
</select>
</label><br><br>
<label>Hazard Ratio (HR):
<select id="hr">
<option value="3">Favorable (<0.7)</option>
<option value="2">Moderate (0.7–0.9)</option>
<option value="1">Unfavorable (>0.9)</option>
</select>
</label><br><br>
<label>NNT:
<select id="nnt">
<option value="3">Low (<10)</option>
<option value="2">Moderate (10-20)</option>
<option value="1">High (>20)</option>
</select>
</label><br><br>
<label>NNH:
<select id="nnh">
<option value="1">Low (<10)</option>
<option value="2">Moderate (10-20)</option>
<option value="3">High (>20)</option>
</select>
</label><br><br>
<label>QALY:
<select id="qaly">
<option value="1">Low (<0.5)</option>
<option value="2">Moderate (0.5-1.0)</option>
<option value="3">High (>1.0)</option>
</select>
</label><br><br>
<label>Cost:
<select id="cost">
<option value="3">Low (<10,000 EUR)</option>
<option value="2">Moderate (10,000-50,000 EUR)</option>
<option value="1">High (>50,000 EUR)</option>
</select>
</label><br><br>
<button type="button" onclick="calculateScore()">Calculate Score</button>
</form>
<div class="result" id="result"></div>
<script>
function calculateScore() {
const osBenefit = parseInt(document.getElementById("osBenefit").value);
const hr = parseInt(document.getElementById("hr").value);
const nnt = parseInt(document.getElementById("nnt").value);
const nnh = parseInt(document.getElementById("nnh").value);
const qaly = parseInt(document.getElementById("qaly").value);
const cost = parseInt(document.getElementById("cost").value);
// Calculate the total score
const totalScore = osBenefit + hr + nnt + nnh + qaly + cost;
// Display the result
document.getElementById("result").innerText = "Overall Score: " + totalScore + "/18";
}
</script>
<!-- Footer -->
<footer class="bg-dark text-white py-4 mt-5">
<div class="container text-center">
<p>© 2024 Nordic Thoracic Oncology Group</p>
<p>
<a href="#" class="text-white me-2">Privacy Policy</a>
<a href="#" class="text-white">Terms of Service</a>
</p>
</div>
</footer>
!-- Bootstrap JS Bundle (include only once) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- Custom JS -->
<script src="js/scripts.js"></script>
</body>
</html>