MaDgIK
/
connect
13
0
Fork 0
Code Issues Pull Requests Projects Releases 12 Wiki Activity

[Trunk | Connect] 

1. /connect-assets/:
	a. In /about/ added updated icons (1.svg, 2.svg, 3.svg, 4.svg, cycle.svg) and removed .png.
	b. In /banner/ added updated icons (login.svg, togetger.svg) and remove .png.
	c. In /home/ added updated icons (1.svg, 2.svg, 3.svg, dashboard.svg) and removed .png.
	d. sketch_line_arrow.svg & sketch_line_arrow_large.svg: Replaced stroke color #94b2e2 with #bcc3ce.
2. connect-custom.css: 
	a. Added class "connect-background" with portal-main-color background.
	b. Added rule ".connectApp .text-small" (class text-small) for font-size: 14px;
	c. Added rule ".connectApp .uk-pagination > * > * " for color: #1a1a1a;
	d. Added class "contactUsBackground" for linear background with gradient in contact us sections.
3. curators.component.html: [Bug fix]: Show "Biography" title only when bio is available.
4. browse-community.component.html & communities.component.html & contact.component.html 
	& faqs.component.ts & learn-how.component.ts & learn-in-depth.component.ts & my-communities.component.html: 
		Updated fonts, colors and some margins according to new mocks.
5. In dashboard: subjects.component.ts & organizationsPage.component.ts & curators.component.html: Page title set to <h4>.


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@60009 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
konstantina.galouni 2020-12-02 08:44:47 +00:00
parent 0ba78c0c11
commit 0c6b471270
35 changed files with 185 additions and 164 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/communities/browseCommunity/browse-community.component.html
View File

@ -44,7 +44,7 @@
</a>
</div>
<div class="uk-card-body uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top uk-margin-small-top uk-margin-bottom">
<div class="uk-text-center uk-text-bold" [ngClass]="(showDescription)?'uk-margin-bottom':''">
<div class="uk-text-bold uk-text-left text-small" [ngClass]="(showDescription)?'uk-margin-small-bottom':''">
<a *ngIf="directLink" [href]="getCommunityPageUrl()" class="color" target="_blank" [class.uk-text-small]="smallTitle">
<span *ngIf="community.title">
{{community.title.slice(0, thresholdTitle)}}
@ -74,11 +74,11 @@
</div>
<div>
<div class="uk-position-small uk-position-bottom-right">
<a *ngIf="directLink" [href]="getCommunityPageUrl()" target="_blank" class="portal-link uk-text-uppercase uk-text-bold">
<a *ngIf="directLink" [href]="getCommunityPageUrl()" target="_blank" class="portal-link uk-text-uppercase uk-text-bold uk-text-underlined text-small">
Visit <!--{{(properties.environment == 'production'&& getProductionPrefix(community.communityId).length > 0
?' BETA':'')}}-->
</a>
<a *ngIf="!directLink" (click)="confirmModalOpen()" class="portal-link uk-text-uppercase uk-text-bold">
<a *ngIf="!directLink" (click)="confirmModalOpen()" class="portal-link uk-text-uppercase uk-text-bold uk-text-underlined text-small">
Visit <!--{{(properties.environment == 'production' && getProductionPrefix(community.communityId).length > 0
?' BETA':'')}}-->
</a>

115
src/app/communities/communities.component.html
View File

@ -3,7 +3,7 @@
<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>Build a <span class="uk-text-bold">Gateway</span> for your <span class="uk-text-bold">Community</span>
<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>
@ -14,7 +14,7 @@
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 class="uk-width-expand"><img src="assets/connect-assets/home/dashboard.svg" style="height:370px"/>
</div>
</div>
</div>
@ -25,10 +25,10 @@
</div>
<div *ngIf="!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-section">
<div class="uk-padding-small">
<h3 class="uk-text-bold">Community Gateways already in action</h3>
<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-medium uk-child-width-1-5@m uk-child-width-1-2 uk-text-center"
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">
@ -51,29 +51,28 @@
</div>
<div class="uk-section uk-container uk-container-large">
<div class="uk-padding-small">
<h3 class="uk-text-center uk-text-bold">Our mission for an Open and FAIR science</h3>
<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.png"
<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">
<h6 class="uk-text-bold">A Virtual Research Environment</h6>
<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">
<ul class="uk-list text-small">
<li>
<div class="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<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>
@ -82,8 +81,7 @@
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/>
<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>
@ -92,8 +90,7 @@
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/>
<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>
@ -109,21 +106,20 @@
<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 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="">
<h6 class="uk-text-bold">Open Science in action</h6>
<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">
<ul class="uk-list text-small">
<li>
<div class="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="icon: check"><br/>
<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>
@ -132,8 +128,7 @@
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/>
<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>
@ -142,8 +137,7 @@
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/>
<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>
@ -159,23 +153,21 @@
<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"
<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="">
<h6 class="uk-text-bold">Customized to your needs</h6>
<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">
<ul class="uk-list text-small">
<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/>
<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>
@ -184,9 +176,7 @@
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/>
<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>
@ -195,9 +185,7 @@
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/>
<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>
@ -227,8 +215,8 @@
</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
<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>
@ -245,9 +233,9 @@
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">Link your research output with your community, funding, and other research
<h4 class="">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
<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>
@ -264,8 +252,8 @@
</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
<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>
@ -282,8 +270,8 @@
</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
<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>
@ -301,8 +289,8 @@
</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
<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>
@ -314,11 +302,11 @@
</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>
<!-- <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>
@ -326,19 +314,24 @@
</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-container">
<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/>
<!--<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 uk-text-large">Get in touch with our team to find out how.</div>
<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>
</div>
<div class="uk-section-muted">

