-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
227 lines (205 loc) · 9.16 KB
/
Copy pathindex.html
File metadata and controls
227 lines (205 loc) · 9.16 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>4CeeD</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="jquery-ui/css/jquery-ui.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="select2/css/select2.css">
<!--[if lt IE 9]>
<script src="bootstrap/js/html5shiv.min.js"></script>
<script src="bootstrap/js/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" type="image/png" href="images/favicon.png"/>
</head>
<body>
<nav class="navbar navbar-inverse navbar-custom1">
<div class="container-fluid">
<div class="navbar-header">
<a href="index.html" class="" ><img src="images/atom_white.png" height="40" style="margin-top:5px;"></a>
</div>
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="index.html">About</a></li>
<li><a href="demo.html">Demo</a></li>
<li><a href="docs.html">Docs</a></li>
<li><a href="mailto:stevek@illinois.edu"><span class="glyphicon glyphicon-user"></span> Contact</a></li>
</ul>
</div>
</nav>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="bg" style="border-bottom:5px solid #394145;"><br />
<div class="container" style="text-align:center;"><br />
<h2>Capture, Curate, Coordinate, Correlate, and Distribute Your Data</h2>
<br />
<p><a class="btn btn-success btn-lg" href="https://gitlab.com/uiuc-4ceed/4ceed-clowder" role="button" target="_blank">Try 4CeeD</a></p>
</div>
</div>
<div class="container">
<div class="row icons_pad">
<div class="col-md-3">
<center>
<img src="images/secure-socket-layer-ssl.png" height="85"><br /><br />
<h4 class="no_italics">Trusted Capture</h4><br />
<p><a class="btn btn-default btn-lg" href="#capture" role="button">Learn more</a></p><br />
<hr /><br />
</center>
</div>
<div class="col-md-3">
<center>
<img src="images/data-analysis.png" height="85"><br /><br />
<h4 class="no_italics">Metadata Extraction</h4><br />
<p><a class="btn btn-default btn-lg" href="#extract" role="button">Learn more</a></p><br />
<hr /><br />
</center>
</div>
<div class="col-md-3">
<center>
<img src="images/cloud-network.png" height="85"><br /><br />
<h4 class="no_italics">Smart File Management</h4><br />
<p><a class="btn btn-default btn-lg" href="#file" role="button">Learn more</a></p><br />
<hr /><br />
</center>
</div>
<div class="col-md-3">
<center>
<img src="images/check.png" height="85"><br /><br />
<h4 class="no_italics">Share and Discover</h4><br />
<p><a class="btn btn-default btn-lg" href="#share" role="button">Learn more</a></p><br />
<hr /><br />
</center>
</div>
</div>
</div>
<div class="container">
<div class="row icons_pad">
<div class="col-md-6">
<a name="capture"></a>
<h3>Securely upload files</h3>
<h4>The 4CeeD Uploader</h4>
<p>Say goodbye to obsolete and insecure ways of capturing and curating your data and metadata. </p><p>With the 4CeeD Uploader the process is streamlined in a 3 step process that allows you to organize, describe, and upload your data and metadata.</p>
</div>
<div class="col-md-6" style="margin-top:20px;">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#menu1">STEP<img src="images/num_1.svg" height="30"></a></li>
<li><a data-toggle="tab" href="#menu2">STEP<img src="images/num_2.svg" height="30"></a></li>
<li><a data-toggle="tab" href="#menu3">STEP<img src="images/num_3.svg" height="30"></a></li>
<li><a data-toggle="tab" href="#menu4"><img src="images/new.png" height="30"></a></li>
</ul>
<div class="tab-content">
<div id="menu1" class="tab-pane fade in active">
<h4><u>Collections</u></h4>
<p>Organize your data and metadata in collections and datasets.</p>
<img src="images/collection.png" width="500" class="img-responsive">
</div>
<div id="menu2" class="tab-pane fade">
<h4><u>Datasets</u></h4>
<p>Quickly create new datasets from templates that you can create/share/load.</p>
<img src="images/dataset.png" width="500" class="img-responsive">
</div>
<div id="menu3" class="tab-pane fade">
<h4><u>Files</u></h4>
<p>Easily upload multiple files of different types. </p>
<img src="images/files.png" width="500" class="img-responsive">
</div>
<div id="menu4" class="tab-pane fade">
<h4><u>New Features</u></h4>
<p>Updated Dashboard </p>
<img src="images/tree.png" width="500" class="img-responsive">
<br />
<p>LDAP Authentication </p>
<img src="images/ldap.png" width="500" class="img-responsive">
<br />
<img src="images/ldap2.png" width="500" class="img-responsive">
<br />
<p>Jupyter Notebook Integration </p>
<img src="images/notebook.png" width="500" class="img-responsive">
<br />
<p>Mobile Support </p>
<img src="images/mobile1.png" width="500" class="img-responsive"><br />
<img src="images/mobile2.png" width="500" class="img-responsive"><br />
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row icons_pad">
<div class="col-md-6">
<a name="extract"></a>
<img src="images/cloud-network.png" width="200" class="img-responsive">
</div>
<div class="col-md-6">
<h3>Real-time extraction and correlation of data and metadata.</h3>
<h4>The 4CeeD Cloud Coordinator</h4>
<p>
The 4CeeD cloud based Coodinator indexes and archives your data while running metadata extractors on supported filetypes. <br />Your original file, user defined metadata, and system generated metadata are correlated together. Preview the data in the curator and download for digital preservation and publishing. </p>
</div>
</div>
</div>
<div class="container">
<div class="row icons_pad">
<div class="col-md-6">
<a name="file"></a>
<h3>A data model flexible enough for simple projects or highly structured hierarchies. </h3>
<h4>The 4CeeD Curator</h4>
<p>Whether your experiment is a semi-conducter device fabricated and tested over a dozen instruments between weeks and months of lab time, or a novel material grown and tested in short bursts of time, 4CeeD provides intuitive ways to organize and visualize your data.</p>
</div>
<div class="col-md-6">
<img src="images/datasets.png" width="500" class="img-responsive">
</div>
</div>
</div>
<div class="container">
<div class="row icons_pad">
<div class="col-md-6">
<a name="share"></a>
<img src="images/search.png" width="500" class="img-responsive">
</a>
</div>
<div class="col-md-6">
<h3>Trusted Sharing and Search </h3>
<h4>The 4CeeD Curator</h4>
<p>With 4CeeD ALL your data is private by default. When you're ready to share, easily create spaces with robust security permissions to give and revoke access.</p>
<p>Search the data you own and share. Make new discoveries or analyze common reasons for errors.</p>
</div>
</div>
</div>
<div class="container">
<div class="row icons_pad">
<div class="col-md-6">
<h3>Jupyter Notebook Integration</h3>
<p>Visualize your data with Jupyter and your own python scripts</p>
<p><a target="_blank" href="https://t2c2.csl.illinois.edu/jupyter-tutorial/">More Info</a></p>
</div>
<div class="col-md-6">
<a name="share"></a>
<img src="images/notebook.png" width="500" class="img-responsive">
</a>
</div>
</div>
</div>
<div class="navbar navbar-fixed-bottom" style="background-color:#f6f7f9;">
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="jquery/js/jquery.min.js"></script>
<script src="jquery-ui/js/jquery-ui.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed
<!-- Latest compiled and minified JavaScript -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-85306000-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>