IDEAL-consortium.github.io/Training_Slides.html at main · IDEAL-consortium/IDEAL-consortium.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
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
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

  <title>IDEAL Training Slides</title>

  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">

  <style>

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.6;
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

div.content h2 {
  color: #1f3667;
}
strong {
  color: #1f3667;
}

/* Hero Section (Keep styles for other pages, but not used here) */
.hero {
    height: 100vh;
    background: url('Copilot-books.jpg') center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
    position: relative;
}

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.hero-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    padding: 0 2rem;
}

.hero-content h1 {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    line-height: 1.2;
}

.hero-content p {
    font-size: 1.2rem;
    opacity: 0.95;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* Main Layout */
.main {
    display: flex;
    flex: 1;
}

/* --- SIDEBAR STYLES REMOVED --- */

.content {
    flex: 1;
    padding: 40px;
}

.card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 16px rgba(31,54,103,0.07);
    padding: 2rem;
    margin-bottom: 2rem;
}

/* --- NEW STYLES FOR SLIDE DROPDOWNS --- */
.slide-dropdown {
    margin-bottom: 1rem;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #fdfdfd;
    transition: all 0.2s ease-in-out;
}
.slide-dropdown:hover {
    border-color: #ddd;
}

.dropdown-title {
    padding: 1rem 1.5rem;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 700;
    color: #1f3667; /* Matches your site's heading color */
    list-style: none; /* Removes default triangle in some browsers */
    position: relative;
    user-select: none;
}

.dropdown-title::-webkit-details-marker {
    display: none; /* Hide default triangle in Chrome/Safari */
}

/* This creates the '+' and '–' icons */
.dropdown-title::before {
    content: '+'; /* Collapsed state icon */
    font-weight: 700;
    color: #63bfb2; /* Matches your site's accent color */
    margin-right: 0.75rem;
    font-size: 1.4rem;
    line-height: 1;
    display: inline-block;
    transition: transform 0.2s ease-in-out;
    position: relative;
    top: 1px;
}

.slide-dropdown[open] > .dropdown-title::before {
    content: '–'; /* Expanded state icon */
    transform: rotate(180deg);
}

.slide-list {
    /* UPDATED: Removes the round black bullets */
    list-style: none;
    /* UPDATED: Adjusted padding since bullets are gone */
    padding: 0 1.5rem 1.5rem 1.5rem;
    margin: 0;
    line-height: 1.8;
    border-top: 1px solid #eee;
}

.slide-list a {
    color: #1f3366; /* Matches your sidebar link color */
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
}

.slide-list a:hover {
    color: #7ec5bb; /* Matches your sidebar hover color */
    text-decoration: underline;
}

/* --- NEW STYLE FOR SUMMARIES --- */
.slide-summary {
    display: block;
    font-size: 0.95rem;
    color: #555;
    margin-top: 0.25rem;
    margin-bottom: 1.5rem;
    font-weight: normal;
    line-height: 1.5;
}
/* --- END NEW STYLES --- */


/* Responsive Design */
@media (max-width: 768px) {
    .main {
        flex-direction: column;
    }

    /* --- SIDEBAR RESPONSIVE STYLES REMOVED --- */

    .content {
        padding: 20px;
    }
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}
  </style>
</head>

