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

358 lines
20 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 whiteBackground
uk-background-fixed uk-background-bottom-right uk-background-norepeat
homeBackgroundImage">
<div class="uk-container uk-container-large">
<div class="uk-grid">
<div>
<h1 class="uk-heading-large">
<span class="">Build a </span><span class="uk-text-primary">Gateway</span>
<br/><span class=""> for your<br/>Community</span><span class="uk-text-primary">.</span>
</h1>
<ul class="uk-text-large uk-list uk-margin-medium-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>
<div class="uk-inline uk-margin-top">
<a class="uk-button uk-button-primary" routerLink="/about/learn-how">LEARN MORE</a>
</div>
</div>
<!-- <div class="uk-width-expand"></div>-->
<!-- uk-parallax="viewport: -5.5;"-->
<!-- <div class="uk-width-expand uk-position-fixed uk-position-bottom-right" uk-parallax="y: 0; easing: 0.8">-->
<!-- <div class="uk-width-expand" uk-parallax="y: 800; easing: 0.8-->
<!-- <div class="uk-width-expand" uk-parallax="bgy: 500">-->
<!-- <img src="assets/connect-assets/home/connect_long_image.png"/>-->
<!--&lt;!&ndash; <img src="assets/connect-assets/home/connect_long_image.png" style="transform: translateY(0px);" class="" uk-parallax="y: 1000; easing: 0.8">&ndash;&gt;-->
<!-- </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-section uk-container uk-container-large uk-margin-large-top">
<h2 class="uk-h1 uk-margin-medium-top">Community Gateways <br/> already in action<span class="uk-text-primary">.</span></h2>
<div [class]="'uk-margin-large-top' + (researchCommunities.length <= 3 ? ' uk-margin-large-bottom' : '')">
<div
class="uk-visible@l uk-grid-match uk-grid-medium uk-flex-center uk-text-center"
uk-grid uk-height-match=".community-logo">
<div *ngFor="let community of researchCommunities.slice(0, 4); let i = index" class="uk-width-1-4@l uk-width-medium@xl">
<div class="uk-card uk-card-default uk-card-hover">
<browse-community [community]=community></browse-community>
</div>
</div>
</div>
<div
class="uk-hidden@l uk-grid-match uk-grid-medium uk-child-width-1-3@m uk-child-width-1-1 uk-flex-center uk-text-center"
uk-grid uk-height-match=".community-logo">
<div *ngFor="let community of researchCommunities.slice(0, 3); let i = index">
<div class="uk-card uk-card-default uk-card-hover">
<browse-community [community]=community></browse-community>
</div>
</div>
</div>
</div>
<div class="uk-text-center uk-margin-large-top uk-margin-medium-bottom">
<a *ngIf="researchCommunities.length > 3"
class="uk-display-inline-block uk-text-uppercase uk-button-text"
routerLinkActive="router-link-active" routerLink="/search/find/communities">
<span class="uk-flex uk-flex-middle">
<span>View All</span>
<!-- <span uk-icon="chevron-right"></span>-->
</span>
</a>
</div>
</div>
<div class="">
<section-scroll [customClass]="'uk-margin-large-top uk-section uk-section-primary uk-padding-remove-top '"
[childrenCustomClass]="' uk-container uk-container-large '">
<div top class="uk-width-1-1 uk-padding-large uk-padding-remove-horizontal uk-margin-large-bottom uk-background-primary">
<div class="top-content uk-container uk-container-large">
<h6 class="uk-h6 uk-text-primary">Benefits</h6>
<h1 class="uk-h1 uk-margin-remove-top">Find the best <br/> for your community<span class="uk-text-primary">.</span></h1>
</div>
</div>
<div left class="uk-width-1-2 uk-margin-large-bottom">
<img src="assets/connect-assets/home/screenshot_ipad.png" height="302px;" width="326px;"/>
</div>
<div scroll class="uk-width-expand">
<h2 class="uk-margin-xlarge-bottom uk-h2">
<span class="uk-text-primary">Find a repository to deposit </span>
<span>your research outcome</span>
<span class="uk-text-primary">.</span>
</h2>
<h2 class="uk-margin-xlarge-bottom uk-h2">
<span class="uk-text-primary">Link your research output </span>
<span>with your community, funding and other research products</span>
<span class="uk-text-primary">.</span>
</h2>
<h2 class="uk-margin-xlarge-bottom uk-h2">
<span>View community's </span>
<span class="uk-text-primary">overview at a glance.</span>
</h2>
<h2 class="uk-margin-xlarge-bottom uk-h2">
<span class="uk-text-primary">Search & browse </span>
<span>your community's research products</span>
<span class="uk-text-primary">.</span>
</h2>
<h2 class="uk-margin-xlarge-bottom uk-h2">
<span class="uk-text-primary">View statistics </span>
<span>for your community's research products</span>
<span class="uk-text-primary">.</span>
</h2>
</div>
</section-scroll>
</div>
<div class="uk-section uk-container uk-container-large uk-margin-large-top">
<div class="">
<h2 class="uk-h2 uk-margin-medium-top">Our mission for an <br/> Open and FAIR science<span class="uk-text-primary">.</span></h2>
<div class="uk-margin-large-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-padding">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center
uk-padding-small uk-padding-remove-vertical uk-margin-top uk-margin-bottom">
<div class="target"><img src="assets/connect-assets/home/virtual.svg"
style="height:60px; width:67px"/></div>
</div>
<div class="uk-card-body uk-padding-remove uk-margin-small-bottom">
<div class="target uk-text-center">
<h6 class="uk-6 uk-card-title uk-margin-small-bottom">A Virtual Research Environment</h6>
<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 uk-text-small">
<!-- <li>-->
<!-- <div class="uk-margin-small-right uk-icon uk-text-primary" 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>-->
<li class="uk-flex uk-flex-middle">
<icon class="uk-flex uk-margin-small-right uk-text-primary" name="done"></icon>
Access to OpenAIRE research graph
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-flex uk-margin-small-right uk-text-primary" name="done"></icon>
Moderated, front-end linking
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-flex uk-margin-small-right uk-text-primary" name="done"></icon>
Cross-platform search
</li>
</ul>
</div>
</div>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-padding">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center
uk-padding-small uk-padding-remove-vertical uk-margin-top uk-margin-bottom">
<div class="target uk-text-primary"><img src="assets/connect-assets/home/open_science.svg" style="height:60px; width:67px"/></div>
</div>
<div class="uk-card-body uk-padding-remove uk-margin-small-bottom">
<div class="target uk-text-center" style="">
<h6 class="uk-h6 uk-card-title uk-margin-small-bottom">Open Science in action</h6>
<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 uk-text-small">
<li class="uk-flex uk-flex-middle">
<icon class="uk-flex uk-margin-small-right uk-text-primary" name="done"></icon>
Use of OpenAIRE Guidelines
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-flex uk-margin-small-right uk-text-primary" name="done"></icon>
Publish and get DOIs with Zenodo
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-flex uk-margin-small-right uk-text-primary" name="done"></icon>
EOSC Single Sign-On
</li>
</ul>
</div>
</div>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-padding">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center
uk-padding-small uk-padding-remove-vertical uk-margin-top uk-margin-bottom">
<div class="target"><img src="assets/connect-assets/home/customize.svg"
style="height:60px; width:67px"/></div>
</div>
<div class="uk-card-body uk-padding-remove uk-margin-small-bottom">
<div class="target uk-text-center" style="">
<h6 class="uk-h6 uk-card-title uk-margin-small-bottom">Customized to your needs</h6>
<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 uk-text-small">
<li class="uk-flex uk-flex-middle">
<icon class="uk-flex uk-margin-small-right uk-text-primary" name="done"></icon>
Access control
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-flex uk-margin-small-right uk-text-primary" name="done"></icon>
Analytics: rich set of indicators
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-flex uk-margin-small-right uk-text-primary" name="done"></icon>
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">-->
<!--&lt;!&ndash; <li class="uk-active" uk-slider-item="0"></li>&ndash;&gt;-->
<!--&lt;!&ndash; <li uk-slider-item="1"></li>&ndash;&gt;-->
<!--&lt;!&ndash; <li uk-slider-item="2"></li>&ndash;&gt;-->
<!--&lt;!&ndash; <li uk-slider-item="3"></li>&ndash;&gt;-->
<!--&lt;!&ndash; <li uk-slider-item="4"></li>&ndash;&gt;-->
<!-- </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 uk-container uk-container-large uk-margin-large-bottom uk-text-center">
<h2 class="uk-h2 uk-margin-medium-top">
Let us Help you Develop a<br/>Collaborative Science<br/>
Gateway<span class="uk-text-primary">.</span>
It is fast<span class="uk-text-primary">.</span> It is reliable<span class="uk-text-primary">.</span>
</h2>
<a class="uk-button uk-button-primary uk-margin-medium-top uk-margin-medium-bottom" routerLink="/contact-us">CONTACT US</a>
</div>
</div>
<!--<div class="uk-section-muted">-->
<!-- <div class="uk-container uk-container-large">-->
<!-- <other-portals [properties]="properties"></other-portals>-->
<!-- </div>-->
<!--</div>-->