-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
157 lines (146 loc) · 6.38 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
<!DOCTYPE HTML>
<!--
Landed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Clowdr</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body class="landing">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo"><a href="#" style="color:#318dde">Clowdr</a></h1>
<nav id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#four" class="scrolly">Resources</a></li>
<li>
<a href="#">Quick Start</a>
<ul>
<li><a href="https://github.com/clowdr/clowdr#usage">Usage</a></li>
<li><a href="https://github.com/clowdr/clowdr/tree/master/examples">Examples</a></li>
</ul>
</li>
<li><a href="https://github.com/clowdr/clowdr" class="button special">Fork me on Github!</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h2>Clowdr</h2>
<p>Accessibly deploy processing<br/> pipelines at scale</p>
</header>
<span class="image"><img src="images/clowdr.svg" alt="" /></span>
</div>
<a href="#one" class="goto-next scrolly">Next</a>
</section>
<!-- One -->
<section id="one" class="spotlight style1 bottom">
<span class="image fit main"><img src="images/clouds.jpg" alt="" /></span>
<div class="content">
<div class="container">
<div class="row">
<div class="6u 12u$(medium)">
<header>
<h2>Universal* one-click deployment</h2>
</header>
<p>Run any pipeline<sup>1</sup>,
with any data<sup>2</sup>,
on any compute resource<sup>3</sup>,
from anywhere<sup>4</sup>.</p>
</div>
<div class="6u 12u$(medium)" style="vertical-align:middle;">
<p><sup>1</sup>if it's described in Boutiques and wrapped in a container<br/>
<sup>2</sup>if the data is publicly available<br/>
<sup>3</sup>if it can run containers<br/>
<sup>4</sup>if you can login</p>
</div>
</div>
</div>
</div>
<a href="#two" class="goto-next scrolly">Next</a>
</section>
<!-- Two -->
<section id="two" class="spotlight style2 right">
<span class="image fit main"><img src="images/science.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Built for Science</h2>
<p>Lowering the barrier for repeatable, reproducible, and generalizable computation.</p>
</header>
<p>Riding the coattails of open intitiatives in Neuroscience, Clowdr follows in the footsteps of the <a href="http://scienceinthe.cloud">Science in the Cloud</a> framework and enables processing of <a href="http://bids.neuroimaging.io/">BIDS</a> datasets using tools described through the <a href="http://boutiques.github.io">Boutiques</a> schema.</p>
<p>Clowdr enables users to deploy tools locally, on clusters, or on the cloud, and ultimately share their analysis for others to consume or inspect in the web.</p>
</div>
<a href="#four" class="goto-next scrolly">Next</a>
</section>
<!-- Four -->
<section id="four" class="wrapper style1 special fade-up">
<div class="container">
<header class="major">
<h2>Further Reading</h2>
<p>Check out some of the resources to help you get more acquainted with Clowdr.</p>
</header>
<div class="box alt">
<div class="row uniform">
<section class="4u 6u(medium) 12u$(xsmall)">
<span class="icon alt major fa-file"></span>
<h3>Origin of Clowdr</h3>
<p>Check out the manuscript that started this whole project - <a href="https://doi.org/10.1093/gigascience/gix013">Science in the Cloud</a>!</p>
</section>
<section class="4u 6u$(medium) 12u$(xsmall)">
<span class="icon alt major fa-comment"></span>
<h3>Join the Brainhack Community</h3>
<p>As this is a collaborative effort, join the discussion and chime in on <a href="https://brainhack.slack.com/messages/clowdr/">Slack</a>!</p>
</section>
<section class="4u$ 6u(medium) 12u$(xsmall)">
<span class="icon alt major fa-flask"></span>
<h3>Examples</h3>
<p>Coming soon....</p>
</section>
</div>
</div>
</div>
</section>
<!-- Five -->
<section id="five" class="wrapper style2 special fade">
<div class="container">
<header>
<h2>Join the <a title="a group of cats" href="https://github.com/clowdr/clowdr/graphs/contributors">Clowder</a></h2>
<p>Fork on Github, open an issue, make a PR, or send a line - regardless of how you do it, get involved!</p>
</header>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://twitter.com/g_kiar" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://github.com/clowdr/" class="icon fa-github"><span class="label">GitHub</span></a></li>
<li><a href="mailto:[email protected]" class="icon fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Clowdr. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>