<body id="top">

    <div style="text-align: center; background-color: #fff; padding: 1rem; border-bottom: 1px solid #eee;">
        <img width="300px" src="ideal_logo.png" alt="IDEAL Logo">
    </div>

    <div class="main">

        <div class="content">

            <a href="../index.html" style="
              display: inline-block;
              margin: 0 0 20px 0;
              padding: 10px 20px;
              background-color: #7ec5bb;
              color: #fff;
              text-decoration: none;
              border-radius: 5px;
              font-weight: bold;
            ">
              ← Back to Home
            </a>

            <div class="card">
                <h2>Training Slides & Resources</h2>
                <p>Below are links to training slide decks for the IDEAL project. As we continue to develop our training materials, these slides and this site will be updated..</p>

                <hr style="border: 0; border-top: 1px solid #eee; margin: 1.5rem 0;">

                <details class="slide-dropdown" open>
                    <summary class="dropdown-title">Introduction to IDEAL and Data Extraction</summary>
                    <ul class="slide-list">

                        <li>
                            <a href="slides/Introduction to IDEAL.pdf" target="_blank">Introduction to IDEAL</a>
                            <span class="slide-summary">This presentation introduces IDEAL and explains how the platform will enable researchers and policymakers to use research to make evidence-informed decisions.</span>
                        </li>

                        <li>
                            <a href="slides/IDEAL Data Extraction.pdf" target="_blank">IDEAL Data Extraction</a>
                            <span class="slide-summary">This presentation details the operational workflow for the IDEAL project, including the design of the survey.</span>
                        </li>

                        <li>
                            <a href="slides/IDEAL Training - Metanaysis.pptx.pdf" target="_blank">IDEAL Training - Meta-analysis</a>
                            <span class="slide-summary">This overview explains how meta-analysis harmonizes and summarizes evidence from multiple studies. It includes examples of how the accurate coding of outcomes and interventions enables the calculation of average effect sizes across different contexts.</span>
                        </li>

                        <li>
                            <a href="slides/IDEAL Training - Research Transparency.pdf" target="_blank">IDEAL Training - Research Transparency</a>
                            <span class="slide-summary">This module links IDEAL to research transparency, describing how the platform integrates open science principles. It also describes the fields that collect resources like replication packages and pre-analysis plans to document the study's methodological integrity.</span>
                        </li>

                        <li>
                            <a href="slides/Principles of Evidence Aggregation.pdf" target="_blank">Principles of Evidence Aggregation</a>
                            <span class="slide-summary">This presentation defines the systematic process of searching, screening, and extracting findings from different studies to build a valid, generalizable evidence base.</span>
                        </li>

                        <li>
                            <a href="slides/Survey CTO Introduction.pdf" target="_blank">Survey CTO Introduction</a>
                            <span class="slide-summary">This presentation provides step-by-step instructions for using the SurveyCTO, including account management, form navigation, and saving progress.</span>
                        </li>
                    </ul>
                </details>

                <details class="slide-dropdown" open>
                    <summary class="dropdown-title">Concept Reviews and Applied Fields</summary>
                    <ul class="slide-list">
                        <li>
                            <a href="slides/Concept Review Estimates.pdf" target="_blank">Concept Review Estimates</a>
                            <span class="slide-summary">This presentation defines the core components of an estimate, distinguishing between estimands (what is being estimated) and estimators (how it is calculated). It covers the essential statistics required for data extraction, including point estimates, precision measures like standard errors and p-values, and sample sizes.</span>
                        </li>

                        <li>
                            <a href="slides/Concept Review Sampling.pdf" target="_blank">Concept Review Sampling</a>
                            <span class="slide-summary">These slides explain how study participants are selected, distinguishing between random sampling for representativeness and randomized assignment for internal validity.</span>
                        </li>

                        <li>
                            <a href="slides/Concepts_ Randomization and Stratification.pdf" target="_blank">Concepts: Randomization and Stratification</a>
                            <span class="slide-summary">This presentation covers the mechanics of randomized assignment, including determining the unit of randomization and the use of stratification to increase precision.</span>
                        </li>

                        <li>
                            <a href="slides/Concepts_ Specifications.pdf" target="_blank">Concepts: Specifications</a>
                            <span class="slide-summary">This presentation details how to identify and classify the empirical specifications used in a study, such as Intent-to-Treat (ITT) and Treatment-on-the-Treated (TOT). It explains the IDEAL "priority" approach for selecting the treatment effect estimate when multiple specifications are reported.</span>
                        </li>

                        <li>
                            <a href="slides/Fidelity_Compliance_Attrition_Take-up.pdf" target="_blank">Fidelity, Compliance, Attrition, Take-up</a>
                            <span class="slide-summary">This presentation clarifies distinct but related concepts that affect study validity: implementation fidelity (quality of delivery), compliance (adherence to assignment), take-up (acceptance of the offer), and attrition (data loss).</span>
                        </li>

                        <li>
                            <a href="slides_Field session_ Estimates.pdf" target="_blank">Field Session: Estimates</a>
                            <span class="slide-summary">These slides guide coders through entering estimate data into SurveyCTO, focusing on point estimates, standard errors, and confidence intervals.</span>
                        </li>

                        <li>
                            <a href="slides_Fields_ Intervention details.pdf" target="_blank">Fields: Intervention details</a>
                            <span class="slide-summary">These slides outline the fields required to describe the intervention, including its duration, intensity, and the profile of project implementers.</span>
                        </li>

                        <li>
                            <a href="slides_Topics/Fields_ Outcomes.pdf" target="_blank">Fields: Outcomes</a>
                            <span class="slide-summary">These slides explain how to count and define outcome variables found in papers. It provides instructions for specifying the unit of analysis and constructing clear, standardized definitions for each outcome measure.</span>
                        </li>

                        <li>
                            <a href="slides_Fields_ RCT Design.pdf" target="_blank">Fields: RCT Design</a>
                            <span class="slide-summary">This presentation includes instructions on how to count and characterize the structural elements of the study, such as the number of distinct experiments and interventions within a single paper. It provides specific rules for mapping interventions to study arms and identifying "rounds" of data collection.</span>
                        </li>

                        <li>
                            <a href="slides_Fields_ Randomization and stratification.pdf" target="_blank">Fields: Randomization and stratification</a>
                            <span class="slide-summary">These slides walk through the fields used to record the randomization process, including the total number of units and the specific method of assignment (e.g., clustered or stratified). It instructs on how to extract details about stratification variables and enter data regarding balance tests and quality robustness.</span>
                        </li>

                        <li>
                            <a href="slides_/IDEAL Training - Stage 2 Field Review .pdf" target="_blank">IDEAL Training - Stage 2 Field Review</a>
                            <span class="slide-summary">This presentation focuses on identifying specific treatment effects within tables and figures. It provides instructions on how to map outcomes to specifications and time periods.</span>
                        </li>

                        <li>
                            <a href="slides_/Interventions Concept Review.pdf" target="_blank">Interventions Concept Review</a>
                            <span class="slide-summary">These slides clarify key concepts related to the intervention itself, such as defining the specific target population and eligibility criteria distinct from the unit of analysis.</span>
                        </li>

                        <li>
                            <a href="slides_/Outcomes Concept Review.pdf" target="_blank">Outcomes Concept Review</a>
                            <span class="slide-summary">These slides have instructions on how to conceptually define and classify outcome variables. It covers standardization procedures (z-scores) and specifying the correct unit of measurement and analysis for each outcome.</span>
                        </li>

                        <li>
                            <a href="slides_/RCT Design Concept Review.pdf" target="_blank">RCT Design Concept Review</a>
                            <span class="slide-summary">This presentation defines the structural components of an experiment, distinguishing between the study population, the interventions tested, and the assignment strategy (e.g., parallel, factorial, or crossover). It explains how to correctly identify "study arms" and data collection "rounds" to ensure accurate mapping of the experimental design. </span>
                        </li>

                        <li>
                            <a href="slides_/Session_ Partners and Funders.pdf" target="_blank">Session: Partners and Funders</a>
                            <span class="slide-summary">This presentation includes instructions on how to extract information about the organizations supporting the study, including funders and implementing partners.</span>
                        </li>
                    </ul>
                </details>
            </div>

        </div>
    </div>

    <script>
        // All scripts removed as they were for the old header
    </script>
</body>
</html>