Changes for page Collaborate on reproducible science, anywhere
Last modified by hbpadmin on 2022/12/30 11:01
Summary
-
Page properties (2 modified, 0 added, 0 removed)
-
Objects (0 modified, 1 added, 0 removed)
Details
- Page properties
-
- Default language
-
... ... @@ -1,1 +1,0 @@ 1 -en - Content
-
... ... @@ -1,18 +1,14 @@ 1 -{{velocity}} 2 -#set($displayContentFooter=false) 1 +{{velocity}}#set($displayContentFooter=false) 3 3 #set($displayDocExtra=false) 4 -#set($displayContentMenu=false) 5 -{{ /velocity}}3 +#set($displayContentMenu=false){{/velocity}} 4 +{{html clean="false"}}<div class="container clb-content"> 6 6 7 -{{html clean="false"}} 8 -<div class="container clb-content"> 6 +<!-- div class="box warningmessage"> 7 +A Unicore maintenance is planned at CSCS on Thursday 9th April 8 +from 10AM to 11AM (central european time). During the maintenance users will not be able to submit new Unicore jobs. Existing running jobs will not be affected. 9 +</div --> 9 9 10 10 <div class="teasing"> 11 -<div class="row"> 12 -<div class="col-sm-12 alert alert-danger" role="alert"> 13 -We will be doing some maintenance on the new Collaboratory on Tuesday, July 2nd. There will be a short service interruption between 1:00 and 2:00pm. 14 -</div> 15 -</div> 16 16 <div class="row"> 17 17 <div class="col-md-3"> 18 18 <div class="card collaborate"> ... ... @@ -26,12 +26,8 @@ 26 26 </div> 27 27 </div> 28 28 <div class="col-md-3"> 29 - <div class="card reproductible disabled"> 30 - <div class="card-header"> 31 - <div class="coming-soon"> 32 - <span>Coming Soon</span> 33 - </div> 34 - </div> 25 + <div class="card reproductible"> 26 + <div class="card-header"></div> 35 35 <div class="card-content"> 36 36 <h3 class="card-title">Reproducible</h3> 37 37 <p> ... ... @@ -41,12 +41,8 @@ 41 41 </div> 42 42 </div> 43 43 <div class="col-md-3"> 44 - <div class="card science disabled"> 45 - <div class="card-header"> 46 - <div class="coming-soon"> 47 - <span>Coming Soon</span> 48 - </div> 49 - </div> 36 + <div class="card science"> 37 + <div class="card-header"></div> 50 50 <div class="card-content"> 51 51 <h3 class="card-title">Science</h3> 52 52 <p> ... ... @@ -56,12 +56,8 @@ 56 56 </div> 57 57 </div> 58 58 <div class="col-md-3"> 59 - <div class="card anywhere disabled"> 60 - <div class="card-header"> 61 - <div class="coming-soon"> 62 - <span>Coming Soon</span> 63 - </div> 64 - </div> 47 + <div class="card anywhere"> 48 + <div class="card-header"></div> 65 65 <div class="card-content"> 66 66 <h3 class="card-title">Anywhere</h3> 67 67 <p> ... ... @@ -112,7 +112,7 @@ 112 112 <div class="col-md-4"> 113 113 <div class="row"> 114 114 <div class="col-md-10 col-md-offset-1 text-center clb-box-container"> 115 - <a class="clb-box" href="https:// www.humanbrainproject.eu/en/hbp-platforms/support/">99 + <a class="clb-box" href="https://ebrains.eu/support"> 116 116 <h3 class="clb-box-title">Support</h3> 117 117 <p> 118 118 Open and track support tickets on our support site. ... ... @@ -136,5 +136,4 @@ 136 136 </div><!-- /.col-md-4 --> 137 137 </div> 138 138 </div> 139 -</div> 140 -{{/html}} 123 +</div>{{/html}}
- XWiki.StyleSheetExtension[0]
-
- Caching policy
-
... ... @@ -1,0 +1,1 @@ 1 +long - Code
-
... ... @@ -1,0 +1,218 @@ 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 .disabled{ 93 + -webkit-filter:grayscale(70%); 94 + filter:grayscale(70%) 95 + } 96 + .teasing .disabled .card-content{ 97 + opacity:.9 98 + } 99 + .teasing .card-title{ 100 + margin-top:1.5rem; 101 + margin-right:0; 102 + margin-bottom:1rem; 103 + margin-left:0; 104 + font-weight:700 105 + } 106 + .clb-actions { 107 + background-color:#f0f3f1; 108 + padding-top:5rem; 109 + padding-left:0; 110 + padding-right:0; 111 + padding-bottom:0 112 + } 113 + .clb-actions .clb-box{ 114 + margin-bottom:5rem; 115 + font-size:1.125rem; 116 + display: block 117 + } 118 + .clb-actions>.row{ 119 + margin-left:0; 120 + margin-right:0 121 + } 122 + .clb-actions .clb-box:hover{ 123 + text-decoration:none 124 + } 125 + .clb-content>.row{ 126 + margin-bottom:5rem 127 + } 128 + .clb-search-bar{ 129 + display:flex; 130 + align-items:stretch; 131 + position:relative 132 + } 133 + .clb-search-bar>div{ 134 + flex:1; 135 + margin:2px 10px 2px 0 136 + } 137 + .clb-search-bar input[type=text]{ 138 + width:100%; 139 + padding:1.5rem; 140 + padding-left:2.5rem; 141 + border-radius: @border-radius-default; 142 + background-color: @color-white; 143 + box-shadow:none 144 + } 145 + .clb-search-bar input[type=text]:focus{ 146 + border-color: @color-brand-primary; 147 + background-color:@color-white; 148 + box-shadow:none 149 + } 150 + .clb-search-bar i{ 151 + position:absolute; 152 + margin-top:-.5rem; 153 + color: @color-gray-200; 154 + top:50%; 155 + left:1em 156 + } 157 + .clb-search-bar input[type=text]:focus~i{ 158 + color: @color-brand-primary; 159 + } 160 + @media screen and (min-width:992px){ 161 + .teasing .row{ 162 + display:flex 163 + } 164 + .teasing .row>[class*=col-]{ 165 + display:flex; 166 + flex-direction:column 167 + } 168 + .clb-actions{ 169 + padding-bottom:5rem 170 + } 171 + .clb-actions .clb-box{ 172 + margin-bottom:0 173 + } 174 + .clb-actions .container, 175 + .clb-actions .container>.row{ 176 + display:flex 177 + } 178 + .clb-actions .clb-box-container, 179 + .clb-actions .clb-box-container a, 180 + .clb-actions .container>.row>[class*=col-]>.row{ 181 + height:100%; 182 + display:block 183 + } 184 + } 185 +} 186 + 187 +.clb-box{ 188 + background-color:#fff; 189 + box-shadow:0 1px 2px 0 rgba(0,0,0,.1); 190 + padding:2rem; 191 + padding-bottom:5rem; 192 + color: @color-brand-primary; 193 + display:block 194 + .clb-box-title { 195 + color:#45b07c; 196 + font-weight:600; 197 + margin-bottom:5rem; 198 + } 199 +} 200 + 201 +.clb-btn-default,button { 202 + background-image:none; 203 + box-shadow:none; 204 + border:0; 205 + border-radius: @border-radius-default; 206 + padding-top:.5rem; 207 + padding-bottom:.5rem; 208 + padding-left:1rem; 209 + padding-right:1rem; 210 + background-color:@color-brand-primary; 211 + color: @color-white; 212 + &:hover { 213 + background-color: darken(@color-brand-primary, 10%); 214 + } 215 + &:active { 216 + background-color: darken(@color-brand-primary, 15%); 217 + } 218 +} - 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