Project

General

Profile

1
<div *ngIf="!authService.isLoggedIn">
2

    
3
  <div class="image-front-topbar uk-section-muted uk-light"
4
       uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-slide-top&quot;,&quot;delay&quot;:false}"
5
       tm-header-transparent="light">
6
    <div style="background-image: url('http://dl119.madgik.di.uoa.gr/images/Test/Birds_Arrow_01.jpg'); background-color: rgb(30, 48, 64); box-sizing: border-box; min-height: calc(100vh - 107.067px);"
7
         class="uk-background-norepeat uk-background-cover uk-background-top-center uk-background-fixed uk-section uk-padding-remove-vertical uk-flex uk-flex-middle"
8
         uk-height-viewport="offset-top: true;offset-bottom: 20">
9

    
10
      <div class="uk-width-1-1">
11

    
12
        <!-- MARGIN-TOP  -->
13
        <div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" aria-hidden="true"></div>
14

    
15
        <div class="uk-container">
16
          <div class="tm-header-placeholder uk-margin-remove-adjacent" style="height: 84px;"></div>
17
          <div class="uk-margin-remove-vertical uk-grid uk-grid-stack" uk-grid="">
18
            <div class="uk-width-1-1@m uk-first-column">
19
              <h1 class="uk-text-center uk-heading-hero uk-scrollspy-inview uk-animation-slide-top"
20
                  uk-scrollspy-class="" style="">
21
                Science. Set free. </h1>
22
            </div>
23
          </div>
24
        </div>
25
      </div>
26
    </div>
27
  </div>
28

    
29
  <div class="first_page_section uk-section-default uk-section uk-padding-remove-vertical">
30
    <div class="first_page_banner_headline uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid uk-grid-stack"
31
         uk-grid="">
32
      <div class="uk-width-1-1@m uk-first-column">
33
        <h1 class="first_page_panel uk-margin-remove-vertical uk-text-center">
34
          One-stop shop for Open Access in Europe </h1>
35
      </div>
36
    </div>
37
  </div>
38

    
39
  <div class="uk-section-default uk-section-overlap uk-section uk-section-xsmall uk-padding-remove-top"
40
       uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-slide-top-medium&quot;,&quot;delay&quot;:false}">
41
    <div class="uk-container">
42
      <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
43
        <div class="uk-width-1-1@m uk-first-column">
44
          <h2 class="uk-text-center uk-scrollspy-inview uk-animation-slide-top-medium"
45
              uk-scrollspy-class="" style="">
46
            What we do </h2>
47
          <hr class="uk-margin-remove-bottom uk-divider-icon uk-scrollspy-inview uk-animation-slide-top-medium"
48
              uk-scrollspy-class="" style="">
49
        </div>
50
      </div>
51
      <div class="uk-flex-middle uk-margin-medium uk-grid" uk-grid="">
52
        <div class="uk-width-expand@m uk-first-column">
53
          <h1 class="uk-margin uk-margin-remove-bottom uk-text-center uk-h4 uk-scrollspy-inview uk-animation-slide-top-medium"
54
              uk-scrollspy-class="" style="">
55
            Operate services to implement open science policies </h1>
56

    
57
          <div class="uk-margin uk-text-center uk-scrollspy-inview uk-animation-slide-top-medium"
58
               uk-scrollspy-class="" style="">
59
            <p>We operate a <strong>participatory</strong> infrastructure to support the <strong>interoperability</strong>&nbsp;and
60
              <strong>connectivity</strong> of all research related data sources and produce
61
              an&nbsp;<strong>interlinked scholarly communication graph.</strong></p></div>
62
          <h1 class="uk-margin-large uk-margin-remove-bottom uk-text-center uk-h4 uk-scrollspy-inview uk-animation-slide-top-medium"
63
              uk-scrollspy-class="" style="">
64
            Offer Open Science services to research communities </h1>
65

    
66
          <div class="uk-margin uk-text-center@m uk-text-center uk-scrollspy-inview uk-animation-slide-left-medium"
67
               uk-scrollspy-class="uk-animation-slide-left-medium" style="">
68
            <p style="text-align: center;">We provide <strong>tailored versions of OpenAIRE's tools and
69
              services</strong> (deposition, aggregation, cleaning, enrichment, claiming) to research
