Changes for page Collaborate on reproducible science, anywhere
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- 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="/wiki_home_graphic.svg" /> 11 + <img class="img-responsive" src="/bin/skin/Collaboratory/UX/HbpSkin/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> ... ... @@ -52,17 +52,21 @@ 52 52 </div> 53 53 </div> 54 54 </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> 55 +<div class="container-fluid clb-actions"> 56 + 57 + <div class="container"> 58 + 59 + 60 + <div class="col-md-6 col-md-offset-3"> 61 + <form role="search" class="clb-search-bar" action="/bin/view/Main/Search" method="GET"> 62 + <div> 63 + <input type="text" class="form-control" name="text"> 64 + <i class="glyphicon glyphicon-search"></i> 65 + </div> 66 + <button class="btn clb-btn-default" type="submit">Search</button> 67 + </form> 68 + </div> 69 + 66 66 </div> 67 67 </div> 68 68 ... ... @@ -118,7 +118,15 @@ 118 118 </div> 119 119 </div> 120 120 </div> 121 - 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> 122 122 <!--div class="container clb-content"> 123 123 124 124 <div class="teasing">
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -215,4 +215,82 @@ 215 215 } 216 216 } 217 217 218 +#xwikicontent .get-started__row__title { 219 + margin: 1rem 0; 220 + font-weight: 400; 221 + color: var(@color-brand-primary); 222 +} 218 218 224 +.get-started__row__text { 225 + color: #4a5568; 226 +} 227 +.get-started__title { 228 + text-align: center; 229 + color: #aaa; 230 + padding: 10rem 0; 231 + font-size: 4rem; 232 + border-top: 1px solid #ccc; 233 + margin-top: 10rem; 234 +} 235 +.get-started__row { 236 + margin-top: 3rem; 237 +} 238 + 239 +@media screen and (min-width: 992px) { 240 + .get-started__row { 241 + display: flex; 242 + align-items: center; 243 + } 244 + #xwikicontent .get-started__row__title { 245 + margin: 0; 246 + margin-bottom: 1rem; 247 + } 248 +} 249 +.pre-footer { 250 + margin: 10rem 0; 251 + padding: 10rem 0; 252 + text-align: center; 253 + border-top: 1px solid #ccc; 254 + border-bottom: 1px solid #ccc; 255 +} 256 + 257 +.tags__title { 258 + text-align: center; 259 +} 260 + 261 +.tags__title--collaborate, 262 +.tags__title--science, 263 +.tags__title--reproducible, 264 +.tags__title--anywhere { 265 + padding-top: 8rem; 266 + position: relative; 267 +} 268 + 269 +.tags__title--collaborate::before, 270 +.tags__title--science::before, 271 +.tags__title--reproducible::before, 272 +.tags__title--anywhere::before { 273 + position: absolute; 274 + width: 50px; 275 + height: 50px; 276 + background-repeat: none; 277 + top: 0; 278 + margin-left: 50%; 279 + left: -25px; 280 + content: " "; 281 + display: table; 282 +} 283 + 284 +.tags__title--collaborate::before { 285 + background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Collaborate.svg"); 286 +} 287 +.tags__title--science::before { 288 + background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Science.svg"); 289 +} 290 +.tags__title--reproducible::before { 291 + background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Reproducible.svg"); 292 +} 293 +.tags__title--anywhere::before { 294 + background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Anywhere.svg"); 295 +} 296 +