-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathgetstarted.html
218 lines (191 loc) · 9.51 KB
/
getstarted.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
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>LORIS | Get Started</title>
<meta name="viewport" content="width=device-width">
<meta name="description" content="Steps to download and install LORIS">
<meta name="author" content="Derek Lo 2015">
<link href='https://fonts.googleapis.com/css?family=Roboto:400italic,100,300,400,500' rel='stylesheet' type='text/css'>
<!--[if IE]>
<link href="http://fonts.googleapis.com/css?family=Roboto:400" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Roboto:400italic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Roboto:100" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Roboto:400" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Roboto:500" rel="stylesheet" type="text/css">
<![endif]-->
<link rel="stylesheet" href="css/slicknav.css">
<link href="css/common_styles.css" rel="stylesheet" type="text/css">
<!--<link rel="stylesheet" href="css/font-awesome.min.css">-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.slicknav.js"></script>
<!-- script to match div heights https://github.com/liabru/jquery-match-height-->
<script src="js/jquery.matchHeight-min.js" type="text/javascript"></script>
<!-- jquery easing, nav animation, div height scripts-->
<script>
$( document ).ready( function() {
$('a.ease').bind('click',function(event){
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1250,'easeInOutExpo');
event.preventDefault();
});
});
</script>
</head>
<body>
<div id="wrapper">
<header id="top">
<div class="logodiv">
<img src="images/LORIS-logo-color.png" alt=""/>
</div>
<nav>
<ul id="main-nav">
<li><a href="index.html" class="first">Home</a></li>
<li><a href="features.html" class="">Features</a></li>
<li><a href="getstarted.html" class="active">Get Started</a></li>
<li><a href="faq.html" class="">FAQ</a></li>
<li><a href="about.html" class="">About LORIS</a></li>
<li><a href="contact.html" class="">Contact</a></li>
</ul>
<!-- slicknav -->
<div id="menu">
<ul>
<li><a href="index.html" class="menu-fx">Home</a></li>
<li><a href="features.html" class="menu-fx">Features</a></li>
<li><a href="getstarted.html" class="menu-fx active">Get Started</a></li>
<li><a href="faq.html" class="menu-fx">FAQ</a></li>
<li><a href="about.html" class="menu-fx">About LORIS</a></li>
<li><a href="contact.html" class="menu-fx">Contact</a></li>
</ul>
</div>
</nav>
</header>
<section id="to-top">
<div class="parallax-five">
<div class="content">
<h1 class="center">Let's Get Started</h1>
<div class="three-column">
<div class="clear-content center ">
<a href="#one" class="ease"><i class="fa fa-cloud-download big text ro"></i>
<h2 class="center">1. Download</h2>
<p>Get the LORIS codebase from GitHub.</p></a>
</div>
</div>
<div class="three-column">
<div class="clear-content center ">
<a href="#two" class="ease"><i class="fa fa-laptop big text ro"></i>
<h2 class="center">2. Install</h2>
<p>Follow our Install steps for your Linux-based system.</p></a>
</div>
</div>
<div class="three-column">
<div class="clear-content center ">
<a href="#three" class="ease"><i class="fa fa-wrench big text ro"></i>
<h2 class="center">3. Configure</h2>
<p>Set up LORIS for your data requirements.</p></a>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</section>
<section id="one">
<div class="teal block">
<!--<h1 class="center"> Get Started</h1>-->
<i class="fa fa-cloud-download big center"></i>
<h2 class="center"> 1. Download </h2>
<div class="feature-p">
<p class="center"> Download the <a href="https://github.com/aces/Loris/releases" class="underline" target="_blank">latest release</a> from our GitHub repository. LORIS is <em>OPEN SOURCE</em>, and supported for Ubuntu (14.04) and CentOS (6.5).</p>
<p class="center">For more information on system requirements and dependencies, read more in our <a href="https://github.com/aces/Loris/wiki/Install-Script" class="underline" target="_blank">GitHub wiki</a></p>
<h2 class="center"><a href="https://github.com/aces/LORIS" target="_blank"><i class="fa fa-download"></i> Download</a></h2>
<!--
<div class="requirements">
<h3 class ="center">Linux Requirements </h3>
<ul>
<li>LINUX (supported on Ubuntu 14.04 and CentOS 6.5) or Mac OS X (tested for Mavericks - OS X 10.9)</li>
<li>Apache2 (libapache2-mod-php5)</li>
<li>MySQL (libmysqlclient15-dev mysql-client mysql-server)</li>
<li>PHP/PEAR 5.3+ (php5 php-pear php5-mysql php5-gd)</li>
<li>php5-json (for Debian/Ubuntu distributions)</li>
<li>Smarty 3</li>
<li>Package manager (for LINUX distributions)</li>
<li>Composer</li>
</ul>
<h2 class="center"><a href="https://github.com/aces/LORIS" target="_blank"><i class="fa fa-download"></i> Download</a></h2>
</div>-->
<div class="clear"></div>
</section>
<section id="two">
<div class="block grey">
<i class="fa fa-laptop big center"></i>
<h2 class="center"> 2. Install </h2>
<div class="feature-p center">
<p>Follow our <a href="https://github.com/aces/Loris/wiki/Install-Script" class="underline" target="_blank">GitHub Wiki</a> to install LORIS in a few quick steps. Loris includes a Readme for both Ubuntu and CentOS installation. <a href="https://github.com/aces/Loris/wiki/Install-Script" class="underline" target="_blank"> [read more]</a></p>
</div>
<div class="clear"></div>
</section>
<section id="three">
<div class="block ">
<i class="fa fa-wrench big text center"></i>
<h2 class="center"> 3. Configure </h2>
<div class="feature-p center">
<p>To complete the setup of your LORIS installation, follow the <a href="https://github.com/aces/Loris/wiki/Setup" class="underline" target="_blank">Setup guide in our GitHub Wiki</a> to step through the process of defining Loris’ many options for your dataset and data collection environment.</p>
<p>Configure your subject identifiers, study sites, and clinical cohort groups, projects and subprojects, and many more study variables using LORIS’ Configuration module.</p>
</div>
</div>
<div class="clear"></div>
</section>
<section id="four">
<div class="block blue">
<i class="fa fa-level-up big center"></i>
<h2 class="center"> 4. Updating </h2>
<div class="feature-p center">
<!--<h3 class=""> How To Update </h3>-->
<p class="">To update your LORIS to a new release, follow our <a href="https://github.com/aces/Loris/wiki/Setup#updating-your-loris" class="underline" target="_blank">Wiki documentation</a> and note special release notes for existing projects on our <a href="https://github.com/aces/Loris/releases" class="underline" target="_blank">releases page.</a> </p>
</div>
</div>
<div class="clear"></div>
</section>
<footer>
<ul class="footer-nav">
<li><a href="#">Github</a></li>
<li><a href="#">Wiki</a></li>
<li><a href="#">Careers</a></li>
</ul>
<h3>Partners </h3>
<div class="clear"></div>
<a href="https://www.mcgill.ca/" target="_blank"><img src="images/logo-mcgill.png" alt="McGill Logo"></a>
<a href="http://www.mcgill.ca/neuro/" target="_blank"><img src="images/logo-neuro.png" alt="Neuro Logo"></a>
<a href="http://mcin.ca/" target="_blank"><img src="images/logo-mcin.png" alt="MCIN Logo"></a>
<a href="http://ludmercentre.ca/" target="_blank"><img src="images/logo-ludmer.png" alt="Ludmer Centre Logo"></a>
</footer>
<a href="#to-top" class="ease"><div class="top-button">TOP</div></a>
<!-- slicknav script, nav animation, div height scripts -->
<script type="text/javascript">
$(document).ready(function(){
$('#menu').slicknav({label:''});
});
$(window).scroll(function() {
if ($(this).scrollTop() > 1){
$('#top').addClass("mini");
}
else{
$('#top').removeClass("mini");
}
});
$(function() {
$('.divheight').matchHeight({
byRow: true,
property: 'height',
target: null,
remove: false
});
});
</script>
</body>
<html>