70
              communities for their open science needs.</p></div>
71
        </div>
72
        <div class="uk-width-expand@m">
73
          <h1 class="uk-margin uk-margin-remove-bottom uk-text-center uk-h4 uk-scrollspy-inview uk-animation-slide-top-medium"
74
              uk-scrollspy-class="" style="">
75
            Support Open Access and open science policies </h1>
76

    
77
          <div class="uk-margin uk-text-center@m uk-text-center uk-scrollspy-inview uk-animation-slide-left-medium"
78
               uk-scrollspy-class="uk-animation-slide-left-medium" style="">
79
            <p>We are shaping and implementing effective OA and Open Science policies via our network of
80
              <strong>33 National Open Access Desk (NOADs)</strong>&nbsp; that form a <strong>pan-European
81
                Helpdesk</strong>.</p></div>
82
          <div class="uk-margin-large uk-scrollspy-inview uk-animation-slide-top-medium"
83
               uk-scrollspy-class="" style="">
84
            <div class="uk-box-shadow-bottom"><img
85
              src="http://dl119.madgik.di.uoa.gr/images/Background_images/Worldmap_network1.png"
86
              class="el-image uk-box-shadow-medium" alt=""></div>
87
          </div>
88
          <h1 class="uk-margin uk-margin-remove-bottom uk-text-center uk-h4 uk-scrollspy-inview uk-animation-slide-top-medium"
89
              uk-scrollspy-class="" style="">
90
            Offer an open innovation platform </h1>
91

    
92
          <div class="uk-margin uk-text-center uk-scrollspy-inview uk-animation-slide-top-medium"
93
               uk-scrollspy-class="" style="">
94
            <p>We open up OpenAIRE's scholarly communication graph for others to use and to <strong>build
95
              value added services</strong>, and actively promote <strong>open, innovative services
96
              from 3rd party providers</strong> to accelarate open scholarship.</p></div>
97
        </div>
98
        <div class="uk-width-expand@m">
99
          <h1 class="uk-margin uk-margin-remove-bottom uk-text-center uk-h4 uk-scrollspy-inview uk-animation-slide-top-medium"
100
              uk-scrollspy-class="" style="">
101
            Provide a European wide Research Information platform </h1>
102

    
103
          <div class="uk-margin uk-text-center uk-scrollspy-inview uk-animation-slide-top-medium"
104
               uk-scrollspy-class="" style="">
105
            <p>We operate a <strong>monitoring and analysis platform</strong> for all European research.
106
              We promote transparency with reports <strong>available to all</strong>.</p></div>
107
          <h1 class="uk-margin-large uk-margin-remove-bottom uk-text-center uk-h4 uk-scrollspy-inview uk-animation-slide-top-medium"
108
              uk-scrollspy-class="" style="">
109
            <div>Act as Europe's Open Science Gateway to the world</div>
110
          </h1>
111
          <div class="uk-margin uk-text-center@m uk-text-center uk-scrollspy-inview uk-animation-slide-left-medium"
112
               uk-scrollspy-class="uk-animation-slide-left-medium" style="">
113
            <p>We connect Europe and its outcomes to the global research ecosystem&nbsp;via <strong>common
114
              access policies, data standards, and data exchange</strong>. </p></div>
115
        </div>
116
      </div>
117
      <div class="uk-margin-large uk-grid uk-grid-stack" uk-grid="">
118
        <div class="uk-width-1-1@m uk-first-column">
119
          <div class="uk-margin uk-text-center uk-scrollspy-inview uk-animation-slide-bottom-medium"
120
               uk-scrollspy-class="uk-animation-slide-bottom-medium" style="">
121
            <a class="el-content uk-button uk-button-default" href="#" title="Explore More"
122
               uk-scroll="">
123
              Learn More
124
            </a>
125
          </div>
126
        </div>
127
      </div>
128
    </div>
129
  </div>
130
</div>
131

    
132
<div *ngIf="authService.isLoggedIn" id="contentWrapper" class="tm-main uk-section uk-section-default" uk-height-viewport="expand: true" style="box-sizing: border-box;" >
133
  <div>
134
    <div class="uk-container">
135
      <div class="uk-grid uk-grid-stack">
136
        <div class="uk-width-expand@m">
