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
-
... ... @@ -17,7 +17,7 @@ 17 17 </div> 18 18 </div> 19 19 <div class="container-fluid search__row"> 20 - <div class="container">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,58 +27,80 @@ 27 27 <button class="btn clb-btn-default" type="submit">Search</button> 28 28 </form> 29 29 </div> 30 - 31 - </div> 30 + </div> 32 32 </div> 33 - <div class="container"> 34 - <div class="row tags"> 35 - <div class="col-md-3"> 36 - <h3 class="tags__title tags__title--collaborate"> 37 - Collaborate 38 - </h3> 39 - <p class="tags__text"> 40 - Create projects and documents, invite collaborators, co-produce 41 - articles and release your team work for the community 42 - </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> 43 43 </div> 44 - <div class="col-md- 3">45 - < h3class="tags__title tags__title--reproducible">46 - Reproducible47 - < /h3>48 - < pclass="tags__text">49 - I nitiateenvironments, installlibraries,find and accessdatasets50 - to create the stable fertile groundfor your experiments51 - </ 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> 52 52 </div> 53 - <div class="col-md-3"> 54 - <h3 class="tags__title tags__title--science">Science</h3> 55 - <p class="tags__text"> 56 - Develop code, visualise results, generate data and collaborate on 57 - your re-search 58 - </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> 59 59 </div> 60 - <div class="col-md-3"> 61 - <h3 class="tags__title tags__title--anywhere">Anywhere</h3> 62 - <p class="tags__text"> 63 - Upload or generate your data and access it any-where anytime, from 64 - your local machine to the most powerful high perfor-mance 65 - computers 66 - </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> 67 67 </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> 68 68 </div> 69 69 </div> 70 70 71 71 72 -<div class="container get-started"> 73 - <h4 class="get-started__title">GET STARTED</h4> 74 - <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> 75 75 <div class="col-xs-12 col-md-6"> 76 - <img 77 - class="img-responsive" 78 - src="https://via.placeholder.com/600x300" 79 - /> 80 - </div> 81 - <div class="col-xs-12 col-md-6"> 82 82 <a href="#"> 83 83 <h2 class="get-started__row__title">Create a collab</h2> 84 84 <p class="get-started__row__text"> ... ... @@ -120,12 +120,11 @@ 120 120 </a> 121 121 </div> 122 122 </div> 123 -</div> 145 +</div> --> 124 124 <div class="container"> 125 125 <div class="row pre-footer"> 126 126 <div class="col-md-12"> 127 - The Collaboratory is part of EBRAINS.<br /> 128 - Discover the other 149 + Discover all the 129 129 <a href="https://ebrains.eu" rel="noopener" target="_blank">EBRAINS services</a>. 130 130 </div> 131 131 </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,23 +226,24 @@ 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 + text-align: center; 246 246 } 247 247 248 248 @media screen and (min-width: 992px) { ... ... @@ -258,7 +258,6 @@ 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 }