Changes for page Collaborate on reproducible science, anywhere
Last modified by bougault on 2023/01/26 14:38
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 1 removed)
Details
- Page properties
-
- Content
-
... ... @@ -21,7 +21,7 @@ 21 21 <div class="col-md-6 col-md-offset-3"> 22 22 <form role="search" class="clb-search-bar" action="/bin/view/Main/Search" method="GET"> 23 23 <div> 24 - <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"> 25 25 <i class="glyphicon glyphicon-search"></i> 26 26 </div> 27 27 <button class="btn clb-btn-default" type="submit">Search</button> ... ... @@ -30,36 +30,32 @@ 30 30 </div> 31 31 </div> 32 32 {{/html}} 33 + 34 +(% class="container highlighted"%)((( 35 + 36 +(% class="highlighted__title" %) 37 +==== Highlighted collabs ==== 33 33 {{html clean="false"}} 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> 48 -{{/html}} 49 -{{html clean="false" wiki="true"}} 50 -<div class="container highlighted"> 51 - <h4 class="highlighted__title">Highlighted collabs</h4> 52 - <div class="row highlighted_row"> 53 - </div> 39 +<div class="container" align="center"> 40 +<a href="/bin/view/Collabs/the-collaboratory/Highlights" class="highlighted_view_all">View all</a> 54 54 </div> 55 55 {{/html}} 56 -{{html clean="false"}} 57 - <div class="container"> 58 - <div class="row explore-all"> 59 - <div class="col-md-12"> 60 - Explore all the <a href="/bin/view/Collabs">Collabs</a> 61 - </div> 62 - </div> 63 - </div> 64 -{{/html}} 43 +(% class="row highlighted_row" %) 44 +((( 65 65 46 +{{HighlightedCollabs featured="true" slider="true" /}} 47 + 48 +))) 49 +))) 50 + 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.DocumentSheetBinding[0]
-
- 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;