Revision 58317
Added by Stefania Martziou about 4 years ago
home.component.html | ||
---|---|---|
63 | 63 |
<li class="ng-star-inserted uk-active" tabindex="-1" style="order: 1;"> |
64 | 64 |
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> |
65 | 65 |
<div class="uk-first-column"> |
66 |
<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/validate.gif"> |
|
66 |
<video class="uk-box-shadow-large uk-border-rounded" autoplay loop> |
|
67 |
<source src="../../../../assets/mp4/validate.mp4" type="video/mp4"> |
|
68 |
</video> |
|
69 |
<!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/validate.gif">--> |
|
67 | 70 |
</div> |
68 | 71 |
<div class="uk-margin-top"> |
69 | 72 |
<div> |
... | ... | |
84 | 87 |
<li tabindex="-1" style="order: 1;"> |
85 | 88 |
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> |
86 | 89 |
<div class="uk-first-column"> |
87 |
<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/register.gif"> |
|
90 |
<video class="uk-box-shadow-large uk-border-rounded" autoplay loop> |
|
91 |
<source src="../../../../assets/mp4/register.mp4" type="video/mp4"> |
|
92 |
</video> |
|
93 |
<!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/register.gif">--> |
|
88 | 94 |
</div> |
89 | 95 |
<div class="uk-margin-top"> |
90 | 96 |
<div> |
... | ... | |
105 | 111 |
<li tabindex="-1" style="order: 1;"> |
106 | 112 |
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> |
107 | 113 |
<div class="uk-first-column"> |
108 |
<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/enrichments.gif"> |
|
114 |
<video class="uk-box-shadow-large uk-border-rounded" autoplay loop> |
|
115 |
<source src="../../../../assets/mp4/enrich.mp4" type="video/mp4"> |
|
116 |
</video> |
|
117 |
<!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/enrichments.gif">--> |
|
109 | 118 |
</div> |
110 | 119 |
<div class="uk-margin-top"> |
111 | 120 |
<div> |
... | ... | |
126 | 135 |
<li tabindex="-1" style="order: 1;"> |
127 | 136 |
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> |
128 | 137 |
<div class="uk-first-column"> |
129 |
<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/usageStats.gif"> |
|
138 |
<video class="uk-box-shadow-large uk-border-rounded" autoplay loop> |
|
139 |
<source src="../../../../assets/mp4/usage-stat.mp4" type="video/mp4"> |
|
140 |
</video> |
|
141 |
<!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/usageStats.gif">--> |
|
130 | 142 |
</div> |
131 | 143 |
<div class="uk-margin-top"> |
132 | 144 |
<div> |
... | ... | |
170 | 182 |
<div class="uk-width-expand"> |
171 | 183 |
<h1 class="uk-text-center">Do numbers make you happy?</h1> |
172 | 184 |
|
173 |
<div class="uk-grid uk-child-width-1-4@l uk-margin-medium-left uk-margin-medium-right uk-text-center" style="display: flex;align-items: center;height: 70%;"> |
|
185 |
<div class="uk-grid uk-child-width-1-4@l uk-child-width-1-1@s uk-margin-medium-left uk-margin-medium-right uk-text-center" style="display: flex;align-items: center;height: 70%;">
|
|
174 | 186 |
|
175 |
<div> |
|
187 |
<div class="uk-margin-top">
|
|
176 | 188 |
<div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.literature) ? (statisticsNumbers.literature | number) : 'N/A' }}</div> |
177 | 189 |
<div class="uk-text-uppercase">Literature repositories</div> |
178 | 190 |
</div> |
179 | 191 |
|
180 |
<div> |
|
192 |
<div class="uk-margin-top">
|
|
181 | 193 |
<div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.journal) ? (statisticsNumbers.journal | number) : 'N/A' }}</div> |
182 | 194 |
<div class="uk-text-uppercase">Data repositories</div> |
183 | 195 |
</div> |
184 | 196 |
|
185 |
<div> |
|
197 |
<div class="uk-margin-top">
|
|
186 | 198 |
<div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.dataRepositories) ? (statisticsNumbers.dataRepositories | number) : 'N/A' }}</div> |
187 | 199 |
<div class="uk-text-uppercase">OA journals</div> |
188 | 200 |
</div> |
189 | 201 |
|
190 |
<div> |
|
202 |
<div class="uk-margin-top">
|
|
191 | 203 |
<div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.aggregators) ? (statisticsNumbers.aggregators | number) : 'N/A' }}</div> |
192 | 204 |
<div class="uk-text-uppercase">Aggregators</div> |
193 | 205 |
</div> |
... | ... | |
198 | 210 |
|
199 | 211 |
</div> |
200 | 212 |
|
201 |
<div class="uk-container uk-container-large"> |
|
202 |
<div class="uk-grid uk-child-width-1-5@l uk-margin-medium-left"> |
|
213 |
<div class="uk-container uk-container-large uk-margin-top">
|
|
214 |
<div class="uk-grid uk-child-width-1-5@l uk-child-width-1-1@s uk-margin-medium-left">
|
|
203 | 215 |
|
204 |
<div> |
|
216 |
<div class="uk-margin-top">
|
|
205 | 217 |
<h3>{{ (statisticsNumbers && statisticsNumbers.publications) ? (statisticsNumbers.publications | number) : 'N/A' }}</h3> |
206 | 218 |
<div class="uk-text-uppercase text-small iconsWithText"> |
207 | 219 |
<span><i class="fas fa-book fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span> |
208 | 220 |
<span>publications</span> |
209 | 221 |
</div> |
210 | 222 |
</div> |
211 |
<div> |
|
223 |
<div class="uk-margin-top">
|
|
212 | 224 |
<h3>{{ (statisticsNumbers && statisticsNumbers.datasets) ? (statisticsNumbers.datasets | number) : 'N/A' }}</h3> |
213 | 225 |
<div class="uk-text-uppercase text-small iconsWithText"> |
214 | 226 |
<span><i class="fas fa-database fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span> |
215 | 227 |
<span>datasets</span> |
216 | 228 |
</div> |
217 | 229 |
</div> |
218 |
<div> |
|
230 |
<div class="uk-margin-top">
|
|
219 | 231 |
<h3>{{ (statisticsNumbers && statisticsNumbers.software) ? (statisticsNumbers.software | number) : 'N/A' }}</h3> |
220 | 232 |
<div class="uk-text-uppercase text-small iconsWithText"> |
221 | 233 |
<span><i class="fas fa-cog fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span> |
222 | 234 |
<span>software</span> |
223 | 235 |
</div> |
224 | 236 |
</div> |
225 |
<div> |
|
237 |
<div class="uk-margin-top">
|
|
226 | 238 |
<h3>{{ (statisticsNumbers && statisticsNumbers.usagestats) ? statisticsNumbers.usagestats : 'N/A' }}</h3> |
227 | 239 |
<div class="uk-text-uppercase text-small iconsWithText"> |
228 | 240 |
<span><i class="fas fa-globe-americas fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span> |
229 | 241 |
<span>metadata exchange events</span> |
230 | 242 |
</div> |
231 | 243 |
</div> |
232 |
<div> |
|
244 |
<div class="uk-margin-top">
|
|
233 | 245 |
<h3>{{ statisticsNumbers ? (statisticsNumbers.lastYearUsagestats.number | number) : 'N/A' }}</h3> |
234 | 246 |
<div class="uk-text-uppercase text-small iconsWithText"> |
235 | 247 |
<span><i class="fas fa-globe-americas fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span> |
Also available in: Unified diff
Some small changes that we decided in the first call with Uminho where we displayed the first version