137
          <div>
138
            <div class="gwt-HTML">
139
              <!-- MARGIN-TOP  -->
140
              <div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" aria-hidden="aria-hidden"></div>
141
              <div class="uk-width-1-1@m uk-first-column">
142
                <div class="uk-margin uk-grid-match uk-child-width-1-1 uk-child-width-1-2@m uk-grid-small uk-grid uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" uk-grid="" style="">
143
                  <div class="uk-first-column">
144
                    <div class="el-item uk-card uk-card-hover uk-card-body uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
145
                      <a class="el-link uk-position-cover uk-margin-remove-adjacent" [routerLink]="['/sources','register']" uk-scroll=""></a>
146
                      <div class="uk-child-width-expand uk-flex-middle uk-grid" uk-grid="">
147
                        <div class="uk-width-1-2@m uk-first-column">
148
                          <img  class="el-image uk-border-rounded" src="./assets/imgs/iStock-153949408.jpg" >
149
                        </div>
150
                        <div>
151
                          <div>
152
                            <h3 class="el-title uk-margin uk-card-title">Register</h3>
153
                            <div class="el-content uk-margin">
154
                              Register data sources in the OpenAIRE infrastructure
155
                            </div>
156
                          </div>
157
                        </div>
158
                      </div>
159
                    </div>
160
                  </div>
161
                  <div>
162
                    <div class="el-item uk-card uk-card-hover uk-card-body uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
163
                      <a class="el-link uk-position-cover uk-margin-remove-adjacent" [routerLink]="['/compatibility','validation']" uk-scroll=""></a>
164
                      <div class="uk-child-width-expand uk-flex-middle uk-grid" uk-grid="">
165
                        <div class="uk-width-1-2@m uk-first-column">
166
                          <img  class="el-image uk-border-rounded" src="./assets/imgs/iStock-516286898.jpg" >
167
                        </div>
168
                        <div>
169
                          <div>
170
                            <h3 class="el-title uk-margin uk-card-title">Validate</h3>
171
                            <div class="el-content uk-margin">
172
                              Validate data sources against OpenAIRE guidelines
173
                            </div>
174
                          </div>
175
                        </div>
176
                      </div>
177
                    </div>
178
                  </div>
179
                  <div class="uk-grid-margin uk-first-column">
180
                    <div class="el-item uk-card uk-card-hover uk-card-body uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
181
                      <a class="el-link uk-position-cover uk-margin-remove-adjacent" [routerLink]="['/content','notifications']" uk-scroll=""></a>
182
                      <div class="uk-child-width-expand uk-flex-middle uk-grid" uk-grid="">
183
                        <div class="uk-width-1-2@m uk-first-column">
184
                          <img  class="el-image uk-border-rounded" src="./assets/imgs/iStock-466267165.jpg" >
185
                        </div>
186
                        <div>
187
                          <div>
188
                            <h3 class="el-title uk-margin uk-card-title">Notifications</h3>
189
                            <div class="el-content uk-margin">
190
                              View notifications to enrich the metadata and the content
191
                            </div>
192
                          </div>
193
                        </div>
194
                      </div>
195
                    </div>
196
                  </div>
197
                  <div class="uk-grid-margin">
198
                    <div class="el-item uk-card uk-card-hover uk-card-body uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
199
                      <a class="el-link uk-position-cover uk-margin-remove-adjacent" href="#" uk-scroll="" [routerLink]="['/getImpact']"></a>
200
                      <div class="uk-child-width-expand uk-flex-middle uk-grid" uk-grid="">
201
                        <div class="uk-width-1-2@m uk-first-column">
202
                          <img  class="el-image uk-border-rounded" src="./assets/imgs/iStock-659630328.jpg" >
203
                        </div>
204
                        <div>
205
                          <div>
206
                            <h3 class="el-title uk-margin uk-card-title">Metrics</h3>
207
                            <div class="el-content uk-margin">
208
                              View aggregated, cleaned usage statistics for repository access
209
                            </div>
210
                          </div>
211
                        </div>
212
                      </div>
213
                    </div>
214
                  </div>
215
                </div>
216
              </div>
217
            </div>
218
          </div>
219
        </div>
220
      </div>
221
    </div>
222
  </div>
223
</div>
(1-1/2)