MaDgIK
/
connect
13
0
Fork 0
Code Issues Pull Requests Projects Releases 14 Wiki Activity
connect/src/app/communities/communities.component.html

355 lines
18 KiB
HTML
Raw Normal View History

[Connect | Trunk]: Remove helptexts from connect, Change headings git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@59576 d315682c-612b-4755-9ff5-7f18f6832af3
2020-10-13 21:06:30 +02:00
<div class="image-front-topbar"
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}"
tm-header-transparent="light" tm-header-transparent-placeholder="">
<div class="uk-section uk-section-overlap"
style="background: transparent linear-gradient(0deg, #FAFAFA 23%, #E2EEFA 30%) !important;">
<div class="uk-section">
<div class="uk-position-relative uk-panel">
<div class="uk-container uk-container-large uk-margin-large-top">
<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>Build a <span class="uk-text-bold">Gateway</span> for your <span class="uk-text-bold">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>
<div class="uk-inline uk-margin-top" style="margin-bottom: 50px"><a class="uk-button portal-button"
routerLink="/about/learn-how">LEARN
HOW</a></div>
</div>
<div class="uk-width-expand"><img src="assets/connect-assets/home/dashboard.png" style="height:370px"/>
</div>
[Trunk|Connect]: communities.component: First page of connect changed according to ui/ux designers - css added for this page [this is not the final commit]. git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@55222 d315682c-612b-4755-9ff5-7f18f6832af3
2019-04-08 14:17:39 +02:00
</div>
add avatar in the communities | change home image| colors in menu | add extra checks in searchEntries - results |in community get back columns for now git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@51859 d315682c-612b-4755-9ff5-7f18f6832af3
2018-04-21 18:24:07 +02:00
</div>
[Trunk|Connect]: communities.component: First page of connect changed according to ui/ux designers - css added for this page [this is not the final commit]. git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@55222 d315682c-612b-4755-9ff5-7f18f6832af3
2019-04-08 14:17:39 +02:00
</div>
[Trunk|Connect]: Latest changes on home page base on Natalia's comments. git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@56343 d315682c-612b-4755-9ff5-7f18f6832af3
2019-07-04 15:09:48 +02:00
</div>
[Connect | Trunk]: Remove helptexts from connect, Change headings git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@59576 d315682c-612b-4755-9ff5-7f18f6832af3
2020-10-13 21:06:30 +02:00
</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-margin-large-bottom">
<h3 class="uk-text-bold">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-medium 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 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">
[Connect | Trunk]: Fix a bug on my-communities git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@58654 d315682c-612b-4755-9ff5-7f18f6832af3
2020-05-08 15:20:05 +02:00
<span class="uk-flex uk-flex-middle">
<span> Browse All</span>
<span uk-icon="chevron-right"></span>
</span>
[Connect | Trunk]: Remove helptexts from connect, Change headings git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@59576 d315682c-612b-4755-9ff5-7f18f6832af3
2020-10-13 21:06:30 +02:00
</a>
</div>
</div>
<div class="uk-section uk-background-muted">
<div class="uk-container uk-container-large">
<h3 class="uk-text-center uk-text-bold">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.png"
style="height:80px; width:94px"/></div>
</div>
<div class="uk-margin-top">
<div class="target uk-text-center">
<h6 class="uk-text-bold">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">
<li>
<div class="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<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="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<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="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<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.png" style="height:110px; width:101px"/></div>
</div>
<div class="uk-margin-top">
<div class="target uk-text-center" style="">
<h6 class="uk-text-bold">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">
<li>
<div class="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="icon: check"><br/>
<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="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<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="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<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.png"
style="height:100px; width:107px"/></div>
</div>
<div class="uk-margin-top">
<div class="target uk-text-center" style="">
<h6 class="uk-text-bold">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">
<li>
<div
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<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="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<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="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<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-container uk-container-large uk-margin-top">
<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="uk-text-bold">Find a repository to deposit your research outcome</h4>
<div class="uk-margin-medium uk-text-large">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="uk-text-bold">Link your research output with your community, funding, and other research
products</h4>
<div class="uk-margin-medium uk-text-large">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="uk-text-bold">View community&#39;s overview at a glance</h4>
<div class="uk-margin-medium uk-text-large">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="uk-text-bold">Search &amp; browse your community&#39;s research products.</h4>
<div class="uk-margin-medium uk-text-large">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="uk-text-bold">View statistics for your community&#39;s research products.</h4>
<div class="uk-margin-medium uk-text-large">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>
[Trunk|Connect]: Add help texts on home,about,learnInDepth and contact us. Add new page /helper-test for testing. git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@56621 d315682c-612b-4755-9ff5-7f18f6832af3
2019-07-18 13:36:05 +02:00
</div>
</div>
[Connect | Trunk]: Remove helptexts from connect, Change headings git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@59576 d315682c-612b-4755-9ff5-7f18f6832af3
2020-10-13 21:06:30 +02:00
</div>
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
[texts]="pageContents['bottom']"></helper>
<div
class="uk-background-norepeat uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color uk-margin-large-top"
style="background-color: #D9D8E8;">
<div class="uk-container uk-section">
<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 Open Science Gateway.<br/>
It is fast. It is reliable.</h3>
<div class="uk-margin-medium uk-text-large">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>
[Trunk|Connect]: 1. Create about component. 2. Change connect start page view. 3. Add temp imgs git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@56185 d315682c-612b-4755-9ff5-7f18f6832af3
2019-06-24 16:11:27 +02:00
</div>
</div>
[Library | Trunk]: Move search png to common-assets git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@58835 d315682c-612b-4755-9ff5-7f18f6832af3
2020-06-04 00:00:21 +02:00
</div>
[Connect | Trunk]: Remove helptexts from connect, Change headings git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@59576 d315682c-612b-4755-9ff5-7f18f6832af3
2020-10-13 21:06:30 +02:00
<div class="uk-section-muted">
<div class="uk-container uk-container-large">
<other-portals [properties]="properties"></other-portals>
</div>
</div>