[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.

This commit is contained in:
konstantina.galouni 2020-06-16 23:31:22 +00:00
parent 50812196e9
commit 2fe339c503
3 changed files with 59 additions and 56 deletions

View File

@ -1,3 +1,4 @@
<!--class="uk-margin-left uk-margin-right"-->
<div>
<div class="uk-section uk-container about-background">
<div class="uk-margin-large-left uk-margin-top">

View File

@ -18,6 +18,8 @@
border-top: 1px solid #BFBFBF;
}
.border-right {
border-right: 1px solid #BFBFBF;
@media only screen and (min-width: 960px) {
.border-right {
border-right: 1px solid #BFBFBF;
}
}

View File

@ -54,67 +54,67 @@
</div>
</div>
</div>
<div>
<div class="uk-section uk-container uk-container-large how-background uk-text-break">
<div class="uk-card uk-card-default uk-card-body card-text
<!-- <div class="uk-margin-left uk-margin-right">-->
<div class="uk-section uk-container uk-container-large how-background">
<div class="uk-card uk-card-default uk-card-body card-text uk-text-break
uk-margin-large-bottom uk-margin-medium-left uk-margin-medium-right">
<h6 class="card-title uk-text-uppercase uk-text-center">Follow USAGE STATISTICS guidelines</h6>
<div class="uk-grid uk-padding">
<div class="uk-width-1-2 uk-padding border-top border-right">
<img src="/assets/usage-statistics-assets/resources/guidelines.svg"/>
<p class="card-title">Guidelines</p>
<div>
<a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">
https://openaire.github.io/usage-statistics-guidelines/
</a>
</div>
<h6 class="card-title uk-text-uppercase uk-text-center">Follow USAGE STATISTICS guidelines</h6>
<div class="uk-grid uk-width-1-1 uk-child-width-1-2@m uk-padding">
<div class="uk-padding border-top border-right">
<img src="/assets/usage-statistics-assets/resources/guidelines.svg"/>
<p class="card-title">Guidelines</p>
<div>
<a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">
https://openaire.github.io/usage-statistics-guidelines/
</a>
</div>
<div class="uk-width-1-2 uk-padding border-top">
<img src="/assets/usage-statistics-assets/resources/software.svg"/>
<p class="card-title">Software</p>
<ul class="uk-list">
<li>
<span class="uk-text-bold">Generic Matomo Tracker - </span>
<a href="https://github.com/openaire/Generic-Matomo-Tracker" target="_blank">
https://github.com/openaire/Generic-Matomo-Tracker
</a>
</li>
<li>
<span class="uk-text-bold">Matomo tracker for DSpace - </span>
<a href=" https://github.com/openaire/OpenAIRE-Piwik-DSpace" target="_blank">
https://github.com/openaire/OpenAIRE-Piwik-DSpace
</a>
</li>
<li>
<span class="uk-text-bold">Matomo tracker for Eprints - </span>
<a href="https://github.com/openaire/EPrints-OAPiwik" target="_blank">
https://github.com/openaire/EPrints-OAPiwik
</a>
</li>
</ul>
</div>
<div class="uk-width-1-2 uk-padding border-top border-right">
<img src="/assets/usage-statistics-assets/resources/services.svg"/>
<p class="card-title">Services API</p>
<div>
<span class="uk-text-bold">SUSHI Lite Endpoint - </span>
<a href="http://services.openaire.eu/usagestats/sushilite/" target="_blank">
http://services.openaire.eu/usagestats/sushilite/
</div>
<div class="uk-padding border-top">
<img src="/assets/usage-statistics-assets/resources/software.svg"/>
<p class="card-title">Software</p>
<ul class="uk-list">
<li>
<span class="uk-text-bold">Generic Matomo Tracker - </span>
<a href="https://github.com/openaire/Generic-Matomo-Tracker" target="_blank">
https://github.com/openaire/Generic-Matomo-Tracker
</a>
</div>
</div>
<div class="uk-width-1-2 uk-padding border-top">
<img src="/assets/usage-statistics-assets/resources/faq.svg"/>
<p class="card-title">FAQ</p>
<div>
<a href="https://docs.google.com/document/d/1404yRWhSzGUtqkrxydXsxUqMUEs2dWn8AJ-RCe7RZ7o/edit?usp=sharing"
target="_blank">
https://docs.google.com/document/d/1404yRWhSzGUtqkrxydXsxUqMUEs2dWn8AJ-RCe7RZ7o/edit?usp=sharing
</li>
<li>
<span class="uk-text-bold">Matomo tracker for DSpace - </span>
<a href=" https://github.com/openaire/OpenAIRE-Piwik-DSpace" target="_blank">
https://github.com/openaire/OpenAIRE-Piwik-DSpace
</a>
</div>
</li>
<li>
<span class="uk-text-bold">Matomo tracker for Eprints - </span>
<a href="https://github.com/openaire/EPrints-OAPiwik" target="_blank">
https://github.com/openaire/EPrints-OAPiwik
</a>
</li>
</ul>
</div>
<div class="uk-padding border-top border-right">
<img src="/assets/usage-statistics-assets/resources/services.svg"/>
<p class="card-title">Services API</p>
<div>
<span class="uk-text-bold">SUSHI Lite Endpoint - </span>
<a href="http://services.openaire.eu/usagestats/sushilite/" target="_blank">
http://services.openaire.eu/usagestats/sushilite/
</a>
</div>
</div>
<div class="uk-padding border-top">
<img src="/assets/usage-statistics-assets/resources/faq.svg"/>
<p class="card-title">FAQ</p>
<div>
<a href="https://docs.google.com/document/d/1404yRWhSzGUtqkrxydXsxUqMUEs2dWn8AJ-RCe7RZ7o/edit?usp=sharing"
target="_blank">
https://docs.google.com/document/d/1404yRWhSzGUtqkrxydXsxUqMUEs2dWn8AJ-RCe7RZ7o/edit?usp=sharing
</a>
</div>
</div>
</div>
</div>
</div>
<!-- </div>-->
</div>