-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (132 loc) · 9.8 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
134
135
136
137
138
139
140
141
<!doctype html>
<html lang="en" dir="ltr" class="blog-wrapper blog-list-page plugin-blog" data-has-hydrated="false">
<head>
<meta charset="UTF-8">
<meta name="generator" content="Docusaurus v3.0.0">
<title data-rh="true">Climate and Health Outcomes Research Data Systems (CHORDS)</title>
<meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1">
<meta data-rh="true" property="og:locale" content="en">
<meta data-rh="true" name="docusaurus_locale" content="en">
<meta data-rh="true" name="docsearch:language" content="en">
<link rel="stylesheet" href="./css/ms_web_styles.css">
<style>
.navbar__brand {
display: flex;
align-items: center;
margin-top: 200px; /* Increase space above the header */
margin-bottom: 20px; /* Increase space below the header */
}
.navbar__logo h1 {
margin-left: 250px;
margin-right: 40px;
}
.page-title {
text-align: center;
font-size: 2.8em !important;; /* Large font size */
font-family: 'Open Sans', sans-serif;
color: #333;
letter-spacing: 0.08rem;
padding-top: 30px; /* Added top padding */
padding-bottom: 30px; /* Added bottom padding */
}
</style>
</head>
<body class="navigation-with-keyboard">
<div id="__docusaurus">
<a href="https://www.niehs.nih.gov/research/programs/chords">
<div>
<h1 class="page-title" ><img src="./imgs/chords-icon-web.jpg" width="60" height="60" alt="CHORDS Logo"> Climate and Health Outcomes Research Data Systems (CHORDS) </h1>
</div>
</a>
<nav>
<div class="chords_navBarContainer_QNjo">
<div class="navbar__inner">
<div class="navbar__items">
<button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button">
<svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true">
<path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path>
</svg>
</button>
<a class="navbar__brand" href="/CHORDS/">
<b class="navbar__title text--truncate">CHORDS</b>
</a>
<a class="navbar__item chords_navbar__link" href="./index.html">Home</a>
<a aria-current="page" class="navbar__item chords_navbar__link navbar__link--active" href="https://www.niehs.nih.gov/research/programs/chords" target="_blank" rel="noopener noreferrer">About</a>
</div>
</div>
</div>
</nav>
<div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0">
<div class="container margin-vert--lg">
<div class="row">
<main class="col col--11" itemscope itemtype="https://schema.org/Blog">
<article class="margin-bottom--xl" itemprop="blogPost" itemscope>
<div class="markdown" itemprop="articleBody">
<table style="width:100%">
<tr>
<td>
<p class="em-wider" >
The CHORDS Platform provides resources aimed at making it easier for researchers to study the effects of external, place based environmental exposures on health outcomes as well as supporting research into the impact of health interventions on well-being.
</p>
<p class="em-wider">
Place-based exposures are varied and can include pollution from land, air, and water source; natural phenomena such as the heat, humidity, and pollen; extreme events such as drought and wildfires; as well as factors such as crime and the availability of green space that result from our social and built environment. The CHORDS Platform emphasizes research into the impacts of climate change, with a focus on wildfires, although many of the resources provided here are applicable across a breadth of scenarios.
</p>
</td>
<td>
<img src="./imgs/PCOR_Art_Logo_final.png" width="2450px" height="220px">
<br><br>
<p class="em-wider">
Facilitating the Linking of Environmental and Health Data to Advance Patient-centered Outcomes Research
</p>
</td>
</tr>
</table>
<h3 class="anchor anchorWithStickyNavbar_LWe7" id="prerequisite" style="font-family:Open Sans; color: #4c4c4c;">
The CHORDS Platform aims to lower the bar for such research by providing:
</h3>
<ol>
<li class="em-wider">A glossary of terms to aid researchers seeking to understand the space</li>
<li class="em-wider">A catalog of data resources, data sets, and tools for researchers to use</li>
<li class="em-wider">Precomputed data sets that are aligned to common spatial and temporal dimensions for use by researchers</li>
<li class="em-wider">Examples of impactful studies to guide researchers</li>
<li class="em-wider">Use cases and vignettes of using tools to conduct place-based health studies</li>
</ol>
<p style="font-family:Open Sans;color: #588425;" class="anchor anchorWithStickyNavbar_LWe7" ><strong>This is a BETA Release – please let us know of any improvements we can make.
<a style="font-family:Open Sans;color: #588425; TEXT-DECORATION: underline" class="anchor anchorWithStickyNavbar_LWe7" href="mailto:chordshelp@nih.gov">Contact Us</a></strong></p>
<hr>
<div class="theme-admonition theme-admonition-info admonition_xJq3 alert alert--info">
<div class="admonitionContent_BuS1">
<p>
<a href="https://www.niehs.nih.gov/research/programs/chords" target="_blank" rel="noopener noreferrer"><img src="./imgs/overview4.jpg" width="100" height="150" alt="Overview"></a>
<a href="https://chordshealth.org/discovery" target="_blank" rel="noopener noreferrer"><img src="./imgs/catalog.jpg" width="100" height="150" alt="Discover"></a>
<a href="./CHORDS_bookdown_tools.html" target="_blank" rel="noopener noreferrer"><img src="./imgs/training_usecase.jpg" width="100" height="150" alt="Bookdown toolkit"></a>
<a href="https://niehs.github.io/chords_chorus/" target="_blank" rel="noopener noreferrer"><img src="./imgs/software_toolkit.jpg" width="100" height="150" alt="chords_chorus"></a>
<a href="./CHORDS_literature.html" target="_blank" rel="noopener noreferrer"><img src="./imgs/explore3.jpg" width="100" height="150" alt="Explore"></a>
<a href="https://tools.niehs.nih.gov/cchhl/" target="_blank" rel="noopener noreferrer"><img src="./imgs/literature.jpg" width="100" height="150" alt="Literature"></a>
<a href="https://tools.niehs.nih.gov/cchhglossary/" target="_blank" rel="noopener noreferrer"><img src="./imgs/glossary.jpg" width="100" height="150" alt="Glossary"></a>
</p>
</div>
</div>
</div>
</article>
</main>
</div>
</div>
</div>
<footer class="footer">
<div class="container container-fluid">
<div class="footer__links text--center">
<div class="footer__links">
<a href="https://aspe.hhs.gov/collaborations-committees-advisory-groups/os-pcortf" target="_blank" rel="noopener noreferrer" class="footer__link-item"><img src="./imgs/OS_PCORTF_Icon.png" width="210" height="50" alt="PCORI"></a>
<span class="footer__link-separator"></span>
<a href="https://www.nih.gov/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><img src="./imgs/NIH_Log_653_horz.png" width="210" height="50" alt="NIH"></a>
<span class="footer__link-separator"></span>
<a href="https://www.niehs.nih.gov/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><img src="./imgs/niehs_logo.jpeg" width="60" height="50" alt="NIEHS"></a>
<span class="footer__link-separator"></span>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>