Changes for page Collaborate on reproducible science, anywhere
Last modified by bougault on 2023/01/26 14:38
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -29,7 +29,6 @@ 29 29 </div> 30 30 </div> 31 31 </div> 32 - 33 33 <div class="container highlighted"> 34 34 <h4 class="highlighted__title">Highlighted collabs</h4> 35 35 <div class="row highlighted_row"> ... ... @@ -44,188 +44,28 @@ 44 44 </div> 45 45 </div> 46 46 </div> 46 +{{/html}} 47 47 48 - <div class="container"> 49 - <div class="row explore-all"> 50 - <div class="col-md-12"> 51 - Explore all the <a href="/bin/view/Collabs">Collabs</a> 52 - </div> 53 - </div> 54 - </div> 48 +(% class="container highlighted"%)((( 55 55 50 +(% class="highlighted__title" %) 51 +==== Highlighted collabs ==== 56 56 57 -<!-- 58 - <div class="container get-started"> 59 - <h4 class="get-started__title">Get started</h4> 60 - <div class="row get-started__row"> 61 - <div class="col-xs-12 col-md-6"> 62 - <img class="img-responsive" 63 - src="https://via.placeholder.com/600x300"/> 64 - </div> 65 - <div class="col-xs-12 col-md-6"> 66 - <a href="#"> 67 - <h2 class="get-started__row__title">Create a collab</h2> 68 - <p class="get-started__row__text"> 69 - Discover how to create Collabs, a space which enables you to 70 - collaborate. 71 - </p> 72 - </a> 73 - </div> 74 - </div> 75 - <div class="row get-started__row"> 76 - <div class="col-md-6"> 77 - <img 78 - class="img-responsive" 79 - src="https://via.placeholder.com/600x300" 80 - /> 81 - </div> 82 - <div class="col-md-6"> 83 - <a href="#"> 84 - <h2 class="get-started__row__title">Team</h2> 85 - <p class="get-started__row__text"> 86 - Add members to your team in the collab. 87 - </p> 88 - </a> 89 - </div> 90 - </div> 91 - <div class="row get-started__row"> 92 - <div class="col-md-6"> 93 - <img 94 - class="img-responsive" 95 - src="https://via.placeholder.com/600x300" 96 - /> 97 - </div> 98 - <div class="col-md-6"> 99 - <a href="#"> 100 - <h2 class="get-started__row__title">Jupyter Notebook</h2> 101 - <p class="get-started__row__text"> 102 - Run your Jupyter notebook. Share it with colleagues. 103 - </p> 104 - </a> 105 - </div> 106 - </div> 107 -</div> --> 108 -<div class="container"> 109 - <div class="row pre-footer"> 110 - <div class="col-md-12"> 111 - Discover all the 112 - <a href="https://ebrains.eu" rel="noopener" target="_blank">EBRAINS services</a>. 113 - </div> 114 - </div> 115 -</div> 116 -<!--div class="container clb-content"> 53 +(% class="row highlighted_row" %) 54 +((( 117 117 118 -<div class="teasing"> 119 - <div class="row"> 120 - <div class="col-md-3"> 121 - <div class="card collaborate"> 122 - <div class="card-header"></div> 123 - <div class="card-content"> 124 - <h3 class="card-title">Collaborate</h3> 125 - <p> 126 - create projects and documents, invite collaborators, co-produce articles and release your team work for the community 127 - </p> 128 - </div> 129 - </div> 130 - </div> 131 - <div class="col-md-3"> 132 - <div class="card reproductible"> 133 - <div class="card-header"></div> 134 - <div class="card-content"> 135 - <h3 class="card-title">Reproducible</h3> 136 - <p> 137 - initiate environments, install libraries, find and access datasets to create the stable fertile ground for your experiments 138 - </p> 139 - </div> 140 - </div> 141 - </div> 142 - <div class="col-md-3"> 143 - <div class="card science"> 144 - <div class="card-header"></div> 145 - <div class="card-content"> 146 - <h3 class="card-title">Science</h3> 147 - <p> 148 - develop code, visualise results, generate data and collaborate on your research 149 - </p> 150 - </div> 151 - </div> 152 - </div> 153 - <div class="col-md-3"> 154 - <div class="card anywhere"> 155 - <div class="card-header"></div> 156 - <div class="card-content"> 157 - <h3 class="card-title">Anywhere</h3> 158 - <p> 159 - upload or generate your data and access it anywhere anytime, from your local machine to the most powerful high performance computers 160 - </p> 161 - </div> 162 - </div> 163 - </div> 164 - </div> 165 -</div> 166 - <div class="row"> 167 -<div class="col-md-12"> 56 +{{collaboratory.ux.highlightedcollabs featured="true" slider="true"}} 168 168 169 -<p class="alert-info"> 170 -This is the first release of the revamped Collaboratory. It does not yet have feature parity with the previous version. Until we reach that point and give users time to migrate, both versions will coexist.</p> 171 - </div> 172 - </div> 58 +))) 59 +))) 173 173 174 - <div class="row"> 175 - <div class="col-md-6 col-md-offset-3"> 176 - <form role="search" class="clb-search-bar" action="/bin/view/Main/Search" method="GET"> 177 - <div> 178 - <input type="text" class="form-control" name="text"> 179 - <i class="glyphicon glyphicon-search"></i> 61 +{{html clean="false"}} 62 + <div class="container"> 63 + <div class="row explore-all"> 64 + <div class="col-md-12"> 65 + Explore all the <a href="/bin/view/Collabs">Collabs</a> 180 180 </div> 181 - <button class="btn clb-btn-default" type="submit">Search</button> 182 - </form> 183 183 </div> 184 - </div> 185 -</div> 186 -<div class="container-fluid clb-actions"> 187 - <div class="container"> 188 - <div class="row"> 189 - 190 - <div class="col-md-4"> 191 - <div class="row"> 192 - <div class="col-md-10 text-center clb-box-container"> 193 - <a class="clb-box" href="/bin/view/Collabs/"> 194 - <h3 class="clb-box-title">Browse Collabs</h3> 195 - <p> 196 - Find a collab, or create yours. 197 - </p> 198 - </a> 199 - </div> 200 - </div> 201 - </div> 202 - 203 - <div class="col-md-4"> 204 - <div class="row"> 205 - <div class="col-md-10 col-md-offset-1 text-center clb-box-container"> 206 - <a class="clb-box" target="_blank" href="https://ebrains.eu/support/"> 207 - <h3 class="clb-box-title">Support</h3> 208 - <p> 209 - Open and track support tickets on our support site. 210 - </p> 211 - </a> 212 - </div> 213 - </div> 214 - </div> 215 - 216 - <div class="col-md-4"> 217 - <div class="row"> 218 - <div class="col-md-10 col-md-offset-2 text-center clb-box-container"> 219 - <a class="clb-box" href="/bin/view/Feedback/"> 220 - <h3 class="clb-box-title">Feedback</h3> 221 - <p> 222 - Please, give us a feedback about the new collaboratory. 223 - </p> 224 - </a> 225 - </div> 226 - </div> 227 - </div> 228 228 </div> 229 - </div> 230 -</div --> 231 231 {{/html}} 70 +
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -265,6 +265,16 @@ 265 265 } 266 266 } 267 267 268 +.highlighted-collab { 269 + position:relative; 270 + border: 1px solid #CCC; 271 + margin: 0 .5rem; 272 + > p, 273 + > h3 { 274 + margin-left: 1rem; 275 + margin-right: 1rem; 276 + } 277 +} 268 268 .stretched-link { 269 269 &::after { 270 270 position: absolute;