Project

General

Profile

« Previous | Next » 

Revision 58317

Some small changes that we decided in the first call with Uminho where we displayed the first version

View differences:

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