Changes for page Collaborate on reproducible science, anywhere

Last modified by bougault on 2023/01/26 14:38

From 56.2 to 57.1 From 58.48 to 58.49

From version 57.1

edited by asantars
on 2020/05/26 12:42

Change comment: There is no comment for this version

To version 58.48

edited by asantars
on 2020/06/23 20:55

Change comment: Auto-Saved by Realtime Session

Raw
Rendered

Summary

Page properties (1 modified, 0 added, 0 removed)
Objects (1 modified, 0 added, 0 removed)
- XWiki.StyleSheetExtension[0]

Details

Page properties

Content

@@ -11,9 +11,8 @@
              <img class="img-responsive" src="/bin/skin/Collaboratory/UX/HbpSkin/wiki_home_graphic.svg" />
            </div>
            <div class="col-md-5 col-md-pull-7">
--            <h2>Collaborate to create reproducible science. Anywhere.</h2>
--            <a class="btn btn-primary btn-lg">Get started</a>
--            <a class="btn btn-primary btn-lg">Learn more</a>
++            <h3>Collaborate.<br/>Create reproducible science.<br/>Discover EBRAINS services at work.<br/>From anywhere.</h3>
++            <a class="btn btn-primary btn-lg" href="/bin/view/Collabs/the-collaboratory/Getting%20Started/">Getting started</a>
            </div>
          </div>
        </div>
@@ -22,7 +22,7 @@
              <div class="col-md-6 col-md-offset-3">
                <form role="search" class="clb-search-bar" action="/bin/view/Main/Search" method="GET">
                  <div>
--                  <input type="text" class="form-control" name="text">
++                  <input type="text" class="form-control" name="text" placeholder="Search in the collaboratory">
                    <i class="glyphicon glyphicon-search"></i>
                  </div>
                  <button class="btn clb-btn-default" type="submit">Search</button>
@@ -31,55 +31,20 @@
          </div>
        </div>
--      <div class="container">
--        <div class="row tags">
--          <div class="col-md-3">
--            <h3 class="tags__title tags__title--collaborate">
--              Collaborate
--            </h3>
--            <p>
--              Create projects and documents, invite collaborators, co-produce
--              articles and release your team work for the community
--            </p>
--          </div>
--          <div class="col-md-3">
--            <h3 class="tags__title tags__title--reproducible">
--              Reproducible
--            </h3>
--            <p class>
--              Initiate environments, install libraries, find and access datasets
--              to create the stable fertile ground for your experiments
--            </p>
--          </div>
--          <div class="col-md-3">
--            <h3 class="tags__title tags__title--science">Science</h3>
--            <p>
--              Develop code, visualise results, generate data and collaborate on
--              your re-search
--            </p>
--          </div>
--          <div class="col-md-3">
--            <h3 class="tags__title tags__title--anywhere">Anywhere</h3>
--            <p>
--              Upload or generate your data and access it any-where anytime, from
--              your local machine to the most powerful high perfor-mance
--              computers
--            </p>
--          </div>
++<div class="container highlighted">
++        <h4 class="get-started__title">Highlighted collabs</h4>
++<div class="row highlighted">
++    <div></div>
++  </div>
++</div>
++      <div class="container get-started">
++        <h4 class="get-started__title">Highlighted collabs</h4>
++        <div class="row get-started__row">
++        <div class="col-xs-12 col-md-6">
++          <img class="img-responsive"
++           src="https://via.placeholder.com/600x300"/>
          </div>
--      </div>
--
--
--<div class="container get-started">
--  <h4 class="get-started__title">GET STARTED</h4>
--  <div class="row get-started__row">
      <div class="col-xs-12 col-md-6">
--      <img
--           class="img-responsive"
--           src="https://via.placeholder.com/600x300"
--           />
--    </div>
--    <div class="col-xs-12 col-md-6">
        <a href="#">
          <h2 class="get-started__row__title">Create a collab</h2>
          <p class="get-started__row__text">

XWiki.StyleSheetExtension[0]

Code

@@ -219,8 +219,8 @@
  }
  .search__row {
--  padding:1rem;
--  margin: 2rem;
++  padding:2rem;
++  margin: 2rem 0;
    background: @color-xwiki-gray;
  }
  .get-started__row__text {
@@ -229,15 +229,22 @@
  .get-started__title {
    text-align: center;
    color: #aaa;
--  padding: 10rem 0;
++  /*padding: 10rem 0;*/
++  padding:5rem 0;
    font-size: 2rem;
--  border-top: 1px solid #ccc;
--  margin-top: 10rem;
++  /*border-top: 1px solid #ccc;*/
++  /*margin-top: 10rem;*/
++  /*margin-top: 5rem;*/
  }
  .get-started__row {
    margin-top: 3rem;
  }
++.pre-footer {
++  font-size: 32px;
++  line-height: 42px;
++}
++
  @media screen and (min-width: 992px) {
    .get-started__row {
      display: flex;
@@ -249,11 +249,11 @@
    }
  }
  .pre-footer {
--  margin: 10rem 0;
--  padding: 10rem 0;
++  margin: 8rem 0 2rem;
++  padding: 5rem 0;
    text-align: center;
    border-top: 1px solid #ccc;
--  border-bottom: 1px solid #ccc;
++  /*border-bottom: 1px solid #ccc;*/
  }
  .tags__title, .tags__text {
@@ -264,7 +264,7 @@
  .tags__title--science,
  .tags__title--reproducible,
  .tags__title--anywhere {
--  padding-top: 8rem;
++  padding-top: 4rem;
    position: relative;
  }