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 61.1
edited by bougault
on 2020/07/02 09:56
Change comment: Rollback to version 58.115
To version 92.1
edited by superadmin
on 2022/06/07 15:23
Change comment: Install extension [eu.hbp.wiki:xwiki-skin-collaboratory/0.45.0]

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.bougault
1 +XWiki.superadmin
Default language
... ... @@ -1,0 +1,1 @@
1 +en
Content
... ... @@ -1,7 +1,6 @@
1 -{{velocity}}
1 +{{velocity output="false"}}
2 2  #set($displayContentFooter=false)
3 3  #set($displayDocExtra=false)
4 -#set($displayContentMenu=false)
5 5  {{/velocity}}
6 6  
7 7  {{html clean="false"}}
... ... @@ -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" />
10 + <img class="img-responsive" src="/bin/skin/Collaboratory/UX/HbpSkin/WebHome/wiki_home_graphic.svg" />
12 12   </div>
13 13   <div class="col-md-5 col-md-pull-7 hero-text">
14 14   <h3>Collaborate.<br/>Create reproducible science.<br/>Discover EBRAINS services at work.<br/>From anywhere.</h3>
... ... @@ -18,60 +18,48 @@
18 18   </div>
19 19   <div class="container-fluid search__row">
20 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>
20 + <div class="col-sm-12 col-md-6 col-md-offset-3">
21 + <form role="search" action="/bin/view/Main/Search" method="GET">
22 + <div class="input-group">
23 + <input type="search" name="text" class="form-control input-lg" title="Search word in all wiki pages" placeholder="Search word in all wiki pages">
24 + <span class="input-group-btn">
25 + <button type="submit" class="btn btn-primary input-lg">
26 + <span class="fa fa-search"></span>
27 + <span class="sr-only">Search</span>
28 + </button>
29 + </span>
30 + </div>
31 + </form>
32 + </div>
30 30   </div>
31 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>
44 - </div>
45 - </div>
46 - </div>
47 -
48 - <div class="container highlighted">
49 49  {{/html}}
50 50  
51 -{{velocity}}
37 +(% class="container highlighted"%)(((
52 52  
53 -{{collaboratory.ux.highlightedcollabs slider="true"/}}
54 -
55 -{{/velocity}}
56 -
39 +(% class="highlighted__title" %)
40 +==== Highlighted collabs ====
57 57  {{html clean="false"}}
58 -
59 - </div>
60 -
61 - <div class="container">
62 - <div class="row explore-all">
63 - <div class="col-md-12">
64 - Explore all the <a href="/bin/view/Collabs">Collabs</a>
65 - </div>
66 - </div>
67 - </div>
68 -<div class="container">
69 - <div class="row pre-footer">
70 - <div class="col-md-12">
71 - Discover all the
72 - <a href="https://ebrains.eu" rel="noopener" target="_blank">EBRAINS services</a>.
73 - </div>
74 - </div>
42 +<div class="container centered">
43 +<a href="/bin/view/Collabs/the-collaboratory/Highlights" class="highlighted_view_all">View all</a>
75 75  </div>
76 76  {{/html}}
46 +(% class="row highlighted_row" %)
47 +(((
77 77  
49 +{{HighlightedCollabs featured="true" slider="true" /}}
50 +
51 +)))
52 +)))
53 +
54 +(% class="container" %)
55 +(((
56 +(% class="row explore-all" %)
57 +(((
58 + (% class="col-md-12" %)
59 +(((
60 +Explore all the [[Collabs]]
61 +)))
62 +)))
63 +)))
64 +
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,9 +7,3 @@
1 -/*
2 -.teasing .collaborate {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/collaborate.jpg');}
3 -.teasing .reproductible {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/reproducible.jpg');}
4 -.teasing .science {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/science.jpg');}
5 -.teasing .anywhere {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/anywhere.jpg');}
6 -*/
7 7  #mainContentArea{
8 8   padding:0;
9 9   padding-top:1.25rem
... ... @@ -24,194 +24,11 @@
24 24   padding-left:0;
25 25   padding-right:0;
26 26   min-height:300px;
27 -/*
28 - p.alert-info{
29 - padding:2rem
21 + .search__row input[type="search"] {
22 + font-size: 16px;
23 + height: 54px;
30 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 -*/
121 - .clb-search-bar{
122 - display:flex;
123 - align-items:stretch;
124 - position:relative
125 - }
126 - .clb-search-bar>div{
127 - flex:1;
128 - margin:2px 10px 2px 0
129 - }
130 - .clb-search-bar input[type=text]{
131 - width:100%;
132 - padding:1.5rem;
133 - padding-left:2.5rem;
134 - border-radius: @border-radius-default;
135 - background-color: @color-white;
136 - box-shadow:none
137 - }
138 - .clb-search-bar input[type=text]:focus{
139 - border-color: @color-brand-primary;
140 - background-color:@color-white;
141 - box-shadow:none
142 - }
143 - .clb-search-bar i{
144 - position:absolute;
145 - margin-top:-.5rem;
146 - color: @color-gray-200;
147 - top:50%;
148 - left:1em
149 - }
150 - .clb-search-bar input[type=text]:focus~i{
151 - color: @color-brand-primary;
152 - }
153 - /*
154 - @media screen and (min-width:992px){
155 - .teasing .row{
156 - display:flex
157 - }
158 - .teasing .row>[class*=col-]{
159 - display:flex;
160 - flex-direction:column
161 - }
162 - .clb-actions{
163 - padding-bottom:5rem
164 - }
165 - .clb-actions .clb-box{
166 - margin-bottom:0
167 - }
168 - .clb-actions .container,
169 - .clb-actions .container>.row{
170 - display:flex
171 - }
172 - .clb-actions .clb-box-container,
173 - .clb-actions .clb-box-container a,
174 - .clb-actions .container>.row>[class*=col-]>.row{
175 - height:100%;
176 - display:block
177 - }
178 - }
179 - */
180 180  }
181 -
182 -.clb-box{
183 - background-color:#fff;
184 - box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
185 - padding:2rem;
186 - padding-bottom:5rem;
187 - color: @color-brand-primary;
188 - display:block
189 - .clb-box-title {
190 - color:#45b07c;
191 - font-weight:600;
192 - margin-bottom:5rem;
193 - }
194 -}
195 -
196 -.clb-btn-default,button {
197 - background-image:none;
198 - box-shadow:none;
199 - border:0;
200 - border-radius: @border-radius-default;
201 - padding-top:.5rem;
202 - padding-bottom:.5rem;
203 - padding-left:1rem;
204 - padding-right:1rem;
205 - background-color:@color-brand-primary;
206 - color: @color-white;
207 - &:hover {
208 - background-color: darken(@color-brand-primary, 10%);
209 - }
210 - &:active {
211 - background-color: darken(@color-brand-primary, 15%);
212 - }
213 -}
214 -
215 215  #xwikicontent .get-started__row__title {
216 216   margin: 1rem 0;
217 217   font-weight: 400;
... ... @@ -233,12 +233,8 @@
233 233  .get-started__title, .highlighted__title{
234 234   text-align: center;
235 235   color: #aaa;
236 - /*padding: 10rem 0;*/
237 - padding:5rem 0;
47 + padding:2rem 0 0.5rem 0;
238 238   font-size: 2rem;
239 - /*border-top: 1px solid #ccc;*/
240 - /*margin-top: 10rem;*/
241 - /*margin-top: 5rem;*/
242 242  }
243 243  .get-started__row {
244 244   margin-top: 3rem;
... ... @@ -252,6 +252,7 @@
252 252  
253 253  .explore-all{
254 254   padding-top: 5rem;
62 + padding-bottom: 5rem;
255 255  }
256 256  
257 257  @media screen and (min-width: 992px) {
... ... @@ -265,6 +265,27 @@
265 265   }
266 266  }
267 267  
76 +.glider-contain {
77 + min-height: 502px;
78 +}
79 +.glider {
80 + .highlighted-collab {
81 + position:relative;
82 + border: 1px solid #CCC;
83 + margin: 0 1rem;
84 + height: 100%;
85 + border-radius: @border-radius-default;
86 + > p,
87 + > h3 {
88 + padding-left: 1rem;
89 + padding-right: 1rem;
90 + }
91 + }
92 +}
93 +.highlighted-image{
94 + /*height: 250px;*/
95 + background-size: cover;
96 +}
268 268  .stretched-link {
269 269   &::after {
270 270   position: absolute;
... ... @@ -287,44 +287,3 @@
287 287   border-top: 1px solid #ccc;
288 288   /*border-bottom: 1px solid #ccc;*/
289 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 -
XWiki.DocumentSheetBinding[0]