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.113
edited by bougault
on 2020/07/02 09:19
Change comment: There is no comment for this version
To version 78.9
edited by bougault
on 2020/07/21 07:32
Change comment: Deleted object

Summary

Details

Page properties
Content
... ... @@ -2,10 +2,9 @@
2 2  #set($displayContentFooter=false)
3 3  #set($displayDocExtra=false)
4 4  #set($displayContentMenu=false)
5 +{{/velocity}}
5 5  
6 -
7 -
8 -{{html}}
7 +{{html clean="false"}}
9 9   <div class="container">
10 10   <div class="row">
11 11   <div class="col-md-7 col-md-push-5">
... ... @@ -22,7 +22,7 @@
22 22   <div class="col-md-6 col-md-offset-3">
23 23   <form role="search" class="clb-search-bar" action="/bin/view/Main/Search" method="GET">
24 24   <div>
25 - <input type="text" class="form-control" name="text" placeholder="Search in the collaboratory">
24 + <input type="text" class="form-control" name="text" placeholder="Search word in all wiki pages">
26 26   <i class="glyphicon glyphicon-search"></i>
27 27   </div>
28 28   <button class="btn clb-btn-default" type="submit">Search</button>
... ... @@ -30,42 +30,33 @@
30 30   </div>
31 31   </div>
32 32   </div>
32 +{{/html}}
33 33  
34 - <div class="container highlighted">
35 - <h4 class="highlighted__title">Highlighted collabs</h4>
36 - <div class="row highlighted_row">
37 - <div class="col-sm-6 col-md-6 col-md-push-3">
38 - <div class="thumbnail">
39 - <img class="img-responsive" src="/bin/skin/Collaboratory/UX/HbpSkin/wiki_home_graphic.svg" />
40 - <div class="caption">
41 - <h3><a href="/bin/view/Collabs/the-collaboratory/" class="stretched-link">The Collaboratory</a></h3>
42 - <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>
43 - </div>
44 - </div>
45 - </div>
46 - </div>
47 - </div>
34 +(% class="container highlighted"%)(((
48 48  
49 - <div class="container highlighted">
36 +(% class="highlighted__title" %)
37 +==== Highlighted collabs ====
38 +{{html clean="false"}}
39 +<div class="container" align="center">
40 +<a href="/bin/view/Collabs/the-collaboratory/Highlights" class="highlighted_view_all">View all</a>
41 +</div>
42 +{{/html}}
43 +(% class="row highlighted_row" %)
44 +(((
50 50  
51 - {{collaboratory.ux.highlightedcollabs slider="true"/}}
46 +{{HighlightedCollabs featured="true" slider="true" /}}
52 52  
53 - </div>
48 +)))
49 +)))
54 54  
55 - <div class="container">
56 - <div class="row explore-all">
57 - <div class="col-md-12">
58 - Explore all the <a href="/bin/view/Collabs">Collabs</a>
59 - </div>
60 - </div>
61 - </div>
62 -<div class="container">
63 - <div class="row pre-footer">
64 - <div class="col-md-12">
65 - Discover all the
66 - <a href="https://ebrains.eu" rel="noopener" target="_blank">EBRAINS services</a>.
67 - </div>
68 - </div>
69 -</div>
70 -{{/html}}
71 -{{/velocity}}
51 +(% class="container" %)
52 +(((
53 +(% class="row explore-all" %)
54 +(((
55 + (% class="col-md-12" %)
56 +(((
57 +Explore all the [[Collabs]]
58 +)))
59 +)))
60 +)))
61 +
XWiki.StyleSheetExtension[0]
Code
... ... @@ -234,7 +234,7 @@
234 234   text-align: center;
235 235   color: #aaa;
236 236   /*padding: 10rem 0;*/
237 - padding:5rem 0;
237 + padding:2rem 0 0.5rem 0;
238 238   font-size: 2rem;
239 239   /*border-top: 1px solid #ccc;*/
240 240   /*margin-top: 10rem;*/
... ... @@ -245,6 +245,7 @@
245 245  }
246 246  
247 247  .pre-footer, .explore-all {
248 + margin-top:-100px; /* Adding negative margin to improve spacing when only 1 highlighted collab*/
248 248   font-size: 32px;
249 249   line-height: 42px;
250 250   text-align: center;
... ... @@ -252,6 +252,7 @@
252 252  
253 253  .explore-all{
254 254   padding-top: 5rem;
256 + 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  
270 +.glider-contain {
271 + min-height: 502px;
272 +}
273 +.glider {
274 + .highlighted-collab {
275 + position:relative;
276 + border: 1px solid #CCC;
277 + margin: 0 1rem;
278 + height: 100%;
279 + border-radius: @border-radius-default;
280 + > p,
281 + > h3 {
282 + padding-left: 1rem;
283 + padding-right: 1rem;
284 + }
285 + }
286 +}
287 +.highlighted-image{
288 + /*height: 250px;*/
289 + background-size: cover;
290 +}
268 268  .stretched-link {
269 269   &::after {
270 270   position: absolute;