6
src/app/contact/contact.component.html
View File

@ -17,9 +17,9 @@
<h6 class="uk-margin-auto-top uk-margin-remove-bottom uk-text-bold">OpenAIRE gives you the virtual environment
and services designed for your community to:</h6>
<ul class="uk-list uk-list-divider uk-padding uk-padding-remove-left uk-margin-auto-top">
<li><span class="uk-text-bold">Create and Manage</span> your Community Gateway</li>
<li><span class="uk-text-bold">Access, share and link</span> together all your research</li>
<li><span class="uk-text-bold">Monitor and report</span> your community&#39;s progress</li>
<li><span class="uk-text-bold portal-color">Create</span> and <span class="uk-text-bold portal-color">Manage</span> your Community Gateway</li>
<li><span class="uk-text-bold portal-color">Access, share</span> and <span class="uk-text-bold portal-color">link</span> together all your research</li>
<li><span class="uk-text-bold portal-color">Monitor</span> and <span class="uk-text-bold portal-color">report</span> your community&#39;s progress</li>
</ul>
</div>
<contact-us formTitle="Contact us to learn more" class="uk-width-1-2@m"

6
src/app/curators/curators.component.html
View File

@ -11,9 +11,9 @@
class="loading-gif uk-align-center"></span></div>
</div>
<div *ngIf="!showLoading">
<div class="uk-margin-medium-top uk-h2">
<h4 class="uk-margin-medium-top">
<span class="">Curators</span>
</div>
</h4>
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
[texts]="pageContents['top']"></helper>
<div *ngIf="curators">
@ -31,7 +31,7 @@
{{curator.name}}
</div>
</div>
<div class="uk-margin-medium-top uk-height-max-large uk-overflow-auto">
<div *ngIf="curator.bio" class="uk-margin-medium-top uk-height-max-large uk-overflow-auto">
<div class="uk-text-muted">
Biography
</div>

2
src/app/htmlPages/organizations/organizationsPage.component.ts
View File

@ -8,7 +8,7 @@ import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.co
<breadcrumbs [addClass]="'uk-margin-large-left uk-margin-remove-bottom uk-margin-small-top'" [breadcrumbs]="breadcrumbs"></breadcrumbs>
<div class="uk-container uk-container-large uk-margin-bottom">
<div class="uk-h2 uk-margin-medium-top uk-margin-bottom">Supporting Organizations</div>
<h4 class="uk-margin-medium-top uk-margin-bottom">Supporting Organizations</h4>
<html-page description="Organizations" pageTitle="Supporting Organizations"></html-page>
<affiliations [longView]="true" [getAffiliationsFromAPI]="true"></affiliations>
</div>

22
src/app/learn-how/faqs/faqs.component.ts
View File

