connect/src/app/communities/communities.component.html

342 lines
18 KiB
HTML
Raw Normal View History

<div class="image-front-topbar" style="background: transparent linear-gradient(0deg, #FAFAFA 23%, #E2EEFA 30%)">
<div class="uk-section uk-container uk-container-large">
<div class="uk-padding-small">
<div class="uk-grid uk-flex uk-flex-bottom">
<div class="uk-width-1-2@m uk-width-1-1@s uk-margin-bottom">
<h1><span class="uk-text-light">Build a </span><span class="portal-color">Gateway</span><span class="uk-text-light"> for your </span><span class="portal-color">Community.</span>
</h1>
<ul class="uk-text-large uk-list uk-margin-top">
<li>Turn Open Science into Practice.</li>
<li>It takes your open and linked research outcomes.</li>
<li>A service customized to your needs.</li>
</ul>
2022-01-05 16:28:20 +01:00
<div class="uk-inline uk-margin-top" style="margin-bottom: 50px"><a class="uk-button uk-button-primary"
routerLink="/about/learn-how">LEARN
HOW</a></div>
</div>
<div class="uk-width-expand"><img src="assets/connect-assets/home/dashboard.svg" style="height:370px"/>
</div>
</div>
</div>
</div>
</div>
<div *ngIf="researchCommunities.length === 0" class="uk-container uk-container-large uk-margin-large-bottom">
<errorMessages [status]="[status]" [type]="'communities'"></errorMessages>
</div>
<div *ngIf="!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-section">
<div class="uk-padding-small">
<h3 class="uk-text-center">Community Gateways already in action</h3>
<div [class]="'uk-margin-medium-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
<div
class="uk-grid-match uk-grid-small uk-child-width-1-5@m uk-child-width-1-2 uk-text-center"
uk-grid uk-height-match=".community">
<div *ngFor="let community of researchCommunities.slice(0, 5); let i = index">
<div class="uk-padding-small portalSearchCard">
<browse-community [community]=community></browse-community>
</div>
</div>
</div>
</div>
</div>
<div class="uk-text-right uk-margin-top">
<a *ngIf="researchCommunities.length > 5"
class="uk-display-inline-block portal-link uk-text-uppercase uk-text-bold uk-text-small"
routerLinkActive="router-link-active" routerLink="/search/find/communities">
<span class="uk-flex uk-flex-middle">
<span> Browse All</span>
<span uk-icon="chevron-right"></span>
</span>
</a>
</div>
</div>
<div class="uk-section uk-container uk-container-large">
<div class="uk-padding-small">
<h3 class="uk-text-center">Our mission for an Open and FAIR science</h3>
<div class="uk-margin-medium-top">
<div class="uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-large uk-grid-match uk-grid" uk-grid=""
uk-height-match=".target">
<div class="uk-first-column">
<div class="uk-card uk-card-default uk-card-body">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top">
<div class="target" style="min-height: 110px;"><img src="assets/connect-assets/home/1.svg"
style="height:80px; width:94px"/></div>
</div>
<div class="uk-margin-top">
<div class="target uk-text-center">
<div class="uk-text-bold uk-margin-small-bottom">A Virtual Research Environment</div>
<div>An overlay platform making it easy to share, link, disseminate and monitor all your publications,
data, software, methods. In one place.
</div>
</div>
<hr/>
<div>
<ul class="uk-list text-small">
<li>
<div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
Access to OpenAIRE research graph
</li>
<li>
<div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
Moderated, front-end linking
</li>
<li>
<div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
Cross-platform search
</li>
</ul>
</div>
</div>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-body">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top">
<div class="target"><img src="assets/connect-assets/home/2.svg" style="height:110px; width:101px"/></div>
</div>
<div class="uk-margin-top">
<div class="target uk-text-center" style="">
<div class="uk-text-bold uk-margin-small-bottom">Open Science in action</div>
<div>A time-saving bundle of services for researchers to effortlessly practice open science. An integral
part of the&nbsp;European Open Science Cloud.
</div>
</div>
<hr>
<div>
<ul class="uk-list text-small">
<li>
<div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
Use of OpenAIRE Guidelines
</li>
<li>
<div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
Publish and get DOIs with Zenodo
</li>
<li>
<div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
EOSC Single Sign-On
</li>
</ul>
</div>
</div>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-card-body">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top">
<div class="target" style="min-height: 110px;"><img src="assets/connect-assets/home/3.svg"
style="height:100px; width:107px"/></div>
</div>
<div class="uk-margin-top">
<div class="target uk-text-center" style="">
<div class="uk-text-bold uk-margin-small-bottom">Customized to your needs</div>
<div>A Gateway with your own brand, rules for aggregation, text &amp; data mining, and presentation. Run
by you via a simple, yet powerful backend administration tool.
</div>
</div>
<hr>
<div>
<ul class="uk-list text-small">
<li>
<div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
Access control
</li>
<li>
<div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
Analytics: rich set of indicators
</li>
<li>
<div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
</svg>
</div>
Look &amp; feel to match your brand
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-section uk-container uk-container-large">
<div class="uk-padding-small">
<div class="uk-slider"
uk-slider="velocity: 0;autoplay: true;autoplay-interval: 4000;pause-on-hover: false;center: true">
<div class="uk-slider-container">
<ul class="uk-slider-items uk-child-width-1-1" style="transform: translate3d(0px, 0px, 0px);">
<li class="ng-star-inserted uk-active" tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/deposit.gif"/>
</div>
<div class="uk-margin-top">
<div>
<h4 class="">Find a repository to deposit your research outcome</h4>
<div class="uk-margin-medium">This is OpenAIRE&rsquo;s key service for research
communities, both established and emerging ones. Our service helps you reach out and engage all your
researchers to practice open science out-of-the-box.
</div>
<div class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"
routerLink="/about/learn-how">learn more</a></div>
</div>
</div>
</div>
</li>
<li tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/link.gif"/>
</div>
<div class="uk-margin-top">
<div>
<h4 class="">Link your research output with your community, funding, and other research
products</h4>
<div class="uk-margin-medium">This is OpenAIRE&rsquo;s key service for research
communities, both established and emerging ones. Our service helps you reach out and engage all your
researchers to practice open science out-of-the-box.
</div>
<div class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"
routerLink="/about/learn-how">learn more</a></div>
</div>
</div>
</div>
</li>
<li tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/overview.gif"/>
</div>
<div class="uk-margin-top">
<div>
<h4 class="">View community&#39;s overview at a glance</h4>
<div class="uk-margin-medium">This is OpenAIRE&rsquo;s key service for research
communities, both established and emerging ones. Our service helps you reach out and engage all your
researchers to practice open science out-of-the-box.
</div>
<div class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"
routerLink="/about/learn-how">learn more</a></div>
</div>
</div>
</div>
</li>
<li tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/results.gif"/>
</div>
<div class="uk-margin-top">
<div>
<h4 class="">Search &amp; browse your community&#39;s research products.</h4>
<div class="uk-margin-medium">This is OpenAIRE&rsquo;s key service for research
communities, both established and emerging ones. Our service helps you reach out and engage all your
researchers to practice open science out-of-the-box.
</div>
<div class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"
routerLink="/about/learn-how">learn more</a></div>
</div>
</div>
</div>
</li>
<li tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large"
src="assets/connect-assets/home/gifs/graph-analysis.gif"/>
</div>
<div class="uk-margin-top">
<div>
<h4 class="">View statistics for your community&#39;s research products.</h4>
<div class="uk-margin-medium">This is OpenAIRE&rsquo;s key service for research
communities, both established and emerging ones. Our service helps you reach out and engage all your
researchers to practice open science out-of-the-box.
</div>
<div class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"
routerLink="/about/learn-how">learn more</a></div>
</div>
</div>
</div>
</li>
</ul>
<ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin">
<!-- <li class="uk-active" uk-slider-item="0"></li>-->
<!-- <li uk-slider-item="1"></li>-->
<!-- <li uk-slider-item="2"></li>-->
<!-- <li uk-slider-item="3"></li>-->
<!-- <li uk-slider-item="4"></li>-->
</ul>
</div>
</div>
</div>
</div>
<!--<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
[texts]="pageContents['bottom']"></helper>-->
<!--<div class="uk-section" style="background-color: #D9D8E8;">-->
<div class="uk-section contactUsBackground">
<div class="uk-container uk-text-center">
<!-- <div class="uk-flex uk-flex-middle uk-padding uk-grid" uk-grid="">-->
<!-- <div class="uk-text-center uk-width-1-1@s uk-width-1-3@m uk-first-column"><img-->
<!-- src="assets/connect-assets/contact/1.png" style="width:237px"/></div>-->
<!-- <div class="uk-width-expand">-->
<h3>Let us Help you Develop a
<!-- <br/>-->
Collaborative Science
<br/>
Gateway.
<!-- <br/>-->
It is fast. It is reliable.</h3>
<div class="uk-margin-medium">Get in touch with our team to find out how.</div>
<div class="uk-inline"><a class="uk-button portal-button" routerLink="/contact-us">CONTACT US</a></div>
<!-- </div>-->
<!-- </div>-->
</div>
</div>
<div class="uk-section-muted">
<div class="uk-container uk-container-large">
<other-portals [properties]="properties"></other-portals>
</div>
</div>