Changes for page Collaborate on reproducible science, anywhere
Last modified by bougault on 2023/01/26 14:38
Summary
-
Page properties (2 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Author
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki.a santars1 +XWiki.bougault - Content
-
... ... @@ -8,61 +8,74 @@ 8 8 <div class="container"> 9 9 <div class="row"> 10 10 <div class="col-md-7 col-md-push-5"> 11 - <img class="img-responsive" src="/ bin/skin/Collaboratory/UX/HbpSkin/wiki_home_graphic.svg" />11 + <img class="img-responsive" src="/wiki_home_graphic.svg" /> 12 12 </div> 13 - <div class="col-md-5 col-md-pull-7 hero-text"> 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> 13 + <div class="col-md-5 col-md-pull-7"> 14 + <h2>Collaborate to create reproducible science. Anywhere.</h2> 15 + <a class="btn btn-primary btn-lg">Get started</a> 16 + <a class="btn btn-primary btn-lg">Learn more</a> 16 16 </div> 17 17 </div> 18 - </div> 19 - <div class="container-fluid search__row"> 20 - <div class="container"> 21 - <div class="col-md-6 col-md-offset-3"> 22 - <form role="search" class="clb-search-bar" action="/bin/view/Main/Search" method="GET"> 23 - <div> 24 - <input type="text" class="form-control" name="text" placeholder="Search in the collaboratory"> 25 - <i class="glyphicon glyphicon-search"></i> 26 - </div> 27 - <button class="btn clb-btn-default" type="submit">Search</button> 28 - </form> 29 - </div> 30 - </div> 31 - </div> 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-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> 19 + <div class="row tags"> 20 + <div class="col-md-3"> 21 + <h3 class="tags__title tags__title--collaborate"> 22 + Collaborate 23 + </h3> 24 + <p> 25 + Create projects and documents, invite collaborators, co-produce 26 + articles and release your team work for the community 27 + </p> 44 44 </div> 45 - </div> 46 - </div> 47 - 48 - <div class="container"> 49 - <div class="row explore-all"> 50 - <div class="col-md-12"> 51 - Explore all the <a href="/bin/view/Collabs">Collabs</a> 29 + <div class="col-md-3"> 30 + <h3 class="tags__title tags__title--reproducible"> 31 + Reproducible 32 + </h3> 33 + <p> 34 + Initiate environments, install libraries, find and access datasets 35 + to create the stable fertile ground for your experiments 36 + </p> 52 52 </div> 38 + <div class="col-md-3"> 39 + <h3 class="tags__title tags__title--science">Science</h3> 40 + <p> 41 + Develop code, visualise results, generate data and collaborate on 42 + your re-search 43 + </p> 44 + </div> 45 + <div class="col-md-3"> 46 + <h3 class="tags__title tags__title--anywhere">Anywhere</h3> 47 + <p> 48 + Upload or generate your data and access it any-where anytime, from 49 + your local machine to the most powerful high perfor-mance 50 + computers 51 + </p> 52 + </div> 53 53 </div> 54 54 </div> 55 - 56 - 57 -<!-- 58 - <div class="container get-started"> 59 - <h4 class="get-started__title">Get started</h4> 60 - <div class="row get-started__row"> 61 - <div class="col-xs-12 col-md-6"> 62 - <img class="img-responsive" 63 - src="https://via.placeholder.com/600x300"/> 55 +<div class="container"> 56 + <div class="row"> 57 + <div class="col-md-6 col-md-offset-3"> 58 + <form role="search" class="clb-search-bar" action="/bin/view/Main/Search" method="GET"> 59 + <div> 60 + <input type="text" class="form-control" name="text"> 61 + <i class="glyphicon glyphicon-search"></i> 64 64 </div> 63 + <button class="btn clb-btn-default" type="submit">Search</button> 64 + </form> 65 + </div> 66 + </div> 67 +</div> 68 + 69 +<div class="container get-started"> 70 + <h4 class="get-started__title">GET STARTED</h4> 71 + <div class="row get-started__row"> 65 65 <div class="col-xs-12 col-md-6"> 73 + <img 74 + class="img-responsive" 75 + src="https://via.placeholder.com/600x300" 76 + /> 77 + </div> 78 + <div class="col-xs-12 col-md-6"> 66 66 <a href="#"> 67 67 <h2 class="get-started__row__title">Create a collab</h2> 68 68 <p class="get-started__row__text"> ... ... @@ -104,15 +104,8 @@ 104 104 </a> 105 105 </div> 106 106 </div> 107 -</div> --> 108 -<div class="container"> 109 - <div class="row pre-footer"> 110 - <div class="col-md-12"> 111 - Discover all the 112 - <a href="https://ebrains.eu" rel="noopener" target="_blank">EBRAINS services</a>. 113 - </div> 114 - </div> 115 115 </div> 121 + 116 116 <!--div class="container clb-content"> 117 117 118 118 <div class="teasing">
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -8,18 +8,21 @@ 8 8 padding:0; 9 9 padding-top:1.25rem 10 10 } 11 -.document-header, 12 12 #mainContentArea #hierarchy, 13 13 #mainContentArea .xcontent>hr, 14 14 #mainContentArea .xdocLastModification{ 15 15 display:none 16 16 } 17 - 18 18 #mainContentArea .xcontent>.row{ 19 19 margin-left:0; 20 20 margin-right:0 21 21 } 22 22 21 +.document-header .document-info{ 22 + width:100%; 23 + text-align:center; 24 + margin-top:3rem 25 +} 23 23 #xwikicontent{ 24 24 padding-left:0; 25 25 padding-right:0; ... ... @@ -212,102 +212,4 @@ 212 212 } 213 213 } 214 214 215 -#xwikicontent .get-started__row__title { 216 - margin: 1rem 0; 217 - font-weight: 400; 218 - color: var(@color-brand-primary); 219 -} 220 220 221 -.hero-text h3 { 222 - line-height:1.3em; 223 -} 224 - 225 -.search__row { 226 - padding:2rem; 227 - margin: 2rem 0; 228 - background: @color-xwiki-gray; 229 -} 230 -.get-started__row__text { 231 - color: #4a5568; 232 -} 233 -.get-started__title, .highlighted__title{ 234 - text-align: center; 235 - color: #aaa; 236 - /*padding: 10rem 0;*/ 237 - padding:5rem 0; 238 - font-size: 2rem; 239 - /*border-top: 1px solid #ccc;*/ 240 - /*margin-top: 10rem;*/ 241 - /*margin-top: 5rem;*/ 242 -} 243 -.get-started__row { 244 - margin-top: 3rem; 245 -} 246 - 247 -.pre-footer, .explore-all { 248 - font-size: 32px; 249 - line-height: 42px; 250 - text-align: center; 251 -} 252 - 253 -.explore-all{ 254 - padding-top: 5rem; 255 -} 256 - 257 -@media screen and (min-width: 992px) { 258 - .get-started__row { 259 - display: flex; 260 - align-items: center; 261 - } 262 - #xwikicontent .get-started__row__title { 263 - margin: 0; 264 - margin-bottom: 1rem; 265 - } 266 -} 267 -.pre-footer { 268 - margin: 8rem 0 2rem; 269 - padding: 5rem 0; 270 - border-top: 1px solid #ccc; 271 - /*border-bottom: 1px solid #ccc;*/ 272 -} 273 - 274 -.tags__title, .tags__text { 275 - text-align: center; 276 -} 277 - 278 -.tags__title--collaborate, 279 -.tags__title--science, 280 -.tags__title--reproducible, 281 -.tags__title--anywhere { 282 - padding-top: 4rem; 283 - position: relative; 284 -} 285 - 286 -.tags__title--collaborate::before, 287 -.tags__title--science::before, 288 -.tags__title--reproducible::before, 289 -.tags__title--anywhere::before { 290 - position: absolute; 291 - width: 50px; 292 - height: 50px; 293 - background-repeat: none; 294 - top: 0; 295 - margin-left: 50%; 296 - left: -25px; 297 - content: " "; 298 - display: table; 299 -} 300 - 301 -.tags__title--collaborate::before { 302 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Collaborate.svg"); 303 -} 304 -.tags__title--science::before { 305 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Science.svg"); 306 -} 307 -.tags__title--reproducible::before { 308 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Reproducible.svg"); 309 -} 310 -.tags__title--anywhere::before { 311 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Anywhere.svg"); 312 -} 313 -