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 42.1
edited by bougault
on 2020/05/25 09:25
Change comment: There is no comment for this version
To version 26.1
edited by messines
on 2020/04/15 21:15
Change comment: Install extension [eu.hbp.wiki:xwiki-skin-collaboratory/0.17.15]

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.bougault
1 +XWiki.messines
Content
... ... @@ -5,122 +5,8 @@
5 5  {{/velocity}}
6 6  
7 7  {{html clean="false"}}
8 - <div class="container">
9 - <div class="row">
10 - <div class="col-md-7 col-md-push-5">
11 - <img class="img-responsive" src="/wiki_home_graphic.svg" />
12 - </div>
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>
17 - </div>
18 - </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>
28 - </div>
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>
54 - </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>
8 +<div class="container clb-content">
68 68  
69 -<div class="container get-started">
70 - <h4 class="get-started__title">GET STARTED</h4>
71 - <div class="row get-started__row">
72 - <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">
79 - <a href="#">
80 - <h2 class="get-started__row__title">Create a collab</h2>
81 - <p class="get-started__row__text">
82 - Discover how to create Collabs, a space which enables you to
83 - collaborate.
84 - </p>
85 - </a>
86 - </div>
87 - </div>
88 - <div class="row get-started__row">
89 - <div class="col-md-6">
90 - <img
91 - class="img-responsive"
92 - src="https://via.placeholder.com/600x300"
93 - />
94 - </div>
95 - <div class="col-md-6">
96 - <a href="#">
97 - <h2 class="get-started__row__title">Team</h2>
98 - <p class="get-started__row__text">
99 - Add members to your team in the collab.
100 - </p>
101 - </a>
102 - </div>
103 - </div>
104 - <div class="row get-started__row">
105 - <div class="col-md-6">
106 - <img
107 - class="img-responsive"
108 - src="https://via.placeholder.com/600x300"
109 - />
110 - </div>
111 - <div class="col-md-6">
112 - <a href="#">
113 - <h2 class="get-started__row__title">Jupyter Notebook</h2>
114 - <p class="get-started__row__text">
115 - Run your Jupyter notebook. Share it with colleagues.
116 - </p>
117 - </a>
118 - </div>
119 - </div>
120 -</div>
121 -
122 -<!--div class="container clb-content">
123 -
124 124  <div class="teasing">
125 125   <div class="row">
126 126   <div class="col-md-3">
... ... @@ -204,7 +204,7 @@
204 204   </a>
205 205   </div>
206 206   </div>
207 - </div>
93 + </div><!-- /.col-md-4 -->
208 208  
209 209   <div class="col-md-4">
210 210   <div class="row">
... ... @@ -217,7 +217,7 @@
217 217   </a>
218 218   </div>
219 219   </div>
220 - </div>
106 + </div><!-- /.col-md-4 -->
221 221  
222 222   <div class="col-md-4">
223 223   <div class="row">
... ... @@ -230,8 +230,8 @@
230 230   </a>
231 231   </div>
232 232   </div>
233 - </div>
119 + </div><!-- /.col-md-4 -->
234 234   </div>
235 235   </div>
236 -</div -->
122 +</div>
237 237  {{/html}}
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,9 +2,8 @@
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
... ... @@ -27,7 +27,6 @@
27 27   padding-left:0;
28 28   padding-right:0;
29 29   min-height:300px;
30 -/*
31 31   p.alert-info{
32 32   padding:2rem
33 33   }
... ... @@ -120,7 +120,6 @@
120 120   .clb-content>.row{
121 121   margin-bottom:5rem
122 122   }
123 -*/
124 124   .clb-search-bar{
125 125   display:flex;
126 126   align-items:stretch;
... ... @@ -153,7 +153,6 @@
153 153   .clb-search-bar input[type=text]:focus~i{
154 154   color: @color-brand-primary;
155 155   }
156 - /*
157 157   @media screen and (min-width:992px){
158 158   .teasing .row{
159 159   display:flex
... ... @@ -179,7 +179,6 @@
179 179   display:block
180 180   }
181 181   }
182 - */
183 183  }
184 184  
185 185  .clb-box{
... ... @@ -214,83 +214,3 @@
214 214   background-color: darken(@color-brand-primary, 15%);
215 215   }
216 216  }
217 -
218 -#xwikicontent .get-started__row__title {
219 - margin: 1rem 0;
220 - font-weight: 400;
221 - color: var(@color-brand-primary);
222 -}
223 -
224 -.get-started__row__text {
225 - color: #4a5568;
226 -}
227 -.get-started__title {
228 - text-align: center;
229 - color: #aaa;
230 - padding: 10rem 0;
231 - font-size: 4rem;
232 - border-top: 1px solid #ccc;
233 - margin-top: 10rem;
234 -}
235 -.get-started__row {
236 - margin-top: 3rem;
237 -}
238 -
239 -@media screen and (min-width: 992px) {
240 - .get-started__row {
241 - display: flex;
242 - align-items: center;
243 - }
244 - #xwikicontent .get-started__row__title {
245 - margin: 0;
246 - margin-bottom: 1rem;
247 - }
248 -}
249 -.pre-footer {
250 - margin: 10rem 0;
251 - padding: 10rem 0;
252 - text-align: center;
253 - border-top: 1px solid #ccc;
254 - border-bottom: 1px solid #ccc;
255 -}
256 -
257 -.tags__title {
258 - text-align: center;
259 -}
260 -
261 -.tags__title--collaborate,
262 -.tags__title--science,
263 -.tags__title--reproducible,
264 -.tags__title--anywhere {
265 - padding-top: 8rem;
266 - position: relative;
267 -}
268 -
269 -.tags__title--collaborate::before,
270 -.tags__title--science::before,
271 -.tags__title--reproducible::before,
272 -.tags__title--anywhere::before {
273 - position: absolute;
274 - width: 50px;
275 - height: 50px;
276 - background-repeat: none;
277 - top: 0;
278 - margin-left: 50%;
279 - left: -25px;
280 - content: " ";
281 - display: table;
282 -}
283 -
284 -.tags__title--collaborate::before {
285 - background-image: url("/Collaborate.svg");
286 -}
287 -.tags__title--science::before {
288 - background-image: url("/Science.svg");
289 -}
290 -.tags__title--reproducible::before {
291 - background-image: url("/Reproducible.svg");
292 -}
293 -.tags__title--anywhere::before {
294 - background-image: url("/Anywhere.svg");
295 -}
296 -