Revision 58535
Added by Konstantinos Triantafyllou almost 4 years ago
communities.component.html | ||
---|---|---|
2 | 2 |
[logoURL]="properties.baseLink+'/assets/common-assets/logo-small-connect.png'" type="home" |
3 | 3 |
name="OpenAIRE Connect"> |
4 | 4 |
</schema2jsonld> |
5 |
<div |
|
6 |
class="image-front-topbar" |
|
7 |
uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}" |
|
8 |
tm-header-transparent="light" tm-header-transparent-placeholder=""> |
|
9 |
<helper *ngIf="pageContents && pageContents['left'] && pageContents['left'].length > 0" |
|
10 |
[texts]="pageContents['left']"></helper> |
|
11 |
<!--<div style="background-image: url('assets/home/banner.jpg') !important;" |
|
12 |
class="uk-section uk-background-norepeat uk-background-bottom-center uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color"> |
|
13 |
<div class=" uk-section uk-padding-remove-bottom"> |
|
14 |
<div class="uk-position-cover"></div> |
|
15 |
<div class="uk-position-relative uk-panel"> |
|
16 |
<div class="uk-container uk-container-large uk-section"> |
|
17 |
<div class="uk-grid"> |
|
18 |
<div class="uk-width-1-2@m uk-width-1-1@s"> |
|
19 |
<div class="uk-h1">Build an Open Research <b>Gateway</b> for your <b>Community</b></div> |
|
20 |
<h4 class="uk-margin-remove-top">Turn Open Science into practice</h4> |
|
21 |
<div class="uk-h5 uk-margin-top">Share and link your research results.<br> |
|
22 |
Across organizations, across borders.<br>Customized to your needs. |
|
23 |
</div> |
|
24 |
</div> |
|
25 |
<div class="uk-width-1-1 uk-inline uk-margin-medium-top uk-margin-medium-bottom"> |
|
26 |
<a class="uk-button portal-button" routerLink="/about/learn-how" routerLinkActive="router-link-active"> |
|
27 |
LEARN |
|
28 |
HOW</a> |
|
29 |
</div> |
|
5 |
<div style="background-color: #FAFAFA"> |
|
6 |
<div class="image-front-topbar" |
|
7 |
uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}" |
|
8 |
tm-header-transparent="light" tm-header-transparent-placeholder=""> |
|
9 |
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0" |
|
10 |
[texts]="pageContents['top']"></helper> |
|
11 |
</div> |
|
12 |
<div *ngIf="researchCommunities.length === 0" class="uk-container uk-container-large uk-margin-large-bottom"> |
|
13 |
<errorMessages [status]="[status]" [type]="'communities'"></errorMessages> |
|
14 |
</div> |
|
15 |
<div *ngIf="!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-margin-large-bottom"> |
|
16 |
<h2 class="uk-text-bold">Community Gateways already in action</h2> |
|
17 |
<div [class]="'uk-margin-medium-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')"> |
|
18 |
<div |
|
19 |
class="uk-grid-match uk-grid-medium uk-child-width-1-5@m uk-child-width-1-2 uk-text-center" |
|
20 |
uk-grid uk-height-match=".community"> |
|
21 |
<div *ngFor="let community of researchCommunities.slice(0, 5); let i = index"> |
|
22 |
<div class="uk-padding-small uk-card uk-card-default communityCard"> |
|
23 |
<browse-community [community]=community></browse-community> |
|
30 | 24 |
</div> |
31 | 25 |
</div> |
32 | 26 |
</div> |
33 |
</div> |
|
34 |
</div>--> |
|
35 |
</div> |
|
36 |
<div> |
|
37 |
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0" |
|
38 |
[texts]="pageContents['top']"></helper> |
|
39 |
<!--<div class="uk-container uk-container-large uk-margin-medium-top"> |
|
40 |
<div class="uk-text-center uk-text-bold uk-h4">Open and FAIR science is our mission</div> |
|
41 |
<div class="uk-margin-medium-top"> |
|
42 |
<div class="uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-match uk-grid-medium uk-grid-margin" |
|
43 |
uk-height-match=".target" uk-grid> |
|
44 |
<div> |
|
45 |
<div class="uk-card uk-card-default uk-padding-small connectInfoCard"> |
|
46 |
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center"> |
|
47 |
<div class="target"> |
|
48 |
<img src="assets/connect-assets/home/1.png" width="100" height="89"> |
|
49 |
</div> |
|
50 |
</div> |
|
51 |
<div class="uk-card-body uk-padding-remove-horizontal uk-padding-remove-bottom"> |
|
52 |
<div class="target"> |
|
53 |
<h5 class="uk-text-bold uk-text-center">A Virtual Research Environment</h5> |
|
54 |
<div>An overlay platform making it easy to share, link, disseminate and monitor all your publications, |
|
55 |
data, software, methods. In one place. |
|
56 |
</div> |
|
57 |
</div> |
|
58 |
<hr> |
|
59 |
<div> |
|
60 |
<div class="uk-text-uppercase text-center">Features</div> |
|
61 |
<ul class="uk-list"> |
|
62 |
<li> |
|
63 |
<span |
|
64 |
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" |
|
65 |
uk-icon="check"> |
|
66 |
</span> |
|
67 |
Access to OpenAIRE resources |
|
68 |
</li> |
|
69 |
<li> |
|
70 |
<span |
|
71 |
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" |
|
72 |
uk-icon="check"> |
|
73 |
</span> |
|
74 |
Moderated, front-end linking |
|
75 |
</li> |
|
76 |
<li> |
|
77 |
<span |
|
78 |
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" |
|
79 |
uk-icon="check"> |
|
80 |
</span> |
|
81 |
Cross-platform search |
|
82 |
</li> |
|
83 |
</ul> |
|
84 |
</div> |
|
85 |
</div> |
|
86 |
</div> |
|
87 |
</div> |
|
88 |
<div> |
|
89 |
<div class="uk-card uk-card-default uk-padding-small connectInfoCard"> |
|
90 |
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center"> |
|
91 |
<div class="target"> |
|
92 |
<img src="assets/connect-assets/home/2.png" width="100" height="108"> |
|
93 |
</div> |
|
94 |
</div> |
|
95 |
<div class="uk-card-body uk-padding-remove-horizontal uk-padding-remove-bottom"> |
|
96 |
<div class="target"> |
|
97 |
<h5 class="uk-text-bold uk-text-center">Open Science in action</h5> |
|
98 |
<div>A time-saving bundle of services for researchers to effortlessly practice open science. An integral |
|
99 |
part of the European Open Science Cloud. |
|
100 |
</div> |
|
101 | 27 |
|
102 |
</div> |
|
103 |
<hr> |
|
104 |
<div> |
|
105 |
<div class="uk-text-uppercase text-center">Features</div> |
|
106 |
<ul class="uk-list"> |
|
107 |
<li> |
|
108 |
<span |
|
109 |
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" |
|
110 |
uk-icon="check"> |
|
111 |
</span> |
|
112 |
Use of OpenAIRE Guidelines |
|
113 |
</li> |
|
114 |
<li> |
|
115 |
<span |
|
116 |
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" |
|
117 |
uk-icon="check"> |
|
118 |
</span> |
|
119 |
DOIs via Zenodo |
|
120 |
</li> |
|
121 |
<li> |
|
122 |
<span |
|
123 |
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" |
|
124 |
uk-icon="check"> |
|
125 |
</span> |
|
126 |
EOSC Single Sign-On |
|
127 |
</li> |
|
128 |
</ul> |
|
129 |
</div> |
|
130 |
</div> |
|
131 |
</div> |
|
132 |
</div> |
|
133 |
<div> |
|
134 |
<div class="uk-card uk-card-default uk-padding-small connectInfoCard"> |
|
135 |
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center"> |
|
136 |
<div class="target"> |
|
137 |
<img src="assets/connect-assets/home/3.png" width="120" height="104"> |
|
138 |
</div> |
|
139 |
</div> |
|
140 |
<div class="uk-card-body uk-padding-remove-horizontal uk-padding-remove-bottom"> |
|
141 |
<div class="target"> |
|
142 |
<h5 class="uk-text-bold uk-text-center">Customized to your needs</h5> |
|
143 |
<div>A Science Gateway with your own brand, rules for aggregation, text & data mining, and |
|
144 |
presentation. Run by you via a simple, yet powerful backend administration tool. |
|
145 |
</div> |
|
146 |
</div> |
|
147 |
<hr> |
|
148 |
<div> |
|
149 |
<div class="uk-text-uppercase text-center">Features</div> |
|
150 |
<ul class="uk-list"> |
|
151 |
<li> |
|
152 |
<span |
|
153 |
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" |
|
154 |
uk-icon="check"> |
|
155 |
</span> |
|
156 |
Access control |
|
157 |
</li> |
|
158 |
<li> |
|
159 |
<span |
|
160 |
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" |
|
161 |
uk-icon="check"> |
|
162 |
</span> |
|
163 |
Analytics: rich set of indicators |
|
164 |
</li> |
|
165 |
<li> |
|
166 |
<span |
|
167 |
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right" |
|
168 |
uk-icon="check"> |
|
169 |
</span> |
|
170 |
Look & feel to match your brand |
|
171 |
</li> |
|
172 |
</ul> |
|
173 |
</div> |
|
174 |
</div> |
|
175 |
</div> |
|
176 |
</div> |
|
177 |
</div> |
|
178 | 28 |
</div> |
29 |
<div class="uk-text-right uk-margin-top"> |
|
30 |
<a *ngIf="researchCommunities.length > 5" class="portal-link uk-text-uppercase uk-text-bold uk-text-small" |
|
31 |
routerLinkActive="router-link-active" routerLink="/search/find/communities"> |
|
32 |
Browse All > |
|
33 |
</a> |
|
34 |
</div> |
|
179 | 35 |
</div> |
180 |
<div style="background-image: url('assets/home/background.png') !important;" |
|
181 |
class="uk-margin-large-top uk-section uk-background-norepeat uk-background-top-center uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color"> |
|
36 |
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" |
|
37 |
[texts]="pageContents['bottom']"></helper> |
|
38 |
<div class="uk-section-muted" |
|
39 |
uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}"> |
|
182 | 40 |
<div class="uk-container uk-container-large"> |
183 |
<gif-slider [gifs]="gifs" [link]="true" [linkTitle]="'learn more'" [route]="'/about/learn-how'"> |
|
184 |
</gif-slider> |
|
41 |
<other-portals [properties]="properties"></other-portals> |
|
185 | 42 |
</div> |
186 |
</div>--> |
|
187 |
</div> |
|
188 |
<div *ngIf="researchCommunities.length === 0" class="uk-container uk-container-large uk-margin-medium-top"> |
|
189 |
<errorMessages [status]="[status]" [type]="'communities'"></errorMessages> |
|
190 |
</div> |
|
191 |
<div *ngIf="!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-margin-medium-top"> |
|
192 |
<div class="uk-text-bold uk-h4">Community Gateways in Action</div> |
|
193 |
<div [class]="'uk-margin-medium-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')"> |
|
43 |
</div> |
|
194 | 44 |
|
195 |
<div |
|
196 |
class="uk-grid-match uk-grid-medium uk-child-width-1-5@m uk-child-width-1-2 uk-text-center" |
|
197 |
uk-grid uk-height-match=".community"> |
|
198 |
<div *ngFor="let community of researchCommunities.slice(0, 5); let i = index"> |
|
199 |
<div class="uk-padding-small uk-card uk-card-default communityCard"> |
|
200 |
<browse-community [community]=community></browse-community> |
|
201 |
</div> |
|
202 |
</div> |
|
203 |
</div> |
|
204 |
|
|
205 |
</div> |
|
206 |
<div class="uk-text-right uk-margin-top"> |
|
207 |
<a *ngIf="researchCommunities.length > 5" class="portal-link uk-text-uppercase uk-text-bold uk-text-small" |
|
208 |
routerLinkActive="router-link-active" routerLink="/search/find/communities"> |
|
209 |
Browse All > |
|
210 |
</a> |
|
211 |
</div> |
|
212 |
</div> |
|
213 |
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" |
|
214 |
[texts]="pageContents['bottom']"></helper> |
|
215 |
<!--<div style="background-color: #CFDEF1;" |
|
216 |
class="uk-background-norepeat uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color uk-margin-large-top"> |
|
217 |
<div class="uk-container uk-container-large uk-section"> |
|
218 |
<div class="uk-flex uk-flex-middle uk-padding" uk-grid> |
|
219 |
<div class="uk-text-center uk-width-1-1@s uk-width-1-3@m"> |
|
220 |
<img width="237" height="250" src="assets/connect-assets/contact/1.png"> |
|
221 |
</div> |
|
222 |
<div class="uk-width-expand"> |
|
223 |
<div class="uk-text-bold uk-h4"> |
|
224 |
<div>Let us help you develop a collaborative Open Science Gateway for your community. It is fast. It is |
|
225 |
reliable. |
|
226 |
</div> |
|
227 |
</div> |
|
228 |
<div class="uk-margin-medium">Get in touch with our team to find out how.</div> |
|
229 |
<div class="uk-inline"> |
|
230 |
<a class="uk-button portal-button" routerLink="/contact-us" routerLinkActive="router-link-active"> CONTACT |
|
231 |
US</a> |
|
232 |
</div> |
|
233 |
</div> |
|
234 |
</div> |
|
235 |
</div> |
|
236 |
</div>--> |
|
237 |
<div class="uk-section-muted" |
|
238 |
uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}"> |
|
239 |
<div class="uk-container uk-container-large"> |
|
240 |
<other-portals [properties]="properties"></other-portals> |
|
241 |
</div> |
|
242 |
</div> |
|
45 |
</div> |
Also available in: Unified diff
[Connect | Trunk]: Change paqes base on new mocks.