Project

General

Profile

« Previous | Next » 

Revision 58948

[Usage Statistics | Trunk]: resources.component: Add border-right on 1st and 3rd card only on medium and larger screens | Cards have width 1-1 in small screens and 1-2 in medium and larger.

View differences:

modules/uoa-usage-statistics/trunk/src/app/about/about.component.html
1
<!--class="uk-margin-left uk-margin-right"-->
1 2
<div>
2 3
  <div class="uk-section uk-container about-background">
3 4
    <div class="uk-margin-large-left uk-margin-top">
modules/uoa-usage-statistics/trunk/src/app/resources/resources.component.css
18 18
    border-top: 1px solid #BFBFBF;
19 19
}
20 20

  
21
.border-right {
22
    border-right: 1px solid #BFBFBF;
21
@media only screen and (min-width: 960px) {
22
    .border-right {
23
        border-right: 1px solid #BFBFBF;
24
    }
23 25
}
modules/uoa-usage-statistics/trunk/src/app/resources/resources.component.html
54 54
      </div>
55 55
    </div>
56 56
  </div>
57
  <div>
58
    <div class="uk-section uk-container uk-container-large how-background uk-text-break">
59
      <div class="uk-card uk-card-default uk-card-body card-text
57
<!--  <div class="uk-margin-left uk-margin-right">-->
58
  <div class="uk-section uk-container uk-container-large how-background">
59
    <div class="uk-card uk-card-default uk-card-body card-text uk-text-break
60 60
                uk-margin-large-bottom uk-margin-medium-left uk-margin-medium-right">
61
        <h6 class="card-title uk-text-uppercase uk-text-center">Follow USAGE STATISTICS guidelines</h6>
62
        <div class="uk-grid uk-padding">
63
          <div class="uk-width-1-2 uk-padding border-top border-right">
64
            <img src="/assets/usage-statistics-assets/resources/guidelines.svg"/>
65
            <p class="card-title">Guidelines</p>
66
            <div>
67
              <a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">
68
                https://openaire.github.io/usage-statistics-guidelines/
69
              </a>
70
            </div>
61
      <h6 class="card-title uk-text-uppercase uk-text-center">Follow USAGE STATISTICS guidelines</h6>
62
      <div class="uk-grid uk-width-1-1 uk-child-width-1-2@m uk-padding">
63
        <div class="uk-padding border-top border-right">
64
          <img src="/assets/usage-statistics-assets/resources/guidelines.svg"/>
65
          <p class="card-title">Guidelines</p>
66
          <div>
67
            <a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">
68
              https://openaire.github.io/usage-statistics-guidelines/
69
            </a>
71 70
          </div>
72
          <div class="uk-width-1-2 uk-padding border-top">
73
            <img src="/assets/usage-statistics-assets/resources/software.svg"/>
74
            <p class="card-title">Software</p>
75
            <ul class="uk-list">
76
              <li>
77
                <span class="uk-text-bold">Generic Matomo Tracker - </span>
78
                <a href="https://github.com/openaire/Generic-Matomo-Tracker" target="_blank">
79
                  https://github.com/openaire/Generic-Matomo-Tracker
80
                </a>
81
              </li>
82
              <li>
83
                <span class="uk-text-bold">Matomo tracker for DSpace - </span>
84
                <a href=" https://github.com/openaire/OpenAIRE-Piwik-DSpace" target="_blank">
85
                  https://github.com/openaire/OpenAIRE-Piwik-DSpace
86
                </a>
87
              </li>
88
              <li>
89
                <span class="uk-text-bold">Matomo tracker for Eprints - </span>
90
                <a href="https://github.com/openaire/EPrints-OAPiwik" target="_blank">
91
                  https://github.com/openaire/EPrints-OAPiwik
92
                </a>
93
              </li>
94
            </ul>
95
          </div>
96
          <div class="uk-width-1-2 uk-padding border-top border-right">
97
            <img src="/assets/usage-statistics-assets/resources/services.svg"/>
98
            <p class="card-title">Services API</p>
99
            <div>
100
              <span class="uk-text-bold">SUSHI Lite Endpoint - </span>
101
              <a href="http://services.openaire.eu/usagestats/sushilite/" target="_blank">
102
                http://services.openaire.eu/usagestats/sushilite/
71
        </div>
72
        <div class="uk-padding border-top">
73
          <img src="/assets/usage-statistics-assets/resources/software.svg"/>
74
          <p class="card-title">Software</p>
75
          <ul class="uk-list">
76
            <li>
77
              <span class="uk-text-bold">Generic Matomo Tracker - </span>
78
              <a href="https://github.com/openaire/Generic-Matomo-Tracker" target="_blank">
79
                https://github.com/openaire/Generic-Matomo-Tracker
103 80
              </a>
104
            </div>
105
          </div>
106
          <div class="uk-width-1-2 uk-padding border-top">
107
            <img src="/assets/usage-statistics-assets/resources/faq.svg"/>
108
            <p class="card-title">FAQ</p>
109
            <div>
110
              <a href="https://docs.google.com/document/d/1404yRWhSzGUtqkrxydXsxUqMUEs2dWn8AJ-RCe7RZ7o/edit?usp=sharing"
111
                 target="_blank">
112
                https://docs.google.com/document/d/1404yRWhSzGUtqkrxydXsxUqMUEs2dWn8AJ-RCe7RZ7o/edit?usp=sharing
81
            </li>
82
            <li>
83
              <span class="uk-text-bold">Matomo tracker for DSpace - </span>
84
              <a href=" https://github.com/openaire/OpenAIRE-Piwik-DSpace" target="_blank">
85
                https://github.com/openaire/OpenAIRE-Piwik-DSpace
113 86
              </a>
114
            </div>
87
            </li>
88
            <li>
89
              <span class="uk-text-bold">Matomo tracker for Eprints - </span>
90
              <a href="https://github.com/openaire/EPrints-OAPiwik" target="_blank">
91
                https://github.com/openaire/EPrints-OAPiwik
92
              </a>
93
            </li>
94
          </ul>
95
        </div>
96
        <div class="uk-padding border-top border-right">
97
          <img src="/assets/usage-statistics-assets/resources/services.svg"/>
98
          <p class="card-title">Services API</p>
99
          <div>
100
            <span class="uk-text-bold">SUSHI Lite Endpoint - </span>
101
            <a href="http://services.openaire.eu/usagestats/sushilite/" target="_blank">
102
              http://services.openaire.eu/usagestats/sushilite/
103
            </a>
115 104
          </div>
116 105
        </div>
106
        <div class="uk-padding border-top">
107
          <img src="/assets/usage-statistics-assets/resources/faq.svg"/>
108
          <p class="card-title">FAQ</p>
109
          <div>
110
            <a href="https://docs.google.com/document/d/1404yRWhSzGUtqkrxydXsxUqMUEs2dWn8AJ-RCe7RZ7o/edit?usp=sharing"
111
               target="_blank">
112
              https://docs.google.com/document/d/1404yRWhSzGUtqkrxydXsxUqMUEs2dWn8AJ-RCe7RZ7o/edit?usp=sharing
113
            </a>
114
          </div>
115
        </div>
117 116
      </div>
118 117
    </div>
119 118
  </div>
119
<!--  </div>-->
120 120
</div>

Also available in: Unified diff