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.12
edited by asantars
on 2020/05/28 21:11
Change comment: There is no comment for this version
To version 40.1
edited by bougault
on 2020/05/25 09:22
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,7 +8,7 @@
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 13   <div class="col-md-5 col-md-pull-7">
14 14   <h2>Collaborate to create reproducible science. Anywhere.</h2>
... ... @@ -16,28 +16,12 @@
16 16   <a class="btn btn-primary btn-lg">Learn more</a>
17 17   </div>
18 18   </div>
19 - </div>
20 - <div class="container-fluid search__row">
21 - <div class="container">
22 - <div class="col-md-6 col-md-offset-3">
23 - <form role="search" class="clb-search-bar" action="/bin/view/Main/Search" method="GET">
24 - <div>
25 - <input type="text" class="form-control" name="text">
26 - <i class="glyphicon glyphicon-search"></i>
27 - </div>
28 - <button class="btn clb-btn-default" type="submit">Search</button>
29 - </form>
30 - </div>
31 -
32 - </div>
33 - </div>
34 - <div class="container">
35 35   <div class="row tags">
36 36   <div class="col-md-3">
37 37   <h3 class="tags__title tags__title--collaborate">
38 38   Collaborate
39 39   </h3>
40 - <p class="tags__text">
24 + <p>
41 41   Create projects and documents, invite collaborators, co-produce
42 42   articles and release your team work for the community
43 43   </p>
... ... @@ -46,7 +46,7 @@
46 46   <h3 class="tags__title tags__title--reproducible">
47 47   Reproducible
48 48   </h3>
49 - <p class="tags__text">
33 + <p>
50 50   Initiate environments, install libraries, find and access datasets
51 51   to create the stable fertile ground for your experiments
52 52   </p>
... ... @@ -53,7 +53,7 @@
53 53   </div>
54 54   <div class="col-md-3">
55 55   <h3 class="tags__title tags__title--science">Science</h3>
56 - <p class="tags__text">
40 + <p>
57 57   Develop code, visualise results, generate data and collaborate on
58 58   your re-search
59 59   </p>
... ... @@ -60,7 +60,7 @@
60 60   </div>
61 61   <div class="col-md-3">
62 62   <h3 class="tags__title tags__title--anywhere">Anywhere</h3>
63 - <p class="tags__text">
47 + <p>
64 64   Upload or generate your data and access it any-where anytime, from
65 65   your local machine to the most powerful high perfor-mance
66 66   computers
... ... @@ -68,8 +68,20 @@
68 68   </div>
69 69   </div>
70 70   </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>
65 + </div>
66 + </div>
67 +</div>
71 71  
72 -
73 73  <div class="container get-started">
74 74   <h4 class="get-started__title">GET STARTED</h4>
75 75   <div class="row get-started__row">
... ... @@ -122,15 +122,7 @@
122 122   </div>
123 123   </div>
124 124  </div>
125 -<div class="container">
126 - <div class="row pre-footer">
127 - <div class="col-md-12">
128 - The Collaboratory is part of EBRAINS.<br />
129 - Discover the other
130 - <a href="https://ebrains.eu" rel="noopener" target="_blank">EBRAINS services</a>.
131 - </div>
132 - </div>
133 -</div>
121 +
134 134  <!--div class="container clb-content">
135 135  
136 136  <div class="teasing">
XWiki.StyleSheetExtension[0]
Code
... ... @@ -8,18 +8,21 @@
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  
21 +.document-header .document-info{
22 + width:100%;
23 + text-align:center;
24 + margin-top:3rem
25 +}
23 23  #xwikicontent{
24 24   padding-left:0;
25 25   padding-right:0;
... ... @@ -215,40 +215,24 @@
215 215  #xwikicontent .get-started__row__title {
216 216   margin: 1rem 0;
217 217   font-weight: 400;
218 - color: var(@color-brand-primary);
221 + color: var(--color-primary);
219 219  }
220 220  
221 -#xwikicontent.get-started {
222 - margin-bottom: 5rem 0;
223 -}
224 -
225 -.search__row {
226 - padding:1rem;
227 - margin: 2rem 0;
228 - background: @color-xwiki-gray;
229 -}
230 230  .get-started__row__text {
231 - color: #4a5568;
225 + color: #4a5568; /* body text color */
232 232  }
233 233  .get-started__title {
234 234   text-align: center;
235 235   color: #aaa;
236 - /*padding: 10rem 0;*/
237 - padding:5rem 0;
238 - font-size: 2rem;
230 + padding: 10rem 0;
231 + font-size: 4rem;
239 239   border-top: 1px solid #ccc;
240 - /*margin-top: 10rem;*/
241 - margin-top: 5rem;
233 + margin-top: 10rem;
242 242  }
243 243  .get-started__row {
244 244   margin-top: 3rem;
245 245  }
246 246  
247 -.pre-footer {
248 - font-size: 32px;
249 - line-height: 42px;
250 -}
251 -
252 252  @media screen and (min-width: 992px) {
253 253   .get-started__row {
254 254   display: flex;
... ... @@ -260,14 +260,14 @@
260 260   }
261 261  }
262 262  .pre-footer {
263 - margin: 5rem 0;
264 - padding: 5rem 0;
250 + margin: 10rem 0;
251 + padding: 10rem 0;
265 265   text-align: center;
266 266   border-top: 1px solid #ccc;
267 - /*border-bottom: 1px solid #ccc;*/
254 + border-bottom: 1px solid #ccc;
268 268  }
269 269  
270 -.tags__title, .tags__text {
257 +.tags__title {
271 271   text-align: center;
272 272  }
273 273  
... ... @@ -275,7 +275,7 @@
275 275  .tags__title--science,
276 276  .tags__title--reproducible,
277 277  .tags__title--anywhere {
278 - padding-top: 4rem;
265 + padding-top: 8rem;
279 279   position: relative;
280 280  }
281 281  
... ... @@ -295,15 +295,14 @@
295 295  }
296 296  
297 297  .tags__title--collaborate::before {
298 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Collaborate.svg");
285 + background-image: url("/Collaborate.svg");
299 299  }
300 300  .tags__title--science::before {
301 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Science.svg");
288 + background-image: url("/Science.svg");
302 302  }
303 303  .tags__title--reproducible::before {
304 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Reproducible.svg");
291 + background-image: url("/Reproducible.svg");
305 305  }
306 306  .tags__title--anywhere::before {
307 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Anywhere.svg");
294 + background-image: url("/Anywhere.svg");
308 308  }
309 -