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

Explore: initial css changes for openaire facelift 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@53354 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
argiro.kokogiannaki 2018-10-01 15:02:37 +00:00
parent 478262ef50
commit e965f97ff8
9 changed files with 106 additions and 211 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
portal-4cli-lib/explore-production-properties.json
View File

@ -70,6 +70,7 @@
"searchLinkToProjects" : "/search/find/projects", "searchLinkToProjects" : "/search/find/projects",
"searchLinkToDatasets" : "/search/find/datasets", "searchLinkToDatasets" : "/search/find/datasets",
"searchLinkToSoftware" : "/search/find/software", "searchLinkToSoftware" : "/search/find/software",
"searchLinkToOrps" : "/search/find/other",
"searchLinkToOrganizations" : "/search/find/organizations", "searchLinkToOrganizations" : "/search/find/organizations",
"searchLinkToCompatibleDataProviders" : "/search/content-providers", "searchLinkToCompatibleDataProviders" : "/search/content-providers",
"searchLinkToCompatibleDataProvidersTable" : "/search/content-providers-table", "searchLinkToCompatibleDataProvidersTable" : "/search/content-providers-table",
@ -82,7 +83,10 @@
"searchLinkToAdvancedProjects" : "/search/advanced/projects", "searchLinkToAdvancedProjects" : "/search/advanced/projects",
"searchLinkToAdvancedDatasets" : "/search/advanced/datasets", "searchLinkToAdvancedDatasets" : "/search/advanced/datasets",
"searchLinkToAdvancedSoftware" : "/search/advanced/software", "searchLinkToAdvancedSoftware" : "/search/advanced/software",
"searchLinkToAdvancedOrps" : "/search/advanced/other",
"searchLinkToAdvancedDataProviders" : "/search/advanced/dataproviders", "searchLinkToAdvancedDataProviders" : "/search/advanced/dataproviders",
"searchLinkToAdvancedOrganizations" : "/search/advanced/organizations", "searchLinkToAdvancedOrganizations" : "/search/advanced/organizations",
"searchLinkToAdvancedPeople" : "/search/advanced/people" "searchLinkToAdvancedPeople" : "/search/advanced/people"
} }

6
portal-4cli-lib/src/app/app.component.ts
View File

