Failed to execute template. Cause: [Access denied when checking [script] access to [xwiki:Collaboratory.UX.HbpSkin.WebHome] for user [xwiki:XWiki.Admin]]. Click on this message for details.

Collaborate on reproducible science, anywhere - HBP Wiki

IAM21 instance, do not create collab nor modify a team, your changes will be lost


Last modified by bougault on 2023/01/26 14:38
From version 58.101
edited by asantars
on 2020/07/01 07:45
Change comment: There is no comment for this version
To version 34.1
edited by bougault
on 2020/05/25 09:18
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.asantars
1 +XWiki.bougault
Content
... ... @@ -8,97 +8,74 @@
8 8   <div class="container">
9 9   <div class="row">
10 10   <div class="col-md-7 col-md-push-5">
11 - <img class="img-responsive" src="/bin/skin/Collaboratory/UX/HbpSkin/wiki_home_graphic.svg" />
11 + <img class="img-responsive" src="/wiki_home_graphic.svg" />
12 12   </div>
13 - <div class="col-md-5 col-md-pull-7 hero-text">
14 - <h3>Collaborate.<br/>Create reproducible science.<br/>Discover EBRAINS services at work.<br/>From anywhere.</h3>
15 - <a class="btn btn-primary btn-lg" href="/bin/view/Collabs/the-collaboratory/Getting%20Started/">Getting started</a>
13 + <div class="col-md-5 col-md-pull-7">
14 + <h2>Collaborate to create reproducible science. Anywhere.</h2>
15 + <a class="btn btn-primary btn-lg">Get started</a>
16 + <a class="btn btn-primary btn-lg">Learn more</a>
16 16   </div>
17 17   </div>
18 - </div>
19 - <div class="container-fluid search__row">
20 - <div class="container">
21 - <div class="col-md-6 col-md-offset-3">
22 - <form role="search" class="clb-search-bar" action="/bin/view/Main/Search" method="GET">
23 - <div>
24 - <input type="text" class="form-control" name="text" placeholder="Search in the collaboratory">
25 - <i class="glyphicon glyphicon-search"></i>
26 - </div>
27 - <button class="btn clb-btn-default" type="submit">Search</button>
28 - </form>
29 - </div>
30 - </div>
31 - </div>
32 -
33 - <div class="container highlighted">
34 - <h4 class="highlighted__title">Highlighted collabs</h4>
35 - <div class="row highlighted_row">
36 - <div class="col-sm-6 col-md-6 col-md-push-3">
37 - <div class="thumbnail">
38 - <img class="img-responsive" src="/bin/skin/Collaboratory/UX/HbpSkin/wiki_home_graphic.svg" />
39 - <div class="caption">
40 - <h3><a href="/bin/view/Collabs/the-collaboratory/" class="stretched-link">The Collaboratory</a></h3>
41 - <p>The EBRAINS Collaboratory opens a portal onto the full gamut of EBRAINS services, providing you with examples of how to access services and resources, and a means of applying this quickly with little effort to you research. </p>
42 - </div>
43 - </div>
19 + <div class="row tags">
20 + <div class="col-md-3">
21 + <h3 class="tags__title tags__title--collaborate">
22 + Collaborate
23 + </h3>
24 + <p>
25 + Create projects and documents, invite collaborators, co-produce
26 + articles and release your team work for the community
27 + </p>
44 44   </div>
45 - <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
46 - <!-- Indicators -->
47 - <ol class="carousel-indicators">
48 - <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
49 - <li data-target="#carousel-example-generic" data-slide-to="1"></li>
50 - <li data-target="#carousel-example-generic" data-slide-to="2"></li>
51 - </ol>
52 -
53 - <!-- Wrapper for slides -->
54 - <div class="carousel-inner" role="listbox">
55 - <div class="item active">
56 - <img src="..." alt="...">
57 - <div class="carousel-caption">
58 - ...
29 + <div class="col-md-3">
30 + <h3 class="tags__title tags__title--reproducible">
31 + Reproducible
32 + </h3>
33 + <p>
34 + Initiate environments, install libraries, find and access datasets
35 + to create the stable fertile ground for your experiments
36 + </p>
37 + </div>
38 + <div class="col-md-3">
39 + <h3 class="tags__title tags__title--science">Science</h3>
40 + <p>
41 + Develop code, visualise results, generate data and collaborate on
42 + your re-search
43 + </p>
44 + </div>
45 + <div class="col-md-3">
46 + <h3 class="tags__title tags__title--anywhere">Anywhere</h3>
47 + <p>
48 + Upload or generate your data and access it any-where anytime, from
49 + your local machine to the most powerful high perfor-mance
50 + computers
51 + </p>
52 + </div>
53 + </div>
59 59   </div>
55 +<div class="container">
56 + <div class="row">
57 + <div class="col-md-6 col-md-offset-3">
58 + <form role="search" class="clb-search-bar" action="/bin/view/Main/Search" method="GET">
59 + <div>
60 + <input type="text" class="form-control" name="text">
61 + <i class="glyphicon glyphicon-search"></i>
62 + </div>
63 + <button class="btn clb-btn-default" type="submit">Search</button>
64 + </form>
60 60   </div>
61 - <div class="item">
62 - <img src="..." alt="...">
63 - <div class="carousel-caption">
64 - ...
65 - </div>
66 - </div>
67 - ...
68 68   </div>
69 -
70 - <!-- Controls -->
71 - <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
72 - <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
73 - <span class="sr-only">Previous</span>
74 - </a>
75 - <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
76 - <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
77 - <span class="sr-only">Next</span>
78 - </a>
79 79  </div>
80 -
81 - </div>
82 - </div>
83 83  
84 - <div class="container">
85 - <div class="row explore-all">
86 - <div class="col-md-12">
87 - Explore all the <a href="/bin/view/Collabs">Collabs</a>
88 - </div>
89 - </div>
90 - </div>
91 -
92 -
93 -<!--
94 - <div class="container get-started">
95 - <h4 class="get-started__title">Get started</h4>
96 - <div class="row get-started__row">
97 - <div class="col-xs-12 col-md-6">
98 - <img class="img-responsive"
99 - src="https://via.placeholder.com/600x300"/>
100 - </div>
69 +<div class="container get-started">
70 + <h4 class="get-started__title">GET STARTED</h4>
71 + <div class="row get-started__row">
101 101   <div class="col-xs-12 col-md-6">
73 + <img
74 + class="img-responsive"
75 + src="https://via.placeholder.com/600x300"
76 + />
77 + </div>
78 + <div class="col-xs-12 col-md-6">
102 102   <a href="#">
103 103   <h2 class="get-started__row__title">Create a collab</h2>
104 104   <p class="get-started__row__text">
... ... @@ -140,15 +140,8 @@
140 140   </a>
141 141   </div>
142 142   </div>
143 -</div> -->
144 -<div class="container">
145 - <div class="row pre-footer">
146 - <div class="col-md-12">
147 - Discover all the
148 - <a href="https://ebrains.eu" rel="noopener" target="_blank">EBRAINS services</a>.
149 - </div>
150 - </div>
151 151  </div>
121 +
152 152  <!--div class="container clb-content">
153 153  
154 154  <div class="teasing">
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,123 +2,32 @@
1 -/*
2 2  .teasing .collaborate {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/collaborate.jpg');}
3 3  .teasing .reproductible {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/reproducible.jpg');}
4 4  .teasing .science {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/science.jpg');}
5 5  .teasing .anywhere {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/anywhere.jpg');}
6 -*/
5 +
7 7  #mainContentArea{
8 8   padding:0;
9 9   padding-top:1.25rem
10 10  }
11 -.document-header,
12 12  #mainContentArea #hierarchy,
13 13  #mainContentArea .xcontent>hr,
14 14  #mainContentArea .xdocLastModification{
15 15   display:none
16 16  }
17 -
18 18  #mainContentArea .xcontent>.row{
19 19   margin-left:0;
20 20   margin-right:0
21 21  }
22 22  
20 +.document-header .document-info{
21 + width:100%;
22 + text-align:center;
23 + margin-top:3rem
24 +}
23 23  #xwikicontent{
24 24   padding-left:0;
25 25   padding-right:0;
26 26   min-height:300px;
27 -/*
28 - p.alert-info{
29 - padding:2rem
30 - }
31 - .teasing{
32 - margin-bottom:50px
33 - }
34 - .teasing .card{
35 - text-align:center;
36 - position:relative;
37 - height:100%;
38 - background-size:cover;
39 - background-repeat:no-repeat;
40 - background-position:50% 50%;
41 - padding-bottom:20px;
42 - margin-bottom:20px
43 - }
44 - .teasing .card::before{
45 - position:absolute;
46 - top:0;
47 - right:0;
48 - bottom:0;
49 - left:0;
50 - display:block;
51 - background-image:linear-gradient(to top,rgba(0,0,0,.9),transparent 85%);
52 - content:''
53 - }
54 - .teasing .card-header{
55 - position:relative;
56 - height:150px
57 - }
58 - .teasing .coming-soon{
59 - position:absolute;
60 - z-index:10;
61 - left:0;
62 - right:0;
63 - padding:.5rem;
64 - border-radius:.25rem;
65 - font-weight:700;
66 - top:50%
67 - }
68 - .teasing .coming-soon span{
69 - font-size:1.25rem;
70 - line-height:2;
71 - padding:.5rem;
72 - border-radius:.25rem;
73 - font-weight:700;
74 - margin-top:-17px;
75 - background:rgba(255,255,255,.8);
76 - }
77 - .teasing .card-content {
78 - position:relative;
79 - overflow:hidden;
80 - margin-top:0;
81 - padding-top:0;
82 - padding-bottom:0;
83 - padding-left:.5rem;
84 - padding-right:.5rem;
85 - color: @color-white;
86 - font-size:1rem;
87 - .card-title {
88 - color:@color-white;
89 - }
90 - }
91 - .teasing .card-title{
92 - margin-top:1.5rem;
93 - margin-right:0;
94 - margin-bottom:1rem;
95 - margin-left:0;
96 - font-weight:700
97 - }
98 - .clb-actions {
99 - background-color:#f0f3f1;
100 - padding-top:5rem;
101 - padding-left:0;
102 - padding-right:0;
103 - padding-bottom:0
104 - }
105 - .clb-actions .clb-box{
106 - margin-bottom:5rem;
107 - font-size:1.125rem;
108 - display: block
109 - }
110 - .clb-actions>.row{
111 - margin-left:0;
112 - margin-right:0
113 - }
114 - .clb-actions .clb-box:hover{
115 - text-decoration:none
116 - }
117 - .clb-content>.row{
118 - margin-bottom:5rem
119 - }
120 -*/
29 +
121 121   .clb-search-bar{
122 122   display:flex;
123 123   align-items:stretch;
... ... @@ -175,10 +175,10 @@
175 175   height:100%;
176 176   display:block
177 177   }
178 - }
179 179   */
88 + }
180 180  }
181 -
90 +/*
182 182  .clb-box{
183 183   background-color:#fff;
184 184   box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
... ... @@ -211,120 +211,4 @@
211 211   background-color: darken(@color-brand-primary, 15%);
212 212   }
213 213  }
214 -
215 -#xwikicontent .get-started__row__title {
216 - margin: 1rem 0;
217 - font-weight: 400;
218 - color: var(@color-brand-primary);
219 -}
220 -
221 -.hero-text h3 {
222 - line-height:1.3em;
223 -}
224 -
225 -.search__row {
226 - padding:2rem;
227 - margin: 2rem 0;
228 - background: @color-xwiki-gray;
229 -}
230 -.get-started__row__text {
231 - color: #4a5568;
232 -}
233 -.get-started__title, .highlighted__title{
234 - text-align: center;
235 - color: #aaa;
236 - /*padding: 10rem 0;*/
237 - padding:5rem 0;
238 - font-size: 2rem;
239 - /*border-top: 1px solid #ccc;*/
240 - /*margin-top: 10rem;*/
241 - /*margin-top: 5rem;*/
242 -}
243 -.get-started__row {
244 - margin-top: 3rem;
245 -}
246 -
247 -.pre-footer, .explore-all {
248 - font-size: 32px;
249 - line-height: 42px;
250 - text-align: center;
251 -}
252 -
253 -.explore-all{
254 - padding-top: 5rem;
255 -}
256 -
257 -@media screen and (min-width: 992px) {
258 - .get-started__row {
259 - display: flex;
260 - align-items: center;
261 - }
262 - #xwikicontent .get-started__row__title {
263 - margin: 0;
264 - margin-bottom: 1rem;
265 - }
266 -}
267 -
268 -.stretched-link {
269 - &::after {
270 - position: absolute;
271 - top: 0;
272 - right: 0;
273 - bottom: 0;
274 - left: 0;
275 - z-index: 1;
276 - // Just in case `pointer-events: none` is set on a parent
277 - pointer-events: auto;
278 - content: "";
279 - // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color
280 - background-color: rgba(0, 0, 0, 0);
281 - }
282 -}
283 -
284 -.pre-footer {
285 - margin: 8rem 0 2rem;
286 - padding: 5rem 0;
287 - border-top: 1px solid #ccc;
288 - /*border-bottom: 1px solid #ccc;*/
289 -}
290 -
291 -.tags__title, .tags__text {
292 - text-align: center;
293 -}
294 -
295 -.tags__title--collaborate,
296 -.tags__title--science,
297 -.tags__title--reproducible,
298 -.tags__title--anywhere {
299 - padding-top: 4rem;
300 - position: relative;
301 -}
302 -
303 -.tags__title--collaborate::before,
304 -.tags__title--science::before,
305 -.tags__title--reproducible::before,
306 -.tags__title--anywhere::before {
307 - position: absolute;
308 - width: 50px;
309 - height: 50px;
310 - background-repeat: none;
311 - top: 0;
312 - margin-left: 50%;
313 - left: -25px;
314 - content: " ";
315 - display: table;
316 -}
317 -
318 -.tags__title--collaborate::before {
319 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Collaborate.svg");
320 -}
321 -.tags__title--science::before {
322 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Science.svg");
323 -}
324 -.tags__title--reproducible::before {
325 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Reproducible.svg");
326 -}
327 -.tags__title--anywhere::before {
328 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Anywhere.svg");
329 -}
330 -
123 +*/