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 12.1
edited by messines
on 2019/05/14 11:20
Change comment: Install extension [eu.hbp.wiki:xwiki-skin-collaboratory/0.10.8]
To version 27.1
edited by hbpadmin
on 2020/04/20 10:03
Change comment: Install extension [eu.hbp.wiki:xwiki-skin-collaboratory/0.17.18]

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.messines
1 +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