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, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -10,7 +10,7 @@ 10 10 <div class="col-md-7 col-md-push-5"> 11 11 <img class="img-responsive" src="/bin/skin/Collaboratory/UX/HbpSkin/wiki_home_graphic.svg" /> 12 12 </div> 13 - <div class="col-md-5 col-md-pull-7"> 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> 15 15 <a class="btn btn-primary btn-lg" href="/bin/view/Collabs/the-collaboratory/Getting%20Started/">Getting started</a> 16 16 </div> ... ... @@ -17,7 +17,7 @@ 17 17 </div> 18 18 </div> 19 19 <div class="container-fluid search__row"> 20 - 20 + <div class="container"> 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> ... ... @@ -27,12 +27,72 @@ 27 27 <button class="btn clb-btn-default" type="submit">Search</button> 28 28 </form> 29 29 </div> 30 + </div> 31 + </div> 30 30 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 id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 46 + <!-- Indicators --> 47 + <ol class="carousel-indicators"> 48 + <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 49 + <li data-target="#carousel-example-generic" data-slide-to="1"></li> 50 + <li data-target="#carousel-example-generic" data-slide-to="2"></li> 51 + </ol> 52 + 53 + <!-- Wrapper for slides --> 54 + <div class="carousel-inner" role="listbox"> 55 + <div class="item active"> 56 + <img src="..." alt="..."> 57 + <div class="carousel-caption"> 58 + ... 59 + </div> 60 + </div> 61 + <div class="item"> 62 + <img src="..." alt="..."> 63 + <div class="carousel-caption"> 64 + ... 65 + </div> 66 + </div> 67 + ... 68 + </div> 69 + 70 + <!-- Controls --> 71 + <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> 72 + <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> 73 + <span class="sr-only">Previous</span> 74 + </a> 75 + <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> 76 + <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 77 + <span class="sr-only">Next</span> 78 + </a> 79 +</div> 80 + 31 31 </div> 32 32 </div> 33 33 84 + <div class="container"> 85 + <div class="row explore-all"> 86 + <div class="col-md-12"> 87 + Explore all the <a href="/bin/view/Collabs">Collabs</a> 88 + </div> 89 + </div> 90 + </div> 91 + 92 + 93 +<!-- 34 34 <div class="container get-started"> 35 - <h4 class="get-started__title"> Highlightedcollabs</h4>95 + <h4 class="get-started__title">Get started</h4> 36 36 <div class="row get-started__row"> 37 37 <div class="col-xs-12 col-md-6"> 38 38 <img class="img-responsive" ... ... @@ -48,9 +48,6 @@ 48 48 </a> 49 49 </div> 50 50 </div> 51 - <div class="rowhighlighted"> 52 - <div 53 - </di 54 54 <div class="row get-started__row"> 55 55 <div class="col-md-6"> 56 56 <img ... ... @@ -83,12 +83,11 @@ 83 83 </a> 84 84 </div> 85 85 </div> 86 -</div> 143 +</div> --> 87 87 <div class="container"> 88 88 <div class="row pre-footer"> 89 89 <div class="col-md-12"> 90 - The Collaboratory is part of EBRAINS.<br /> 91 - Discover the other 147 + Discover all the 92 92 <a href="https://ebrains.eu" rel="noopener" target="_blank">EBRAINS services</a>. 93 93 </div> 94 94 </div>
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -218,6 +218,10 @@ 218 218 color: var(@color-brand-primary); 219 219 } 220 220 221 +.hero-text h3 { 222 + line-height:1.3em; 223 +} 224 + 221 221 .search__row { 222 222 padding:2rem; 223 223 margin: 2rem 0; ... ... @@ -226,7 +226,7 @@ 226 226 .get-started__row__text { 227 227 color: #4a5568; 228 228 } 229 -.get-started__title { 233 +.get-started__title, .highlighted__title{ 230 230 text-align: center; 231 231 color: #aaa; 232 232 /*padding: 10rem 0;*/ ... ... @@ -240,11 +240,16 @@ 240 240 margin-top: 3rem; 241 241 } 242 242 243 -.pre-footer { 247 +.pre-footer, .explore-all { 244 244 font-size: 32px; 245 245 line-height: 42px; 250 + text-align: center; 246 246 } 247 247 253 +.explore-all{ 254 + padding-top: 5rem; 255 +} 256 + 248 248 @media screen and (min-width: 992px) { 249 249 .get-started__row { 250 250 display: flex; ... ... @@ -255,10 +255,26 @@ 255 255 margin-bottom: 1rem; 256 256 } 257 257 } 267 + 268 +.stretched-link { 269 + &::after { 270 + position: absolute; 271 + top: 0; 272 + right: 0; 273 + bottom: 0; 274 + left: 0; 275 + z-index: 1; 276 + // Just in case `pointer-events: none` is set on a parent 277 + pointer-events: auto; 278 + content: ""; 279 + // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color 280 + background-color: rgba(0, 0, 0, 0); 281 + } 282 +} 283 + 258 258 .pre-footer { 259 259 margin: 8rem 0 2rem; 260 260 padding: 5rem 0; 261 - text-align: center; 262 262 border-top: 1px solid #ccc; 263 263 /*border-bottom: 1px solid #ccc;*/ 264 264 }