Project

General

Profile

« Previous | Next » 

Revision 58281

Almost final commit for the new UI

View differences:

home.component.html
163 163
       style="background-image: url('../../../../assets/imgs/landing/abstract2.svg'); !important; min-height: calc(80vh);" uk-height-viewport="offset-top: true; offset-bottom: 20;">
164 164
    <div class="uk-container uk-container-expand">
165 165

  
166
      <div class="uk-grid uk-child-width-1-3@l">
166
      <div *ngIf="statisticsNumbers" class="uk-grid uk-child-width-1-3@l">
167 167
        <div>
168 168
          <img src="../../../../assets/imgs/landing/avakas.png">
169 169
        </div>
......
199 199
    </div>
200 200

  
201 201
    <div class="uk-container uk-container-large">
202
      <div class="uk-grid uk-child-width-1-5@l uk-margin-medium-left">
202
      <div *ngIf="statisticsNumbers" class="uk-grid uk-child-width-1-5@l uk-margin-medium-left">
203 203

  
204 204
        <div>
205 205
          <h3>{{ (statisticsNumbers && statisticsNumbers.publications) ? (statisticsNumbers.publications | number) : 'N/A' }}</h3>
206
          <div class="uk-text-uppercase text-small">publications</div>
206
          <div class="uk-text-uppercase text-small iconsWithText">
207
            <span><i class="fas fa-book fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
208
            <span>publications</span>
209
          </div>
207 210
        </div>
208 211
        <div>
209 212
          <h3>{{ (statisticsNumbers && statisticsNumbers.datasets) ? (statisticsNumbers.datasets | number) : 'N/A' }}</h3>
210
          <div class="uk-text-uppercase text-small">datasets</div>
213
          <div class="uk-text-uppercase text-small iconsWithText">
214
            <span><i class="fas fa-database fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
215
            <span>datasets</span>
216
          </div>
211 217
        </div>
212 218
        <div>
213 219
          <h3>{{ (statisticsNumbers && statisticsNumbers.software) ? (statisticsNumbers.software | number) : 'N/A' }}</h3>
214
          <div class="uk-text-uppercase text-small">software</div>
220
          <div class="uk-text-uppercase text-small iconsWithText">
221
            <span><i class="fas fa-cog fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
222
            <span>software</span>
223
          </div>
215 224
        </div>
216 225
        <div>
217 226
          <h3>{{ (statisticsNumbers && statisticsNumbers.usagestats) ? statisticsNumbers.usagestats : 'N/A' }}</h3>
218
          <div class="uk-text-uppercase text-small">metadata exchange events</div>
227
          <div class="uk-text-uppercase text-small iconsWithText">
228
            <span><i class="fas fa-globe-americas fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
229
            <span>metadata exchange events</span>
230
          </div>
219 231
        </div>
220 232
        <div>
221 233
          <h3>{{ statisticsNumbers ? (statisticsNumbers.lastYearUsagestats.number | number) : 'N/A' }}</h3>
222
          <div class="uk-text-uppercase text-small">usage statistics views & downloads ({{ statisticsNumbers ? statisticsNumbers.lastYearUsagestats.year : 'N/A' }})</div>
234
          <div class="uk-text-uppercase text-small iconsWithText">
235
            <span><i class="fas fa-globe-americas fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
236
            <span>usage statistics views & downloads ({{ statisticsNumbers ? statisticsNumbers.lastYearUsagestats.year : 'N/A' }})</span>
237
          </div>
223 238
        </div>
224 239
      </div>
225 240
    </div>

Also available in: Unified diff