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
-
... ... @@ -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"> 25 25 <i class="glyphicon glyphicon-search"></i> 26 26 </div> 27 27 <button class="btn clb-btn-default" type="submit">Search</button> ... ... @@ -30,31 +30,55 @@ 30 30 31 31 </div> 32 32 </div> 33 - 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-4"> 38 - <div class="thumbnail"> 39 - <img class="img-responsive" src="/bin/skin/Collaboratory/UX/HbpSkin/wiki_home_graphic.svg" /> 40 - <div class="caption"> 41 - <h5 class="card-title">Card body</h5> 42 - </div> 43 - </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> 44 44 </div> 44 + <div class="col-md-3"> 45 + <h3 class="tags__title tags__title--reproducible"> 46 + Reproducible 47 + </h3> 48 + <p class="tags__text"> 49 + Initiate environments, install libraries, find and access datasets 50 + to create the stable fertile ground for your experiments 51 + </p> 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> 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> 67 + </div> 45 45 </div> 46 46 </div> 47 47 48 48 49 - 50 - <div class="container get-started"> 51 - <h4 class="get-started__title">Get started</h4> 52 - <div class="row get-started__row"> 53 - <div class="col-xs-12 col-md-6"> 54 - <img class="img-responsive" 55 - src="https://via.placeholder.com/600x300"/> 56 - </div> 72 +<div class="container get-started"> 73 + <h4 class="get-started__title">GET STARTED</h4> 74 + <div class="row get-started__row"> 57 57 <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"> 58 58 <a href="#"> 59 59 <h2 class="get-started__row__title">Create a collab</h2> 60 60 <p class="get-started__row__text">
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -226,15 +226,15 @@ 226 226 .get-started__row__text { 227 227 color: #4a5568; 228 228 } 229 -.get-started__title ,.highlighted__title{229 +.get-started__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;