| ... |
... |
@@ -5,122 +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="/wiki_home_graphic.svg" /> |
| 12 |
|
- </div> |
| 13 |
|
- <div class="col-md-5 col-md-pull-7"> |
| 14 |
|
- <h2>Collaborate to create reproducible science. Anywhere.</h2> |
| 15 |
|
- <a class="btn btn-primary btn-lg">Get started</a> |
| 16 |
|
- <a class="btn btn-primary btn-lg">Learn more</a> |
| 17 |
|
- </div> |
| 18 |
|
- </div> |
| 19 |
|
- <div class="row tags"> |
| 20 |
|
- <div class="col-md-3"> |
| 21 |
|
- <h3 class="tags__title tags__title--collaborate"> |
| 22 |
|
- Collaborate |
| 23 |
|
- </h3> |
| 24 |
|
- <p> |
| 25 |
|
- Create projects and documents, invite collaborators, co-produce |
| 26 |
|
- articles and release your team work for the community |
| 27 |
|
- </p> |
| 28 |
|
- </div> |
| 29 |
|
- <div class="col-md-3"> |
| 30 |
|
- <h3 class="tags__title tags__title--reproducible"> |
| 31 |
|
- Reproducible |
| 32 |
|
- </h3> |
| 33 |
|
- <p> |
| 34 |
|
- Initiate environments, install libraries, find and access datasets |
| 35 |
|
- to create the stable fertile ground for your experiments |
| 36 |
|
- </p> |
| 37 |
|
- </div> |
| 38 |
|
- <div class="col-md-3"> |
| 39 |
|
- <h3 class="tags__title tags__title--science">Science</h3> |
| 40 |
|
- <p> |
| 41 |
|
- Develop code, visualise results, generate data and collaborate on |
| 42 |
|
- your re-search |
| 43 |
|
- </p> |
| 44 |
|
- </div> |
| 45 |
|
- <div class="col-md-3"> |
| 46 |
|
- <h3 class="tags__title tags__title--anywhere">Anywhere</h3> |
| 47 |
|
- <p> |
| 48 |
|
- Upload or generate your data and access it any-where anytime, from |
| 49 |
|
- your local machine to the most powerful high perfor-mance |
| 50 |
|
- computers |
| 51 |
|
- </p> |
| 52 |
|
- </div> |
| 53 |
|
- </div> |
| 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> |
| 66 |
|
- </div> |
| 67 |
|
-</div> |
|
8 |
+<div class="container clb-content"> |
| 68 |
68 |
|
| 69 |
|
-<div class="container get-started"> |
| 70 |
|
- <h4 class="get-started__title">GET STARTED</h4> |
| 71 |
|
- <div class="row get-started__row"> |
| 72 |
|
- <div class="col-xs-12 col-md-6"> |
| 73 |
|
- <img |
| 74 |
|
- class="img-responsive" |
| 75 |
|
- src="https://via.placeholder.com/600x300" |
| 76 |
|
- /> |
| 77 |
|
- </div> |
| 78 |
|
- <div class="col-xs-12 col-md-6"> |
| 79 |
|
- <a href="#"> |
| 80 |
|
- <h2 class="get-started__row__title">Create a collab</h2> |
| 81 |
|
- <p class="get-started__row__text"> |
| 82 |
|
- Discover how to create Collabs, a space which enables you to |
| 83 |
|
- collaborate. |
| 84 |
|
- </p> |
| 85 |
|
- </a> |
| 86 |
|
- </div> |
| 87 |
|
- </div> |
| 88 |
|
- <div class="row get-started__row"> |
| 89 |
|
- <div class="col-md-6"> |
| 90 |
|
- <img |
| 91 |
|
- class="img-responsive" |
| 92 |
|
- src="https://via.placeholder.com/600x300" |
| 93 |
|
- /> |
| 94 |
|
- </div> |
| 95 |
|
- <div class="col-md-6"> |
| 96 |
|
- <a href="#"> |
| 97 |
|
- <h2 class="get-started__row__title">Team</h2> |
| 98 |
|
- <p class="get-started__row__text"> |
| 99 |
|
- Add members to your team in the collab. |
| 100 |
|
- </p> |
| 101 |
|
- </a> |
| 102 |
|
- </div> |
| 103 |
|
- </div> |
| 104 |
|
- <div class="row get-started__row"> |
| 105 |
|
- <div class="col-md-6"> |
| 106 |
|
- <img |
| 107 |
|
- class="img-responsive" |
| 108 |
|
- src="https://via.placeholder.com/600x300" |
| 109 |
|
- /> |
| 110 |
|
- </div> |
| 111 |
|
- <div class="col-md-6"> |
| 112 |
|
- <a href="#"> |
| 113 |
|
- <h2 class="get-started__row__title">Jupyter Notebook</h2> |
| 114 |
|
- <p class="get-started__row__text"> |
| 115 |
|
- Run your Jupyter notebook. Share it with colleagues. |
| 116 |
|
- </p> |
| 117 |
|
- </a> |
| 118 |
|
- </div> |
| 119 |
|
- </div> |
| 120 |
|
-</div> |
| 121 |
|
- |
| 122 |
|
-<!--div class="container clb-content"> |
| 123 |
|
- |
| 124 |
124 |
<div class="teasing"> |
| 125 |
125 |
<div class="row"> |
| 126 |
126 |
<div class="col-md-3"> |
| ... |
... |
@@ -204,7 +204,7 @@ |
| 204 |
204 |
</a> |
| 205 |
205 |
</div> |
| 206 |
206 |
</div> |
| 207 |
|
- </div> |
|
93 |
+ </div><!-- /.col-md-4 --> |
| 208 |
208 |
|
| 209 |
209 |
<div class="col-md-4"> |
| 210 |
210 |
<div class="row"> |
| ... |
... |
@@ -217,7 +217,7 @@ |
| 217 |
217 |
</a> |
| 218 |
218 |
</div> |
| 219 |
219 |
</div> |
| 220 |
|
- </div> |
|
106 |
+ </div><!-- /.col-md-4 --> |
| 221 |
221 |
|
| 222 |
222 |
<div class="col-md-4"> |
| 223 |
223 |
<div class="row"> |
| ... |
... |
@@ -230,8 +230,8 @@ |
| 230 |
230 |
</a> |
| 231 |
231 |
</div> |
| 232 |
232 |
</div> |
| 233 |
|
- </div> |
|
119 |
+ </div><!-- /.col-md-4 --> |
| 234 |
234 |
</div> |
| 235 |
235 |
</div> |
| 236 |
|
-</div --> |
|
122 |
+</div> |
| 237 |
237 |
{{/html}} |