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 50.1
edited by bougault
on 2020/05/25 09:52
Change comment: There is no comment for this version
To version 25.1
edited by hbpadmin
on 2020/03/31 09:36
Change comment: Rollback to version xar:eu.hbp.wiki:xwiki-skin-collaboratory/0.17.11

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.bougault
1 +XWiki.hbpadmin
Content
... ... @@ -2,135 +2,11 @@
2 2  #set($displayContentFooter=false)
3 3  #set($displayDocExtra=false)
4 4  #set($displayContentMenu=false)
5 -#set($displayDocumentTitle=false)
6 6  {{/velocity}}
7 7  
8 8  {{html clean="false"}}
9 - <div class="container">
10 - <div class="row">
11 - <div class="col-md-7 col-md-push-5">
12 - <img class="img-responsive" src="/bin/skin/Collaboratory/UX/HbpSkin/wiki_home_graphic.svg" />
13 - </div>
14 - <div class="col-md-5 col-md-pull-7">
15 - <h2>Collaborate to create reproducible science. Anywhere.</h2>
16 - <a class="btn btn-primary btn-lg">Get started</a>
17 - <a class="btn btn-primary btn-lg">Learn more</a>
18 - </div>
19 - </div>
20 - <div class="row tags">
21 - <div class="col-md-3">
22 - <h3 class="tags__title tags__title--collaborate">
23 - Collaborate
24 - </h3>
25 - <p>
26 - Create projects and documents, invite collaborators, co-produce
27 - articles and release your team work for the community
28 - </p>
29 - </div>
30 - <div class="col-md-3">
31 - <h3 class="tags__title tags__title--reproducible">
32 - Reproducible
33 - </h3>
34 - <p>
35 - Initiate environments, install libraries, find and access datasets
36 - to create the stable fertile ground for your experiments
37 - </p>
38 - </div>
39 - <div class="col-md-3">
40 - <h3 class="tags__title tags__title--science">Science</h3>
41 - <p>
42 - Develop code, visualise results, generate data and collaborate on
43 - your re-search
44 - </p>
45 - </div>
46 - <div class="col-md-3">
47 - <h3 class="tags__title tags__title--anywhere">Anywhere</h3>
48 - <p>
49 - Upload or generate your data and access it any-where anytime, from
50 - your local machine to the most powerful high perfor-mance
51 - computers
52 - </p>
53 - </div>
54 - </div>
55 - </div>
56 -<div class="container-fluid search__row">
57 - <div class="container">
58 - <div class="col-md-6 col-md-offset-3">
59 - <form role="search" class="clb-search-bar" action="/bin/view/Main/Search" method="GET">
60 - <div>
61 - <input type="text" class="form-control" name="text">
62 - <i class="glyphicon glyphicon-search"></i>
63 - </div>
64 - <button class="btn clb-btn-default" type="submit">Search</button>
65 - </form>
66 - </div>
8 +<div class="container clb-content">
67 67  
68 - </div>
69 -</div>
70 -
71 -<div class="container get-started">
72 - <h4 class="get-started__title">GET STARTED</h4>
73 - <div class="row get-started__row">
74 - <div class="col-xs-12 col-md-6">
75 - <img
76 - class="img-responsive"
77 - src="https://via.placeholder.com/600x300"
78 - />
79 - </div>
80 - <div class="col-xs-12 col-md-6">
81 - <a href="#">
82 - <h2 class="get-started__row__title">Create a collab</h2>
83 - <p class="get-started__row__text">
84 - Discover how to create Collabs, a space which enables you to
85 - collaborate.
86 - </p>
87 - </a>
88 - </div>
89 - </div>
90 - <div class="row get-started__row">
91 - <div class="col-md-6">
92 - <img
93 - class="img-responsive"
94 - src="https://via.placeholder.com/600x300"
95 - />
96 - </div>
97 - <div class="col-md-6">
98 - <a href="#">
99 - <h2 class="get-started__row__title">Team</h2>
100 - <p class="get-started__row__text">
101 - Add members to your team in the collab.
102 - </p>
103 - </a>
104 - </div>
105 - </div>
106 - <div class="row get-started__row">
107 - <div class="col-md-6">
108 - <img
109 - class="img-responsive"
110 - src="https://via.placeholder.com/600x300"
111 - />
112 - </div>
113 - <div class="col-md-6">
114 - <a href="#">
115 - <h2 class="get-started__row__title">Jupyter Notebook</h2>
116 - <p class="get-started__row__text">
117 - Run your Jupyter notebook. Share it with colleagues.
118 - </p>
119 - </a>
120 - </div>
121 - </div>
122 -</div>
123 -<div class="container">
124 - <div class="row pre-footer">
125 - <div class="col-md-12">
126 - The Collaboratory is part of EBRAINS.<br />
127 - Discover the other
128 - <a href="https://ebrains.eu" rel="noopener" target="_blank">EBRAINS services</a>.
129 - </div>
130 - </div>
131 -</div>
132 -<!--div class="container clb-content">
133 -
134 134  <div class="teasing">
135 135   <div class="row">
136 136   <div class="col-md-3">
... ... @@ -214,7 +214,7 @@
214 214   </a>
215 215   </div>
216 216   </div>
217 - </div>
93 + </div><!-- /.col-md-4 -->
218 218  
219 219   <div class="col-md-4">
220 220   <div class="row">
... ... @@ -227,7 +227,7 @@
227 227   </a>
228 228   </div>
229 229   </div>
230 - </div>
106 + </div><!-- /.col-md-4 -->
231 231  
232 232   <div class="col-md-4">
233 233   <div class="row">
... ... @@ -240,8 +240,8 @@
240 240   </a>
241 241   </div>
242 242   </div>
243 - </div>
119 + </div><!-- /.col-md-4 -->
244 244   </div>
245 245   </div>
246 -</div -->
122 +</div>
247 247  {{/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,88 +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 -.search__row {
225 - padding:1rem;
226 - margin: 2rem;
227 - background: @color-xwiki-gray;
228 -}
229 -.get-started__row__text {
230 - color: #4a5568;
231 -}
232 -.get-started__title {
233 - text-align: center;
234 - color: #aaa;
235 - padding: 10rem 0;
236 - font-size: 2rem;
237 - border-top: 1px solid #ccc;
238 - margin-top: 10rem;
239 -}
240 -.get-started__row {
241 - margin-top: 3rem;
242 -}
243 -
244 -@media screen and (min-width: 992px) {
245 - .get-started__row {
246 - display: flex;
247 - align-items: center;
248 - }
249 - #xwikicontent .get-started__row__title {
250 - margin: 0;
251 - margin-bottom: 1rem;
252 - }
253 -}
254 -.pre-footer {
255 - margin: 10rem 0;
256 - padding: 10rem 0;
257 - text-align: center;
258 - border-top: 1px solid #ccc;
259 - border-bottom: 1px solid #ccc;
260 -}
261 -
262 -.tags__title {
263 - text-align: center;
264 -}
265 -
266 -.tags__title--collaborate,
267 -.tags__title--science,
268 -.tags__title--reproducible,
269 -.tags__title--anywhere {
270 - padding-top: 8rem;
271 - position: relative;
272 -}
273 -
274 -.tags__title--collaborate::before,
275 -.tags__title--science::before,
276 -.tags__title--reproducible::before,
277 -.tags__title--anywhere::before {
278 - position: absolute;
279 - width: 50px;
280 - height: 50px;
281 - background-repeat: none;
282 - top: 0;
283 - margin-left: 50%;
284 - left: -25px;
285 - content: " ";
286 - display: table;
287 -}
288 -
289 -.tags__title--collaborate::before {
290 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Collaborate.svg");
291 -}
292 -.tags__title--science::before {
293 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Science.svg");
294 -}
295 -.tags__title--reproducible::before {
296 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Reproducible.svg");
297 -}
298 -.tags__title--anywhere::before {
299 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Anywhere.svg");
300 -}
301 -