Last modified by hbpadmin on 2022/12/30 11:01
From version 14.1
edited by bougault
on 2019/05/24 10:46
Change comment: There is no comment for this version
To version 43.1
edited by hbpadmin
on 2020/04/07 17:31
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.bougault
1 +XWiki.hbpadmin
Content
... ... @@ -1,35 +1,12 @@
1 -{{velocity}}
2 -#*
3 -{{warning}}
4 -**CSCS maintenance**
5 -
6 -Originally planned for Wednesday, May 22 from 7am to 8PM CEST, CSCS maintenance is **still in progress**. Several of our services that are hosted there could be impacted:
7 -
8 -- Collaboratory.wiki
9 -- Collaboratory.drive
10 -- KeyCloak
11 -- Gitlab
12 -- Jupyter notebooks
13 -- Software Catalog
14 -- Knowledge Graph
15 -- Neuroglancer
16 -- Forum
17 -- Education website
18 -- Zammad
19 -
20 -We apologize for the inconvenience.
21 -{{/warning}}
22 -*#
23 -{{/velocity}}
24 -
25 -{{velocity}}
26 -#set($displayContentFooter=false)
1 +{{velocity}}#set($displayContentFooter=false)
27 27  #set($displayDocExtra=false)
28 -#set($displayContentMenu=false)
29 -{{/velocity}}
3 +#set($displayContentMenu=false){{/velocity}}
4 +{{html clean="false"}}<div class="container clb-content">
30 30  
31 -{{html clean="false"}}
32 -<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>
33 33  
34 34  <div class="teasing">
35 35   <div class="row">
... ... @@ -45,12 +45,8 @@
45 45   </div>
46 46   </div>
47 47   <div class="col-md-3">
48 - <div class="card reproductible disabled">
49 - <div class="card-header">
50 - <div class="coming-soon">
51 - <span>Coming Soon</span>
52 - </div>
53 - </div>
25 + <div class="card reproductible">
26 + <div class="card-header"></div>
54 54   <div class="card-content">
55 55   <h3 class="card-title">Reproducible</h3>
56 56   <p>
... ... @@ -60,12 +60,8 @@
60 60   </div>
61 61   </div>
62 62   <div class="col-md-3">
63 - <div class="card science disabled">
64 - <div class="card-header">
65 - <div class="coming-soon">
66 - <span>Coming Soon</span>
67 - </div>
68 - </div>
36 + <div class="card science">
37 + <div class="card-header"></div>
69 69   <div class="card-content">
70 70   <h3 class="card-title">Science</h3>
71 71   <p>
... ... @@ -75,12 +75,8 @@
75 75   </div>
76 76   </div>
77 77   <div class="col-md-3">
78 - <div class="card anywhere disabled">
79 - <div class="card-header">
80 - <div class="coming-soon">
81 - <span>Coming Soon</span>
82 - </div>
83 - </div>
47 + <div class="card anywhere">
48 + <div class="card-header"></div>
84 84   <div class="card-content">
85 85   <h3 class="card-title">Anywhere</h3>
86 86   <p>
... ... @@ -155,5 +155,4 @@
155 155   </div><!-- /.col-md-4 -->
156 156   </div>
157 157   </div>
158 -</div>
159 -{{/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