-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
168 lines (158 loc) · 10.5 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
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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"> -->
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<!-- Bootstrap icons-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<style>
.bg-custom {
background-color: #000080;
}
.text-title {
color: #055c9d;
}
</style>
<title>Hierarchical Event Descriptor (HED)</title>
</head>
<body>
<!-- Navigational Header -->
<nav class="navbar navbar-expand-lg navbar-light bg-custom bg-gradient">
<div class="container">
<a class="navbar-brand text-white" href="/"><img src="assets/images/hed-logo-transparent.png" class="img-fluid" width="100" height="100" alt="Logo image"></a>
<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 navbar-dark"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active m-2">
<a class="nav-link text-white fs-5" href="https://www.hedtags.org/about.html">About</a>
</li>
<li class="nav-item m-2">
<a class="nav-link text-white fs-5" href="https://www.hed-resources.org/en/latest/index.html">Documentation</a>
</li>
<li class="nav-item m-2">
<a class="nav-link text-white fs-5" href="https://www.hed-resources.org/en/latest/WhatsNew.html">What's new?</a>
</li>
<li class="nav-item m-2 dropdown">
<div class="dropdown">
<button class="btn btn-transparent dropdown-toggle text-white fs-5" type="button" data-bs-toggle="dropdown" aria-expanded="false">Quick links</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item" href="https://www.hedtags.org/display_hed.html">HED schema browser</a></li>
<li><a class="dropdown-item" href="https://hedtools.ucsd.edu/hed">HED online tools</a></li>
<li><a class="dropdown-item" href="https://hed-specification.readthedocs.io/en/latest/">HED specification</a></li>
<li><a class="dropdown-item" href="https://github.com/hed-standard">HED on GitHub</a></li>
<li><a class="dropdown-item" href="https://www.youtube.com/playlist?list=PLeII6cRFsP6L5S6icwRrJp0DHkhOHtbp-">HED on YouTube</a></li>
<li><a class="dropdown-item" href="https://groups.google.com/g/hed-discussion">HED Google group</a></li>
<li><a class="dropdown-item" href="https://www.hed-resources.org/en/latest/DocumentationSummary.html">Publications</a></li>
</ul>
</div>
</li>
</ul>
<div class="d-flex m-2" role="search">
<input class="form-control" id="searchInput" type="search" placeholder="Search documentation" aria-label="Search">
<button class="btn btn-primary" onclick="searchDoc()">Search</button>
</div>
</div>
</div>
</nav>
<!-- Front Banner -->
<div class="container-xxl bg-light text text-center py-2">
<h1 class="text text-title">Hierarchical Event Descriptors (HED)</h1>
<p><em>Linking brain, body, behavior and experience in experiments through metadata to enable analysis</em></p>
<div class="row">
<div class="col-md-4">
<i class="fas fa-chart-bar fa-5x"></i>
<h3 class="text text-title">Why HED?</h3> <!--style="color:#0000CD"-->
<p class="mx-5">A very important question, for any neuroimaging time series data - <strong>What exactly happened during this recording?</strong><br>HED annotations record and store detailed answers to this question with the data - in a form readable by both human and machines.</p>
</div>
<div class="col-md-4">
<i class="fas fa-globe fa-5x"></i>
<img src="assets/images/blue_head.png" class="img-fluid" alt="Responsive image">
</div>
<div class="col-md-4 p-lg">
<div class="card mx-0 px-0" style="width: 23rem;">
<embed type="text/html" class="card-img-top" src="https://www.hed-resources.org/en/latest/WhatsNew.html#what-s-new" width="350" height="350">
</div>
</div>
</div>
</div>
<!-- Icon Section -->
<div class="container-xxl py-5 text text-center">
<h1 class="text text-title">Who uses HED?</h1>
<div class="row">
<div class="col-md-1 col-sm-4 col-12 text-center py-3"></div>
<div class="col-md-2 col-sm-4 col-12 text-center py-3" style="cursor:pointer;" onclick="window.location='https://www.hed-resources.org/en/latest/HowCanYouUseHed.html#as-an-experimenter-anchor';">
<div class="feature bg-custom bg-gradient text-white rounded-3 mb-3"><i class="bi bi-sliders" style="font-size: 2rem;"></i></div>
<h2 class="h4 fw-bolder text text-title">Experimenters</h2>
<p>performing experiments that acquire data</p>
</div>
<div class="col-md-2 col-sm-4 col-12 text-center py-3" style="cursor:pointer;" onclick="window.location='https://www.hed-resources.org/en/latest/HowCanYouUseHed.html#as-a-data-annotator';">
<div class="feature bg-custom bg-gradient text-white rounded-3 mb-3"><i class="bi bi-tags-fill" style="font-size: 2rem;"></i></div>
<h2 class="h4 fw-bolder text text-title">Data annotators</h2>
<p>organizing data and tagging events</p>
</div>
<div class="col-md-2 col-sm-4 col-12 text-center py-3" style="cursor:pointer;" onclick="window.location='https://www.hed-resources.org/en/latest/HowCanYouUseHed.html#as-a-data-analyst';">
<div class="feature bg-custom bg-gradient text-white rounded-3 mb-3"><i class="bi bi-clipboard2-data-fill" style="font-size: 2rem;"></i></div>
<h2 class="h4 fw-bolder text text-title">Data analysts</h2>
<p>applying HED tools to find and analyze data</p>
</div>
<div class="col-md-2 col-sm-4 col-12 text-center py-3" style="cursor:pointer;" onclick="window.location='https://www.hed-resources.org/en/latest/HowCanYouUseHed.html#as-a-tool-developer';">
<div class="feature bg-custom bg-gradient text-white rounded-3 mb-3"><i class="bi bi-database-fill" style="font-size: 2rem;"></i></div>
<h2 class="h4 fw-bolder text text-title">Tool developers</h2>
<p>contributing to the growing HED toolkit</p>
</div>
<div class="col-md-2 col-sm-4 col-12 text-center py-3" style="cursor:pointer;" onclick="window.location='https://www.hed-resources.org/en/latest/HowCanYouUseHed.html#as-a-schema-builder';">
<div class="feature bg-custom bg-gradient text-white rounded-3 mb-3"><i class="bi bi-diagram-3-fill" style="font-size: 2rem;"></i></div>
<h2 class="h4 fw-bolder text text-title">Schema builders</h2>
<p>extending HED vocabulary in new directions</p>
</div>
<div class="col-md-1 col-sm-4 col-6 text-center py-3"></div>
</div>
</div>
<!-- Footer-->
<!--
<footer class="py-3 bg-dark bg-gradient">
<div class="container">
<div class="row gx-1">
<div class="col-lg-12 mb-2 mb-lg-0">
</div>
</div>
</div>
</footer>
-->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script> -->
<script src="https://code.jquery.com/jquery-3.6.3.slim.min.js" integrity="sha256-ZwqZIVdD3iXNyGHbSYdsmWP//UBokj2FHAxKuSBKDSo=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<script>
function searchDoc() {
var search_endpoint = "https://www.hed-resources.org/en/latest/search.html?q=";
var input = encodeURIComponent($("#searchInput").val());
var search_args = "&check_keywords=yes&area=default#";
window.location = search_endpoint + input + search_args;
}
</script>
</body>
<!-- Footer -->
<footer class="text-center text-lg-start bg-body-tertiary text-muted">
<!-- Section: Social media -->
<section class="d-flex justify-content-center align-items-center p-4 border-bottom">
<img src="assets/images/incf_endorsed_with_spacing.png" class="img-fluid mx-2" alt="INCF Endorsed" style="width: 150px; height: auto;">
<img src="assets/images/1200px-BIDS_Logo.png" class="img-fluid mx-2" alt="BIDS Logo" style="width: 200px; height: auto;">
<img src="assets/images/nwb-logo.png" class="img-fluid mx-2" alt="NEMAR Logo" style="width: 200px; height: auto;">
<img src="assets/images/nemar-logo.png" class="img-fluid mx-2" alt="NEMAR Logo" style="width: 200px; height: auto;">
<img src="assets/images/openneuro-logo.png" class="img-fluid mx-2" alt="NEMAR Logo" style="width: 200px; height: auto;">
<img src="assets/images/eegnet-logo.png" class="img-fluid mx-2" alt="NEMAR Logo" style="width: 200px; height: auto;">
<img src="assets/images/anc-logo.png" class="img-fluid mx-2" alt="ANC Logo" style="width: 200px; height: auto;">
</section>
</footer>
<!-- Footer -->
</html>