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

Changes in home page 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@52429 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
argiro.kokogiannaki 2018-06-11 09:31:53 +00:00
parent 96d8ed7db1
commit 2301a1e3db
2 changed files with 62 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

110
portal-4cli-lib/src/app/home/home.component.html
View File

@ -53,30 +53,31 @@
<div class="uk-width-1-1@m uk-first-column"> <div class="uk-width-1-1@m uk-first-column">
<div class="uk-margin uk-grid-match uk-child-width-1-1 uk-child-width-1-1@s uk-child-width-1-3@m uk-child-width-1-3@l uk-child-width-1-3@xl uk-grid-parallax uk-grid uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" uk-grid-parallax="translate: " uk-lightbox="toggle: a[data-type]" style="margin-bottom: 0px;"> <div class="uk-margin uk-grid-match uk-child-width-1-1 uk-child-width-1-1@s uk-child-width-1-3@m uk-child-width-1-3@l uk-child-width-1-3@xl uk-grid-parallax uk-grid uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" uk-grid-parallax="translate: " uk-lightbox="toggle: a[data-type]" style="margin-bottom: 0px;">
<!-- Explore --> <!-- Explore -->
<div class="uk-card uk-card-default"> <div class="uk-margin-bottom">
<div class="uk-card-header"> <div class="uk-card uk-card-default">
<a routerLinkActive="uk-link" routerLink="/search/find" class="el-link"> <a routerLinkActive="uk-link" routerLink="/search/find" class="el-link box-links">
<div class="uk-card-header">
<div class="uk-grid-small uk-flex-middle" uk-grid> <div class="uk-grid-small uk-flex-middle" uk-grid>
<div class="uk-width-auto"> <div class="uk-width-auto">
<img class="uk-border-circle" width="40" height="40" src="assets/explore.svg" alt="Explore"> <img class="uk-border-circle" width="40" height="40" src="assets/explore.svg" alt="Explore">
</div> </div>
<div class="uk-width-expand"> <div class="uk-width-expand">
<h3 class="uk-card-title uk-margin-remove-bottom" style="color: #f25f30 !important">Explore</h3> <h3 class="uk-card-title uk-margin-remove-bottom" style="color: #f25f30 !important">Explore</h3>
<p class="uk-text-meta uk-margin-remove-top">Discover linked open research</p> <p class="uk-text-meta uk-margin-remove-top">Discover linked open research</p>
</div> </div>
</div>
</div> </div>
</a> </a>
</div> <div class="uk-card-body">
<div class="uk-card-body"> <p>Search for
<p>Search for publications-data-software and other research artefacts. See how these
publications-data-software and other research artefacts. See how these are linked together and how they are linked to funding and
are linked together and how they are linked to funding and organizations.</p>
organizations.</p> <p>View statistics on projects and institutions.</p>
<p>View statistics on projects and institutions.</p> </div>
</div> </div>
</div> </div>
<!--div class="uk-first-column"> <!--div class="uk-first-column">
<div uk-scrollspy-class="" class="el-item uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" style=""> <div uk-scrollspy-class="" class="el-item uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" style="">
<a routerLinkActive="uk-link" routerLink="/search/find" class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent" data-caption="&lt;h4 class='uk-margin-remove'&gt;Explore &lt;/h4&gt;&lt;div&gt;Search for publications-data-software and other research artefacts. See how these are linked together and how they are linked to funding and organizations.&lt;/div&gt; <a routerLinkActive="uk-link" routerLink="/search/find" class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent" data-caption="&lt;h4 class='uk-margin-remove'&gt;Explore &lt;/h4&gt;&lt;div&gt;Search for publications-data-software and other research artefacts. See how these are linked together and how they are linked to funding and organizations.&lt;/div&gt;
@ -101,27 +102,28 @@
</div--> </div-->
<!-- Share --> <!-- Share -->
<div class="uk-card uk-card-default"> <div class="uk-margin-bottom">
<div class="uk-card-header"> <div class="uk-card uk-card-default">
<a routerLinkActive="uk-link" routerLink="/participate/deposit-publications" class="el-link "> <a routerLinkActive="uk-link" routerLink="/participate/deposit-publications" class="el-link box-links">
<div class="uk-card-header">
<div class="uk-grid-small uk-flex-middle" uk-grid> <div class="uk-grid-small uk-flex-middle" uk-grid>
<div class="uk-width-auto"> <div class="uk-width-auto">
<img class="uk-border-circle" width="40" height="40" src="assets/share.svg" alt="Share"> <img class="uk-border-circle" width="40" height="40" src="assets/share.svg" alt="Share">
</div> </div>
<div class="uk-width-expand"> <div class="uk-width-expand">
<h3 class="uk-card-title uk-margin-remove-bottom" style="color: #22207F !important">Share</h3> <h3 class="uk-card-title uk-margin-remove-bottom" style="color: #22207F !important">Share</h3>
<p class="uk-text-meta uk-margin-remove-top">Deposit in a repository of your choice</p> <p class="uk-text-meta uk-margin-remove-top">Deposit in a repository of your choice</p>
</div> </div>
</div>
</div> </div>
</a> </a>
<div class="uk-card-body">
<p>Select an OpenAIRE compatible repository (2.0 +) so that your research is linked to your funding information.</p>
<p>Use <a href="http://www.zenodo.org/" target="_blank" rel="noopener">ZENODO</a>, a catch-all repository hosted by CERN to deposit all your research results (publications, data, software, etc.)</p>
</div>
</div> </div>
<div class="uk-card-body"> </div>
<p>Select an OpenAIRE compatible repository (2.0 +) so that your research is linked to your funding information.</p>
<p>Use <a href="http://www.zenodo.org/" target="_blank" rel="noopener">ZENODO</a>, a catch-all repository hosted by CERN to deposit all your research results (publications, data, software, etc.)</p>
</div>
</div>
<!--div> <!--div>
<div uk-scrollspy-class="" class="el-item uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" style=""> <div uk-scrollspy-class="" class="el-item uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" style="">
<a routerLinkActive="uk-link" routerLink="/participate/deposit-publications" class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent" data-caption="&lt;h4 class='uk-margin-remove'&gt;Share&lt;/h4&gt;&lt;div class=&quot;uk-margin-bottom&quot;&gt;Select an OpenAIRE compatible repository (2.0 +) so that your research is linked to your funding information.&lt;/div&gt; <a routerLinkActive="uk-link" routerLink="/participate/deposit-publications" class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent" data-caption="&lt;h4 class='uk-margin-remove'&gt;Share&lt;/h4&gt;&lt;div class=&quot;uk-margin-bottom&quot;&gt;Select an OpenAIRE compatible repository (2.0 +) so that your research is linked to your funding information.&lt;/div&gt;
@ -141,26 +143,28 @@
</div> </div>
</div--> </div-->
<!-- Link --> <!-- Link -->
<div class="uk-card uk-card-default"> <div class="uk-margin-bottom">
<div class="uk-card-header"> <div class="uk-card uk-card-default">
<a routerLinkActive="uk-link" routerLink="/participate/claim" class="el-link"> <a routerLinkActive="uk-link" routerLink="/participate/claim" class="el-link box-links">
<div class="uk-card-header">
<div class="uk-grid-small uk-flex-middle" uk-grid> <div class="uk-grid-small uk-flex-middle" uk-grid>
<div class="uk-width-auto"> <div class="uk-width-auto">
<img class="uk-border-circle" width="40" height="40" src="assets/link.svg" alt="Link"> <img class="uk-border-circle" width="40" height="40" src="assets/link.svg" alt="Link">
</div> </div>
<div class="uk-width-expand"> <div class="uk-width-expand">
<h3 class="uk-card-title uk-margin-remove-bottom" style="color: #4687E6 !important">Link</h3> <h3 class="uk-card-title uk-margin-remove-bottom" style="color: #4687E6 !important">Link</h3>
<p class="uk-text-meta uk-margin-remove-top">Connect all your research</p> <p class="uk-text-meta uk-margin-remove-top">Connect all your research</p>
</div> </div>
</div>
</div> </div>
</a> </a>
<div class="uk-card-body">
<p>If you can't find your research results in OpenAIRE, don't worry!</p>
<p>Use our <strong>LINK OUT service</strong>, that reaches out to many external sources via APIs, to connect your research results and <em>claim</em> them to your project.</p>
</div>
</div> </div>
<div class="uk-card-body"> </div>
<p>If you can't find your research results in OpenAIRE, don't worry!</p>
<p>Use our <strong>LINK OUT service</strong>, that reaches out to many external sources via APIs, to connect your research results and <em>claim</em> them to your project.</p>
</div>
</div>
<!--div> <!--div>
<div uk-scrollspy-class="" class="el-item uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" style=""> <div uk-scrollspy-class="" class="el-item uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" style="">
<a routerLinkActive="uk-link" routerLink="/participate/claim" class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent" data-caption="&lt;h4 class='uk-margin-remove'&gt;Link&lt;/h4&gt;&lt;div class=&quot;uk-margin-bottom&quot;&gt;If you don't find your research results in OpenAIRE, don't worry!&lt;/div&gt; <a routerLinkActive="uk-link" routerLink="/participate/claim" class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent" data-caption="&lt;h4 class='uk-margin-remove'&gt;Link&lt;/h4&gt;&lt;div class=&quot;uk-margin-bottom&quot;&gt;If you don't find your research results in OpenAIRE, don't worry!&lt;/div&gt;

5
portal-4cli-lib/src/assets/explore-custom.css
View File

@ -65,3 +65,8 @@
box-sizing: border-box; box-sizing: border-box;
min-height: calc(100vh - 412.767px); min-height: calc(100vh - 412.767px);
} }
.box-links .uk-card-header:hover {
text-decoration: underline;
text-decoration-color: currentcolor;
text-decoration-color: #90929D;
}