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
-
... ... @@ -11,77 +11,96 @@ 11 11 <img class="img-responsive" src="/bin/skin/Collaboratory/UX/HbpSkin/wiki_home_graphic.svg" /> 12 12 </div> 13 13 <div class="col-md-5 col-md-pull-7"> 14 - <h2>Collaborate. Create reproducible science. 15 -Discover EBRAINS services at work. 16 -From anywhere.</h2> 17 - <a class="btn btn-primary btn-lg">Get started</a> 18 - <a class="btn btn-primary btn-lg">Learn more</a> 14 + <h3>Collaborate.<br/>Create reproducible science.<br/>Discover EBRAINS services at work.<br/>From anywhere.</h3> 15 + <a class="btn btn-primary btn-lg" href="/bin/view/Collabs/the-collaboratory/Getting%20Started/">Getting started</a> 19 19 </div> 20 20 </div> 21 21 </div> 22 22 <div class="container-fluid search__row"> 23 - <div class="container">20 + <div class="container"> 24 24 <div class="col-md-6 col-md-offset-3"> 25 25 <form role="search" class="clb-search-bar" action="/bin/view/Main/Search" method="GET"> 26 26 <div> 27 - <input type="text" class="form-control" name="text"> 24 + <input type="text" class="form-control" name="text" placeholder="Search in the collaboratory"> 28 28 <i class="glyphicon glyphicon-search"></i> 29 29 </div> 30 30 <button class="btn clb-btn-default" type="submit">Search</button> 31 31 </form> 32 32 </div> 33 - 34 - </div> 30 + </div> 35 35 </div> 36 - <div class="container"> 37 - <div class="row tags"> 38 - <div class="col-md-3"> 39 - <h3 class="tags__title tags__title--collaborate"> 40 - Collaborate 41 - </h3> 42 - <p class="tags__text"> 43 - Create projects and documents, invite collaborators, co-produce 44 - articles and release your team work for the community 45 - </p> 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-4"> 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>The Collaboratory</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> 46 46 </div> 47 - <div class="col-md- 3">48 - < h3class="tags__title tags__title--reproducible">49 - Reproducible50 - < /h3>51 - < pclass="tags__text">52 - I nitiateenvironments, installlibraries,find and accessdatasets53 - to create the stable fertile groundfor your experiments54 - </ p>45 + <div class="col-sm-6 col-md-4"> 46 + <div class="thumbnail"> 47 + <img class="img-responsive" src="/bin/skin/Collaboratory/UX/HbpSkin/wiki_home_graphic.svg" /> 48 + <div class="caption"> 49 + <h3>The Collaboratory</h3> 50 + <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> 51 + </div> 52 + </div> 55 55 </div> 56 - <div class="col-md-3"> 57 - <h3 class="tags__title tags__title--science">Science</h3> 58 - <p class="tags__text"> 59 - Develop code, visualise results, generate data and collaborate on 60 - your re-search 61 - </p> 54 + <div class="col-sm-6 col-md-4"> 55 + <div class="thumbnail"> 56 + <img class="img-responsive" src="/bin/skin/Collaboratory/UX/HbpSkin/wiki_home_graphic.svg" /> 57 + <div class="caption"> 58 + <h3><a href="/bin/view/Collabs/the-collaboratory/Getting%20Started/">The Collaboratory</a></h3> 59 + <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> 60 + </div> 61 + </div> 62 62 </div> 63 - <div class="col-md-3"> 64 - <h3 class="tags__title tags__title--anywhere">Anywhere</h3> 65 - <p class="tags__text"> 66 - Upload or generate your data and access it any-where anytime, from 67 - your local machine to the most powerful high perfor-mance 68 - computers 69 - </p> 63 + </div> 64 + <!-- <div class="row highlighted_row"> 65 + <div class="col-md-6"> 66 + <div class="thumbnail"> 67 + <img class="img-responsive" src="/bin/skin/Collaboratory/UX/HbpSkin/wiki_home_graphic.svg" /> 68 + <div class="caption"> 69 + <h3>The Collaboratory</h3> 70 + <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> 71 + </div> 72 + </div> 70 70 </div> 74 + <div class="col-sm-6 col-md-6"> 75 + <div class="thumbnail"> 76 + <img class="img-responsive" src="/bin/skin/Collaboratory/UX/HbpSkin/wiki_home_graphic.svg" /> 77 + <div class="caption"> 78 + <h3><a href="/bin/view/Collabs/the-collaboratory/Getting%20Started/">The Collaboratory</a></h3> 79 + <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> 80 + </div> 81 + </div> 82 + </div> 83 + </div> --> 84 + </div> 85 + 86 + <div class="container"> 87 + <div class="row explore-all"> 88 + <div class="col-md-12"> 89 + Explore all the <a href="/bin/view/Main/Search">Collabs</a> 90 + </div> 71 71 </div> 72 72 </div> 73 73 74 74 75 -<div class="container get-started"> 76 - <h4 class="get-started__title">GET STARTED</h4> 77 - <div class="row get-started__row"> 95 +<!-- 96 + <div class="container get-started"> 97 + <h4 class="get-started__title">Get started</h4> 98 + <div class="row get-started__row"> 99 + <div class="col-xs-12 col-md-6"> 100 + <img class="img-responsive" 101 + src="https://via.placeholder.com/600x300"/> 102 + </div> 78 78 <div class="col-xs-12 col-md-6"> 79 - <img 80 - class="img-responsive" 81 - src="https://via.placeholder.com/600x300" 82 - /> 83 - </div> 84 - <div class="col-xs-12 col-md-6"> 85 85 <a href="#"> 86 86 <h2 class="get-started__row__title">Create a collab</h2> 87 87 <p class="get-started__row__text"> ... ... @@ -123,12 +123,11 @@ 123 123 </a> 124 124 </div> 125 125 </div> 126 -</div> 145 +</div> --> 127 127 <div class="container"> 128 128 <div class="row pre-footer"> 129 129 <div class="col-md-12"> 130 - The Collaboratory is part of EBRAINS.<br /> 131 - Discover the other 149 + Discover all the 132 132 <a href="https://ebrains.eu" rel="noopener" target="_blank">EBRAINS services</a>. 133 133 </div> 134 134 </div>
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -219,7 +219,7 @@ 219 219 } 220 220 221 221 .search__row { 222 - padding: 1rem;222 + padding:2rem; 223 223 margin: 2rem 0; 224 224 background: @color-xwiki-gray; 225 225 } ... ... @@ -226,21 +226,21 @@ 226 226 .get-started__row__text { 227 227 color: #4a5568; 228 228 } 229 -.get-started__title { 229 +.get-started__title, .highlighted__title{ 230 230 text-align: center; 231 231 color: #aaa; 232 232 /*padding: 10rem 0;*/ 233 233 padding:5rem 0; 234 234 font-size: 2rem; 235 - border-top: 1px solid #ccc; 235 + /*border-top: 1px solid #ccc;*/ 236 236 /*margin-top: 10rem;*/ 237 - margin-top: 5rem; 237 + /*margin-top: 5rem;*/ 238 238 } 239 239 .get-started__row { 240 240 margin-top: 3rem; 241 241 } 242 242 243 -.pre-footer { 243 +.pre-footer, .explore-all { 244 244 font-size: 32px; 245 245 line-height: 42px; 246 246 }