Skip to content

Commit 4b8b35d

Browse files
oestebanoesteban
committed
add: open and reproducible neuroimaging workshop
1 parent 6aa8ea9 commit 4b8b35d

14 files changed

+1217
-0
lines changed

‎docs/assets/ORN-Workshop/assets/fmriprep-authors.png

122 KB
Loading

‎docs/assets/ORN-Workshop/assets/narps.png

303 KB
Loading

‎docs/assets/ORN-Workshop/index.html

Lines changed: 267 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,267 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Building communities around reproducible workflows</title>
5+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
6+
<style>
7+
@import url(/assets/remark/droid_serif.css);
8+
@import url(/assets/remark/yanone_kaffeesatz.css);
9+
@import url(/assets/remark/ubuntu_mono.css);
10+
11+
.blur {
12+
-webkit-filter: blur(5px) opacity(.3);
13+
-moz-filter: blur(10px) opacity(.3);
14+
-o-filter: blur(5px) opacity(.3);
15+
-ms-filter: blur(5px) opacity(.3);
16+
filter: blur(5px) opacity(.3);
17+
}
18+
19+
html {
20+
height: 100%;
21+
}
22+
body {
23+
font-family: 'Droid Serif';
24+
height: 100%;
25+
}
26+
h1, h2, h3 {
27+
font-family: 'Yanone Kaffeesatz';
28+
font-weight: 400;
29+
margin-bottom: 0;
30+
}
31+
32+
.middle {
33+
margin: 0;
34+
position: absolute;
35+
top: 50%;
36+
width:100%;
37+
-ms-transform: translateY(-50%);
38+
transform: translateY(-50%);
39+
}
40+
41+
.remark-slide-content { height: 100%; padding: 1em 1em 0 0;}
42+
.remark-slide-content h1 { font-size: 3em; }
43+
.remark-slide-content h2 { font-size: 2em; }
44+
.remark-slide-content h3 { font-size: 1.6em; }
45+
.footnote {
46+
position: absolute;
47+
bottom: 3em;
48+
font-size: 0.7em;
49+
}
50+
li p { line-height: 1.25em; }
51+
.remark-slide-content>ul { margin-left: 250px; }
52+
.remark-slide-content li { margin-left: 1em; }
53+
.red { color: #fa0000; }
54+
.blue { color: #0000fa; }
55+
.green { color: #698b69; }
56+
.large { font-size: 2em; }
57+
a, a > code {
58+
color: rgb(249, 38, 114);
59+
text-decoration: none;
60+
}
61+
code {
62+
background: #e7e8e2;
63+
border-radius: 3px;
64+
}
65+
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
66+
.remark-code-line-highlighted { background-color: #373832; }
67+
.pull-left {
68+
float: left;
69+
width: 39%;
70+
}
71+
.pull-right {
72+
float: right;
73+
width: 39%;
74+
height: 75%;
75+
}
76+
.pull-right ~ p {
77+
clear: both;
78+
}
79+
#slideshow .slide .content code {
80+
font-size: 0.8em;
81+
}
82+
#slideshow .slide .content pre code {
83+
font-size: 0.9em;
84+
padding: 15px;
85+
}
86+
.section-separator .middle {
87+
margin-left: 210px;
88+
width: 80%;
89+
}
90+
91+
.perma-sidebar {
92+
background-color: #8c1515;
93+
color: #f4f4f4;
94+
width: 210px;
95+
height: 120%;
96+
float: left;
97+
padding: 0;
98+
margin: -1em 2em 0 0;
99+
text-align: center;
100+
}
101+
.perma-sidebar h2:last-of-type, .perma-sidebar h3:last-child {
102+
color: #d2c295;
103+
}
104+
105+
.sidebar-slug {
106+
bottom: 12px;
107+
left: 0;
108+
position: absolute;
109+
width: 210px;
110+
text-align: center;
111+
}
112+
.sidebar-slug img {
113+
width: 180px;
114+
}
115+
116+
.svg-reportlet { width: 75%; }
117+
118+
/* Slide-specific styling */
119+
#slide-inverse .footnote {
120+
bottom: 12px;
121+
left: 20px;
122+
}
123+
#slide-how .slides {
124+
font-size: 0.9em;
125+
position: absolute;
126+
top: 151px;
127+
right: 140px;
128+
}
129+
#slide-how .slides h3 {
130+
margin-top: 0.2em;
131+
}
132+
#slide-how .slides .first, #slide-how .slides .second {
133+
padding: 1px 20px;
134+
height: 90px;
135+
width: 120px;
136+
-moz-box-shadow: 0 0 10px #777;
137+
-webkit-box-shadow: 0 0 10px #777;
138+
box-shadow: 0 0 10px #777;
139+
}
140+
#slide-how .slides .first {
141+
background: #fff;
142+
position: absolute;
143+
top: 20%;
144+
left: 20%;
145+
z-index: 1;
146+
}
147+
#slide-how .slides .second {
148+
position: relative;
149+
background: #fff;
150+
z-index: 0;
151+
}
152+
153+
/* Two-column layout */
154+
.left-column {
155+
width: 23%;
156+
height: 82%;
157+
float: left;
158+
}
159+
.left-column h2:last-of-type, .left-column h3:last-child {
160+
color: #000;
161+
}
162+
.right-column {
163+
width: 55%;
164+
float: right;
165+
padding-top: 1em;
166+
}
167+
/* Two-column layout (40% left) */
168+
.left-column2 {
169+
width: 35%;
170+
height: 85%;
171+
float: left;
172+
}
173+
.left-column h2:last-of-type, .left-column h3:last-child {
174+
color: #000;
175+
}
176+
.right-column2 {
177+
width: 43%;
178+
float: right;
179+
padding-top: 1em;
180+
}
181+
/* Two-column layout (60% left) */
182+
.left-column3 {
183+
width: 43%;
184+
height: 85%;
185+
float: left;
186+
}
187+
.left-column h2:last-of-type, .left-column h3:last-child {
188+
color: #000;
189+
}
190+
.right-column3 {
191+
width: 35%;
192+
float: right;
193+
padding-top: 1em;
194+
}
195+
/* Two-column layout (even split) */
196+
.left-column-mid {
197+
width: 45%;
198+
float: left;
199+
}
200+
.right-column-mid {
201+
width: 45%;
202+
float: right;
203+
}
204+
/* Two-column layout (flipped) */
205+
.left-column-inv {
206+
color: #777;
207+
width: 75%;
208+
height: 92%;
209+
float: left;
210+
}
211+
.left-column h2:last-of-type, .left-column h3:last-child {
212+
color: #000;
213+
}
214+
.right-column-inv {
215+
width: 20%;
216+
float: right;
217+
padding-top: 1em;
218+
}
219+
.caption {
220+
font-size: 0.7em;
221+
}
222+
.slide-slug {
223+
bottom: 12px;
224+
opacity: .5;
225+
position: absolute;
226+
left: 4em;
227+
}
228+
229+
.small code {
230+
font-size: 9pt;
231+
}
232+
233+
.large {
234+
font-size: 24pt;
235+
}
236+
237+
.distribute {
238+
display: flex;
239+
height: 100%;
240+
justify-content: space-between;
241+
flex-direction: column;
242+
width: 100%;
243+
}
244+
245+
.cut-right {
246+
margin-right: 100px;
247+
}
248+
</style>
249+
</head>
250+
<body>
251+
<textarea id="source">
252+
</textarea>
253+
<script src="/assets/remark/remark-0.14.0.min.js" type="text/javascript">
254+
</script>
255+
<script type="text/javascript">
256+
var slideshow = remark.create({
257+
highlightStyle: 'monokai',
258+
highlightLanguage: 'remark',
259+
highlightLines: true,
260+
countIncrementalSlides: false,
261+
highlightSpans: true,
262+
sourceUrl: 'https://raw.githubusercontent.com/nipreps/nipreps.github.io/mkdocs/docs/assets/ORN-Workshop/presentation.md',
263+
ratio: '16:9'
264+
});
265+
</script>
266+
</body>
267+
</html>

0 commit comments

Comments
 (0)