MaDgIK
/
explore-services
13
0
Fork 0
Code Issues Pull Requests Projects Releases 23 Wiki Activity

make graph-section image more responsive

This commit is contained in:
Alex Martzios 2022-05-17 11:40:21 +03:00
parent f00aa33dda
commit e4e2c0aeba
2 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
explore/src/app/home/home.component.css
View File

@ -1,10 +1,6 @@
.home-background {
background-color: var(--light-color);
}
.graph-background {
background-image: url('~src/assets/explore-assets/home/graph.svg');
background-repeat: no-repeat;
}
.link-actions img {
width: 17px;
}

7
explore/src/app/home/home.component.html
View File

@ -208,7 +208,7 @@
<div class="uk-flex uk-flex-column">
<div class="explore-dark-logo-background uk-inline uk-width-1-1" style="height: 50vh;">
<div class="uk-position-center uk-height-1-1" uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; opacity: 1; easing:0">
<img class="uk-height-1-1" src="assets/monitor-assets/home/ipad.png" alt="ipad" loading="lazy">
<img class="uk-height-1-1" src="assets/explore-assets/home/landscape.png" alt="ipad" loading="lazy">
</div>
</div>
<div class="uk-inline uk-width-expand">
@ -233,7 +233,7 @@
</div> -->
<div class="uk-background-muted">
<div class="graph-background uk-background-top-right">
<div class="uk-position-relative">
<div class="uk-section uk-section-large">
<div class="uk-container uk-container-large">
<div class="uk-grid uk-child-width-1-2@m" uk-grid>
@ -251,10 +251,11 @@
</div>
</div>
</div>
<img class="uk-visible@m uk-height-1-1 uk-position-top-right" src="assets/explore-assets/home/graph.svg" alt="ipad" loading="lazy">
</div>
<div class="uk-section uk-padding-remove-top">
<div class="uk-container uk-container-large">
<div class="uk-width-1-2@m uk-margin-auto uk-margin-medium-top uk-text-small">
<div class="uk-width-1-2@m uk-margin-auto uk-margin-small-top uk-text-small">
<div>
Within a constantly emerging scholarly communication environment, the OpenAIRE Research Graph is a moving target, continuously integrating new sources, new types or research objects, and embedding access measures. We therefore welcome the community to work with us to improve all its aspects: its <span class="uk-text-bold">coverage</span> (geographic and thematic), <span class="uk-text-bold">quality</span> (disambiguation and semantics) and <span class="uk-text-bold">access</span> (APIs).
</div>