@ -41,8 +41,8 @@ export class AppComponent {
clientLoad = 0; clientLoad = 0;
userMenuItems:MenuItem[] = [ new MenuItem("","My profile","","",false,[],[],{}), userMenuItems:MenuItem[] = [ new MenuItem("","My profile","","",false,[],[],{}),
new MenuItem("","My claims","","/myclaims",false,[],["/myclaims"],{}), new MenuItem("","My links","","/myclaims",false,[],["/myclaims"],{}),
new MenuItem("","Manage all claims","","/claims",true,[],["/claims"],{})] new MenuItem("","Manage all links","","/claims",true,[],["/claims"],{})]
menuItems:RootMenuItem [] = [ menuItems:RootMenuItem [] = [
@ -90,7 +90,7 @@ bottomMenuItems =[
try{ try{
this.isClient = true; this.isClient = true;
if(Session.isPortalAdministrator()){ if(Session.isPortalAdministrator()){
this.userMenuItems.push(new MenuItem("","Administration","https://beta.admin.connect.openaire.eu/dashboard?communityId=openaire","",true,[],[],{})) this.userMenuItems.push(new MenuItem("","Manage helptexts","https://beta.admin.connect.openaire.eu/dashboard?communityId=openaire","",true,[],[],{}))
} }
}catch (e) { }catch (e) {
} }

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

@ -11,7 +11,7 @@
<div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid=""> <div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">
<div class="uk-width-1-1@m uk-first-column"> <div class="uk-width-1-1@m uk-first-column">
<div data-id="page#4"> <div data-id="page#4">
<search-form placeholderText="Search in OA scholarly works..." link=true></search-form> <search-form placeholderText="Search in OpenAIRE for scholarly works" link=true></search-form>
</div> </div>
</div> </div>
</div> </div>
@ -19,15 +19,18 @@
<div class="uk-container uk-container-large uk-margin-medium explore-numbers"> <div class="uk-container uk-container-large uk-margin-medium explore-numbers">
<div class="search_box_bg uk-grid uk-grid-stack" uk-grid=""> <div class="search_box_bg uk-grid uk-grid-stack" uk-grid="">
<div class="uk-width-1-1@m uk-first-column"> <div class="uk-width-1-1@m uk-first-column">
<h1 id="page#7" class="firstPageNumbers uk-margin uk-margin-remove-bottom uk-width-xxlarge uk-margin-auto uk-text-center uk-h2 uk-text-primary uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="font-weight: 600 !important;"> <div id="page#7" class="firstPageNumbers uk-margin uk-margin-remove-bottom uk-width-xlarge uk-margin-auto uk-animation-fade" uk-scrollspy-class="" style="">
<span *ngIf="showPublications && publicationsSize" >{{publicationsSize.number}} {{publicationsSize.size}} publications{{((showDatasets && datasetsSize)?",":"")}} </span> <h3>
<span *ngIf="showDatasets && datasetsSize">{{datasetsSize.number}} {{datasetsSize.size}} research data </span> <span *ngIf="showPublications && publicationsSize" >{{publicationsSize.number|number}} {{publicationsSize.size}} publications{{((showDatasets && datasetsSize)?",":"")}} </span>
<span *ngIf="showDataProviders && datasourcesSize" > from {{datasourcesSize.number}} {{datasourcesSize.size}} content providers</span> <span *ngIf="showDatasets && datasetsSize">{{datasetsSize.number|number}} {{datasetsSize.size}} research data </span>
<span *ngIf="showProjects && fundersSize"> {{((showDataProviders && datasourcesSize)?" and ":" from ")}} {{fundersSize.number}} {{fundersSize.size}} funders</span> <br>
</h1> <span *ngIf="showDataProviders && datasourcesSize" > from {{datasourcesSize.number |number}} {{datasourcesSize.size}} content providers</span>
<h2 *ngIf = "showPublications || showDatasets || showProjects || showDataProviders" id="page#8" class="uk-margin-medium uk-width-xlarge uk-margin-auto uk-text-center uk-h2 uk-text-primary uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" > <span *ngIf="showProjects && fundersSize"> {{((showDataProviders && datasourcesSize)?" and ":" from ")}} {{fundersSize.number|number}} {{fundersSize.size}} funders</span>
... linked together for an integrated research search <span *ngIf = "showPublications || showDatasets || showProjects || showDataProviders" >
</h2> linked together for an integrated research search
</span>
</h3>
</div>
</div> </div>
@ -38,151 +41,68 @@
</div> </div>
</div> </div>
<div class="uk-section-muted uk-section uk-section-small uk-flex uk-flex-middle" style="background-color: rgb(34, 32, 127); box-sizing: border-box; min-height: 100vh;" uk-height-viewport="offset-top: true" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-slide-top-medium&quot;,&quot;delay&quot;:false}"> <div class=" uk-section uk-section-small uk-flex uk-flex-middle" style=" box-sizing: border-box; min-height: 100vh;" uk-height-viewport="offset-top: true" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-slide-top-medium&quot;,&quot;delay&quot;:false}">
<div class="uk-width-1-1"> <div class="uk-width-1-1">
<div class="uk-container"> <div class="uk-container">
<div class="uk-margin-small uk-grid uk-grid-stack" uk-grid="">
<div class="uk-width-1-1@m uk-first-column">
<h6 id="page#12" class="uk-margin uk-text-center uk-h4 uk-text-muted uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="" style="">
Learn more on OpenAIRE discovery and sharing services
</h6>
</div>
</div>
<div class="uk-container uk-container-large uk-margin-large"> <div class="uk-container uk-container-large uk-margin-large">
<div uk-grid="" class="uk-grid uk-grid-stack"> <div uk-grid="" class="uk-grid uk-grid-stack">
<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-margin-bottom"> <div class="uk-padding-small">
<div class="uk-card uk-card-default"> <div class=" uk-text-center">
<a routerLinkActive="uk-link" routerLink="/search/find" class="el-link box-links"> <a routerLinkActive="uk-link" routerLink="/search/find" >
<div class="uk-card-header"> <img class="" width="80" height="80" src="assets/explore.svg" alt="Explore">
</a>
<h3 class=" uk-margin-remove-bottom" >Explore</h3>
<div class="uk-text-large uk-margin-top">Discover linked open research</div>
</div>
<div class="uk-text-meta uk-padding">Search for
publications, datasets, software and other research products. See how these
are linked together and how they are linked to funding and
organizations.
<br>
View statistics on projects and institutions.
</div>
</div>
<div class="uk-grid-small uk-flex-middle" uk-grid>
<div class="uk-width-auto">
<img class="uk-border-circle" width="40" height="40" src="assets/explore.svg" alt="Explore">
</div>
<div class="uk-width-expand">
<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>
</div>
</div>
</div>
</a>
<div class="uk-card-body">
<p>Search for
publications-data-software and other research artefacts. See how these
are linked together and how they are linked to funding and
organizations.</p>
<p>View statistics on projects and institutions.</p>
</div>
</div>
</div>
<!--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="">
<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;
&lt;p&gt;View statistics on projects and institutions.&lt;/p&gt;"></a>
<div class="uk-card-media-top">
<img src="assets/explore.svg" alt="Explore"></div>
<div class="uk-card-body">
<h3 class="el-title uk-margin uk-h2 uk-margin-remove-adjacent uk-margin-remove-bottom" style="color: #f25f30">
Explore
</h3>
<div class="el-meta uk-margin uk-text-meta">Discover linked open research</div>
<div class="el-content uk-margin">
<div>Search for
publications-data-software and other research artefacts. See how these
are linked together and how they are linked to funding and
organizations.
</div>
<p>View statistics on projects and institutions.</p>
</div>
</div>
</div>
</div-->
<!-- Share --> <!-- Share -->
<div class="uk-margin-bottom"> <div class="uk-padding-small">
<div class="uk-card uk-card-default"> <div class=" uk-text-center">
<a routerLinkActive="uk-link" routerLink="/participate/deposit-publications" class="el-link box-links"> <a routerLinkActive="uk-link" routerLink="/participate/deposit-publications" >
<div class="uk-card-header"> <img class="" width="70" height="70" src="assets/share.svg" alt="Share">
</a>
<div class="uk-grid-small uk-flex-middle" uk-grid> <h3 class=" uk-margin-remove-bottom" >Share</h3>
<div class="uk-width-auto"> <div class="uk-text-large uk-margin-top">Deposit in a repository of your choice</div>
<img class="uk-border-circle" width="40" height="40" src="assets/share.svg" alt="Share">
</div>
<div class="uk-width-expand">
<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>
</div>
</div>
</div>
</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> <div class="uk-text-meta uk-padding">
<!--div> Select an OpenAIRE compatible repository (2.0 +) so that your research is linked to your funding information.
<div uk-scrollspy-class="" class="el-item uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" style=""> <br>
<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; Use <a href="http://www.zenodo.org/" target="_blank" rel="noopener">ZENODO</a>,
&lt;div&gt;Use &lt;a href=&quot;http://www.zenodo.org&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;ZENODO&lt;/a&gt;, a catch-all repository hosted by CERN to deposit all your research results (publications, data, software, etc.)&lt;/div&gt;"></a> a catch-all repository hosted by CERN to deposit all your research results (publications, data, software, etc.)
<div class="uk-card-media-top"> </div>
<img src="assets/share.svg" alt="Share" ></div>
<div class="uk-card-body">
<h3 class="el-title uk-margin uk-h2 uk-margin-remove-adjacent uk-margin-remove-bottom" style="color:#22207F">
Share
</h3>
<div class="el-meta uk-margin uk-text-meta">Deposit in a repository of your choice</div>
<div class="el-content uk-margin">
<div class="uk-margin-bottom">Select an OpenAIRE compatible repository (2.0 +) so that your research is linked to your funding information.</div>
<div>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.)</div>
</div>
</div>
</div> </div>
</div-->
<!-- Link --> <!-- Link -->
<div class="uk-margin-bottom"> <div class="uk-padding-small">
<div class="uk-card uk-card-default"> <div class=" uk-text-center">
<a routerLinkActive="uk-link" routerLink="/participate/claim" class="el-link box-links"> <a routerLinkActive="uk-link" routerLink="/participate/claim" >
<div class="uk-card-header"> <img class="" width="60" height="70" src="assets/link.svg" alt="Link">
</a>
<div class="uk-grid-small uk-flex-middle" uk-grid> <h3 class=" uk-margin-remove-bottom" >Link</h3>
<div class="uk-width-auto"> <div class="uk-text-large uk-margin-top">Connect all your research</div>
<img class="uk-border-circle" width="40" height="40" src="assets/link.svg" alt="Link">
</div>
<div class="uk-width-expand">
<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>
</div>
</div>
</div>
</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> <div class="uk-text-meta uk-padding">
<!--div> If you can't find your research results in OpenAIRE, don't worry!
<div uk-scrollspy-class="" class="el-item uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" style=""> <br>
<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; 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.
&lt;div&gt;Use our &lt;strong&gt;LINK OUT service&lt;/strong&gt;, that reaches out to many external sources via APIs, to connect your research results and &lt;em&gt;claim&lt;/em&gt; them to your project.&lt;/div&gt;"></a> </div>
<div class="uk-card-media-top">
<img src="assets/link.svg" alt="Link" ></div>
<div class="uk-card-body">
<h3 class="el-title uk-margin uk-h2 uk-margin-remove-adjacent uk-margin-remove-bottom" style="color:#4687E6">
Link
</h3>
<div class="el-meta uk-margin uk-text-meta">Connect all your research</div>
<div class="el-content uk-margin">
<div class="uk-margin-bottom">If you don't find your research results in OpenAIRE, don't worry!</div>
<div>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.</div>
</div>
</div>
</div> </div>
</div-->
</div> </div>
</div> </div>
</div> </div>

8
portal-4cli-lib/src/assets/env-properties.json
View File

@ -1,15 +1,15 @@
{ {
"enablePiwikTrack" : false, "enablePiwikTrack" : false,
"enableHelper" : true, "enableHelper" : true,
"useCache" : true, "useCache" : false,
"metricsAPIURL" : "https://beta.services.openaire.eu/usagestats/", "metricsAPIURL" : "https://beta.services.openaire.eu/usagestats/",
"framesAPIURL" : "https://beta.openaire.eu/stats3/", "framesAPIURL" : "https://beta.openaire.eu/stats3/",
"statisticsAPIURL" : "http://vatopedi.di.uoa.gr:8080/stats/", "statisticsAPIURL" : "http://vatopedi.di.uoa.gr:8080/stats/",
"statisticsFrameAPIURL":"https://beta.openaire.eu/stats/", "statisticsFrameAPIURL":"https://beta.openaire.eu/stats/",
"claimsAPIURL" : "http://duffy.di.uoa.gr:8080/dnet-claims-service-2.0.0-SNAPSHOT/rest/claimsService/", "claimsAPIURL" : "http://scoobydoo.di.uoa.gr:8080/dnet-claims-service-2.0.0-SNAPSHOT/rest/claimsService/",
"searchAPIURLLAst" : "https://beta.services.openaire.eu/search/v2/api/", "searchAPIURLLAst" : "https://beta.services.openaire.eu/search/v2/api/",
"searchResourcesAPIURL" : "https://beta.services.openaire.eu/search/v2/api/resources", "searchResourcesAPIURL" : "https://beta.services.openaire.eu/search/v2/api/resources",
"csvAPIURL" : "http://vatopedi.di.uoa.gr:8080/shadowSearch/rest/v2/api/reports", "csvAPIURL" : "https://beta.services.openaire.eu/search/v2/api/reports",
"searchCrossrefAPIURL" : "https://api.crossref.org/works", "searchCrossrefAPIURL" : "https://api.crossref.org/works",
"searchDataciteAPIURL" : "https://api.datacite.org/works", "searchDataciteAPIURL" : "https://api.datacite.org/works",
@ -34,7 +34,7 @@
"piwikBaseUrl" :"https://analytics.openaire.eu/piwik.php?idsite=", "piwikBaseUrl" :"https://analytics.openaire.eu/piwik.php?idsite=",
"piwikSiteId" : "6", "piwikSiteId" : "6",
"loginUrl" :"http://mpagasas.di.uoa.gr:8080/dnet-openaire-users-1.0.0-SNAPSHOT/openid_connect_login", "loginUrl" :"http://scoobydoo.di.uoa.gr:8080/dnet-openaire-users-1.0.0-SNAPSHOT/openid_connect_login",
"logoutUrl" :"https://aai.openaire.eu/proxy/saml2/idp/SingleLogoutService.php?ReturnTo=", "logoutUrl" :"https://aai.openaire.eu/proxy/saml2/idp/SingleLogoutService.php?ReturnTo=",

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

@ -1,28 +1,41 @@
:root {
--portal-main-color: #f25f30;
--portal-main-contrast: white;
--portal-dark-color: #D03C0D;
--openaire-main-color: #26257F;
--explore-portal-color: #f25f30;
--provide-portal-color: #28beff;
--monitor-portal-color: #8bcc00;
--connect-portal-color: #ffc800;
--develop-portal-color: #d13f96;
}
.tm-toolbar .uk-subnav-line .custom-explore-li { .tm-toolbar .uk-subnav-line .custom-explore-li {
display: block; background:var(--portal-main-color) !important;
background:#D03C0D !important;
color:#fff !important;
} }
.custom-explore-toolbar ul.uk-subnav.uk-subnav-line{ /* .custom-explore-toolbar ul.uk-subnav.uk-subnav-line{
background-color: #f25f30 !important; background-color: var(--portal-main-color) !important;
} }
.custom-explore-toolbar ul.uk-subnav.uk-subnav-line{
background-color: var(--portal-main-color) !important;
}
.custom-explore-toolbar .inner { .custom-explore-toolbar .inner {
background-color: #f25f30 !important; background-color: var(--portal-main-color) !important;
} }
.custom-explore-toolbar{ .custom-explore-toolbar{
border-top-color:#f25f30 !important; border-top-color:var(--portal-main-color) !important;
} } */
.mainPageSearchForm{ .mainPageSearchForm{
background-image: linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)), url('home.jpg'); background-image: linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)), url('home.jpg');
} }
.firstPageNumbers{ .firstPageNumbers{
font-weight: 600 !important; /* font-weight: 600 !important; */
color: #D03C0D !important; /* color: var(--portal-main-color) !important; */
} }
.explore-numbers h2, .explore-numbers div { .explore-numbers h2, .explore-numbers div {
@ -34,28 +47,7 @@
.explore-numbers h2 { .explore-numbers h2 {
font-size: 22px !important; font-size: 22px !important;
} }
.developlink{
text-transform: none !important;
color: #fff !important;
background: #d13f96 !important;
font-weight: 600;
}
.providelink{
text-transform: none !important;
color: #fff !important;
background: #28beff !important;
font-weight: 600;
}
.connectlink{
background-color: #ffc800 !important;
font-weight: 600;
color: #fff !important;
}
.monitorlink{
background-color: #8bcc00 !important;
font-weight: 600;
color: #fff !important;
}
.mainPageBottomInfo{ .mainPageBottomInfo{
background: linear-gradient( rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)), url('home.jpg'); background: linear-gradient( rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)), url('home.jpg');
background-attachment: scroll, scroll; background-attachment: scroll, scroll;

2
portal-4cli-lib/src/assets/explore.svg
View File

@ -1 +1 @@
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 128 128" height="128px" id="Clear" version="1.1" viewBox="0 0 128 128" width="128px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Keywords_research"><path d="M94,61.8 c4.5-8.7,3.1-19.6-4.2-26.8c-9-9-23.5-9-32.5,0s-9,23.5,0,32.5c7.1,7.1,17.6,8.6,26.2,4.5l3.2-1.2" fill="none" stroke="#D53B23" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M49.5,85.2L29,105.7 c-2.7,2.7-7.2,2.7-9.9,0l0,0c-2.7-2.7-2.7-7.2,0-9.9l20.5-20.5c1.6-1.6,4.1-1.6,5.7,0l4.2,4.2C51.1,81.1,51.1,83.6,49.5,85.2z" fill="none" stroke="#D53B23" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M99.9,67.7 c7.5-12,6-27.9-4.4-38.3c-12.1-12.1-31.7-12.1-43.8,0C40.5,40.5,39.6,58,49,70.2l-4.5,4.5" fill="none" stroke="#D53B23" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M50.1,80.3l4.5-4.5 c10.2,7.9,24.1,8.5,34.9,2l3.9-2.7" fill="none" stroke="#D53B23" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M98.3,85.9l0.7,0.7 c2.7,2.7,7.2,2.7,9.9,0l0,0c2.7-2.7,2.7-7.2,0-9.9l-9-9l-12-12c1.6-5.3,0.3-11.4-4.2-15.5C78.1,35,69.1,35,63.5,40.2 c-6.4,5.8-6.5,15.7-0.5,21.7c4.1,4.1,9.9,5.3,15,3.7l3.2,3.2" fill="none" stroke="#D53B23" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><line fill="none" stroke="#D53B23" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" x1="91.9" x2="93.9" y1="79.5" y2="81.5"/><line fill="none" stroke="#D53B23" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" x1="85.9" x2="87.5" y1="73.5" y2="75.1"/><path d="M87.5,75.1l3.2-1.4 c1.7-0.7,3.3,1,2.6,2.6l-1.4,3.2" fill="none" stroke="#D53B23" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M81.1,68.7l3.2-1.4 c1.7-0.7,3.3,1,2.6,2.6l-1,3.5" fill="none" stroke="#D53B23" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M93.9,81.5l3.2-1.4 c1.7-0.7,3.3,1,2.6,2.6l-1.4,3.2" fill="none" stroke="#D53B23" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><circle cx="73.5" cy="51.3" fill="none" r="4" stroke="#D53B23" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/></g></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.15 60.323"><defs><style>.a{fill:#fff;}.a,.b,.c,.d{stroke:#d95f2d;stroke-miterlimit:10;}.b,.c,.d{fill:none;stroke-linecap:round;}.b,.c{stroke-linejoin:round;}.b,.d{stroke-width:3px;}.c{stroke-width:2.5px;}</style></defs><g transform="translate(-295.1 -925.75)"><path class="a" d="M316.9,934.8l-20.3,1v5.7l20.3,1Z"/><path class="b" d="M316.9,934.8l-20.3,1v5.7l20.3,1Z"/><path class="a" d="M340.1,931.1l-26.1,2v11.1l26.1,2Z"/><path class="b" d="M340.1,931.1l-26.1,2v11.1l26.1,2Z"/><path class="a" d="M361.5,927.3l-24.8,2v18.8l24.8,2Z"/><path class="b" d="M361.5,927.3l-24.8,2v18.8l24.8,2Z"/><path class="a" d="M359,938.7c0,5.9,1.1,11.7,2.5,11.7s2.5-5.8,2.5-11.7-1.1-11.7-2.5-11.7-2.5,5.8-2.5,11.7"/><path class="c" d="M359,938.7c0,5.9,1.1,11.7,2.5,11.7s2.5-5.8,2.5-11.7-1.1-11.7-2.5-11.7S359,932.8,359,938.7Z"/><line class="d" y1="38.8" transform="translate(327.4 945.3)"/><line class="d" x2="16.8" y2="38.8" transform="translate(327.4 945.3)"/><line class="d" x1="16.8" y2="38.8" transform="translate(310 945.3)"/></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

15
portal-4cli-lib/src/assets/link.svg
View File

@ -1,14 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="-10 -10 128 128" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44.3 59.4"><defs><style>.a{fill:none;stroke:#d95f2d;stroke-miterlimit:10;stroke-width:3px;}</style></defs><path class="a" d="M42.8,57.9H1.5V1.5H28.6L42.8,15.7Z"/><path class="a" d="M1.5,57.9V1.5h28L42.8,14.8V57.9Z"/><path class="a" d="M29.9,2V14.9H42.8"/><path class="a" d="M23.3,32.7a4.226,4.226,0,0,1,0,5.9L17,44.8a4.1,4.1,0,0,1-5.8,0l-.9-.9a4.226,4.226,0,0,1,0-5.9l6.3-6.3m11,4.9,6.3-6.3a4.018,4.018,0,0,0,.1-5.8l-1-1a4.1,4.1,0,0,0-5.8,0l-6.3,6.3a4.226,4.226,0,0,0,0,5.9"/></svg>
<g>
<title>background</title>
<rect fill="none" id="canvas_background" height="506" width="514" y="-1" x="-1"/>
</g>
<g transform="scale(0.2)">
<title fill="#4586e3">Layer 1</title>
<path id="svg_2" fill="#4586e3" d="m109.224998,189.647003c-6.667999,1.401001 -13.102997,3.880997 -18.974998,7.268997c-11.786003,6.746002 -21.269997,17.003998 -27.572998,28.785995c-12.703003,23.656998 -12.599003,53.306 0.238998,76.901001c6.388,11.735992 15.947998,21.933014 27.792,28.584015c5.891998,3.342987 12.351997,5.776978 19.036003,7.10199c6.699997,1.493988 13.718994,1.263 19.645996,1.263l74.332001,0l37.164993,0l18.582001,0c5.990997,0.122986 13.45401,-0.200012 19.860016,-2.002991c26.837982,-6.775024 46.451996,-30.725006 51.550995,-56.769012c5.513,-26.014999 -2.188019,-54.923996 -21.786011,-73.713989l-8.016998,8.348007c16.479004,15.725983 23.257019,40.599991 18.46701,63.008987c-4.358002,22.393982 -21.192993,42.463013 -43.07901,47.915009c-5.574982,1.477997 -10.619995,1.738983 -16.996002,1.645996l-18.582001,0l-37.164993,0l-74.332001,0c-6.437996,0 -11.917,0.184998 -17.368996,-1.029999c-5.464005,-1.07901 -10.762001,-3.065002 -15.633003,-5.837006c-9.788002,-5.5 -17.873001,-14.048004 -23.309998,-24.041992c-10.962002,-20.022003 -11.055004,-45.820999 -0.200005,-65.904999c5.363998,-10.042007 13.388,-18.636002 23.133003,-24.227005c4.854996,-2.802994 10.133995,-4.820999 15.585999,-5.960999c5.486,-1.248001 10.862,-1.154999 17.311996,-1.123993l74.333008,0l0,-11.56601l-74.333008,0c-5.918999,-0.046005 -13.033997,-0.170013 -19.683998,1.354996z"/>
<path id="svg_3" fill="#4586e3" d="m426.90799,317.143005c-8.777985,6.606018 -19.451996,10.488007 -30.333984,10.796997l-72.303009,0.045013l0,11.566986l72.672974,-0.04599c13.300018,-0.369995 26.376007,-5.175995 36.89502,-13.09201c10.574005,-7.901001 18.690002,-18.729004 23.765991,-30.72699c10.165009,-24.011017 8.162994,-52.735001 -5.944977,-74.883011c-6.962006,-11.042999 -16.94101,-20.361008 -28.901001,-26.106003c-5.960999,-2.863998 -12.383026,-4.882004 -18.96701,-5.774994c-3.25,-0.492004 -6.715027,-0.630997 -9.84201,-0.630997l-9.056,0l-72.488007,0l-36.248993,0l-18.112,0c-5.760986,-0.124008 -13.091995,0.153992 -19.352997,1.785995c-26.287003,6.222992 -45.841995,29.048004 -51.75,54.229004c-6.268005,25.197998 -0.022003,53.459991 17.75499,72.973999l8.563004,-7.778015c-15,-16.386993 -20.498993,-40.768982 -15.078003,-62.452988c5.067001,-21.624008 21.796997,-40.737 43.229004,-45.712997c5.475006,-1.355011 10.335007,-1.570007 16.634003,-1.479004l18.112,0l36.248993,0l72.488007,0l9.056,0c2.911011,0.015991 5.497986,0.108002 8.225006,0.522995c5.390991,0.723999 10.643005,2.372009 15.556,4.744003c9.855988,4.727997 18.251007,12.505997 24.164978,21.886002c12.014008,18.712997 13.769012,43.694992 5.059021,64.16301c-4.336975,10.242981 -11.235992,19.390991 -20.046997,25.968994z"/>
<path id="svg_4" fill="#4586e3" d="m372.626007,462.179993c-34.438995,20.007996 -74.18399,30.587982 -114.019989,30.541992c-39.836014,0.04599 -79.584015,-10.533997 -114.022003,-30.541992c-32.938004,-19.006012 -60.891006,-46.436005 -80.786015,-78.855988c0.373005,-0.338013 0.805004,-0.601013 1.155003,-0.95401c4.396996,-4.343994 6.958,-10.550018 6.926994,-16.72702c0.030006,-6.189972 -2.537994,-12.398987 -6.937996,-16.741974c-4.355,-4.390015 -10.550003,-6.946014 -16.742001,-6.915009c-6.184002,-0.031006 -12.379002,2.524994 -16.733002,6.931c-4.396999,4.359009 -6.957998,10.549988 -6.924,16.742004c-0.026999,6.174988 2.534,12.382996 6.938002,16.72699c4.354998,4.403992 10.553999,6.959991 16.738001,6.931c1.778999,0 3.542,-0.263 5.274998,-0.662994c20.91901,34.362 50.445004,63.424988 85.298008,83.539001c36.174988,21.02301 77.998993,32.15799 119.813004,32.097992c41.81601,0.045013 83.639984,-11.074005 119.817993,-32.097992c36.225006,-20.899017 66.796997,-51.427002 87.835999,-87.588989l-9.996002,-5.823029c-20.022003,34.421021 -49.153992,63.500031 -83.636993,83.399017zm-324.410007,-84.431c-6.468998,0.169006 -12.274998,-5.638 -12.102001,-12.106018c-0.181,-6.453979 5.625,-12.259979 12.094002,-12.090973c6.460999,-0.184998 12.278999,5.621002 12.105,12.090973c0.173,6.468018 -5.632999,12.275024 -12.097,12.106018z"/>
<path id="svg_5" fill="#4586e3" d="m484.524994,135.447998c-4.356995,-4.403992 -10.550018,-6.960999 -16.73999,-6.931c-1.048004,-0.015991 -2.095001,0.169998 -3.143005,0.30899c-20.962006,-35.023987 -50.863983,-64.625992 -86.218994,-85.03299c-36.177002,-21.007999 -78.001007,-32.143999 -119.817017,-32.081999c-41.815002,-0.062 -83.638992,11.059 -119.813004,32.081999c-36.236008,20.916 -66.80899,51.441002 -87.835995,87.589005l9.996002,5.821991c20.021999,-34.422997 49.146999,-63.500992 83.632,-83.399994c34.438004,-19.991001 74.186005,-30.572001 114.022003,-30.526001c39.835999,-0.046 79.580994,10.535 114.019989,30.542c33.121002,19.112999 61.213013,46.744003 81.136017,79.396004c-0.947021,0.692001 -1.887024,1.401001 -2.710022,2.231995c-4.39798,4.344009 -6.954987,10.550995 -6.923981,16.727005c-0.031006,6.190994 2.524994,12.382996 6.923981,16.740997c4.350006,4.389999 10.557007,6.962006 16.733002,6.931c6.190002,0.031006 12.382996,-2.524994 16.740021,-6.931c4.405975,-4.358002 6.961975,-10.550003 6.932983,-16.740997c0.028015,-6.17601 -2.526978,-12.382996 -6.93399,-16.727005zm-16.73999,28.832001c-6.460999,0.169998 -12.269012,-5.636993 -12.091003,-12.104996c-0.178009,-6.469009 5.630005,-12.275009 12.091003,-12.091003c6.468994,-0.169006 12.274994,5.621994 12.105988,12.091003c0.170013,6.468994 -5.636993,12.274994 -12.105988,12.104996z"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 535 B

12
portal-4cli-lib/src/assets/share.svg
View File

@ -1,11 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="-10 -10 128 128" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52.065 58.659"><defs><style>.a,.c{fill:#fff;}.a,.b,.c{stroke:#d95f2d;stroke-miterlimit:10;}.a{stroke-width:0.786px;}.b{fill:none;stroke-linecap:round;stroke-linejoin:round;}.b,.c{stroke-width:2.359px;}</style></defs><g transform="translate(-657.02 -926.12)"><path class="a" d="M705.2,927.3v32.5H660.8V938.5L672,927.3Z"/><path class="b" d="M705.2,959.8H660.8v-22l10.5-10.5h33.9Z"/><path class="b" d="M661.2,937.5h10.2V927.3"/><path class="c" d="M704.6,948H676.1l-2.5-3.1a3.9,3.9,0,0,0-3-1.4h-9.1a3.265,3.265,0,0,0-3.3,3.3v33.5a3.265,3.265,0,0,0,3.3,3.3h43.1a3.265,3.265,0,0,0,3.3-3.3v-29A3.2,3.2,0,0,0,704.6,948Z"/><line class="b" x2="21.2" transform="translate(677.8 944.1)"/><line class="b" x2="23.5" transform="translate(675.5 937.5)"/><path class="c" d="M691.3,957.3a1.9,1.9,0,0,1,0,3.8,1.839,1.839,0,0,1-1.9-1.9A2.043,2.043,0,0,1,691.3,957.3Zm-13.3,13a3.6,3.6,0,1,1,3.6-3.6A3.585,3.585,0,0,1,678,970.3Zm13.3,5.8a1.9,1.9,0,0,1,0-3.8,1.839,1.839,0,0,1,1.9,1.9A1.9,1.9,0,0,1,691.3,976.1Z"/><line class="c" x2="8.6" y2="4.8" transform="translate(681 968.8)"/><line class="c" y1="4.8" x2="8.6" transform="translate(681.1 960.1)"/></g></svg>
<g>
<title>background</title>
<rect fill="none" id="canvas_background" height="402" width="582" y="-1" x="-1"/>
</g>
<g transform="scale(0.2)">
<title fill="#22207f">Layer 1</title>
<path id="svg_1" fill="#22207f" d="m389.502014,349.355988c-20.15799,-0.096985 -40.235016,8.214996 -54.42099,22.531006c-9.13501,9.053009 -15.801025,20.510986 -19.432007,32.84201l-157.630005,-99.900024c11.184998,-13.621979 17.542999,-31.181 17.445999,-48.819977c0.097,-17.641022 -6.262009,-35.216019 -17.438004,-48.837021l157.621979,-99.93399c3.615021,12.346001 10.279999,23.804993 19.415009,32.858994c14.201996,14.315002 34.264008,22.626999 54.438019,22.529999c20.156982,0.113007 40.233978,-8.214996 54.419983,-22.529999c14.332001,-14.185997 22.658997,-34.262993 22.546997,-54.420998c0.112,-20.173996 -8.214996,-40.235008 -22.528992,-54.436996c-14.203003,-14.315001 -34.265015,-22.643001 -54.437988,-22.530011c-20.15802,-0.113 -40.235016,8.215001 -54.421021,22.530011c-14.332001,14.187 -22.643982,34.263 -22.546997,54.419991c-0.015991,2.970001 0.209991,5.922997 0.549011,8.876999l-163.722015,103.789993c-13.887985,-12.280991 -32.302994,-19.382996 -50.853989,-19.285995c-20.166,-0.113998 -40.234005,8.214005 -54.429005,22.530014c-14.323999,14.186996 -22.643,34.263 -22.546,54.421997c-0.105,20.172989 8.215,40.232986 22.546,54.435989c14.186001,14.315002 34.255001,22.628021 54.421001,22.529999c18.552002,0.098022 36.958,-7.003998 50.846001,-19.269989l163.739014,103.773987c-0.33902,2.937012 -0.564026,5.890015 -0.549011,8.859009c-0.112,20.15802 8.214996,40.235016 22.529999,54.421997c14.201996,14.315002 34.264008,22.643005 54.437988,22.546021c20.157013,0.096985 40.234009,-8.214996 54.420013,-22.546021c14.332001,-14.186981 22.658997,-34.247986 22.546997,-54.421997c0.112,-20.156982 -8.214996,-40.234009 -22.528992,-54.419983c-14.205017,-14.329987 -34.266022,-22.640991 -54.438995,-22.545013zm-45.851013,-309.545986c11.990997,-12.073002 28.822998,-19.061001 45.851013,-18.980001c17.026001,-0.080999 33.858978,6.907 45.85199,18.996c12.087006,11.991001 19.074982,28.825001 18.994995,45.851002c0.079987,17.026001 -6.90799,33.860001 -18.994995,45.851013c-11.992004,12.071991 -28.825012,19.060989 -45.85199,18.978989c-17.027008,0.081009 -33.859009,-6.90799 -45.851013,-18.995987c-12.088989,-11.991005 -19.076996,-28.824005 -18.996002,-45.851013c-0.080994,-17.010002 6.90799,-33.859005 18.996002,-45.850002zm-199.294006,262.049007c-12,12.071014 -28.833008,19.059998 -45.859001,18.979004c-17.026001,0.079987 -33.860001,-6.90799 -45.851002,-18.994995c-12.088001,-11.992004 -19.068001,-28.824005 -18.996002,-45.851013c-0.072998,-17.026993 6.915001,-33.860001 18.996002,-45.85199c11.999996,-12.072006 28.832996,-19.059998 45.858997,-18.979004c17.026001,-0.080994 33.860008,6.906998 45.851006,18.994995c12.087997,11.990997 19.068008,28.824005 18.988007,45.85199c0.080994,17.027008 -6.906998,33.860016 -18.988007,45.851013zm290.997009,170.315979c-11.992004,12.088013 -28.825012,19.061005 -45.85199,18.996002c-17.027008,0.063995 -33.859009,-6.924011 -45.851013,-18.996002c-12.088989,-11.990997 -19.076996,-28.824005 -18.996002,-45.85199c-0.080994,-17.026001 6.907013,-33.858032 18.996002,-45.85202c11.990997,-12.086975 28.822998,-19.059998 45.851013,-18.994995c17.026001,-0.063995 33.858978,6.90799 45.85199,18.994995c12.087006,11.993011 19.074982,28.825012 18.994995,45.85202c0.079987,17.028015 -6.908997,33.860992 -18.994995,45.85199z"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

10
portal-4cli-lib/src/index.html
View File

@ -59,6 +59,10 @@
<script src="assets/common-assets/citeproc.js"></script> <script src="assets/common-assets/citeproc.js"></script>
<!-- <script src="assets/common-assets/common/uikit.js"></script> --> <!-- <script src="assets/common-assets/common/uikit.js"></script> -->
<script src="assets/common-assets/common/uikit-icons-max.js"></script> <script src="assets/common-assets/common/uikit-icons-max.js"></script>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<!-- to update addThis: https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-559d24521cd8c080-->
<!-- <script type="text/javascript" src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a12dbd124e4e521"></script> -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-559d24521cd8c080"></script>
<script> <script>
$(document).ready(function(){ $(document).ready(function(){
console.log("Is ready - load uikit ***") console.log("Is ready - load uikit ***")
@ -91,6 +95,7 @@ $(document).ready(function(){
<link rel="stylesheet" href="assets/common-assets/common/theme.css"> <link rel="stylesheet" href="assets/common-assets/common/theme.css">
<link rel="stylesheet" href="assets/common-assets/common/custom.css"> <link rel="stylesheet" href="assets/common-assets/common/custom.css">
<!-- <link rel="stylesheet" href="assets/common-assets/common/yootheme.css"> -->
<link rel="stylesheet" href="assets/common-assets/library.css"> <link rel="stylesheet" href="assets/common-assets/library.css">
<link rel="stylesheet" href="assets/explore-custom.css"> <link rel="stylesheet" href="assets/explore-custom.css">
@ -144,9 +149,6 @@ $(document).ready(function(){
return n&&n.parentNode&&n.parentNode.removeChild(n),n=document[d+"NS"]&&document.documentElement.namespaceURI,n=n?document[d+"NS"](n,"script"):document[d]("script"),n[m]("id",e),n[m]("src",t),(document[c]("head")[0]||document[c]("body")[0]).appendChild(n),n=new Image,void n[m]("src","https://d1uo4w7k31k5mn.cloudfront.net/donut/0.png") return n&&n.parentNode&&n.parentNode.removeChild(n),n=document[d+"NS"]&&document.documentElement.namespaceURI,n=n?document[d+"NS"](n,"script"):document[d]("script"),n[m]("id",e),n[m]("src",t),(document[c]("head")[0]||document[c]("body")[0]).appendChild(n),n=new Image,void n[m]("src","https://d1uo4w7k31k5mn.cloudfront.net/donut/0.png")
}; };
</script> </script>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<!-- to update addThis: https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-559d24521cd8c080-->
<!-- <script type="text/javascript" src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a12dbd124e4e521"></script> -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-559d24521cd8c080"></script>
</body> </body>
</html> </html>