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 57.11
edited by asantars
on 2020/05/26 12:50
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,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
... ... @@ -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,89 +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 -.search__row {
222 - padding:1rem;
223 - margin: 2rem 0;
224 - background: @color-xwiki-gray;
225 -}
226 -.get-started__row__text {
227 - color: #4a5568;
228 -}
229 -.get-started__title {
230 - text-align: center;
231 - color: #aaa;
232 - /*padding: 10rem 0;*/
233 - padding:4rem 0;
234 - font-size: 2rem;
235 - border-top: 1px solid #ccc;
236 - margin-top: 10rem;
237 -}
238 -.get-started__row {
239 - margin-top: 3rem;
240 -}
241 -
242 -@media screen and (min-width: 992px) {
243 - .get-started__row {
244 - display: flex;
245 - align-items: center;
246 - }
247 - #xwikicontent .get-started__row__title {
248 - margin: 0;
249 - margin-bottom: 1rem;
250 - }
251 -}
252 -.pre-footer {
253 - margin: 10rem 0;
254 - padding: 10rem 0;
255 - text-align: center;
256 - border-top: 1px solid #ccc;
257 - border-bottom: 1px solid #ccc;
258 -}
259 -
260 -.tags__title, .tags__text {
261 - text-align: center;
262 -}
263 -
264 -.tags__title--collaborate,
265 -.tags__title--science,
266 -.tags__title--reproducible,
267 -.tags__title--anywhere {
268 - padding-top: 4rem;
269 - position: relative;
270 -}
271 -
272 -.tags__title--collaborate::before,
273 -.tags__title--science::before,
274 -.tags__title--reproducible::before,
275 -.tags__title--anywhere::before {
276 - position: absolute;
277 - width: 50px;
278 - height: 50px;
279 - background-repeat: none;
280 - top: 0;
281 - margin-left: 50%;
282 - left: -25px;
283 - content: " ";
284 - display: table;
285 -}
286 -
287 -.tags__title--collaborate::before {
288 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Collaborate.svg");
289 -}
290 -.tags__title--science::before {
291 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Science.svg");
292 -}
293 -.tags__title--reproducible::before {
294 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Reproducible.svg");
295 -}
296 -.tags__title--anywhere::before {
297 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Anywhere.svg");
298 -}
299 -
123 +*/