Changes for page Collaborate on reproducible science, anywhere
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,7 +8,7 @@ 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 13 <div class="col-md-5 col-md-pull-7"> 14 14 <h2>Collaborate to create reproducible science. Anywhere.</h2> ... ... @@ -16,28 +16,12 @@ 16 16 <a class="btn btn-primary btn-lg">Learn more</a> 17 17 </div> 18 18 </div> 19 - </div> 20 - <div class="container-fluid search__row"> 21 - <div class="container"> 22 - <div class="col-md-6 col-md-offset-3"> 23 - <form role="search" class="clb-search-bar" action="/bin/view/Main/Search" method="GET"> 24 - <div> 25 - <input type="text" class="form-control" name="text"> 26 - <i class="glyphicon glyphicon-search"></i> 27 - </div> 28 - <button class="btn clb-btn-default" type="submit">Search</button> 29 - </form> 30 - </div> 31 - 32 - </div> 33 - </div> 34 - <div class="container"> 35 35 <div class="row tags"> 36 36 <div class="col-md-3"> 37 37 <h3 class="tags__title tags__title--collaborate"> 38 38 Collaborate 39 39 </h3> 40 - <p class="tags__text">24 + <p> 41 41 Create projects and documents, invite collaborators, co-produce 42 42 articles and release your team work for the community 43 43 </p> ... ... @@ -46,7 +46,7 @@ 46 46 <h3 class="tags__title tags__title--reproducible"> 47 47 Reproducible 48 48 </h3> 49 - <p class="tags__text">33 + <p> 50 50 Initiate environments, install libraries, find and access datasets 51 51 to create the stable fertile ground for your experiments 52 52 </p> ... ... @@ -53,7 +53,7 @@ 53 53 </div> 54 54 <div class="col-md-3"> 55 55 <h3 class="tags__title tags__title--science">Science</h3> 56 - <p class="tags__text">40 + <p> 57 57 Develop code, visualise results, generate data and collaborate on 58 58 your re-search 59 59 </p> ... ... @@ -60,7 +60,7 @@ 60 60 </div> 61 61 <div class="col-md-3"> 62 62 <h3 class="tags__title tags__title--anywhere">Anywhere</h3> 63 - <p class="tags__text">47 + <p> 64 64 Upload or generate your data and access it any-where anytime, from 65 65 your local machine to the most powerful high perfor-mance 66 66 computers ... ... @@ -68,8 +68,20 @@ 68 68 </div> 69 69 </div> 70 70 </div> 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> 62 + </div> 63 + <button class="btn clb-btn-default" type="submit">Search</button> 64 + </form> 65 + </div> 66 + </div> 67 +</div> 71 71 72 - 73 73 <div class="container get-started"> 74 74 <h4 class="get-started__title">GET STARTED</h4> 75 75 <div class="row get-started__row"> ... ... @@ -122,15 +122,7 @@ 122 122 </div> 123 123 </div> 124 124 </div> 125 -<div class="container"> 126 - <div class="row pre-footer"> 127 - <div class="col-md-12"> 128 - The Collaboratory is part of EBRAINS.<br /> 129 - Discover the other 130 - <a href="https://ebrains.eu" rel="noopener" target="_blank">EBRAINS services</a>. 131 - </div> 132 - </div> 133 -</div> 121 + 134 134 <!--div class="container clb-content"> 135 135 136 136 <div class="teasing">
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -1,30 +2,32 @@ 1 -/* 2 2 .teasing .collaborate {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/collaborate.jpg');} 3 3 .teasing .reproductible {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/reproducible.jpg');} 4 4 .teasing .science {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/science.jpg');} 5 5 .teasing .anywhere {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/anywhere.jpg');} 6 - */5 + 7 7 #mainContentArea{ 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 20 +.document-header .document-info{ 21 + width:100%; 22 + text-align:center; 23 + margin-top:3rem 24 +} 23 23 #xwikicontent{ 24 24 padding-left:0; 25 25 padding-right:0; 26 26 min-height:300px; 27 - /*29 + 28 28 p.alert-info{ 29 29 padding:2rem 30 30 } ... ... @@ -117,7 +117,7 @@ 117 117 .clb-content>.row{ 118 118 margin-bottom:5rem 119 119 } 120 - */122 + 121 121 .clb-search-bar{ 122 122 display:flex; 123 123 align-items:stretch; ... ... @@ -150,7 +150,7 @@ 150 150 .clb-search-bar input[type=text]:focus~i{ 151 151 color: @color-brand-primary; 152 152 } 153 - /*155 + 154 154 @media screen and (min-width:992px){ 155 155 .teasing .row{ 156 156 display:flex ... ... @@ -176,7 +176,6 @@ 176 176 display:block 177 177 } 178 178 } 179 - */ 180 180 } 181 181 182 182 .clb-box{ ... ... @@ -212,89 +212,3 @@ 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 - 221 -.search__row { 222 - padding:1rem; 223 - margin: 2rem 0; 224 - background: @color-xwiki-gray; 225 -} 226 -.get-started__row__text { 227 - color: #4a5568; 228 -} 229 -.get-started__title { 230 - text-align: center; 231 - color: #aaa; 232 - /*padding: 10rem 0;*/ 233 - padding:4rem 0; 234 - font-size: 2rem; 235 - border-top: 1px solid #ccc; 236 - /*margin-top: 10rem;*/ 237 - margin-top: 4rem; 238 -} 239 -.get-started__row { 240 - margin-top: 3rem; 241 -} 242 - 243 -@media screen and (min-width: 992px) { 244 - .get-started__row { 245 - display: flex; 246 - align-items: center; 247 - } 248 - #xwikicontent .get-started__row__title { 249 - margin: 0; 250 - margin-bottom: 1rem; 251 - } 252 -} 253 -.pre-footer { 254 - margin: 10rem 0; 255 - padding: 10rem 0; 256 - text-align: center; 257 - border-top: 1px solid #ccc; 258 - border-bottom: 1px solid #ccc; 259 -} 260 - 261 -.tags__title, .tags__text { 262 - text-align: center; 263 -} 264 - 265 -.tags__title--collaborate, 266 -.tags__title--science, 267 -.tags__title--reproducible, 268 -.tags__title--anywhere { 269 - padding-top: 4rem; 270 - position: relative; 271 -} 272 - 273 -.tags__title--collaborate::before, 274 -.tags__title--science::before, 275 -.tags__title--reproducible::before, 276 -.tags__title--anywhere::before { 277 - position: absolute; 278 - width: 50px; 279 - height: 50px; 280 - background-repeat: none; 281 - top: 0; 282 - margin-left: 50%; 283 - left: -25px; 284 - content: " "; 285 - display: table; 286 -} 287 - 288 -.tags__title--collaborate::before { 289 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Collaborate.svg"); 290 -} 291 -.tags__title--science::before { 292 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Science.svg"); 293 -} 294 -.tags__title--reproducible::before { 295 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Reproducible.svg"); 296 -} 297 -.tags__title--anywhere::before { 298 - background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Anywhere.svg"); 299 -} 300 -