@ -20,13 +20,13 @@ import {properties} from "../../../environments/environment";
<div class="uk-container uk-container-large uk-section uk-padding-remove-top">
<div class="uk-padding-small">
<div class="uk-margin-top uk-margin-medium-bottom">
<h2 class="uk-text-bold">Frequently Asked Questions</h2>
<h3 class="">Frequently Asked Questions</h3>
</div>
<div class="uk-container">
<ul class="uk-accordion" uk-accordion="">
<li>
<a class="uk-accordion-title color" href="#">What is a &quot;Research community&quot;?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden="">
<div aria-hidden="true" class="uk-accordion-content text-small uk-margin-medium-bottom" hidden="">
<p>A research community is a community of practice that gathers together researchers and practitioners
with common research interests (e.g. a research discipline or a specific research topic) and,
possibly, a decisional board. In some cases, a community builds and grows in the context of a research
@ -38,7 +38,7 @@ import {properties} from "../../../environments/environment";
<li>
<a class="uk-accordion-title color" href="#">What is the difference between a Community Gateway and the
Research Community Dashboard (RCD)?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden="">
<div aria-hidden="true" class="uk-accordion-content text-small uk-margin-medium-bottom" hidden="">
<p>The RCD offers on demand Community Gateways that communities can customize to fit their sharing,
publishing and discovery needs. Through the RCD, gateway managers can configure the respective
Community Gateway by providing (i) the criteria identifying the subset of the OpenAIRE Research Graph
@ -48,7 +48,7 @@ import {properties} from "../../../environments/environment";
<li>
<a class="uk-accordion-title color" href="#">How can Research Community thematic services integrate with
the Research Community Dashboard (RCD)?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden="">
<div aria-hidden="true" class="uk-accordion-content text-small uk-margin-medium-bottom" hidden="">
<p>Once a Community Gateway has been created, several thematic service integration patterns are
possible:</p>
<ol>
@ -81,7 +81,7 @@ import {properties} from "../../../environments/environment";
</li>
<li><a class="uk-accordion-title color" href="#">What does my Research Community gain in terms of Open
Science?</a>
<div aria-hidden="true" class="uk-accordion-content uk-grid" hidden="" uk-grid="">
<div aria-hidden="true" class="uk-accordion-content text-small uk-grid uk-margin-medium-bottom" hidden="" uk-grid="">
<div class="uk-width-1-1 uk-first-column"><span
class="uk-text-bold">Discovery and reproducibility:</span> Your community will have a single entry
point where all research products, of any type (literature, datasets, software, workflows, protocols),
@ -109,7 +109,7 @@ import {properties} from "../../../environments/environment";
</li>
<li>
<a class="uk-accordion-title color" href="#">How is the service part of the European Open Science Cloud?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden="">
<div aria-hidden="true" class="uk-accordion-content text-small uk-margin-medium-bottom" hidden="">
<p>OpenAIRE has onboarded in the EOSC Market Place both the RCD, as a service that offers on-demand
Community Gateways, and the Gateways as services openly accessible by researchers to explore specific
domains of interest.
@ -118,13 +118,13 @@ import {properties} from "../../../environments/environment";
</li>
<li>
<a class="uk-accordion-title color" href="#">Who owns the gateway?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden="">
<div aria-hidden="true" class="uk-accordion-content text-small uk-margin-medium-bottom" hidden="">
<p>The community owns the portal, OpenAIRE operates it.</p>
</div>
</li>
<li>
<a class="uk-accordion-title color" href="#">How is the gateway operated?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden="">
<div aria-hidden="true" class="uk-accordion-content text-small uk-margin-medium-bottom" hidden="">
<p>The gateway is hosted on a virtual machine operated by OpenAIRE and hosted at the <a
href="https://icm.edu.pl/en/centre-of-technology/" target="_blank">ICM data centre</a>. The Gateway
is built with Angular and uses RESTful APIs, built with Java and the Spring Framework, to access the
@ -137,7 +137,7 @@ import {properties} from "../../../environments/environment";
</li>
<li>
<a class="uk-accordion-title color" href="#">What is the SLA of the service?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden="">
<div aria-hidden="true" class="uk-accordion-content text-small uk-margin-medium-bottom" hidden="">
<p>The RCD and the gateways are subject to the generic <a class="uk-link"
href="https://www.openaire.eu/service-level-agreement"
target="_blank">OpenAIRE services SLA</a>.
@ -146,7 +146,7 @@ import {properties} from "../../../environments/environment";
</li>
<li>
<a class="uk-accordion-title color" href="#">What are the costs?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden="">
<div aria-hidden="true" class="uk-accordion-content text-small uk-margin-medium-bottom" hidden="">
<div>Researchers of the community shall not pay to access the Community Gateway.</div>
<div>For the deployment and maintenance of a gateway, OpenAIRE may need support to cover part of the
costs (hardware, hardware management, application administration, software maintenance, and text
@ -160,7 +160,7 @@ import {properties} from "../../../environments/environment";
<li>
<a class="uk-accordion-title color" href="#">In what other areas can my Research community collaborate with
OpenAIRE?</a>
<div aria-hidden="true" class="uk-accordion-content uk-grid" hidden="" uk-grid="">
<div aria-hidden="true" class="uk-accordion-content text-small uk-grid uk-margin-medium-bottom" hidden="" uk-grid="">
<div class="uk-width-1-1">
<div style="font-style: italic">Open Science training</div>
Help us training on Open Science students and researchers of your community by organising a workshop.

71
src/app/learn-how/learn-how.component.ts
View File

@ -14,13 +14,13 @@ import {properties} from "../../environments/environment";
template: `
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld>
<ng-template #one>
<h5 class="uk-text-bold uk-margin-small-bottom">1. Understanding your needs</h5>
<h6 class="uk-text-bold uk-margin-small-bottom">1. Understanding your needs</h6>
<div>First, we learn about your requirements and challenges. We help you understand Open Science practices within
EOSC and together we&rsquo;ll talk about how OpenAIRE RCD fits as a solution.
</div>
</ng-template>
<ng-template #two>
<h5 class=" uk-text-bold uk-margin-small-bottom">2. Develop a pilot</h5>
<h6 class=" uk-text-bold uk-margin-small-bottom">2. Develop a pilot</h6>
<div>
How do you work today, and how would you like to work tomorrow? We translate your needs into rules
and processes and we configure operational OpenAIRE services. By the end of this phase, we&rsquo;ll
@ -28,7 +28,7 @@ import {properties} from "../../environments/environment";
</div>
</ng-template>
<ng-template #three>
<h5 class="uk-text-bold uk-margin-small-bottom">3. Test and Validate</h5>
<h6 class="uk-text-bold uk-margin-small-bottom">3. Test and Validate</h6>
<div>
You validate and test your new Community Gateway (portal) with your experts and community to ensure
all workflows are in place and quality of data meets your standards. If needed, we work together in
@ -36,7 +36,7 @@ import {properties} from "../../environments/environment";
</div>
</ng-template>
<ng-template #four>
<h5 class=" uk-text-bold uk-margin-small-bottom">4. Roll out the service</h5>
<h6 class=" uk-text-bold uk-margin-small-bottom">4. Roll out the service</h6>
<div>
We jointly roll out your new Community Gateway. You take over the business operations and start
engaging your researchers, we take care of the smooth operation of the e-service.
@ -53,9 +53,9 @@ import {properties} from "../../environments/environment";
style="background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%) !important;">
<div class="uk-container uk-container-large uk-margin-top">
<div class="uk-padding-small">
<h1 class="uk-width-1-1 uk-text-bold">Learn the process</h1>
<div class="uk-width-1-2@l uk-width-1-1@s uk-text-large uk-margin-top">Build a <strong>Gateway to your
community&#39;s</strong> open and linked research outcomes. Customized to your needs.
<h1 class="uk-width-1-1 uk-text-light">Learn the process.</h1>
<div class="uk-width-1-2@l uk-width-1-1@s uk-text-large uk-margin-top">Build a <span class="uk-text-bold portal-color">Gateway to your
community&#39;s</span> open and linked research outcomes. Customized to your needs.
</div>
<div class="uk-margin-large-top uk-flex uk-child-width-1-3@m uk-child-width-1-1@s uk-flex-center uk-grid"
uk-grid="">
@ -74,7 +74,7 @@ import {properties} from "../../environments/environment";
</div>
</div>
<div class="uk-text-center"><img src="assets/connect-assets/about/cycle.png"/></div>
<div class="uk-text-center"><img src="assets/connect-assets/about/cycle.svg"/></div>
<div class="uk-flex uk-child-width-1-1@m uk-child-width-1-2@s uk-grid uk-grid-stack" uk-grid="">
<div class="uk-visible@m uk-first-column">
@ -96,7 +96,7 @@ import {properties} from "../../environments/environment";
</div>
<div class="uk-width-1-1 uk-text-center uk-text-large uk-margin-large-top"><a
class="uk-button portal-button uk-text-uppercase" routerLink="/about/learn-in-depth">Learn more
details</a>
details ></a>
</div>
</div>
</div>
@ -115,8 +115,8 @@ import {properties} from "../../environments/environment";
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">Profile</h4>
<div class="uk-margin-medium uk-text-large">Edit community information, change logo url, add
<h4 class="">Profile</h4>
<div class="uk-margin-medium ">Edit community information, change logo url, add
community managers or organizations related to community.
</div>
</div>
@ -131,8 +131,8 @@ import {properties} from "../../environments/environment";
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">Content</h4>
<div class="uk-margin-medium uk-text-large">Manage projects, content providers, subjects and
<h4 class="">Content</h4>
<div class="uk-margin-medium ">Manage projects, content providers, subjects and
zenodo communities that are related to the research community.
</div>
</div>
@ -147,8 +147,8 @@ import {properties} from "../../environments/environment";
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">Statistics &amp; Charts</h4>
<div class="uk-margin-medium uk-text-large">Manage statistical numbers &amp; charts that will be
<h4 class="">Statistics &amp; Charts</h4>
<div class="uk-margin-medium ">Manage statistical numbers &amp; charts that will be
displayed in the community overview and graph analysis views.
</div>
</div>
@ -163,8 +163,8 @@ import {properties} from "../../environments/environment";
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">Links</h4>
<div class="uk-margin-medium uk-text-large">Manage user claims related to the research
<h4 class="">Links</h4>
<div class="uk-margin-medium ">Manage user claims related to the research
community.
</div>
</div>
@ -178,8 +178,8 @@ import {properties} from "../../environments/environment";
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">Help texts</h4>
<div class="uk-margin-medium uk-text-large">Add or edit help text in research community pages.
<h4 class="">Help texts</h4>
<div class="uk-margin-medium ">Add or edit help text in research community pages.
</div>
</div>
</div>
@ -193,8 +193,8 @@ import {properties} from "../../environments/environment";
</div>
<div class="uk-margin-top">
<div>
<h4 class="uk-text-bold">Users</h4>
<div class="uk-margin-medium uk-text-large">Invite more users to subscribe, manage community
<h4 class="">Users</h4>
<div class="uk-margin-medium ">Invite more users to subscribe, manage community
subscribers, your personal info and notification settings.
</div>
</div>
@ -214,21 +214,24 @@ import {properties} from "../../environments/environment";
</div>
</div>
</div>
<div class="uk-section" style="background-color: #D9D8E8;">
<div class="uk-container">
<div class="uk-padding-small">
<div class="uk-flex uk-flex-middle uk-padding uk-grid" uk-grid="">
<div class="uk-width-expand uk-first-column">
<h3>Get in touch with our team to find out how.</h3>
<div class="uk-margin-medium uk-text-large">We look forward to working together and helping you unlock the
full potential of your research community through open science.
<!-- <div class="uk-section" style="background-color: #D9D8E8;">-->
<div class="uk-section contactUsBackground">
<div class="uk-container uk-text-center">
<!-- <div class="uk-padding-small">-->
<!-- <div class="uk-flex uk-flex-middle uk-padding uk-grid" uk-grid="">-->
<!-- <div class="uk-width-expand uk-first-column">-->
<h3>Get in touch with our team</h3>
<div class="uk-margin-medium">We look forward to working together and helping you unlock the
full
<br/>
potential of your research community through open science.
</div>
<div class="uk-inline"><a class="uk-button portal-button" routerLink="/contact-us">Contact us</a></div>
</div>
<div class="uk-text-center uk-width-1-1@s uk-width-1-3@m"><img src="assets/connect-assets/contact/3.png"
style="width:263px"/></div>
</div>
</div>
<!-- </div>-->
<!-- <div class="uk-text-center uk-width-1-1@s uk-width-1-3@m"><img src="assets/connect-assets/contact/3.png"-->
<!-- style="width:263px"/></div>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
`

68
src/app/learn-how/learnInDepth/learn-in-depth.component.ts
View File

@ -25,19 +25,19 @@ import {properties} from "../../../environments/environment";
<div class="uk-padding-small">
<div class="uk-grid" uk-grid>
<div class="uk-width-3-4@m uk-width-1-1@s uk-first-column">
<h1 class="uk-width-3-4 uk-margin-medium-bottom">Let&rsquo;s set up a Gateway for your Community <strong>Together</strong>
<h1 class="uk-width-3-4 uk-margin-medium-bottom"><span class="uk-text-light">Let&rsquo;s set up a Gateway for your Community </span><span class="portal-color">Together.</span>
</h1>
<div class="uk-width-4-5@m uk-width-1-1@s uk-text-large">
<div class="uk-margin-bottom">You don&rsquo;t have to go alone.</div>
<div>We work with you in <strong>4 collaborative steps</strong> to identify your needs, putting in
<div>We work with you in <span class="portal-color uk-text-bold">4 collaborative steps</span> to identify your needs, putting in
practice our expertise on open science so you get the most out of OpenAIRE&rsquo;s operational
services.
</div>
</div>
</div>
<div class="uk-margin-large-top uk-width-expand">
<img src="assets/connect-assets/banner/together.png"
<img src="assets/connect-assets/banner/together.svg"
style="height:285px; width:308px"/>
</div>
</div>
@ -48,13 +48,13 @@ import {properties} from "../../../environments/environment";
<div class="uk-padding-small">
<div class="uk-grid" uk-grid="">
<div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column uk-first-column">
<img class="uk-align-center" src="assets/connect-assets/about/1.png" style="width:100px"/>
<img class="uk-align-center" src="assets/connect-assets/about/1.svg" style="width:100px"/>
<img class="uk-align-center" src="assets/connect-assets/sketch_line_arrow.svg"/>
</div>
<div class="uk-width-expand">
<h3 class="uk-margin-medium uk-text-bold">1. Analyse your needs</h3>
<div style="font-style: italic;">Identify the scope and goals. Understand open science practices within EOSC
and the OpenAIRE services
<h4 class="">1. Analyse your needs</h4>
<div class="uk-margin-medium-bottom" style="font-style: italic;">"Identify the scope and goals. Understand open science practices within EOSC
and the OpenAIRE services."
</div>
<p>In this stage, you get to talk to the OpenAIRE team. Share your expectations with us and let us give you
all the details about the operational OpenAIRE services, which will be integrated into the Gateway for
@ -83,13 +83,13 @@ import {properties} from "../../../environments/environment";
</div>
<div class="uk-grid" uk-grid="" uk-height-match="">
<div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column uk-first-column">
<img class="uk-align-center" src="assets/connect-assets/about/2.png" style="width:100px"/>
<img class="uk-align-center" src="assets/connect-assets/about/2.svg" style="width:100px"/>
<img class="uk-align-center" src="assets/connect-assets/sketch_line_arrow.svg"/>
</div>
<div class="uk-width-expand">
<h3 class="uk-margin-medium uk-text-bold">2. Develop a pilot</h3>
<div style="font-style: italic;">We translate your needs into rules and processes and we configure
operational OpenAIRE services.
<h4 class="">2. Develop a pilot</h4>
<div class="uk-margin-medium-bottom" style="font-style: italic;">"We translate your needs into rules and processes and we configure
operational OpenAIRE services."
</div>
<p>Based on the information gathered in phase 1 &ldquo;Analyse your needs&rdquo;, the OpenAIRE team will set
up a pilot Gateway. We will configure the OpenAIRE mining algorithms to identify research products of the
@ -103,13 +103,13 @@ import {properties} from "../../../environments/environment";
</div>
<div class="uk-grid" uk-grid="" uk-height-match="">
<div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column uk-first-column">
<img class="uk-align-center" src="assets/connect-assets/about/3.png" style="width:100px"/>
<img class="uk-align-center" src="assets/connect-assets/about/3.svg" style="width:100px"/>
<img class="uk-align-center" src="assets/connect-assets/sketch_line_arrow_large.svg"/>
</div>
<div class="uk-width-expand">
<h3 class="uk-margin-medium uk-text-bold">3. Test and Validate</h3>
<div style="font-style: italic;">You validate and test your new Community Gateway (portal). If needed, we
further refine and adapt to your needs
<h4 class="">3. Test and Validate</h4>
<div class="uk-margin-medium-bottom" style="font-style: italic;">"You validate and test your new Community Gateway (portal). If needed, we
further refine and adapt to your needs."
</div>
<p>Upon the completion of phase 2, take the time you need to test all its features, from search and browse
for research products, to addition/removal of statistics from the portal. You can report any issue you
@ -131,12 +131,12 @@ import {properties} from "../../../environments/environment";
</div>
<div class="uk-grid" uk-grid="" uk-height-match="">
<div class="uk-width-1-6 uk-position-relative uk-first-column">
<img class="uk-align-center" src="assets/connect-assets/about/4.png" style="width:100px"/>
<img class="uk-align-center" src="assets/connect-assets/about/4.svg" style="width:100px"/>
</div>
<div class="uk-width-expand">
<h3 class="uk-margin-medium uk-text-bold">4. Roll out the service</h3>
<div style="font-style: italic;">We jointly roll out your new portal. You take over the business operations
and start engaging your researchers
<h4 class="">4. Roll out the service</h4>
<div class="uk-margin-medium-bottom" style="font-style: italic;">"We jointly roll out your new portal. You take over the business operations
and start engaging your researchers."
</div>
<p>Here we are: the coverage of research products is good, interesting statistics and charts have been
selected, and the portal pages available for end-users are ready. We can roll out the Community Gateway
@ -154,22 +154,24 @@ import {properties} from "../../../environments/environment";
</div>
</div>
</div>
<div class="uk-section" style="background-color: #D9D8E8;">
<div class="uk-container">
<div class="uk-padding-small">
<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/2.png" style="width:329px"/>
</div>
<div class="uk-width-expand">
<h3>Let us help you develop a collaborative Open Science Gateway for your
community.<br/>
<div class="uk-section contactUsBackground" style="background-color: #D9D8E8;">
<div class="uk-container uk-text-center">
<!-- <div class="uk-padding-small">-->
<!-- <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/2.png" style="width:329px"/>-->
<!-- </div>-->
<!-- <div class="uk-width-expand">-->
<h3>Let us Help you develop a Collaborative Science
<br/>
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-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>-->
<!-- </div>-->
</div>
</div>
`

16
src/app/my-communities/my-communities.component.html
View File

@ -3,7 +3,7 @@
type="home"
name="OpenAIRE Connect">
</schema2jsonld>
<div class="banner-background image-front-topbar">
<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">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
@ -13,13 +13,13 @@
class="loading-gif uk-align-center"></span></div>
</div>
<div *ngIf="!loading">
<h3 class="uk-text-center uk-text-bold">My Communities</h3>
<h3 class="uk-text-center uk-margin-large-bottom">My Communities</h3>
<div *ngIf="managerOfCommunities.length > 0 || subscriberOfCommunities.length > 0"
class="uk-child-width-1-1@s uk-child-width-1-2@m uk-flex uk-flex-middle" uk-grid
uk-height-match="target: .communityCard; row: false">
<div>
<div *ngIf="managerOfCommunities.length > 0" class="uk-grid">
<h5 class="uk-width-1-1 uk-text-bold">You are managing</h5>
<div *ngIf="managerOfCommunities.length > 0" class="uk-grid uk-margin-medium-bottom">
<h5 class="uk-width-1-1">You are managing</h5>
<div class="uk-width-1-1 uk-margin-small-top">
<div
class="uk-grid-match uk-grid-small uk-child-width-1-3@s uk-child-width-1-2 uk-text-center"
@ -50,8 +50,8 @@
{{subscriberErrorMessage}}
</div>
</div>
<div *ngIf="subscriberOfCommunities.length > 0" class="uk-grid">
<h5 class="uk-width-1-1 uk-text-bold">You are subscribed to</h5>
<div *ngIf="subscriberOfCommunities.length > 0" class="uk-grid uk-margin-medium-bottom">
<h5 class="uk-width-1-1">You are subscribed to</h5>
<div class="uk-width-1-1 uk-margin-small-top">
<div
class="uk-grid-match uk-grid-small uk-child-width-1-3@s uk-child-width-1-2 uk-text-center"
@ -80,7 +80,7 @@
</div>
<div class="uk-text-center">
<img width="200" height="185" src="../../assets/connect-assets/banner/login.png">
<img width="200" height="185" src="../../assets/connect-assets/banner/login.svg">
</div>
</div>
<div *ngIf="managerOfCommunities.length === 0 && subscriberOfCommunities.length === 0"
@ -97,7 +97,7 @@
<errorMessages [status]="[status]" [type]="'communities'"></errorMessages>
</div>
<div *ngIf="!loading && researchCommunities.length > 0">
<h5 class="uk-text-bold">Community Gateways in Action</h5>
<h5 class="">Community Gateways in Action</h5>
<div [class]="(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"

4
src/app/subjects/subjects.component.ts
View File

@ -31,9 +31,9 @@ import {Subscriber, Subscription} from "rxjs";
class="loading-gif uk-align-center"></span></div>
</div>
<div *ngIf="!showLoading">
<div class="uk-h2 uk-margin-bottom uk-margin-medium-top">
<h4 class="uk-margin-bottom uk-margin-medium-top">
<span>Subjects</span>
</div>
</h4>
<div style=" min-height: 250px;" class="white-box-with-border uk-padding uk-list">
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"

BIN
src/assets/connect-assets/about/1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.1 KiB

1
src/assets/connect-assets/about/1.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 180 KiB

BIN
src/assets/connect-assets/about/2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.9 KiB

1
src/assets/connect-assets/about/2.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 154 KiB

BIN
src/assets/connect-assets/about/3.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 14 KiB

1
src/assets/connect-assets/about/3.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 200 KiB

BIN
src/assets/connect-assets/about/4.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 10 KiB

1
src/assets/connect-assets/about/4.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 138 KiB

BIN
src/assets/connect-assets/about/cycle.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 52 KiB

1
src/assets/connect-assets/about/cycle.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 737 KiB

BIN
src/assets/connect-assets/banner/login.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 24 KiB

1
src/assets/connect-assets/banner/login.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 754 KiB

BIN
src/assets/connect-assets/banner/together.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 127 KiB

1
src/assets/connect-assets/banner/together.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 607 KiB

BIN
src/assets/connect-assets/home/1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 13 KiB

1
src/assets/connect-assets/home/1.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 200 KiB

BIN
src/assets/connect-assets/home/2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

1
src/assets/connect-assets/home/2.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 184 KiB

BIN
src/assets/connect-assets/home/3.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

1
src/assets/connect-assets/home/3.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 170 KiB

BIN
src/assets/connect-assets/home/dashboard.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 MiB

1
src/assets/connect-assets/home/dashboard.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

4
src/assets/connect-assets/sketch_line_arrow.svg
View File

@ -1,8 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="33.534" height="182.701" viewBox="0 0 33.534 182.701">
<g id="Group_755" data-name="Group 755" transform="translate(-4.701 -13.326)">
<g id="Group_342" data-name="Group 342" transform="translate(686.122 -100.639) rotate(90)">
<path id="Path_235" data-name="Path 235" d="M1783.518,676.418s45.7-15.767,85.456-2.516c20.573,6.859,63.031,6.3,95.334,0" transform="translate(-1669.227 -11.527)" fill="none" stroke="#94b2e2" stroke-width="2"/>
<path id="Path_235" data-name="Path 235" d="M1783.518,676.418s45.7-15.767,85.456-2.516c20.573,6.859,63.031,6.3,95.334,0" transform="translate(-1669.227 -11.527)" fill="none" stroke="#bcc3ce" stroke-width="2"/>
</g>
<path id="Path_309" data-name="Path 309" d="M6823.193,2688.6c14.274,8.08,17.506,17.843,17.506,17.843s12.12-8.416,14.544-26.394" transform="translate(-6818 -2512)" fill="none" stroke="#94b2e2" stroke-width="2"/>
<path id="Path_309" data-name="Path 309" d="M6823.193,2688.6c14.274,8.08,17.506,17.843,17.506,17.843s12.12-8.416,14.544-26.394" transform="translate(-6818 -2512)" fill="none" stroke="#bcc3ce" stroke-width="2"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 741 B

After

Width:  |  Height:  |  Size: 741 B

4
src/assets/connect-assets/sketch_line_arrow_large.svg
View File

@ -1,8 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="33.534" height="519.494" viewBox="0 0 33.534 519.494">
<g id="Group_755" data-name="Group 755" transform="translate(-4.701 -13.532)">
<g id="Group_342" data-name="Group 342" transform="translate(686.122 -100.639) rotate(90)">
<path id="Path_235" data-name="Path 235" d="M1783.519,676.418s130.88-15.767,244.75-2.516c58.923,6.859,180.524,6.3,273.04,0" transform="translate(-1669.228 -11.527)" fill="none" stroke="#94b2e2" stroke-width="2"/>
<path id="Path_235" data-name="Path 235" d="M1783.519,676.418s130.88-15.767,244.75-2.516c58.923,6.859,180.524,6.3,273.04,0" transform="translate(-1669.228 -11.527)" fill="none" stroke="#bcc3ce" stroke-width="2"/>
</g>
<path id="Path_309" data-name="Path 309" d="M6823.193,2688.6c14.274,8.08,17.506,17.843,17.506,17.843s12.12-8.416,14.544-26.394" transform="translate(-6818 -2175)" fill="none" stroke="#94b2e2" stroke-width="2"/>
<path id="Path_309" data-name="Path 309" d="M6823.193,2688.6c14.274,8.08,17.506,17.843,17.506,17.843s12.12-8.416,14.544-26.394" transform="translate(-6818 -2175)" fill="none" stroke="#bcc3ce" stroke-width="2"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 744 B

After

Width:  |  Height:  |  Size: 744 B

14
src/assets/connect-custom.css
View File

@ -27,7 +27,7 @@
}
.tm-toolbar .uk-subnav-line .custom-connect-li {
.tm-toolbar .uk-subnav-line .custom-connect-li, .connect-background {
background: var(--portal-main-color) !important;
}
@ -235,6 +235,10 @@ a:hover .user-circle-background {
font-size: 16px;
}
.connectApp .text-small {
font-size: 14px;
}
.connectApp, .connectApp h1, .connectApp h2, .connectApp h3,
.connectApp h4, .connectApp h5, .connectApp h6, .connectApp .uk-card, .connectApp .color {
color: #1A1A1A;
@ -245,6 +249,14 @@ a:hover .user-circle-background {
font-weight: 700;
}
.connectApp .uk-pagination > * > * {
color: #1a1a1a !important;
}
.connectApp .uk-grid-divider>:not(.uk-first-column)::before {
border-left: 1px solid #DEDEDE;
}
.contactUsBackground {
background: transparent linear-gradient(0deg, #FFFFFF 0%, #DCEDF5 0%, #FAFAFA 100%);
}