Failed to execute template. Cause: [Access denied when checking [script] access to [xwiki:Collaboratory.UX.HbpSkin.WebHome] for user [xwiki:XWiki.Admin]]. Click on this message for details.

Collaborate on reproducible science, anywhere - HBP Wiki

IAM21 instance, do not create collab nor modify a team, your changes will be lost


Last modified by bougault on 2023/01/26 14:38
From version 19.5
edited by bougault
on 2019/11/01 14:06
Change comment: There is no comment for this version
To version 22.1
edited by hbpadmin
on 2019/11/04 09:22
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,8 +1,7 @@
1 -{{velocity output="no"}}
2 -$xwiki.ssx.use('Collaboratory.UX.SSX.StyleSheet')
3 -$displayContentFooter=false
4 -$displayDocExtra=false
5 -$displayContentMenu=false
1 +{{velocity}}
2 +#set($displayContentFooter=false)
3 +#set($displayDocExtra=false)
4 +#set($displayContentMenu=false)
6 6  {{/velocity}}
7 7  
8 8  {{html clean="false"}}
XWiki.StyleSheetExtension[0]
Caching policy
... ... @@ -1,0 +1,1 @@
1 +long
Code
... ... @@ -1,0 +1,217 @@
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 + }
117 + .clb-actions>.row{
118 + margin-left:0;
119 + margin-right:0
120 + }
121 + .clb-actions .clb-box:hover{
122 + text-decoration:none
123 + }
124 + .clb-content>.row{
125 + margin-bottom:5rem
126 + }
127 + .clb-search-bar{
128 + display:flex;
129 + align-items:stretch;
130 + position:relative
131 + }
132 + .clb-search-bar>div{
133 + flex:1;
134 + margin:2px 10px 2px 0
135 + }
136 + .clb-search-bar input[type=text]{
137 + width:100%;
138 + padding:1.5rem;
139 + padding-left:2.5rem;
140 + border-radius: @border-radius-default;
141 + background-color: @color-white;
142 + box-shadow:none
143 + }
144 + .clb-search-bar input[type=text]:focus{
145 + border-color: @color-brand-primary;
146 + background-color:@color-white;
147 + box-shadow:none
148 + }
149 + .clb-search-bar i{
150 + position:absolute;
151 + margin-top:-.5rem;
152 + color: @color-gray-200;
153 + top:50%;
154 + left:1em
155 + }
156 + .clb-search-bar input[type=text]:focus~i{
157 + color: @color-brand-primary;
158 + }
159 + @media screen and (min-width:992px){
160 + .teasing .row{
161 + display:flex
162 + }
163 + .teasing .row>[class*=col-]{
164 + display:flex;
165 + flex-direction:column
166 + }
167 + .clb-actions{
168 + padding-bottom:5rem
169 + }
170 + .clb-actions .clb-box{
171 + margin-bottom:0
172 + }
173 + .clb-actions .container,
174 + .clb-actions .container>.row{
175 + display:flex
176 + }
177 + .clb-actions .clb-box-container,
178 + .clb-actions .clb-box-container a,
179 + .clb-actions .container>.row>[class*=col-]>.row{
180 + height:100%;
181 + display:block
182 + }
183 + }
184 +}
185 +
186 +.clb-box{
187 + background-color:#fff;
188 + box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
189 + padding:2rem;
190 + padding-bottom:5rem;
191 + color: @color-brand-primary;
192 + display:block
193 + .clb-box-title {
194 + color:#45b07c;
195 + font-weight:600;
196 + margin-bottom:5rem;
197 + }
198 +}
199 +
200 +.clb-btn-default,button {
201 + background-image:none;
202 + box-shadow:none;
203 + border:0;
204 + border-radius: @border-radius-default;
205 + padding-top:.5rem;
206 + padding-bottom:.5rem;
207 + padding-left:1rem;
208 + padding-right:1rem;
209 + background-color:@color-brand-primary;
210 + color: @color-white;
211 + &:hover {
212 + background-color: darken(@color-brand-primary, 10%);
213 + }
214 + &:active {
215 + background-color: darken(@color-brand-primary, 15%);
216 + }
217 +}
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