Project

General

Profile

« Previous | Next » 

Revision 58535

[Connect | Trunk]: Change paqes base on new mocks.

View differences:

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="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;: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="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;: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="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;: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="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;: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