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 92.1
edited by superadmin
on 2022/06/07 15:23
Change comment: Install extension [eu.hbp.wiki:xwiki-skin-collaboratory/0.45.0]
To version 83.6
edited by bougault
on 2021/01/20 13:28
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.superadmin
1 +XWiki.bougault
Default language
... ... @@ -1,1 +1,0 @@
1 -en
Content
... ... @@ -1,6 +1,7 @@
1 -{{velocity output="false"}}
1 +{{velocity}}
2 2  #set($displayContentFooter=false)
3 3  #set($displayDocExtra=false)
4 +#set($displayContentMenu=false)
4 4  {{/velocity}}
5 5  
6 6  {{html clean="false"}}
... ... @@ -7,7 +7,7 @@
7 7   <div class="container">
8 8   <div class="row">
9 9   <div class="col-md-7 col-md-push-5">
10 - <img class="img-responsive" src="/bin/skin/Collaboratory/UX/HbpSkin/WebHome/wiki_home_graphic.svg" />
11 + <img class="img-responsive" src="/bin/skin/Collaboratory/UX/HbpSkin/wiki_home_graphic.svg" />
11 11   </div>
12 12   <div class="col-md-5 col-md-pull-7 hero-text">
13 13   <h3>Collaborate.<br/>Create reproducible science.<br/>Discover EBRAINS services at work.<br/>From anywhere.</h3>
... ... @@ -17,19 +17,17 @@
17 17   </div>
18 18   <div class="container-fluid search__row">
19 19   <div class="container">
20 - <div class="col-sm-12 col-md-6 col-md-offset-3">
21 - <form role="search" action="/bin/view/Main/Search" method="GET">
22 - <div class="input-group">
23 - <input type="search" name="text" class="form-control input-lg" title="Search word in all wiki pages" placeholder="Search word in all wiki pages">
24 - <span class="input-group-btn">
25 - <button type="submit" class="btn btn-primary input-lg">
26 - <span class="fa fa-search"></span>
27 - <span class="sr-only">Search</span>
28 - </button>
29 - </span>
21 + <form role="search" class="clb-search-bar" action="/bin/view/Main/Search" method="GET">
22 + <div class="col-md-5 col-md-offset-3">
23 + <div class="form-input">
24 + <input type="text" class="form-control" name="text" placeholder="Search word in all wiki pages">
25 + <i class="glyphicon glyphicon-search"></i>
30 30   </div>
31 - </form>
32 - </div>
27 + </div>
28 + <div class="col-md-1">
29 + <button class="btn clb-btn-default" type="submit">Search</button>
30 + </div>
31 + </form>
33 33   </div>
34 34   </div>
35 35  {{/html}}
XWiki.StyleSheetExtension[0]
Code
... ... @@ -18,11 +18,101 @@
18 18   padding-left:0;
19 19   padding-right:0;
20 20   min-height:300px;
21 - .search__row input[type="search"] {
22 - font-size: 16px;
23 - height: 54px;
21 +
22 + .clb-search-bar{
23 + display:flex;
24 + align-items:stretch;
25 + position:relative
24 24   }
27 + .clb-search-bar .form-input {
28 + flex:1;
29 + margin:2px 10px 2px 0;
30 + }
31 + .clb-search-bar input[type=text]{
32 + width:100%;
33 + padding:1.5rem;
34 + padding-left:2.5rem;
35 + border-radius: @border-radius-default;
36 + background-color: @color-white;
37 + box-shadow:none
38 + }
39 + .clb-search-bar input[type=text]:focus{
40 + border-color: @color-brand-primary;
41 + background-color:@color-white;
42 + box-shadow:none
43 + }
44 + .clb-search-bar i{
45 + position:absolute;
46 + margin-top:-.5rem;
47 + color: @color-gray-200;
48 + top:50%;
49 + left:1em
50 + }
51 + .clb-search-bar input[type=text]:focus~i{
52 + color: @color-brand-primary;
53 + }
54 + /*
55 + @media screen and (min-width:992px){
56 + .teasing .row{
57 + display:flex
58 + }
59 + .teasing .row>[class*=col-]{
60 + display:flex;
61 + flex-direction:column
62 + }
63 + .clb-actions{
64 + padding-bottom:5rem
65 + }
66 + .clb-actions .clb-box{
67 + margin-bottom:0
68 + }
69 + .clb-actions .container,
70 + .clb-actions .container>.row{
71 + display:flex
72 + }
73 + .clb-actions .clb-box-container,
74 + .clb-actions .clb-box-container a,
75 + .clb-actions .container>.row>[class*=col-]>.row{
76 + height:100%;
77 + display:block
78 + }
79 + }
80 + */
25 25  }
82 +
83 +.clb-box{
84 + background-color:#fff;
85 + box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
86 + padding:2rem;
87 + padding-bottom:5rem;
88 + color: @color-brand-primary;
89 + display:block
90 + .clb-box-title {
91 + color:#45b07c;
92 + font-weight:600;
93 + margin-bottom:5rem;
94 + }
95 +}
96 +
97 +.clb-btn-default,button {
98 + background-image:none;
99 + box-shadow:none;
100 + border:0;
101 + border-radius: @border-radius-default;
102 + padding-top:.5rem;
103 + padding-bottom:.5rem;
104 + padding-left:1rem;
105 + padding-right:1rem;
106 + background-color:@color-brand-primary;
107 + color: @color-white;
108 + &:hover {
109 + background-color: darken(@color-brand-primary, 10%);
110 + }
111 + &:active {
112 + background-color: darken(@color-brand-primary, 15%);
113 + }
114 +}
115 +
26 26  #xwikicontent .get-started__row__title {
27 27   margin: 1rem 0;
28 28   font-weight: 400;
... ... @@ -116,3 +116,44 @@
116 116   border-top: 1px solid #ccc;
117 117   /*border-bottom: 1px solid #ccc;*/
118 118  }
209 +
210 +.tags__title, .tags__text {
211 + text-align: center;
212 +}
213 +
214 +.tags__title--collaborate,
215 +.tags__title--science,
216 +.tags__title--reproducible,
217 +.tags__title--anywhere {
218 + padding-top: 4rem;
219 + position: relative;
220 +}
221 +
222 +.tags__title--collaborate::before,
223 +.tags__title--science::before,
224 +.tags__title--reproducible::before,
225 +.tags__title--anywhere::before {
226 + position: absolute;
227 + width: 50px;
228 + height: 50px;
229 + background-repeat: none;
230 + top: 0;
231 + margin-left: 50%;
232 + left: -25px;
233 + content: " ";
234 + display: table;
235 +}
236 +
237 +.tags__title--collaborate::before {
238 + background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Collaborate.svg");
239 +}
240 +.tags__title--science::before {
241 + background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Science.svg");
242 +}
243 +.tags__title--reproducible::before {
244 + background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Reproducible.svg");
245 +}
246 +.tags__title--anywhere::before {
247 + background-image: url("/bin/skin/Collaboratory/UX/HbpSkin/Anywhere.svg");
248 +}
249 +