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. asantars1 +XWiki.messines - Content
-
... ... @@ -5,134 +5,8 @@ 5 5 {{/velocity}} 6 6 7 7 {{html clean="false"}} 8 - <div class="container"> 9 - <div class="row"> 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" /> 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> 16 - </div> 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> 8 +<div class="container clb-content"> 32 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> 44 - </div> 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> 53 - </div> 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/">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 - </div> 63 - </div> 64 - </div> 65 - 66 - <div class="container"> 67 - <div class="row explore-all"> 68 - <div class="col-md-12"> 69 - Explore all the <a href="/bin/view/Main/Search">Collabs</a> 70 - </div> 71 - </div> 72 - </div> 73 - 74 - 75 -<!-- 76 - <div class="container get-started"> 77 - <h4 class="get-started__title">Get started</h4> 78 - <div class="row get-started__row"> 79 - <div class="col-xs-12 col-md-6"> 80 - <img class="img-responsive" 81 - src="https://via.placeholder.com/600x300"/> 82 - </div> 83 - <div class="col-xs-12 col-md-6"> 84 - <a href="#"> 85 - <h2 class="get-started__row__title">Create a collab</h2> 86 - <p class="get-started__row__text"> 87 - Discover how to create Collabs, a space which enables you to 88 - collaborate. 89 - </p> 90 - </a> 91 - </div> 92 - </div> 93 - <div class="row get-started__row"> 94 - <div class="col-md-6"> 95 - <img 96 - class="img-responsive" 97 - src="https://via.placeholder.com/600x300" 98 - /> 99 - </div> 100 - <div class="col-md-6"> 101 - <a href="#"> 102 - <h2 class="get-started__row__title">Team</h2> 103 - <p class="get-started__row__text"> 104 - Add members to your team in the collab. 105 - </p> 106 - </a> 107 - </div> 108 - </div> 109 - <div class="row get-started__row"> 110 - <div class="col-md-6"> 111 - <img 112 - class="img-responsive" 113 - src="https://via.placeholder.com/600x300" 114 - /> 115 - </div> 116 - <div class="col-md-6"> 117 - <a href="#"> 118 - <h2 class="get-started__row__title">Jupyter Notebook</h2> 119 - <p class="get-started__row__text"> 120 - Run your Jupyter notebook. Share it with colleagues. 121 - </p> 122 - </a> 123 - </div> 124 - </div> 125 -</div> --> 126 -<div class="container"> 127 - <div class="row pre-footer"> 128 - <div class="col-md-12"> 129 - Discover all the 130 - <a href="https://ebrains.eu" rel="noopener" target="_blank">EBRAINS services</a>. 131 - </div> 132 - </div> 133 -</div> 134 -<!--div class="container clb-content"> 135 - 136 136 <div class="teasing"> 137 137 <div class="row"> 138 138 <div class="col-md-3"> ... ... @@ -216,7 +216,7 @@ 216 216 </a> 217 217 </div> 218 218 </div> 219 - </div> 93 + </div><!-- /.col-md-4 --> 220 220 221 221 <div class="col-md-4"> 222 222 <div class="row"> ... ... @@ -229,7 +229,7 @@ 229 229 </a> 230 230 </div> 231 231 </div> 232 - </div> 106 + </div><!-- /.col-md-4 --> 233 233 234 234 <div class="col-md-4"> 235 235 <div class="row"> ... ... @@ -242,8 +242,8 @@ 242 242 </a> 243 243 </div> 244 244 </div> 245 - </div> 119 + </div><!-- /.col-md-4 --> 246 246 </div> 247 247 </div> 248 -</div -->122 +</div> 249 249 {{/html}}
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -1,30 +2,31 @@ 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 -/* 28 28 p.alert-info{ 29 29 padding:2rem 30 30 } ... ... @@ -117,7 +117,6 @@ 117 117 .clb-content>.row{ 118 118 margin-bottom:5rem 119 119 } 120 -*/ 121 121 .clb-search-bar{ 122 122 display:flex; 123 123 align-items:stretch; ... ... @@ -150,7 +150,6 @@ 150 150 .clb-search-bar input[type=text]:focus~i{ 151 151 color: @color-brand-primary; 152 152 } 153 - /* 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{ ... ... @@ -211,103 +211,3 @@ 211 211 background-color: darken(@color-brand-primary, 15%); 212 212 } 213 213 } 214 - 215 -#xwikicontent .get-started__row__title { 216 - margin: 1rem 0; 217 - font-weight: 400; 218 - color: var(@color-brand-primary); 219 -} 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 -