Changes for page Collaborate on reproducible science, anywhere
on 2019/04/03 13:13
Summary
-
Page properties (2 modified, 0 added, 0 removed)
-
Objects (0 modified, 1 added, 0 removed)
Details
- Page properties
-
- Author
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. superadmin1 +XWiki.hbpadmin - Content
-
... ... @@ -21,12 +21,8 @@ 21 21 </div> 22 22 </div> 23 23 <div class="col-md-3"> 24 - <div class="card reproductible disabled"> 25 - <div class="card-header"> 26 - <div class="coming-soon"> 27 - <span>Coming Soon</span> 28 - </div> 29 - </div> 24 + <div class="card reproductible"> 25 + <div class="card-header"></div> 30 30 <div class="card-content"> 31 31 <h3 class="card-title">Reproducible</h3> 32 32 <p> ... ... @@ -36,12 +36,8 @@ 36 36 </div> 37 37 </div> 38 38 <div class="col-md-3"> 39 - <div class="card science disabled"> 40 - <div class="card-header"> 41 - <div class="coming-soon"> 42 - <span>Coming Soon</span> 43 - </div> 44 - </div> 35 + <div class="card science"> 36 + <div class="card-header"></div> 45 45 <div class="card-content"> 46 46 <h3 class="card-title">Science</h3> 47 47 <p> ... ... @@ -51,12 +51,8 @@ 51 51 </div> 52 52 </div> 53 53 <div class="col-md-3"> 54 - <div class="card anywhere disabled"> 55 - <div class="card-header"> 56 - <div class="coming-soon"> 57 - <span>Coming Soon</span> 58 - </div> 59 - </div> 46 + <div class="card anywhere"> 47 + <div class="card-header"></div> 60 60 <div class="card-content"> 61 61 <h3 class="card-title">Anywhere</h3> 62 62 <p> ... ... @@ -68,7 +68,7 @@ 68 68 </div> 69 69 </div> 70 70 <div class="row"> 71 -<div class="col-md-12"> 59 +<div class="col-md-12"> 72 72 73 73 <p class="alert-info"> 74 74 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> ... ... @@ -107,7 +107,7 @@ 107 107 <div class="col-md-4"> 108 108 <div class="row"> 109 109 <div class="col-md-10 col-md-offset-1 text-center clb-box-container"> 110 - <a class="clb-box" href="https:// www.humanbrainproject.eu/en/hbp-platforms/support/">98 + <a class="clb-box" target="_blank" href="https://ebrains.eu/support/"> 111 111 <h3 class="clb-box-title">Support</h3> 112 112 <p> 113 113 Open and track support tickets on our support site.
- XWiki.StyleSheetExtension[0]
-
- Caching policy
-
... ... @@ -1,0 +1,1 @@ 1 +long - Code
-
... ... @@ -1,0 +1,211 @@ 1 +.teasing .collaborate {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/collaborate.jpg');} 2 +.teasing .reproductible {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/reproducible.jpg');} 3 +.teasing .science {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/science.jpg');} 4 +.teasing .anywhere {background-image: url('/bin/skin/Collaboratory/UX/HbpSkin/anywhere.jpg');} 5 + 6 +#mainContentArea{ 7 + padding:0; 8 + padding-top:1.25rem 9 +} 10 +#mainContentArea #hierarchy, 11 +#mainContentArea .xcontent>hr, 12 +#mainContentArea .xdocLastModification{ 13 + display:none 14 +} 15 +#mainContentArea .xcontent>.row{ 16 + margin-left:0; 17 + margin-right:0 18 +} 19 + 20 +.document-header .document-info{ 21 + width:100%; 22 + text-align:center; 23 + margin-top:3rem 24 +} 25 +#xwikicontent{ 26 + padding-left:0; 27 + padding-right:0; 28 + min-height:300px; 29 + p.alert-info{ 30 + padding:2rem 31 + } 32 + .teasing{ 33 + margin-bottom:50px 34 + } 35 + .teasing .card{ 36 + text-align:center; 37 + position:relative; 38 + height:100%; 39 + background-size:cover; 40 + background-repeat:no-repeat; 41 + background-position:50% 50%; 42 + padding-bottom:20px; 43 + margin-bottom:20px 44 + } 45 + .teasing .card::before{ 46 + position:absolute; 47 + top:0; 48 + right:0; 49 + bottom:0; 50 + left:0; 51 + display:block; 52 + background-image:linear-gradient(to top,rgba(0,0,0,.9),transparent 85%); 53 + content:'' 54 + } 55 + .teasing .card-header{ 56 + position:relative; 57 + height:150px 58 + } 59 + .teasing .coming-soon{ 60 + position:absolute; 61 + z-index:10; 62 + left:0; 63 + right:0; 64 + padding:.5rem; 65 + border-radius:.25rem; 66 + font-weight:700; 67 + top:50% 68 + } 69 + .teasing .coming-soon span{ 70 + font-size:1.25rem; 71 + line-height:2; 72 + padding:.5rem; 73 + border-radius:.25rem; 74 + font-weight:700; 75 + margin-top:-17px; 76 + background:rgba(255,255,255,.8); 77 + } 78 + .teasing .card-content { 79 + position:relative; 80 + overflow:hidden; 81 + margin-top:0; 82 + padding-top:0; 83 + padding-bottom:0; 84 + padding-left:.5rem; 85 + padding-right:.5rem; 86 + color: @color-white; 87 + font-size:1rem; 88 + .card-title { 89 + color:@color-white; 90 + } 91 + } 92 + .teasing .card-title{ 93 + margin-top:1.5rem; 94 + margin-right:0; 95 + margin-bottom:1rem; 96 + margin-left:0; 97 + font-weight:700 98 + } 99 + .clb-actions { 100 + background-color:#f0f3f1; 101 + padding-top:5rem; 102 + padding-left:0; 103 + padding-right:0; 104 + padding-bottom:0 105 + } 106 + .clb-actions .clb-box{ 107 + margin-bottom:5rem; 108 + font-size:1.125rem; 109 + display: block 110 + } 111 + .clb-actions>.row{ 112 + margin-left:0; 113 + margin-right:0 114 + } 115 + .clb-actions .clb-box:hover{ 116 + text-decoration:none 117 + } 118 + .clb-content>.row{ 119 + margin-bottom:5rem 120 + } 121 + .clb-search-bar{ 122 + display:flex; 123 + align-items:stretch; 124 + position:relative 125 + } 126 + .clb-search-bar>div{ 127 + flex:1; 128 + margin:2px 10px 2px 0 129 + } 130 + .clb-search-bar input[type=text]{ 131 + width:100%; 132 + padding:1.5rem; 133 + padding-left:2.5rem; 134 + border-radius: @border-radius-default; 135 + background-color: @color-white; 136 + box-shadow:none 137 + } 138 + .clb-search-bar input[type=text]:focus{ 139 + border-color: @color-brand-primary; 140 + background-color:@color-white; 141 + box-shadow:none 142 + } 143 + .clb-search-bar i{ 144 + position:absolute; 145 + margin-top:-.5rem; 146 + color: @color-gray-200; 147 + top:50%; 148 + left:1em 149 + } 150 + .clb-search-bar input[type=text]:focus~i{ 151 + color: @color-brand-primary; 152 + } 153 + @media screen and (min-width:992px){ 154 + .teasing .row{ 155 + display:flex 156 + } 157 + .teasing .row>[class*=col-]{ 158 + display:flex; 159 + flex-direction:column 160 + } 161 + .clb-actions{ 162 + padding-bottom:5rem 163 + } 164 + .clb-actions .clb-box{ 165 + margin-bottom:0 166 + } 167 + .clb-actions .container, 168 + .clb-actions .container>.row{ 169 + display:flex 170 + } 171 + .clb-actions .clb-box-container, 172 + .clb-actions .clb-box-container a, 173 + .clb-actions .container>.row>[class*=col-]>.row{ 174 + height:100%; 175 + display:block 176 + } 177 + } 178 +} 179 + 180 +.clb-box{ 181 + background-color:#fff; 182 + box-shadow:0 1px 2px 0 rgba(0,0,0,.1); 183 + padding:2rem; 184 + padding-bottom:5rem; 185 + color: @color-brand-primary; 186 + display:block 187 + .clb-box-title { 188 + color:#45b07c; 189 + font-weight:600; 190 + margin-bottom:5rem; 191 + } 192 +} 193 + 194 +.clb-btn-default,button { 195 + background-image:none; 196 + box-shadow:none; 197 + border:0; 198 + border-radius: @border-radius-default; 199 + padding-top:.5rem; 200 + padding-bottom:.5rem; 201 + padding-left:1rem; 202 + padding-right:1rem; 203 + background-color:@color-brand-primary; 204 + color: @color-white; 205 + &:hover { 206 + background-color: darken(@color-brand-primary, 10%); 207 + } 208 + &:active { 209 + background-color: darken(@color-brand-primary, 15%); 210 + } 211 +} - Content Type
-
... ... @@ -1,0 +1,1 @@ 1 +LESS - Name
-
... ... @@ -1,0 +1,1 @@ 1 +eu.hbp.ux.home - Parse content
-
... ... @@ -1,0 +1,1 @@ 1 +No - Use this extension
-
... ... @@ -1,0 +1,1 @@ 1 +currentPage