MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

splash screen changes

This commit is contained in:
dtziotzios 2020-06-25 17:52:00 +03:00
parent 1771ffa426
commit 423271713f
31 changed files with 46254 additions and 747 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
dmp-frontend/src/app/app-routing.module.ts
View File

@ -140,13 +140,21 @@ const appRoutes: Routes = [
}
},
{
path: 'terms-of-service',
path: 'terms-and-conditions',
loadChildren: () => import('./ui/sidebar/sidebar-footer/terms/terms.module').then(m => m.TermsModule),
data: {
breadcrumb: true,
title: 'GENERAL.TITLES.TERMS'
}
},
{
path: 'cookies-policy',
loadChildren: () => import('./ui/sidebar/sidebar-footer/cookies-policy/cookies-policy.module').then(m => m.CookiesPolicyModule),
data: {
breadcrumb: true,
title: 'GENERAL.TITLES.COOKIES-POLICY'
}
},
{
path: 'home',
loadChildren: () => import('./ui/dashboard/dashboard.module').then(m => m.DashboardModule),

2
dmp-frontend/src/app/app.component.ts
View File

@ -119,7 +119,7 @@ export class AppComponent implements OnInit {
}
});
this.ccService.getConfig().content.href = this.configurationService.app + "terms-of-service";
this.ccService.getConfig().content.href = this.configurationService.app + "cookies-policy";
this.ccService.getConfig().cookie.domain = this.configurationService.app;
this.translate
.get(['COOKIE.MESSAGE', 'COOKIE.DISMISS', 'COOKIE.DENY', 'COOKIE.LINK', 'COOKIE.POLICY'])

2
dmp-frontend/src/app/app.module.ts
View File

@ -62,7 +62,7 @@ const cookieConfig: NgcCookieConsentConfig = {
deny: "Refuse cookies",
link: "Learn more",
href: "",//environment.App + "terms-of-service",
policy: "Cookie Policy"
policy: "Cookies Policy"
},
position: "bottom-right",
theme: 'edgeless',

34
dmp-frontend/src/app/ui/sidebar/sidebar-footer/cookies-policy/cookies-policy.component.html Normal file
View File

@ -0,0 +1,34 @@
<div class="container cookies-policy-component">
<div class="row">
<div class="col-md-12">
<h1>{{ 'COOKIES-POLICY.TITLE' | translate}}</h1>
</div>
</div>
<div class="row">
<div class="col-md-12">
<p><span>ARGOS </span><span>(&quot;us&quot;, &quot;we&quot;, &quot;our&quot;) uses cookies. By using ARGOS, you consent to the use of cookies.</span></p>
<p><span>Our Cookies Policy explains what cookies are, how we use cookies, how third-parties we may partner with may use cookies on ARGOS, your choices regarding cookies and further information about cookies.</span></p>
<p><span></span></p>
<br />
<p><strong>What are cookies</strong></p>
<p><span>Cookies are small pieces of text sent by your web browser by a website you visit. A cookie file is stored in your web browser and allows ARGOS or a third-party to recognize you and make your next visit easier and ARGOS more useful to you.</span></p>
<p><span>Cookies can be &quot;persistent&quot; or &quot;session&quot; cookies.</span></p>
<br />
<p><strong>How Argos uses cookies</strong></p>
<p><span>When you use and access ARGOS, we may place cookies files in your web browser. </span></p>
<p><span>We use cookies for the following purposes: to enable certain functions of ARGOS and to provide analytics.</span></p>
<p><span>We use both session and persistent cookies on ARGOS and we use different types of cookies to run the Service: </span></p>
<p><span>1. Essential cookies. We may use essential cookies to authenticate users and prevent fraudulent use of user accounts.</span></p>
<p><span>2. Performance cookies. We use performance cookies to count visits and traffic sources, so we can measure and improve the performance of Argos, for example by analysing patterns of user behaviour in order to enhance user experience or by identifying areas of the website which may require maintenance. All information these cookies collect is anonymous.</span></p>
<p><span>&nbsp;3. Third-party cookies. Apart from our own cookies, we may use cookies from sources that Argos and OpenAIRE (Argos provider) makes use of for Argos to properly function and validate input and output. Third-party cookies are also used to report usage statistics of Argos.</span></p>
<p><span></span></p>
<br />
<p><strong>What are your choices regarding cookies</strong></p>
<p><span>If you&#39;d like to delete cookies or instruct your web browser to delete or refuse cookies, please visit the help pages of your web browser.</span></p>
<p><span>Please note, however, that if you delete cookies or refuse to accept them, you might not be able to use all of the features we offer, you may not be able to store your preferences, and some of our pages might not display properly.</span></p>
<p><span>Please contact OpenAIRE&rsquo;s Data Protection Officer for further </span><span>information on the cookies that we use and their purposes</span><span>: </span><span class="c5"><a href="mailto:dpo@openaire.eu">dpo@openaire.eu</a></span><span>&nbsp;</span></p>
<p><span></span></p>
<p><span>Last updated: 16/06/2020</span></p>
</div>
</div>
</div>

12
dmp-frontend/src/app/ui/sidebar/sidebar-footer/cookies-policy/cookies-policy.component.scss Normal file
View File

@ -0,0 +1,12 @@
h1 {
text-align: center;
}
img {
height: 150px;
width: 100%;
}
.cookies-policy-component {
margin-top: 80px;
}

15
dmp-frontend/src/app/ui/sidebar/sidebar-footer/cookies-policy/cookies-policy.component.ts Normal file
View File

@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-cookies-policy',
templateUrl: './cookies-policy.component.html',
styleUrls: ['./cookies-policy.component.scss']
})
export class CookiesPolicyComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}

15
dmp-frontend/src/app/ui/sidebar/sidebar-footer/cookies-policy/cookies-policy.module.ts Normal file
View File

@ -0,0 +1,15 @@
import { NgModule } from '@angular/core';
import { CookiesPolicyComponent } from '@app/ui/sidebar/sidebar-footer/cookies-policy/cookies-policy.component';
import { CookiesPolicyRoutingModule } from '@app/ui/sidebar/sidebar-footer/cookies-policy/cookies-policy.routing';
import { CommonUiModule } from '@common/ui/common-ui.module';
@NgModule({
imports: [
CommonUiModule,
CookiesPolicyRoutingModule
],
declarations: [
CookiesPolicyComponent
],
})
export class CookiesPolicyModule { }

16
dmp-frontend/src/app/ui/sidebar/sidebar-footer/cookies-policy/cookies-policy.routing.ts Normal file
View File

@ -0,0 +1,16 @@
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { CookiesPolicyComponent } from './cookies-policy.component';
const routes: Routes = [
{
path: '',
component: CookiesPolicyComponent,
},
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class CookiesPolicyRoutingModule { }

2
dmp-frontend/src/app/ui/sidebar/sidebar-footer/sidebar-footer.component.html
View File

@ -33,7 +33,7 @@
{{'FOOTER.CONTACT-SUPPORT' | translate}}</p>
</div>
<div class="col-6 text-center">
<a class="option" [routerLink]="['/terms-of-service']" [routerLinkActive]="['option-active']">
<a class="option" [routerLink]="['/terms-and-conditions']" [routerLinkActive]="['option-active']">
<!-- <i class="fa fa-balance-scale pr-2 pt-1"></i> -->
{{'FOOTER.TERMS-OF-SERVICE' | translate}}</a>
</div>

26
dmp-frontend/src/app/ui/sidebar/sidebar-footer/terms/terms.component.html
View File

@ -6,7 +6,29 @@
</div>
<div class="row">
<div class="col-md-12">
<p>{{ 'TERMS-OF-SERVICE.MAIN-CONTENT' | translate}}</p>
<p><span>The </span><span>OpenDMP</span><span>&nbsp;service was developed to provide a more flexible, </span><span>collaborative </span><span>environment with machine actionable solutions in writing, sharing and publishing Data Management Plans (DMPs). It is a product of </span><span>cooperation between </span><span>OpenAIRE </span><span>AMKE</span><span class="c0">&nbsp;and EUDAT CDI and is offered both as a software &ldquo;OpenDMP &#39;&#39; and as an online service under the name &ldquo;ARGOS&rdquo;. </span></p>
<p><span></span></p>
<ol>
<li><span><a href="https://gitlab.eudat.eu/dmp/OpenAIRE-EUDAT-DMP-service-pilot">OpenDMP software</a></span><span>&nbsp;is offered under the Free Open Source Software license &nbsp;</span><span>Apache 2.0</span><span class="c0">, for further development and use by institutions and interested parties.</span></li>
<li><span><a href="https://argos.openaire.eu/">ARGOS</a></span><span>&nbsp;service</span><span>&nbsp;is offered by</span><span>&nbsp;</span><span>OpenAIRE</span><span>&nbsp;as </span><span>part of its mission to support Open Science in the European Research Area, focusing on information linking and contextualisation that enriches its </span><span class="c5"><a href="https://zenodo.org/record/2600275#.XZpJgUYzY2w">Research Graph</a></span><span>.</span><span class="c0">&nbsp;Use of ARGOS denotes agreement with the following terms:</span>
<ol>
<li><span>ARGOS is a software interface and a database with no storage capacity to store or preserve research data. The DMPs created are hosted in the </span><span>OpenAIRE </span><span>production environment for the sole purpose of exposing the DMP records once finalised (&ldquo;published&rdquo;). If assigned a DOI, the DMP records are linked to and preserved in Zenodo, the OpenAIRE&rsquo;s repository service. The ARGOS service is made available for use free-of-charge for research, educational and informational purposes.</span></li>
<li><span>Login to ARGOS is possible through a variety of external providers, among which Google, Facebook, Twitter, B2Access </span><span>and OpenAIRE Login</span><span>, that share information of their user profiles with ARGOS, </span><span>according to the rights that have been granted to the given provider by the user.</span><span>&nbsp;External email addresses that are used in invitations for collaborations are held in ARGOS database that stores information about only the </span><span class="c11">name</span><span>, </span><span class="c11">surname</span><span>&nbsp;</span><span>and </span><span class="c11">email address</span><span>&nbsp;</span><span>of the DMP creator and collaborator. &nbsp;Personal data is collected via the login option and via email invitations sent to external DMP contributors. This personal information as well as the activity of ARGOS users is used only for deriving usage metrics and assessing the service quality. They are stored in ARGOS database for as long as the account is active and they are accessible only from people in the team in charge of </span><span>quality and risk assessment</span><span>. </span><span>They will not be used for other purposes other than the ones stated in this document and they can be deleted at any time should the user claim a relevant request. </span><span>The aforementioned processes are also facilitated by the use of c</span><span>ookies</span><span>&nbsp;(see below the &ldquo;Cookie policy&rdquo;). </span></li>
<li><span>Data concerning DMP information will be used by OpenAIRE for research and development </span><span>purposes, </span><span>such as identifying DMP models, and for ensuring compliance with policy requirements and monitoring of DMPs uptake linked to OpenAIRE&rsquo;s Monitoring Dashboards and the Open Science Observatory.</span></li>
<li><span>The DMP Manager</span><span>, i.e. the person who creates and manages a DMP, and/ or the </span><span>contributor, i.e. the person who is invited to collaborate on a DMP, shall ensure that content is accurate and presented in a way that adheres to these </span><span>Terms of Service</span><span>&nbsp;and applicable laws, including, but not limited to, privacy, data protection and intellectual property rights.</span></li>
<li><span>ARGOS service is provided by OpenAIRE &ldquo;as is&rdquo;. Although OpenAIRE and its partners take measures for the availability, dependability, and accuracy of the service, access to ARGOS, utilisation of its features and preservation of the data deposited or produced by the service are not guaranteed. OpenAIRE cannot be held responsible </span><span>for any data loss regarding DMPs,</span><span>&nbsp;ethical or financial damage or any other direct or indirect impact that any failure of ARGOS service may have on its users. &nbsp;</span></li>
<li><span>ARGOS </span><span>users are exclusively responsible for their use of content, and shall hold OpenAIRE free and harmless in connection with their download and/or use.</span></li>
<li><span>OpenAIRE may not be held responsible for the content provided </span><span>or statements</span><span>&nbsp;made in Data Management Plans created and managed by its users. </span></li>
<li><span>All content is provided &ldquo;as-is&rdquo;. Users of content (&ldquo;Users&rdquo;) shall respect applicable license conditions. Download and use of content from ARGOS does not transfer any intellectual property rights in the content to the User.</span></li>
<li><span>In the case any content is reported as violating third party rights or other legal provisions, ARGOS reserves the right to remove the content from the service until the dispute is legally settled. Any such incidents should be reported at </span><span class="c5"><a href="mailto:noticeandtakedown@openaire.eu">noticeandtakedown@openaire.eu</a></span><span class="c0">&nbsp;</span></li>
<li><span>ARGOS users are held responsible for the data and information they provide in the service. Users may not add information, data or any other type of artifact that may be </span><span>malicious</span><span>, intentionally erroneous and potentially harmful for other ARGOS users, IPR owners and/or the general public.</span></li>
<li><span>In case a user of ARGOS identifies a potential </span><span>infringement</span><span>&nbsp;of copyright, </span><span>harmful</span><span>&nbsp;or </span><span>malicious </span><span>operation, function, code, information or data, shall inform OpenAIRE providing sufficient evidence for the identification of the case and the information and/or data challenged.</span></li>
<li><span>OpenAIRE reserves the right, without notice, at its sole discretion and without liability, (i) to alter or delete inappropriate content, and (ii) to restrict or remove User access where it considers that use of ARGOS interferes with its operations or violates these Terms of Service or applicable laws.</span></li>
<li><span>These Terms of Service are subject to change by OpenAIRE at any time and without notice, other than through posting the updated Terms of Service on the OpenAIRE website and indicating the version and date of last update.</span></li>
</ol>
</li>
</ol>
<p><span>For any questions or comments you may have about the current Terms of Service, please contact us: </span><span class="c5"><a href="mailto:argos@openaire.eu">argos@openaire.eu</a></span><span class="c0">&nbsp;</span></p>
</div>
</div>
</div>
</div>

9
dmp-frontend/src/app/ui/user-guide/user-guide.routing.ts
View File

@ -1,18 +1,17 @@
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { RouterModule, Routes } from '@angular/router';
import { UserGuideContentComponent } from './user-guide-content/user-guide-content.component';
import { UserGuideDialogComponent } from './dialog/user-guide-dialog.component';
const routes: Routes = [
{
path: '',
component: UserGuideDialogComponent,
component: UserGuideContentComponent,
},
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class UserGuideRoutingModule { }

9
dmp-frontend/src/assets/i18n/en.json
View File

@ -89,6 +89,7 @@
"ABOUT": "About",
"PRIVACY": "Privacy Policy",
"TERMS": "Terms Of Service",
"COOKIES-POLICY": "Cookies Policy",
"PLANS": "My DMPs",
"EXPLORE-PLANS": "Published DMPs",
"QUICK-WIZARD": "New DMP (Wizard)",
@ -142,7 +143,7 @@
"DISMISS": "Accept",
"DENY": "Refuse cookies",
"LINK": "Learn more",
"POLICY": "Cookie Policy"
"POLICY": "Cookies Policy"
},
"EMAIL-CONFIRMATION": {
"EXPIRED-EMAIL": "Mail invitation expired",
@ -1041,6 +1042,7 @@
"GUIDE": "User Guide",
"GLOSSARY": "Glossary",
"TERMS-OF-SERVICE": "Terms Of Service",
"COOKIES-POLICY": "Cookies Policy",
"PRIVACY-POLICY": "Privacy Policy"
},
"GLOSSARY": {
@ -1063,9 +1065,12 @@
"MAIN-CONTENT": ""
},
"TERMS-OF-SERVICE": {
"TITLE": "-Terms Of Service-",
"TITLE": "Terms of Service",
"MAIN-CONTENT": ""
},
"COOKIES-POLICY": {
"TITLE": "Cookies Policy"
},
"CONTACT": {
"SUPPORT": {
"TITLE": "Contact Support",

121
dmp-frontend/src/assets/splash/about/faqs.html
View File

@ -9,17 +9,14 @@
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.12.1/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!-- Core theme CSS -->
<link href="../css/styles.css" rel="stylesheet">
<link href="../css/navbar.css" rel="stylesheet">
<link href="../css/footer.css" rel="stylesheet">
<link href="../css/section.css" rel="stylesheet">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
</head>
@ -28,13 +25,11 @@
<nav class="navbar navbar-expand-lg" id="nav">
<div class="container">
<a class="navbar-brand" href="../index.html"><img src="../assets/img/argos-logo.svg"></a>
<button class="collapse navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i
class="fas fa-bars ml-1"></i></button>
<button class="collapse navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i class="fas fa-bars ml-1"></i></button>
<div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item">
<a class="nav-link dropbtn active-nav-link" href="#about">ABOUT</a>
<a class="nav-link dropbtn active-nav-link" href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div>
<div class="dropdown-options">
@ -56,7 +51,7 @@
</div>
</li>
<li class="nav-item"><a class="nav-link" href="../contact.html">CONTACT</a></li>
<li class="nav-item"><a class="nav-link" href="#sign-in">SIGN IN</a></li>
<li class="nav-item"><li class="nav-item"><a class="nav-link" href="http://localhost:4200/login">SIGN IN</a></li></li>
</ul>
</div>
</div>
@ -94,9 +89,16 @@
<a data-toggle="collapse" href="#collapseFAQ-2" aria-expanded="true" aria-controls="collapseFAQ-2">Who is it for?</a>
</div>
</div>
<!-- <div class="collapse show" id="collapseFAQ-2">
<div class="faq-content"></div>
</div> -->
<div class="collapse show" id="collapseFAQ-2">
<div class="faq-content">
ARGOS is inclusive to all researchers and research coordinators who may use the tool to create
machine actionable DMPs. Funding and Research Performing Organizations as well as research
communities may use the tool and create Dataset Description templates according to their
preferences or requirements. ARGOS may be used for purposes other than research projects, such
as on the occasion of trainings that familiarise scientists with the data management planning
process.
</div>
</div>
</div>
<div class="collapse-box">
<div class="panel-heading">
@ -104,9 +106,54 @@
<a data-toggle="collapse" href="#collapseFAQ-3" aria-expanded="true" aria-controls="collapseFAQ-3">How can I use it?</a>
</div>
</div>
<!-- <div class="collapse show" id="collapseFAQ-3">
<div class="faq-content"></div>
</div> -->
<div class="collapse show" id="collapseFAQ-3">
<div class="faq-content">
<p>ARGOS is comprised of two main functionalities: DMP templates and Dataset Descriptions.
Additional entities are Projects that link to funders and grants information.<br />ARGOS can
be used for:
<br /><br /><u style="padding:20px;"> A. viewing/ consulting publicly released DMPs and
Dataset Descriptions or Projects corresponding to DMPs</u><br /><br />
The tool offers options for publishing DMPs in two modes, private or public. To view public
DMPs and Dataset Descriptions, there is no need for login to the platform.
<br /><br /><u style="padding:20px;"> B. writing and publishing a DMP</u><br /><br />
The tool helps researchers comply with mandates that may be attached to their grant
proposal/ project funding. They can therefore choose from the most suitable to their needs
template from the Dataset Descriptions collection and proceed with answering the
corresponding questions. Once finalized, researchers can assign a DOI to their DMP, publish
and eventually cite it.
<br /><br /><u style="padding:20px;"> C. practicing in writing DMPs and Dataset
Descriptions</u><br /><br />
Given that Data Management Planning reflects the data management lifecycle and in
accordance/ response to the increasing demand of the global scientific/ research community
for training in Research Data Management (RDM), ARGOS may be used for educational purposes.
Examples may refer to embedding DMP and DMP tools in specific curricula or even utilization
of the tool for researchers and students familiarization with the concept and process, as
part of library instructions’ sessions.
</p>
</div>
</div>
</div>
<div class="collapse-box">
<div class="panel-heading">
<div class="collapse-title">
<a data-toggle="collapse" href="#collapseFAQ-4" aria-expanded="true" aria-controls="collapseFAQ-4">What is the difference between the “Wizard” and the “Expert”
modes/ features?</a>
</div>
</div>
<div class="collapse show" id="collapseFAQ-4">
<div class="faq-content">
There are two ways of creating a DMP: the “Wizard” and the “Expert”. The DMP Wizard combines the
most necessary fields of the DMP template and the Data Description template. It is an easy way
of starting a DMP and completing a Dataset Description. The downside when using the Wizard is
that it only supports one Dataset Description. To add more datasets documentation, someone must
open the DMP from DMP Expert.
DMP expert contains extra fields for describing the project, grant, funding, contributors and
associations between DMP authors, etc. DMP Expert is advised for use when further modification
and personalization is to take place.
</div>
</div>
</div>
</div>
</section>
@ -118,53 +165,45 @@
<img src="../assets/img/argos-logo - Copy.svg" width="98" height="37">
</div>
<div class="col-auto">
<div class="footer-text">ARGOS receives funding from the European Union's Horizon 2020 Research and
Innovation programme under grant agreement No. 731011.</div>
<div class="footer-text">OpenAIRE-Advance receives funding from the European Union's Horizon 2020
Research and Innovation programme under Grant Agreement No. 777541.</div>
</div>
<div class="col-auto">
<img src="../assets/img/Logo_Horizontal_white_small.png" width="126" height="30">
<a href="https://www.openaire.eu/">
<img src="../assets/img/Logo_Horizontal_white_small.png" width="126" height="30">
</a>
</div>
</div>
<div class="row justify-content-center pt-5">
<div class="col d-flex justify-content-end">
<a class="btn rounded-circle btn-social mx-1" href="#!"><i class="fab fa-lg fa-facebook-f"></i></a>
<a class="btn rounded-circle btn-social twitter mx-1" href="#!"><i
class="fab fa-lg fa-twitter"></i></a>
<a class="btn rounded-circle btn-social linkedin mx-1" href="#!"><i
class="fab fa-lg fa-linkedin-in"></i></a>
<a class="btn rounded-circle btn-social youtube mx-1" href="#!"><i
class="fab fa-lg fa-youtube"></i></a>
<a class="btn rounded-circle btn-social mx-1" href="https://www.facebook.com/groups/openaire/"><i class="fab fa-lg fa-facebook-f"></i></a>
<a class="btn rounded-circle btn-social twitter mx-1" href="https://twitter.com/OpenAIRE_eu"><i class="fab fa-lg fa-twitter"></i></a>
<a class="btn rounded-circle btn-social linkedin mx-1" href="https://www.linkedin.com/groups/3893548/"><i class="fab fa-lg fa-linkedin-in"></i></a>
<a class="btn rounded-circle btn-social youtube mx-1" href="https://www.youtube.com/channel/UChFYqizc-S6asNjQSoWuwjw"><i class="fab fa-lg fa-youtube"></i></a>
</div>
<div class="col">
<a class="btn mx-1" href="#!"><span class="newsletter">Newsletter</span><i
class="fas fa-lg fa-wifi wifi-rotate"></i></i></a>
<a class="btn mx-1" href="https://www.openaire.eu/newsletter/listing"><span class="newsletter">Newsletter</span><i class="fas fa-lg fa-wifi wifi-rotate"></i></i></a>
</div>
</div>
<div class="row justify-content-center pt-5">
<a class="col d-flex justify-content-end conditions-policy" href="#!">Terms and conditions</a>
<a class="col conditions-policy" href="#!">Cookies policy</a>
<a class="col d-flex justify-content-end conditions-policy" href="http://localhost:4200/terms-and-conditions">Terms and conditions</a>
<a class="col conditions-policy" href="http://localhost:4200/cookies-policy">Cookies policy</a>
</div>
<div class="row justify-content-center pt-5">
<div class="col-auto"><img src="../assets/img/Cc.logo.circle.png" width="24" height="24"></div>
<div class="col-auto pl-0"><img src="../assets/img/univ-access.png" width="24" height="24"></div>
<div class="licence">Unless otherwise indicated, all materials created by OpenAIRE are licenced under
</div>&nbsp;
<div class="licence"><u>ATTRIBUTION 4.0 INTERNATIONAL LICENSE.</u></div>
<div class="licence"><u><a href="https://creativecommons.org/licenses/by/4.0/">ATTRIBUTION 4.0 INTERNATIONAL LICENSE.</a></u></div>
</div>
</div>
</footer>
<!-- Core theme JS-->
<script src="../js/scripts.js"></script>
<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>
</html>

69
dmp-frontend/src/assets/splash/about/how-it-works.html
View File

@ -9,17 +9,14 @@
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.12.1/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!-- Core theme CSS -->
<link href="../css/styles.css" rel="stylesheet">
<link href="../css/navbar.css" rel="stylesheet">
<link href="../css/footer.css" rel="stylesheet">
<link href="../css/section.css" rel="stylesheet">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body id="page-top" class="bootstrap-overrides">
@ -27,9 +24,7 @@
<nav class="navbar navbar-expand-lg" id="nav">
<div class="container">
<a class="navbar-brand" href="../index.html"><img src="../assets/img/argos-logo.svg"></a>
<button class="collapse navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i
class="fas fa-bars ml-1"></i></button>
<button class="collapse navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i class="fas fa-bars ml-1"></i></button>
<div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item">
@ -55,7 +50,7 @@
</div>
</li>
<li class="nav-item"><a class="nav-link" href="../contact.html">CONTACT</a></li>
<li class="nav-item"><a class="nav-link" href="#sign-in">SIGN IN</a></li>
<li class="nav-item"><li class="nav-item"><a class="nav-link" href="http://localhost:4200/login">SIGN IN</a></li></li>
</ul>
</div>
</div>
@ -84,7 +79,8 @@
<p class="pt-2">
ARGOS is a service that is integrated within the OpenAIRE platform and is freely offered for use through
the
<a href="#"><u>OpenAIRE Service Catalogue</u></a> and the EOSC Catalogue. ARGOS enhances the OpenAIRE
<a href="http://catalogue.openaire.eu/"><u>OpenAIRE Service Catalogue</u></a> and the EOSC Catalogue.
ARGOS enhances the OpenAIRE
Research Graph while at the same time utilises its
underlying services, external sources and semantics to add value to the Dataset Description templates it
produces thus increasing validation of DMPs. DMPs in ARGOS are treated as research outputs that can be
@ -94,18 +90,21 @@
<div class="text-box">
<p>
<b>The Name:</b> ARGOS is inspired by Greek mythology, both from
<a href="#"><u>Argus Panoptes</u></a> the hundred-eyed giant and
from <a href="#"><u>Argus (Argonaut)</u></a> builder of Argos ship, for the many-eyes monitoring sense and for the crafting
<a href="https://en.wikipedia.org/wiki/Argus_Panoptes"><u>Argus Panoptes</u></a> the hundred-eyed
giant and
from <a href="https://en.wikipedia.org/wiki/Argus_(Argonaut)"><u>Argus (Argonaut)</u></a> builder of
Argos ship, for the many-eyes monitoring sense and for the crafting
and building for endurance concealing long-term goals.
</p>
</div>
<p class="pt-2">
More details on ARGOS as registered in the OpenAIRE services catalogue is available here:
<a href="#"><u>http://catalogue.openaire.eu/service/openaire.argos</u></a>. ARGOS as a Data Management
<a href="http://catalogue.openaire.eu/service/openaire.argos"><u>http://catalogue.openaire.eu/service/openaire.argos</u></a>.
ARGOS as a Data Management
Planning tool within
EOSC can be explored in the EOSC catalogue of services here:
<a href="#"><u>https://catalogue.eosc-portal.eu/service/openaire.argos</u></a>
<a href="https://catalogue.eosc-portal.eu/service/openaire.argos"><u>https://catalogue.eosc-portal.eu/service/openaire.argos</u></a>
</p>
<p class="pt-2 pb-5">
ARGOS is offered as a standalone service, where
@ -122,53 +121,45 @@
<img src="../assets/img/argos-logo - Copy.svg" width="98" height="37">
</div>
<div class="col-auto">
<div class="footer-text">ARGOS receives funding from the European Union's Horizon 2020 Research and
Innovation programme under grant agreement No. 731011.</div>
<div class="footer-text">OpenAIRE-Advance receives funding from the European Union's Horizon 2020
Research and Innovation programme under Grant Agreement No. 777541.</div>
</div>
<div class="col-auto">
<img src="../assets/img/Logo_Horizontal_white_small.png" width="126" height="30">
<a href="https://www.openaire.eu/">
<img src="../assets/img/Logo_Horizontal_white_small.png" width="126" height="30">
</a>
</div>
</div>
<div class="row justify-content-center pt-5">
<div class="col d-flex justify-content-end">
<a class="btn rounded-circle btn-social mx-1" href="#!"><i class="fab fa-lg fa-facebook-f"></i></a>
<a class="btn rounded-circle btn-social twitter mx-1" href="#!"><i
class="fab fa-lg fa-twitter"></i></a>
<a class="btn rounded-circle btn-social linkedin mx-1" href="#!"><i
class="fab fa-lg fa-linkedin-in"></i></a>
<a class="btn rounded-circle btn-social youtube mx-1" href="#!"><i
class="fab fa-lg fa-youtube"></i></a>
<a class="btn rounded-circle btn-social mx-1" href="https://www.facebook.com/groups/openaire/"><i class="fab fa-lg fa-facebook-f"></i></a>
<a class="btn rounded-circle btn-social twitter mx-1" href="https://twitter.com/OpenAIRE_eu"><i class="fab fa-lg fa-twitter"></i></a>
<a class="btn rounded-circle btn-social linkedin mx-1" href="https://www.linkedin.com/groups/3893548/"><i class="fab fa-lg fa-linkedin-in"></i></a>
<a class="btn rounded-circle btn-social youtube mx-1" href="https://www.youtube.com/channel/UChFYqizc-S6asNjQSoWuwjw"><i class="fab fa-lg fa-youtube"></i></a>
</div>
<div class="col">
<a class="btn mx-1" href="#!"><span class="newsletter">Newsletter</span><i
class="fas fa-lg fa-wifi wifi-rotate"></i></i></a>
<a class="btn mx-1" href="https://www.openaire.eu/newsletter/listing"><span class="newsletter">Newsletter</span><i class="fas fa-lg fa-wifi wifi-rotate"></i></i></a>
</div>
</div>
<div class="row justify-content-center pt-5">
<a class="col d-flex justify-content-end conditions-policy" href="#!">Terms and conditions</a>
<a class="col conditions-policy" href="#!">Cookies policy</a>
<a class="col d-flex justify-content-end conditions-policy" href="http://localhost:4200/terms-and-conditions">Terms and conditions</a>
<a class="col conditions-policy" href="http://localhost:4200/cookies-policy">Cookies policy</a>
</div>
<div class="row justify-content-center pt-5">
<div class="col-auto"><img src="../assets/img/Cc.logo.circle.png" width="24" height="24"></div>
<div class="col-auto pl-0"><img src="../assets/img/univ-access.png" width="24" height="24"></div>
<div class="licence">Unless otherwise indicated, all materials created by OpenAIRE are licenced under
</div>&nbsp;
<div class="licence"><u>ATTRIBUTION 4.0 INTERNATIONAL LICENSE.</u></div>
<div class="licence"><u><a href="https://creativecommons.org/licenses/by/4.0/">ATTRIBUTION 4.0 INTERNATIONAL LICENSE.</a></u></div>
</div>
</div>
</footer>
<!-- Core theme JS-->
<script src="../js/scripts.js"></script>
<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>
</html>

61
dmp-frontend/src/assets/splash/assets/img/template-preview-1.svg
View File

@ -1 +1,60 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="472" height="519" viewBox="0 0 472 519"><defs><filter id="a" x="25.5" y="111.5" width="418" height="363" filterUnits="userSpaceOnUse"><feOffset dy="6" input="SourceAlpha"/><feGaussianBlur stdDeviation="6.5" result="b"/><feFlood flood-opacity="0.18"/><feComposite operator="in" in2="b"/><feComposite in="SourceGraphic"/></filter></defs><g transform="translate(-373 -431)"><g transform="translate(373 431)" fill="#fff" stroke="#b6e2e2" stroke-width="8"><rect width="472" height="519" rx="37" stroke="none"/><rect x="4" y="4" width="464" height="511" rx="33" fill="none"/></g><text transform="translate(418 499)" font-size="15" font-family="Roboto-Regular, Roboto" opacity="0.45"><tspan x="0" y="0">Select Template</tspan></text><g transform="translate(417.741 518.451)"><g transform="translate(0.259 -0.451)" fill="#fff" stroke="#a9dedd" stroke-width="2"><rect width="379" height="38" rx="4" stroke="none"/><rect x="1" y="1" width="377" height="36" rx="3" fill="none"/></g><path d="M4.911,0,9.822,5.113H0Z" transform="translate(361.766 22.37) rotate(180)" fill="#23bcba" opacity="0.56"/><text transform="translate(16.259 24.549)" fill="#23bcba" font-size="15" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Select a template from the list</tspan></text></g><g transform="matrix(1, 0, 0, 1, 373, 431)" filter="url(#a)"><rect width="379" height="324" rx="4" transform="translate(45 125)" fill="#fff"/></g><rect width="379" height="79" transform="translate(418 556)" fill="#f3f3f3"/><text transform="translate(431 614)" font-size="15" font-family="Roboto-Regular, Roboto" opacity="0.45"><tspan x="0" y="0">Dataset description - </tspan><tspan y="0" font-family="Roboto-Bold, Roboto" font-weight="700">Funder</tspan></text><text transform="translate(431 591)" font-size="20" font-family="Roboto-Regular, Roboto" opacity="0.6"><tspan x="0" y="0">Horizon 2020</tspan></text><g transform="translate(0 78)"><rect width="379" height="79" transform="translate(418 556)" fill="#fff"/><text transform="translate(431 614)" font-size="15" font-family="Roboto-Regular, Roboto" opacity="0.45"><tspan x="0" y="0">Dataset description - </tspan><tspan y="0" font-family="Roboto-Bold, Roboto" font-weight="700">Research Community</tspan></text><text transform="translate(431 591)" font-size="20" font-family="Roboto-Regular, Roboto" opacity="0.6"><tspan x="0" y="0">FWF - Austrian Science Fund</tspan></text></g><g transform="translate(0 156)"><rect width="379" height="79" transform="translate(418 556)" fill="#fff"/><text transform="translate(431 614)" font-size="15" font-family="Roboto-Regular, Roboto" opacity="0.45"><tspan x="0" y="0">Dataset description - </tspan><tspan y="0" font-family="Roboto-Bold, Roboto" font-weight="700">Institution</tspan></text><text transform="translate(431 591)" font-size="20" font-family="Roboto-Regular, Roboto" opacity="0.6"><tspan x="0" y="0">Clarin-D</tspan></text></g><g transform="translate(0 234)"><rect width="379" height="79" transform="translate(418 556)" fill="none"/><text transform="translate(431 614)" font-size="15" font-family="Roboto-Regular, Roboto" opacity="0.45"><tspan x="0" y="0">Dataset description - </tspan><tspan y="0" font-family="Roboto-Bold, Roboto" font-weight="700">Initiative</tspan></text><text transform="translate(431 591)" font-size="20" font-family="Roboto-Regular, Roboto" opacity="0.6"><tspan x="0" y="0">IOSSG</tspan></text></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="568" height="615" viewBox="0 0 568 615">
<defs>
<filter id="Rectangle_7" x="0" y="0" width="568" height="615" filterUnits="userSpaceOnUse">
<feOffset input="SourceAlpha"/>
<feGaussianBlur stdDeviation="16" result="blur"/>
<feFlood flood-color="#458e8d"/>
<feComposite operator="in" in2="blur"/>
<feComposite in="SourceGraphic"/>
</filter>
<filter id="Rectangle_1512" x="73.5" y="147.5" width="418" height="363" filterUnits="userSpaceOnUse">
<feOffset dy="6" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="6.5" result="blur-2"/>
<feFlood flood-opacity="0.18"/>
<feComposite operator="in" in2="blur-2"/>
<feComposite in="SourceGraphic"/>
</filter>
</defs>
<g id="Group_1162" data-name="Group 1162" transform="translate(-325 -383)">
<g transform="matrix(1, 0, 0, 1, 325, 383)" filter="url(#Rectangle_7)">
<g id="Rectangle_7-2" data-name="Rectangle 7" transform="translate(48 48)" fill="#fff" stroke="#b6e2e2" stroke-width="8">
<rect width="472" height="519" rx="37" stroke="none"/>
<rect x="4" y="4" width="464" height="511" rx="33" fill="none"/>
</g>
</g>
<text id="Select_one_or_more_templates_for_your_DMP" data-name="Select one or more templates for your DMP" transform="translate(418 487)" font-size="15" font-family="Roboto-Regular, Roboto" opacity="0.8"><tspan x="0" y="0">Select one or more templates for your DMP</tspan></text>
<g id="Group_1161" data-name="Group 1161" transform="translate(417.741 506.451)">
<g id="Rectangle_1188" data-name="Rectangle 1188" transform="translate(0.259 -0.451)" fill="#fff" stroke="#a9dedd" stroke-width="2">
<rect width="379" height="38" rx="4" stroke="none"/>
<rect x="1" y="1" width="377" height="36" rx="3" fill="none"/>
</g>
<path id="Polygon_2" data-name="Polygon 2" d="M4.911,0,9.822,5.113H0Z" transform="translate(361.766 22.37) rotate(180)" fill="#23bcba" opacity="0.56"/>
<text id="Select_templates_from_the_list" data-name="Select templates from the list" transform="translate(16.259 24.549)" fill="#23bcba" font-size="15" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Select templates from the list</tspan></text>
</g>
<g transform="matrix(1, 0, 0, 1, 325, 383)" filter="url(#Rectangle_1512)">
<rect id="Rectangle_1512-2" data-name="Rectangle 1512" width="379" height="324" rx="4" transform="translate(93 161)" fill="#fff"/>
</g>
<g id="Group_1294" data-name="Group 1294" transform="translate(0 -12)">
<rect id="Rectangle_1511" data-name="Rectangle 1511" width="379" height="79" transform="translate(418 556)" fill="#f3f3f3"/>
<text id="Funder_-_Dataset_description" data-name="Funder - Dataset description" transform="translate(485 614)" font-size="15" font-family="Roboto-Bold, Roboto" opacity="0.45" font-weight="700"><tspan x="0" y="0">Funder</tspan><tspan y="0" xml:space="preserve" font-family="Roboto-Regular, Roboto" font-weight="400"> - Dataset description</tspan></text>
<text id="Horizon_2020" data-name="Horizon 2020" transform="translate(485 591)" font-size="20" font-family="Roboto-Regular, Roboto" opacity="0.6"><tspan x="0" y="0">Horizon 2020</tspan></text>
<path id="ic_check_24px" d="M9.834,17.748,5.042,12.956,3.41,14.576,9.834,21,23.623,7.21,22,5.59Z" transform="translate(439.59 583.41)" fill="#23bcba" stroke="#23bcba" stroke-width="2"/>
</g>
<g id="Group_1295" data-name="Group 1295" transform="translate(0 146)">
<rect id="Rectangle_1511-2" data-name="Rectangle 1511" width="379" height="79" transform="translate(418 556)" fill="#f3f3f3"/>
<text id="Institution_-_Dataset_description" data-name="Institution - Dataset description" transform="translate(485 614)" font-size="15" font-family="Roboto-Bold, Roboto" opacity="0.45" font-weight="700"><tspan x="0" y="0">Institution</tspan><tspan y="0" xml:space="preserve" font-family="Roboto-Regular, Roboto" font-weight="400"> - Dataset description</tspan></text>
<text id="Athena_Research_Center" data-name="Athena Research Center" transform="translate(485 591)" font-size="20" font-family="Roboto-Regular, Roboto" opacity="0.6"><tspan x="0" y="0">Athena Research Center</tspan></text>
<path id="ic_check_24px-2" data-name="ic_check_24px" d="M9.834,17.748,5.042,12.956,3.41,14.576,9.834,21,23.623,7.21,22,5.59Z" transform="translate(439.59 582.41)" fill="#23bcba" stroke="#23bcba" stroke-width="2"/>
</g>
<g id="Group_1296" data-name="Group 1296" transform="translate(0 67)">
<rect id="Rectangle_1511-3" data-name="Rectangle 1511" width="379" height="79" transform="translate(418 556)" fill="#fff"/>
<text id="Research_Community_-_Dataset_description" data-name="Research Community - Dataset description" transform="translate(485 614)" font-size="15" font-family="Roboto-Bold, Roboto" opacity="0.45" font-weight="700"><tspan x="0" y="0">Research Community</tspan><tspan y="0" xml:space="preserve" font-family="Roboto-Regular, Roboto" font-weight="400"> - Dataset description</tspan></text>
<text id="Clarin-D" transform="translate(485 591)" font-size="20" font-family="Roboto-Regular, Roboto" opacity="0.6"><tspan x="0" y="0">Clarin-D</tspan></text>
</g>
<g id="Group_1297" data-name="Group 1297" transform="translate(0 222)">
<rect id="Rectangle_1511-4" data-name="Rectangle 1511" width="379" height="79" transform="translate(418 556)" fill="none"/>
<text id="Initiative_-_Dataset_description" data-name="Initiative - Dataset description" transform="translate(485 614)" font-size="15" font-family="Roboto-Bold, Roboto" opacity="0.45" font-weight="700"><tspan x="0" y="0">Initiative</tspan><tspan y="0" xml:space="preserve" font-family="Roboto-Regular, Roboto" font-weight="400"> - Dataset description</tspan></text>
<text id="IOSSG" transform="translate(485 591)" font-size="20" font-family="Roboto-Regular, Roboto" opacity="0.6"><tspan x="0" y="0">IOSSG</tspan></text>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 6.0 KiB

67
dmp-frontend/src/assets/splash/assets/img/template-preview-2.svg
View File

@ -1 +1,66 @@
<svg xmlns="http://www.w3.org/2000/svg" width="472" height="519" viewBox="0 0 472 519"><g transform="translate(-373 -431)"><g transform="translate(373 431)" fill="#fff" stroke="#b6e2e2" stroke-width="8"><rect width="472" height="519" rx="37" stroke="none"/><rect x="4" y="4" width="464" height="511" rx="33" fill="none"/></g><text transform="translate(418 502)" font-size="21" font-family="Roboto-Regular, Roboto" opacity="0.75"><tspan x="0" y="0">Selected template</tspan></text><g transform="translate(0 97)"><text transform="translate(418 556)" font-size="15" font-family="Roboto-Regular, Roboto" opacity="0.45"><tspan x="0" y="0">Will you use metadata to describe the data?</tspan></text><g transform="translate(417.741 575.451)"><g transform="translate(0.259 -0.451)" fill="#fff" stroke="#a9dedd" stroke-width="2"><rect width="379" height="38" rx="4" stroke="none"/><rect x="1" y="1" width="377" height="36" rx="3" fill="none"/></g><path d="M4.911,0,9.822,5.113H0Z" transform="translate(361.766 22.37) rotate(180)" fill="#23bcba" opacity="0.56"/><text transform="translate(16.259 24.549)" fill="#23bcba" font-size="15" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Dublin Core</tspan></text></g></g><g transform="translate(0 -117)"><text transform="translate(418 673)" font-size="15" font-family="Roboto-Regular, Roboto" opacity="0.45"><tspan x="0" y="0">Will you be re-using data?</tspan></text><text transform="translate(454 707)" fill="#23bcba" font-size="15" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Yes</tspan></text><text transform="translate(532 707)" font-size="15" font-family="Roboto-Regular, Roboto" opacity="0.6"><tspan x="0" y="0">No</tspan></text><g transform="translate(501 692)" fill="#fff" stroke="rgba(0,0,0,0.4)" stroke-width="1"><circle cx="10" cy="10" r="10" stroke="none"/><circle cx="10" cy="10" r="9.5" fill="none"/></g><path d="M12.512,7.256a5.256,5.256,0,1,0,5.256,5.256A5.258,5.258,0,0,0,12.512,7.256Zm0-5.256A10.512,10.512,0,1,0,23.023,12.512,10.515,10.515,0,0,0,12.512,2Zm0,18.921a8.409,8.409,0,1,1,8.409-8.409A8.407,8.407,0,0,1,12.512,20.921Z" transform="translate(419.576 689.778)" fill="#23bcba"/></g><g transform="translate(418 790)" fill="#fff" stroke="#a3d8d7" stroke-width="2"><rect width="379" height="113" rx="2" stroke="none"/><rect x="1" y="1" width="377" height="111" rx="1" fill="none"/></g><text transform="translate(418 771)" font-size="15" font-family="Roboto-Regular, Roboto" opacity="0.45"><tspan x="0" y="0">Where will your data be preserved?</tspan></text><text transform="translate(434 806)" fill="#3d3d3d" font-size="12" font-family="Roboto-Regular, Roboto" opacity="0.6"><tspan x="0" y="11">Master copy stored on University network storage; regular </tspan><tspan x="0" y="29">backup/sync to University network when offsite; regular backup </tspan><tspan x="0" y="47">to UvA/AUAS figshare;</tspan></text><line x1="6.392" y2="6.392" transform="translate(786.538 891.836)" fill="none" stroke="#23bcba" stroke-width="2" opacity="0.4"/><line x1="12.783" y2="12.783" transform="translate(780.147 885.445)" fill="none" stroke="#23bcba" stroke-width="2" opacity="0.4"/></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="568" height="615" viewBox="0 0 568 615">
<defs>
<filter id="Rectangle_7" x="0" y="0" width="568" height="615" filterUnits="userSpaceOnUse">
<feOffset input="SourceAlpha"/>
<feGaussianBlur stdDeviation="16" result="blur"/>
<feFlood flood-color="#458e8d"/>
<feComposite operator="in" in2="blur"/>
<feComposite in="SourceGraphic"/>
</filter>
</defs>
<g id="Group_1162" data-name="Group 1162" transform="translate(-325 -383)">
<g transform="matrix(1, 0, 0, 1, 325, 383)" filter="url(#Rectangle_7)">
<g id="Rectangle_7-2" data-name="Rectangle 7" transform="translate(48 48)" fill="#fff" stroke="#b6e2e2" stroke-width="8">
<rect width="472" height="519" rx="37" stroke="none"/>
<rect x="4" y="4" width="464" height="511" rx="33" fill="none"/>
</g>
</g>
<g id="Rectangle_1559" data-name="Rectangle 1559" transform="translate(418 542)" fill="#fff" stroke="#d1d1d1" stroke-width="1">
<rect width="379" height="374" rx="4" stroke="none"/>
<rect x="0.5" y="0.5" width="378" height="373" rx="3.5" fill="none"/>
</g>
<g id="Group_1323" data-name="Group 1323" transform="translate(24 143)">
<text id="Will_you_use_metadata_to_describe_the_data_" data-name="Will you use metadata to describe the data?" transform="translate(418 556)" font-size="15" font-family="Roboto-Regular, Roboto" opacity="0.45"><tspan x="0" y="0">Will you use metadata to describe the data?</tspan></text>
<g id="Group_1161" data-name="Group 1161" transform="translate(418 575)">
<g id="Rectangle_1188" data-name="Rectangle 1188" fill="#fff" stroke="#a9dedd" stroke-width="2">
<rect width="330" height="38" rx="4" stroke="none"/>
<rect x="1" y="1" width="328" height="36" rx="3" fill="none"/>
</g>
<path id="Polygon_2" data-name="Polygon 2" d="M4.911,0,9.822,5.113H0Z" transform="translate(312.507 22.821) rotate(180)" fill="#23bcba" opacity="0.56"/>
<text id="Dublin_Core" data-name="Dublin Core" transform="translate(16 25)" fill="#23bcba" font-size="15" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Dublin Core</tspan></text>
</g>
</g>
<g id="Group_1321" data-name="Group 1321" transform="translate(24 -52)">
<text id="Will_you_be_re-using_data_" data-name="Will you be re-using data?" transform="translate(418 673)" font-size="15" font-family="Roboto-Regular, Roboto" opacity="0.45"><tspan x="0" y="0">Will you be re-using data?</tspan></text>
<text id="Yes" transform="translate(454 707)" fill="#23bcba" font-size="15" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Yes</tspan></text>
<text id="No" transform="translate(532 707)" font-size="15" font-family="Roboto-Regular, Roboto" opacity="0.6"><tspan x="0" y="0">No</tspan></text>
<g id="Ellipse_295" data-name="Ellipse 295" transform="translate(501 692)" fill="#fff" stroke="rgba(0,0,0,0.4)" stroke-width="1">
<circle cx="10" cy="10" r="10" stroke="none"/>
<circle cx="10" cy="10" r="9.5" fill="none"/>
</g>
<path id="ic_radio_button_checked_24px" d="M12.512,7.256a5.256,5.256,0,1,0,5.256,5.256A5.258,5.258,0,0,0,12.512,7.256Zm0-5.256A10.512,10.512,0,1,0,23.023,12.512,10.515,10.515,0,0,0,12.512,2Zm0,18.921a8.409,8.409,0,1,1,8.409-8.409A8.407,8.407,0,0,1,12.512,20.921Z" transform="translate(419.576 689.778)" fill="#23bcba"/>
</g>
<g id="Group_1322" data-name="Group 1322" transform="translate(24 23)">
<g id="Rectangle_1189" data-name="Rectangle 1189" transform="translate(418 790)" fill="#fff" stroke="#a3d8d7" stroke-width="2">
<rect width="330" height="80" rx="2" stroke="none"/>
<rect x="1" y="1" width="328" height="78" rx="1" fill="none"/>
</g>
<text id="Where_will_your_data_be_preserved_" data-name="Where will your data be preserved?" transform="translate(418 771)" font-size="15" font-family="Roboto-Regular, Roboto" opacity="0.45"><tspan x="0" y="0">Where will your data be preserved?</tspan></text>
<text id="Master_copy_stored_on_University_network_storage_regular_backup_sync_to_University_network_when_offs..." data-name="Master copy stored on University network storage; regular backup/sync to University network when offs..." transform="translate(434 806)" fill="#3d3d3d" font-size="12" font-family="Roboto-Regular, Roboto" opacity="0.6"><tspan x="0" y="13">Master copy stored on University network storage; </tspan><tspan x="0" y="31">regular backup/sync to University network when offs...</tspan></text>
<line id="Line_225" data-name="Line 225" x1="6.392" y2="6.392" transform="translate(737.538 858.836)" fill="none" stroke="#23bcba" stroke-width="2" opacity="0.4"/>
<line id="Line_226" data-name="Line 226" x1="12.783" y2="12.783" transform="translate(731.147 852.445)" fill="none" stroke="#23bcba" stroke-width="2" opacity="0.4"/>
</g>
<g id="Group_2213" data-name="Group 2213" transform="translate(0 7)">
<g id="Group_2212" data-name="Group 2212" transform="translate(-5762 -5510)">
<g id="Rectangle_1559-2" data-name="Rectangle 1559" transform="translate(6180 5976)" fill="#fff" stroke="#d1d1d1" stroke-width="1">
<rect width="379" height="58" rx="4" stroke="none"/>
<rect x="0.5" y="0.5" width="378" height="57" rx="3.5" fill="none"/>
</g>
<text id="Horizon_2020" data-name="Horizon 2020" transform="translate(6204 6012)" fill="#212121" font-size="20" font-family="Roboto-Regular, Roboto" opacity="0.67"><tspan x="0" y="0">Horizon 2020</tspan></text>
<path id="ic_expand_more_24px" d="M16.59,8.59,12,13.17,7.41,8.59,6,10l6,6,6-6Z" transform="translate(6509 5992.487)" opacity="0.6"/>
</g>
</g>
<text id="Athena_Research_Center" data-name="Athena Research Center" transform="translate(442 578)" fill="#212121" font-size="20" font-family="Roboto-Regular, Roboto" opacity="0.67"><tspan x="0" y="0">Athena Research Center</tspan></text>
<path id="ic_expand_more_24px-2" data-name="ic_expand_more_24px" d="M16.59,16,12,11.42,7.41,16,6,14.59l6-6,6,6Z" transform="translate(747 558.487)" opacity="0.6"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

45181
dmp-frontend/src/assets/splash/assets/media-kit/Factsheet.pdf Normal file
View File

File diff suppressed because one or more lines are too long

BIN
dmp-frontend/src/assets/splash/assets/media-kit/argos-logo-white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

1
dmp-frontend/src/assets/splash/assets/media-kit/argos-logo-white.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256.03 96.56"><defs><style>.cls-1{fill:#fff;}</style></defs><title>argos logo white</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M249.94,32.77s-.05,0-.07-.08c-.17-.13-.38-.23-.56-.36a29.06,29.06,0,0,0-7.94-3.83l-9.28-3.18-1.49-.51L228.33,24c-1.36-.45-2.57-.87-3.63-1.27-5.39-2.08-7.11-3.73-6.94-6.24.21-3.39,2.67-5,5.53-5.62a22.11,22.11,0,0,1,6.23-.41c.45,0,.92.06,1.39.14a9.59,9.59,0,0,1,1,.14H232a15.44,15.44,0,0,1,3,.78c.28.09.52.21.78.32a7.8,7.8,0,0,1,2.1,1.27l.07.06a8.13,8.13,0,0,1,.92.71,1.48,1.48,0,0,0,.93.34h12.71a1.48,1.48,0,0,0,1.39-2c-1.95-4.6-5.87-7.91-11.77-9.88A45.26,45.26,0,0,0,230.57.32c-9.19-.61-16.7,1.11-21.64,4.64l-.2.14a6.83,6.83,0,0,0-.79.6q-.36.28-.66.57a6.68,6.68,0,0,0-.66.64A15,15,0,0,0,203,13.19l0,0a30.58,30.58,0,0,0-53.74,6.67A30.6,30.6,0,0,0,104.57,4.58c-.29-.22-.66-.49-1.11-.79a.16.16,0,0,0-.08,0L103,3.49c-.47-.29-1-.59-1.56-.89a20.4,20.4,0,0,0-5.69-2L95,.52h0A16.11,16.11,0,0,0,92.64.41L92,.43a1.07,1.07,0,0,0-.25,0l-.29,0a.15.15,0,0,0-.09,0l-.21,0-.54.07-.53.08c-.37.08-.72.16-1.08.27L88.79,1c-.42.12-.86.26-1.3.42h0l-.66.26L86.15,2h0l-.48.25-.11.06-.11.06a13,13,0,0,0-1.31.79,37.31,37.31,0,0,0-5.66,4.6V1.58A1.42,1.42,0,0,0,77.27.16.55.55,0,0,0,77,.1H68.62a2.22,2.22,0,0,0-2.09,2.22V18.43a2.91,2.91,0,0,1-.61,1.75h0l-4.08,4h0c-.74.73-.94.23-1-.26V2.32A2.23,2.23,0,0,0,58.74.09H50.43A1.43,1.43,0,0,0,49,1.54l0,1.75a1.45,1.45,0,0,1-2.22,1.22c-.61-.37-1.27-.72-1.91-1h0l0,0,0,0A30.67,30.67,0,1,0,30.66,61.33a30.41,30.41,0,0,0,15.82-4.41l.15-.08a1.45,1.45,0,0,1,2.22,1.22l0,1.75h0A1.31,1.31,0,0,0,50.21,61h8.42a2.21,2.21,0,0,0,2.22-2.21V43a3.31,3.31,0,0,0,0-.71v-2A3.81,3.81,0,0,1,61.72,38L65.92,34c.25-.19.61-.29.61.67V58.83A2.21,2.21,0,0,0,68.74,61h8a1.67,1.67,0,0,0,1.67-1.67l.05-34.56V22.47a1.4,1.4,0,0,1,.23-.8,1,1,0,0,1,.25-.29l.07-.09a1.45,1.45,0,0,0,.19-.17c.86-.74,1.84-1.61,3-2.59,4.72-4,8.71-4.5,11.68-4h0a2.1,2.1,0,0,1,.45.18l.07.07a30.57,30.57,0,0,0,42.4,41.75A18.66,18.66,0,1,1,102.06,67.7a2,2,0,0,0-2-1.8H92A2,2,0,0,0,90,68a30.66,30.66,0,1,0,55.59-19.87,30.46,30.46,0,0,0,3.55-6.7,30.59,30.59,0,0,0,59.21-10.78c0-.67,0-1.34-.07-2h0a.57.57,0,0,0,.13.08,2.16,2.16,0,0,0,.53.36,27.36,27.36,0,0,0,6.35,3.29c.52.2,1,.39,1.59.56L230,37.4c8.26,2.73,10.74,4.5,10.54,7.51-.38,5.91-7.52,6.31-11.78,6.05a16,16,0,0,1-2.42-.29h0a18.2,18.2,0,0,1-3-.77l-.8-.34a7.71,7.71,0,0,1-2.07-1.26s0,0-.06,0c-.3-.23-.6-.46-.91-.73a1.52,1.52,0,0,0-.95-.35H205.81a1.47,1.47,0,0,0-1.35,2c3,7.14,10.77,11.13,23.28,11.94,16.47,1,27.54-5.25,28.26-16.09C256.32,40,254.31,35.92,249.94,32.77ZM43.48,44.22a18.65,18.65,0,1,1,5.85-13.56A18.57,18.57,0,0,1,43.48,44.22Zm134.32,5a18.68,18.68,0,0,1-17.39-12l-.09-.23h0c-.24-1-5.13-1.86-11.13-1.86s-10.9.83-11.14,1.86h0l-.09.24a18.59,18.59,0,1,1,0-13.09l.09.23h0c.24,1,5.13,1.86,11.13,1.86s10.9-.83,11.14-1.86h0l.09-.24A18.59,18.59,0,1,1,177.8,49.25Z"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
dmp-frontend/src/assets/splash/assets/media-kit/argos-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

1
dmp-frontend/src/assets/splash/assets/media-kit/argos-logo.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256.03 96.56"><defs><style>.cls-1{fill:#17bebb;}</style></defs><title>argos logo</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M249.94,32.77s-.05,0-.07-.08c-.17-.13-.38-.23-.56-.36a29.06,29.06,0,0,0-7.94-3.83l-9.28-3.18-1.49-.51L228.33,24c-1.36-.45-2.57-.87-3.63-1.27-5.39-2.08-7.11-3.73-6.94-6.24.21-3.39,2.67-5,5.53-5.62a22.11,22.11,0,0,1,6.23-.41c.45,0,.92.06,1.39.14a9.59,9.59,0,0,1,1,.14H232a15.44,15.44,0,0,1,3,.78c.28.09.52.21.78.32a7.8,7.8,0,0,1,2.1,1.27l.07.06a8.13,8.13,0,0,1,.92.71,1.48,1.48,0,0,0,.93.34h12.71a1.48,1.48,0,0,0,1.39-2c-1.95-4.6-5.87-7.91-11.77-9.88A45.26,45.26,0,0,0,230.57.32c-9.19-.61-16.7,1.11-21.64,4.64l-.2.14a6.83,6.83,0,0,0-.79.6q-.36.28-.66.57a6.68,6.68,0,0,0-.66.64A15,15,0,0,0,203,13.19l0,0a30.58,30.58,0,0,0-53.74,6.67A30.6,30.6,0,0,0,104.57,4.58c-.29-.22-.66-.49-1.11-.79a.16.16,0,0,0-.08,0L103,3.49c-.47-.29-1-.59-1.56-.89a20.4,20.4,0,0,0-5.69-2L95,.52h0A16.11,16.11,0,0,0,92.64.41L92,.43a1.07,1.07,0,0,0-.25,0l-.29,0a.15.15,0,0,0-.09,0l-.21,0-.54.07-.53.08c-.37.08-.72.16-1.08.27L88.79,1c-.42.12-.86.26-1.3.42h0l-.66.26L86.15,2h0l-.48.25-.11.06-.11.06a13,13,0,0,0-1.31.79,37.31,37.31,0,0,0-5.66,4.6V1.58A1.42,1.42,0,0,0,77.27.16.55.55,0,0,0,77,.1H68.62a2.22,2.22,0,0,0-2.09,2.22V18.43a2.91,2.91,0,0,1-.61,1.75h0l-4.08,4h0c-.74.73-.94.23-1-.26V2.32A2.23,2.23,0,0,0,58.74.09H50.43A1.43,1.43,0,0,0,49,1.54l0,1.75a1.45,1.45,0,0,1-2.22,1.22c-.61-.37-1.27-.72-1.91-1h0l0,0,0,0A30.67,30.67,0,1,0,30.66,61.33a30.41,30.41,0,0,0,15.82-4.41l.15-.08a1.45,1.45,0,0,1,2.22,1.22l0,1.75h0A1.31,1.31,0,0,0,50.21,61h8.42a2.21,2.21,0,0,0,2.22-2.21V43a3.31,3.31,0,0,0,0-.71v-2A3.81,3.81,0,0,1,61.72,38L65.92,34c.25-.19.61-.29.61.67V58.83A2.21,2.21,0,0,0,68.74,61h8a1.67,1.67,0,0,0,1.67-1.67l.05-34.56V22.47a1.4,1.4,0,0,1,.23-.8,1,1,0,0,1,.25-.29l.07-.09a1.45,1.45,0,0,0,.19-.17c.86-.74,1.84-1.61,3-2.59,4.72-4,8.71-4.5,11.68-4h0a2.1,2.1,0,0,1,.45.18l.07.07a30.57,30.57,0,0,0,42.4,41.75A18.66,18.66,0,1,1,102.06,67.7a2,2,0,0,0-2-1.8H92A2,2,0,0,0,90,68a30.66,30.66,0,1,0,55.59-19.87,30.46,30.46,0,0,0,3.55-6.7,30.59,30.59,0,0,0,59.21-10.78c0-.67,0-1.34-.07-2h0a.57.57,0,0,0,.13.08,2.16,2.16,0,0,0,.53.36,27.36,27.36,0,0,0,6.35,3.29c.52.2,1,.39,1.59.56L230,37.4c8.26,2.73,10.74,4.5,10.54,7.51-.38,5.91-7.52,6.31-11.78,6.05a16,16,0,0,1-2.42-.29h0a18.2,18.2,0,0,1-3-.77l-.8-.34a7.71,7.71,0,0,1-2.07-1.26s0,0-.06,0c-.3-.23-.6-.46-.91-.73a1.52,1.52,0,0,0-.95-.35H205.81a1.47,1.47,0,0,0-1.35,2c3,7.14,10.77,11.13,23.28,11.94,16.47,1,27.54-5.25,28.26-16.09C256.32,40,254.31,35.92,249.94,32.77ZM43.48,44.22a18.65,18.65,0,1,1,5.85-13.56A18.57,18.57,0,0,1,43.48,44.22Zm134.32,5a18.68,18.68,0,0,1-17.39-12l-.09-.23h0c-.24-1-5.13-1.86-11.13-1.86s-10.9.83-11.14,1.86h0l-.09.24a18.59,18.59,0,1,1,0-13.09l.09.23h0c.24,1,5.13,1.86,11.13,1.86s10.9-.83,11.14-1.86h0l.09-.24A18.59,18.59,0,1,1,177.8,49.25Z"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

1
dmp-frontend/src/assets/splash/assets/media-kit/back.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 50 KiB

1
dmp-frontend/src/assets/splash/assets/media-kit/front.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 34 KiB

BIN
dmp-frontend/src/assets/splash/assets/media-kit/moo-card-png.zip Normal file
View File

Binary file not shown.

BIN
dmp-frontend/src/assets/splash/assets/media-kit/moo-card-svg.zip Normal file
View File

Binary file not shown.

BIN
dmp-frontend/src/assets/splash/assets/presentations/argos.pdf Normal file
View File

Binary file not shown.

258
dmp-frontend/src/assets/splash/contact.html
View File

@ -1,128 +1,146 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Argos</title>
<link rel="icon" type="image/x-icon" href="assets/img/fav-icon.png">
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.12.1/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!-- Core theme CSS -->
<link href="css/styles.css" rel="stylesheet">
<link href="css/navbar.css" rel="stylesheet">
<link href="css/footer.css" rel="stylesheet">
<link href="css/section.css" rel="stylesheet">
<link href="css/contact.css" rel="stylesheet">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body id="page-top" class="bootstrap-overrides">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg" id="nav">
<div class="container">
<a class="navbar-brand" href="index.html"><img src="assets/img/argos-logo.svg"></a>
<button class="collapse navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i class="fas fa-bars ml-1"></i></button>
<div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item">
<a class="nav-link dropbtn" href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div>
<div class="dropdown-options">
<a href="about/how-it-works.html">How it works</a>
<a href="https://trello.com/b/x49lylnK/argos" target="_blank">Roadmap</a>
<a href="about/faqs.html">faqs</a>
</div>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Argos</title>
<link rel="icon" type="image/x-icon" href="assets/img/fav-icon.png">
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.12.1/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!-- Core theme CSS -->
<link href="css/styles.css" rel="stylesheet">
<link href="css/navbar.css" rel="stylesheet">
<link href="css/footer.css" rel="stylesheet">
<link href="css/section.css" rel="stylesheet">
<link href="css/contact.css" rel="stylesheet">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body id="page-top" class="bootstrap-overrides">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg" id="nav">
<div class="container">
<a class="navbar-brand" href="index.html"><img src="assets/img/argos-logo.svg"></a>
<button class="collapse navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i class="fas fa-bars ml-1"></i></button>
<div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item">
<a class="nav-link dropbtn" href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div>
<div class="dropdown-options">
<a href="about/how-it-works.html">How it works</a>
<a href="https://trello.com/b/x49lylnK/argos" target="_blank">Roadmap</a>
<a href="about/faqs.html">faqs</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link dropbtn" href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div>
<div class="dropdown-options">
<a href="resources/media-kit.html">Media kit</a>
<a href="resources/user-guide.html">User Guide</a>
<a href="resources/co-branding.html">Co-branding</a>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link dropbtn" href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div>
<div class="dropdown-options">
<a href="resources/media-kit.html">Media kit</a>
<a href="resources/user-guide.html">User Guide</a>
<a href="resources/co-branding.html">Co-branding</a>
</div>
</li>
<li class="nav-item"><a class="nav-link active-nav-link" href="contact.html">CONTACT</a></li>
<li class="nav-item"><a class="nav-link" href="#sign-in">SIGN IN</a></li>
</ul>
</div>
</li>
<li class="nav-item"><a class="nav-link active-nav-link" href="contact.html">CONTACT</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost:4200/login">SIGN IN</a></li>
</ul>
</div>
</div>
</nav>
<!-- Contact -->
<section class="page-section contact" id="contact">
<div class="container">
<div class="col ">
<div class="page-title">Contact</div>
</div>
<div class="main-contact">
<div class="col page-subtitle">
<div>Contact us to learn more</div>
</div>
<div class="col required">
<div>* Required fields</div>
</div>
<form class="form">
<!-- Full Name -->
<div class="col d-flex flex-direction-row pb-2">
<div class="form-title">Full name</div>&nbsp;<div class="required">*</div>
</div>
<div class="col pb-4"><input type="text" id="fullName" placeholder="Type your full name"></div>
<!-- E-mail -->
<div class="col d-flex flex-direction-row pb-2">
<div class="form-title">E-mail</div>&nbsp;<div class="required">*</div>
</div>
<div class="col pb-4"><input type="email" id="email" placeholder="Type your E-mail"></div>
<!-- Affiliation -->
<div class="col d-flex flex-direction-row pb-2">
<div class="form-title">Affiliation</div>&nbsp;<div class="required">*</div>
</div>
<div class="col pb-4"><input type="email" id="email" placeholder="Type your E-mail"></div>
<!-- Message -->
<div class="col d-flex flex-direction-row pb-2">
<div class="form-title">Message</div>&nbsp;<div class="required">*</div>
</div>
<div class="col pb-4"><textarea name="message" placeholder="Type your message here..."></textarea>
</form>
</div>
<button type="button" class="normal-btn ml-3">Send</button>
</div>
</section>
<!-- Footer-->
<footer class="footer">
<div class="container">
<div class="row justify-content-center">
<div class="col-auto">
<img src="assets/img/argos-logo - Copy.svg" width="98" height="37">
</div>
<div class="col-auto">
<div class="footer-text">OpenAIRE-Advance receives funding from the European Union's Horizon 2020
Research and Innovation programme under Grant Agreement No. 777541..</div>
</div>
<div class="col-auto">
<a href="https://www.openaire.eu/">
<img src="assets/img/Logo_Horizontal_white_small.png" width="126" height="30">
</a>
</div>
</div>
</nav>
<!-- Contact -->
<section class="page-section contact" id="contact">
<div class="container">
<div class="col ">
<div class="page-title">Contact</div>
</div>
<div class="main-contact">
<div class="col page-subtitle"><div>Contact us to learn more</div></div>
<div class="col required"><div>* Required fields</div></div>
<form class="form">
<!-- Full Name -->
<div class="col d-flex flex-direction-row pb-2"><div class="form-title">Full name</div>&nbsp;<div class="required">*</div></div>
<div class="col pb-4"><input type="text" id="fullName" placeholder="Type your full name"></div>
<!-- E-mail -->
<div class="col d-flex flex-direction-row pb-2"><div class="form-title">E-mail</div>&nbsp;<div class="required">*</div></div>
<div class="col pb-4"><input type="email" id="email" placeholder="Type your E-mail"></div>
<!-- Affiliation -->
<div class="col d-flex flex-direction-row pb-2"><div class="form-title">Affiliation</div>&nbsp;<div class="required">*</div></div>
<div class="col pb-4"><input type="email" id="email" placeholder="Type your E-mail"></div>
<!-- Message -->
<div class="col d-flex flex-direction-row pb-2"><div class="form-title">Message</div>&nbsp;<div class="required">*</div></div>
<div class="col pb-4"><textarea name="message" placeholder="Type your message here..."></textarea>
</form>
</div>
<button type="button" class="normal-btn ml-3">Send</button>
</div>
</section>
<!-- Footer-->
<footer class="footer">
<div class="container">
<div class="row justify-content-center">
<div class="col-auto">
<img src="assets/img/argos-logo - Copy.svg" width="98" height="37">
</div>
<div class="col-auto">
<div class="footer-text">ARGOS receives funding from the European Union's Horizon 2020 Research and Innovation programme under grant agreement No. 731011.</div>
</div>
<div class="col-auto">
<img src="assets/img/Logo_Horizontal_white_small.png" width="126" height="30">
</div>
</div>
<div class="row justify-content-center pt-5">
<div class="col d-flex justify-content-end">
<a class="btn rounded-circle btn-social mx-1" href="#!"><i class="fab fa-lg fa-facebook-f"></i></a>
<a class="btn rounded-circle btn-social twitter mx-1" href="#!"><i class="fab fa-lg fa-twitter"></i></a>
<a class="btn rounded-circle btn-social linkedin mx-1" href="#!"><i class="fab fa-lg fa-linkedin-in"></i></a>
<a class="btn rounded-circle btn-social youtube mx-1" href="#!"><i class="fab fa-lg fa-youtube"></i></a>
</div>
<div class="col">
<a class="btn mx-1" href="#!"><span class="newsletter">Newsletter</span><i class="fas fa-lg fa-wifi wifi-rotate"></i></i></a>
</div>
</div>
<div class="row justify-content-center pt-5">
<a class="col d-flex justify-content-end conditions-policy" href="#!">Terms and conditions</a>
<a class="col conditions-policy" href="#!">Cookies policy</a>
</div>
<div class="row justify-content-center pt-5">
<div class="col-auto"><img src="assets/img/Cc.logo.circle.png" width="24" height="24"></div>
<div class="col-auto pl-0"><img src="assets/img/univ-access.png" width="24" height="24"></div>
<div class="licence">Unless otherwise indicated, all materials created by OpenAIRE are licenced under</div>&nbsp;
<div class="licence"><u>ATTRIBUTION 4.0 INTERNATIONAL LICENSE.</u></div>
<div class="row justify-content-center pt-5">
<div class="col d-flex justify-content-end">
<a class="btn rounded-circle btn-social mx-1" href="https://www.facebook.com/groups/openaire/"><i class="fab fa-lg fa-facebook-f"></i></a>
<a class="btn rounded-circle btn-social twitter mx-1" href="https://twitter.com/OpenAIRE_eu"><i class="fab fa-lg fa-twitter"></i></a>
<a class="btn rounded-circle btn-social linkedin mx-1" href="https://www.linkedin.com/groups/3893548/"><i class="fab fa-lg fa-linkedin-in"></i></a>
<a class="btn rounded-circle btn-social youtube mx-1" href="https://www.youtube.com/channel/UChFYqizc-S6asNjQSoWuwjw"><i class="fab fa-lg fa-youtube"></i></a> </div>
<div class="col">
<a class="btn mx-1" href="https://www.openaire.eu/newsletter/listing"><span class="newsletter">Newsletter</span><i class="fas fa-lg fa-wifi wifi-rotate"></i></i></a>
</div>
</div>
</footer>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>
<div class="row justify-content-center pt-5">
<a class="col d-flex justify-content-end conditions-policy" href="http://localhost:4200/terms-and-conditions">Terms and conditions</a>
<a class="col conditions-policy" href="http://localhost:4200/cookies-policy">Cookies policy</a>
</div>
<div class="row justify-content-center pt-5">
<div class="col-auto"><img src="assets/img/Cc.logo.circle.png" width="24" height="24"></div>
<div class="col-auto pl-0"><img src="assets/img/univ-access.png" width="24" height="24"></div>
<div class="licence">Unless otherwise indicated, all materials created by OpenAIRE are licenced under
</div>&nbsp;
<div class="licence"><u><a href="https://creativecommons.org/licenses/by/4.0/">ATTRIBUTION 4.0 INTERNATIONAL LICENSE.</a></u></div>
</div>
</div>
</footer>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

688
dmp-frontend/src/assets/splash/index.html
View File

@ -1,374 +1,394 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Argos</title>
<link rel="icon" type="image/x-icon" href="assets/img/fav-icon.png">
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.12.1/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!-- Core theme CSS -->
<link href="css/styles.css" rel="stylesheet">
<link href="css/navbar.css" rel="stylesheet">
<link href="css/header.css" rel="stylesheet">
<link href="css/section.css" rel="stylesheet">
<link href="css/footer.css" rel="stylesheet">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body id="page-top" class="bootstrap-overrides">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg" id="nav">
<div class="container">
<a class="navbar-brand" href="#page-top"><img src="assets/img/argos-logo.svg"></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i class="fas fa-bars ml-1"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item">
<a class="nav-link dropbtn" href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div>
<div class="dropdown-options">
<a href="about/how-it-works.html">How it works</a>
<a href="https://trello.com/b/x49lylnK/argos" target="_blank">Roadmap</a>
<a href="about/faqs.html">faqs</a>
</div>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Argos</title>
<link rel="icon" type="image/x-icon" href="assets/img/fav-icon.png">
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.12.1/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!-- Core theme CSS -->
<link href="css/styles.css" rel="stylesheet">
<link href="css/navbar.css" rel="stylesheet">
<link href="css/header.css" rel="stylesheet">
<link href="css/section.css" rel="stylesheet">
<link href="css/footer.css" rel="stylesheet">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body id="page-top" class="bootstrap-overrides">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg" id="nav">
<div class="container">
<a class="navbar-brand" href="#page-top"><img src="assets/img/argos-logo.svg"></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i class="fas fa-bars ml-1"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item">
<a class="nav-link dropbtn" href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div>
<div class="dropdown-options">
<a href="about/how-it-works.html">How it works</a>
<a href="https://trello.com/b/x49lylnK/argos" target="_blank">Roadmap</a>
<a href="about/faqs.html">faqs</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link dropbtn" href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div>
<div class="dropdown-options">
<a href="resources/media-kit.html">Media kit</a>
<a href="resources/user-guide.html">User Guide</a>
<a href="resources/co-branding.html">Co-branding</a>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link dropbtn" href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div>
<div class="dropdown-options">
<a href="resources/media-kit.html">Media kit</a>
<a href="resources/user-guide.html">User Guide</a>
<a href="resources/co-branding.html">Co-branding</a>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">CONTACT</a></li>
<li class="nav-item"><a class="nav-link" href="#sign-in">SIGN IN</a></li>
</ul>
</div>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">CONTACT</a></li>
<li class="nav-item"><li class="nav-item"><a class="nav-link" href="http://localhost:4200/login">SIGN IN</a></li></li>
</ul>
</div>
</nav>
<!-- Header -->
<header class="head">
<div class="container">
<div class="row">
<div class="col-auto margin-right-6">
<h1>Plan and follow your data</h1>
<div class="head-subtitles">
<div class="d-flex flex-direction-row">
<h4>Create</h4>&nbsp;<h6>machine actionable DMPs.</h6>
</div>
<div class="d-flex flex-direction-row">
<h4>Configure</h4>&nbsp;<h6>to best fit your dicsipline.</h6>
</div>
<div class="d-flex flex-direction-row">
<h4>Link</h4>&nbsp;<h6>to EOSC components out of the box.</h6>
</div>
<div class="d-flex flex-direction-row">
<h4>Share</h4>&nbsp;<h6>easily in your repository.</h6>
</div>
</div>
<div class="head-subtitle">
<p class="body-text">Bring your Data Management Plans closer to where data are generated, analysed and stored.</p>
</div>
<div class="head-start-dmp">
<button type="button" class="normal-btn">Start your DMP</button>
</div>
</div>
<div class="col-auto ml-auto">
<img src="assets/img/1.png" width="363" height="330">
</div>
</div>
</div>
</header>
<!-- Start -->
<section class="page-section start" id="start">
<div class="container">
<div class="row template-img">
<div class="col-auto margin-right-6">
<p class="title-1 mb-0">Start your</p>
</div>
</nav>
<!-- Header -->
<header class="head">
<div class="container">
<div class="row">
<div class="col-auto margin-right-6">
<h1>Plan and follow your data</h1>
<div class="head-subtitles">
<div class="d-flex flex-direction-row">
<p class="title-2 text-uppercase">Argos</p>&nbsp;<p class="title-2">experience</p>
<h4>Create</h4>&nbsp;<h6>machine actionable DMPs.</h6>
</div>
<div class="options">
<div class="selected d-flex flex-direction-row option-row" id="id1"
onclick="document.getElementById('template-preview').src='assets/img/template-preview-1.svg'; toggleClass(['id1','id2','id3'], 'id1')">
<p class="option-number">1</p>&nbsp;<p class="option-text">Select Templates</p>
</div>
<div class="not-selected d-flex flex-direction-row option-row" id="id2"
onclick="document.getElementById('template-preview').src='assets/img/template-preview-2.svg'; toggleClass(['id1','id2','id3'], 'id2')">
<p class="option-number">2</p>&nbsp;<p class="option-text">Fill the information</p>
</div>
<div class="not-selected d-flex flex-direction-row option-row" id="id3"
onclick="document.getElementById('template-preview').src='assets/img/template-preview-3.svg'; toggleClass(['id1','id2','id3'], 'id3')">
<p class="option-number">3</p>&nbsp;<p class="option-text">Share DMP</p>
</div>
<div class="d-flex flex-direction-row">
<h4>Configure</h4>&nbsp;<h6>to best fit your dicsipline.</h6>
</div>
<div class="d-flex flex-direction-row">
<h4>Link</h4>&nbsp;<h6>to EOSC components out of the box.</h6>
</div>
<div class="d-flex flex-direction-row">
<h4>Share</h4>&nbsp;<h6>easily in your repository.</h6>
</div>
</div>
<div class="col-auto ml-auto template-img">
<img id="template-preview" src="assets/img/template-preview-1.svg" width="472" height="519">
<div class="head-subtitle">
<p class="body-text">Bring your Data Management Plans closer to where data are generated,
analysed and stored.</p>
</div>
<div class="head-start-dmp">
<a href="http://localhost:4200/home">
<button type="button" class="normal-btn">Start your DMP</button>
</a>
</div>
</div>
<div class="col-auto ml-auto">
<img src="assets/img/1.png" width="363" height="330">
</div>
</div>
</div>
</header>
<!-- Start -->
<section class="page-section start" id="start">
<div class="container">
<div class="row template-img">
<div class="col-auto margin-right-6">
<p class="title-1 mb-0">Start your</p>
<div class="d-flex flex-direction-row">
<p class="title-2 text-uppercase">Argos</p>&nbsp;<p class="title-2">experience</p>
</div>
<div class="options">
<div class="selected d-flex flex-direction-row option-row" id="id1" onclick="document.getElementById('template-preview').src='assets/img/template-preview-1.svg'; toggleClass(['id1','id2','id3'], 'id1')">
<p class="option-number">1</p>&nbsp;<p class="option-text">Select Templates</p>
</div>
<div class="not-selected d-flex flex-direction-row option-row" id="id2" onclick="document.getElementById('template-preview').src='assets/img/template-preview-2.svg'; toggleClass(['id1','id2','id3'], 'id2')">
<p class="option-number">2</p>&nbsp;<p class="option-text">Fill the information</p>
</div>
<div class="not-selected d-flex flex-direction-row option-row" id="id3" onclick="document.getElementById('template-preview').src='assets/img/template-preview-3.svg'; toggleClass(['id1','id2','id3'], 'id3')">
<p class="option-number">3</p>&nbsp;<p class="option-text">Share DMP</p>
</div>
</div>
</div>
<div class="col-auto ml-auto template-img">
<img id="template-preview" src="assets/img/template-preview-1.svg" width="472" height="519">
</div>
</div>
</section>
<!-- Features -->
<section class="page-section features" id="features">
<div class="container">
<div class="row features-title">Features</div>
<div class="row features-layout">
<div class="col">
<div class="row feature-img">
<div class="col-auto"><img src="assets/img/Asset 15.svg" width="84" height="107"></div>
</div>
<div class="row justify-content-center">
<div class="feature-subtitle">Produce DMP outputs</div>
</div>
<div class="row justify-content-center">
<div class="feature-desc">
Close the data management planning lifecycle by publishing your DMPs in a FAIR manner. Assign licenses, PIDs and publish DMPs in a repository of your choice.
</div>
</div>
</div>
</div>
</section>
<!-- Features -->
<section class="page-section features" id="features">
<div class="container">
<div class="row features-title">Features</div>
<div class="row features-layout">
<div class="col">
<div class="row feature-img">
<div class="col-auto"><img src="assets/img/Asset 15.svg" width="84" height="107"></div>
</div>
<div class="col">
<div class="row feature-img">
<img src="assets/img/Asset 14.svg" width="84" height="107">
</div>
<div class="row justify-content-center">
<div class="feature-subtitle">Update DMPs</div>
</div>
<div class="row justify-content-center">
<div class="feature-desc">
Treat DMPs as living documents. Secure their provenance and continue work in new versions (new DOIs assigned).
</div>
<div class="row justify-content-center">
<div class="feature-subtitle">Produce DMP outputs</div>
</div>
<div class="row justify-content-center">
<div class="feature-desc">
Close the data management planning lifecycle by publishing your DMPs in a FAIR manner.
Assign licenses, PIDs and publish DMPs in a repository of your choice.
</div>
</div>
</div>
<div class="row features-layout">
<div class="col">
<div class="row feature-img">
<img src="assets/img/Asset 12.svg" width="84" height="107">
</div>
<div class="row justify-content-center">
<div class="feature-subtitle">Re-use datasets & templates</div>
</div>
<div class="row justify-content-center">
<div class="feature-desc">
Identify datasets to be re-used in your DMP. Copy or clone dataset descriptions to other DMPs.
</div>
</div>
<div class="col">
<div class="row feature-img">
<img src="assets/img/Asset 14.svg" width="84" height="107">
</div>
<div class="col">
<div class="row feature-img">
<img src="assets/img/Asset 10.svg" width="84" height="107">
</div>
<div class="row justify-content-center">
<div class="feature-subtitle">Import and Export DMPs</div>
</div>
<div class="row justify-content-center">
<div class="feature-desc">
Import a .json file of your DMP and continue work in ARGOS. Export DMPs in machine readable (.xml) and machine-actionable (.json) formats.
</div>
</div>
<div class="row justify-content-center">
<div class="feature-subtitle">Update DMPs</div>
</div>
</div>
<div class="row features-layout">
<div class="col">
<div class="row feature-img">
<img src="assets/img/Asset 11.svg" width="84" height="107">
</div>
<div class="row justify-content-center">
<div class="feature-subtitle">Customise dataset descriptions</div>
</div>
<div class="row justify-content-center">
<div class="feature-desc">
Differentiate DMPs from dataset descriptions. Describe your datasets with more than one template and tailor its content to your specific needs.
</div>
</div>
</div>
<div class="col">
<div class="row feature-img">
<img src="assets/img/Asset 13.svg" width="84" height="107">
</div>
<div class="row justify-content-center">
<div class="feature-subtitle">Connect with OpenAIRE & EOSC</div>
</div>
<div class="row justify-content-center">
<div class="feature-desc">
Use OpenAIRE and EOSC underlying services, sources and semantics to ease completion of DMPs and trace the quality of your research.
</div>
<div class="row justify-content-center">
<div class="feature-desc">
Treat DMPs as living documents. Secure their provenance and continue work in new versions
(new DOIs assigned).
</div>
</div>
</div>
</div>
</section>
<!-- Benefits -->
<section class="page-section benefits" id="benefits">
<div class="container">
<div class="row justify-content-around">
<div class="col"></div>
<div class="col d-flex align-items-center justify-content-center flex-direction-row">
<span class="section-title-1">Who</span>&nbsp;<span class="section-title-2">Benefits</span>
<div class="row features-layout">
<div class="col">
<div class="row feature-img">
<img src="assets/img/Asset 12.svg" width="84" height="107">
</div>
<div class="col">
<div class="row justify-content-center"><div class="col-auto">
<div class="row justify-content-center">
<div class="feature-subtitle">Re-use datasets & templates</div>
</div>
<div class="row justify-content-center">
<div class="feature-desc">
Identify datasets to be re-used in your DMP. Copy or clone dataset descriptions to other
DMPs.
</div>
</div>
</div>
<div class="col">
<div class="row feature-img">
<img src="assets/img/Asset 10.svg" width="84" height="107">
</div>
<div class="row justify-content-center">
<div class="feature-subtitle">Import and Export DMPs</div>
</div>
<div class="row justify-content-center">
<div class="feature-desc">
Import a .json file of your DMP and continue work in ARGOS. Export DMPs in machine readable
(.xml) and machine-actionable (.json) formats.
</div>
</div>
</div>
</div>
<div class="row features-layout">
<div class="col">
<div class="row feature-img">
<img src="assets/img/Asset 11.svg" width="84" height="107">
</div>
<div class="row justify-content-center">
<div class="feature-subtitle">Customise dataset descriptions</div>
</div>
<div class="row justify-content-center">
<div class="feature-desc">
Differentiate DMPs from dataset descriptions. Describe your datasets with more than one
template and tailor its content to your specific needs.
</div>
</div>
</div>
<div class="col">
<div class="row feature-img">
<img src="assets/img/Asset 13.svg" width="84" height="107">
</div>
<div class="row justify-content-center">
<div class="feature-subtitle">Connect with OpenAIRE & EOSC</div>
</div>
<div class="row justify-content-center">
<div class="feature-desc">
Use OpenAIRE and EOSC underlying services, sources and semantics to ease completion of DMPs
and trace the quality of your research.
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Benefits -->
<section class="page-section benefits" id="benefits">
<div class="container">
<div class="row justify-content-around">
<div class="col"></div>
<div class="col d-flex align-items-center justify-content-center flex-direction-row">
<span class="section-title-1">Who</span>&nbsp;<span class="section-title-2">Benefits</span>
</div>
<div class="col">
<div class="row justify-content-center">
<div class="col-auto">
<img src="assets/img/2 - Copy.png" width="116" height="139">
</div>
</div>
</div>
</div>
<div class="row justify-content-around">
<div class="col-auto">
<div class="benefit-card">
<div class="row justify-content-center">
<span class="benefit-card-title">Funders</span>
</div>
<div class="row justify-content-center">
<span class="benefit-desc caption">Include DMPs in data management policies.</span>
</div>
<hr>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Add, update and modify DMP templates</span>
</div>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Enrich your organisations’ research graph</span>
</div>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Link argos to your</span>&nbsp;
<span class="benefit-card-sub-color">Monitoring Dashboard</span>
</div>
</div>
</div>
<div class="col-auto">
<div class="benefit-card">
<div class="row justify-content-center">
<span class="benefit-card-title">Researchers</span>
</div>
<div class="row justify-content-center">
<span class="benefit-desc-1 caption">Become Research Data Management literate and lead Open Science cultural change/ practices.</span>
</div>
<hr>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Comply with DMP requirements</span>
</div>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Learn and apply best practices for DMPs</span>
</div>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Co-edit DMPs and manage workload</span>
</div>
</div>
</div>
<div class="col-auto">
<div class="benefit-card">
<div class="row justify-content-center">
<span class="benefit-card-title">Institutions</span>
</div>
<div class="row justify-content-center">
<span class="benefit-desc caption">Support Open and FAIR Data Management Planning.</span>
</div>
<hr>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Add, update and modify DMP templates</span>
</div>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Connect your organisations’ services</span>
</div>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Ensure research integrity and excellence</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Co-branding -->
<section class="page-section co-branding" id="co-branding">
<div class="container">
<div class="row justify-content-around">
<div class="col-auto">
<img class="mirror" src="assets/img/3.png" width="311" height="309">
<div class="row justify-content-around">
<div class="col-auto">
<div class="benefit-card">
<div class="row justify-content-center">
<span class="benefit-card-title">Funders</span>
</div>
<div class="row justify-content-center">
<span class="benefit-desc caption">Include DMPs in data management policies.</span>
</div>
<hr>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Add, update and modify DMP templates</span>
</div>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Enrich your organisations’ research graph</span>
</div>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Link argos to your</span>&nbsp;
<span class="benefit-card-sub-color"><a href="https://monitor.openaire.eu/">Monitoring
Dashboard</a></span>
</div>
</div>
<div class="col-auto">
<div class="row">
<div class="col-auto branding-logo pl-0">
<img src="assets/img/argos-logo - Copy.svg" width="91" height="35">
</div>
<span class="title-3">co-branding</span>
</div>
<div class="col-auto">
<div class="benefit-card">
<div class="row justify-content-center">
<span class="benefit-card-title">Researchers</span>
</div>
<div class="row">
<span class="co-branding-text">
ARGOS is based on OpenDMP, an open source software that can be deployed by third parties. ARGOS development team welcomes contributions by the international community to strengthen functionalities and further align with global fora.
</span>
<div class="row justify-content-center">
<span class="benefit-desc-1 caption">Become Research Data Management literate and lead Open
Science cultural change/ practices.</span>
</div>
<div class="row">
<div class="head-start-dmp">
<hr>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Comply with DMP requirements</span>
</div>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Learn and apply best practices for DMPs</span>
</div>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Co-edit DMPs and manage workload</span>
</div>
</div>
</div>
<div class="col-auto">
<div class="benefit-card">
<div class="row justify-content-center">
<span class="benefit-card-title">Institutions</span>
</div>
<div class="row justify-content-center">
<span class="benefit-desc caption">Support Open and FAIR Data Management Planning.</span>
</div>
<hr>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Add, update and modify DMP templates</span>
</div>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Connect your organisations’ services</span>
</div>
<div class="row benefit-ic">
<img src="assets/img/ic_check_circle_24px.svg" width="20" height="20">
<span class="benefit-card-subtitle">Ensure research integrity and excellence</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Co-branding -->
<section class="page-section co-branding" id="co-branding">
<div class="container">
<div class="row justify-content-around">
<div class="col-auto">
<img class="mirror" src="assets/img/3.png" width="311" height="309">
</div>
<div class="col-auto">
<div class="row">
<div class="col-auto branding-logo pl-0">
<img src="assets/img/argos-logo - Copy.svg" width="91" height="35">
</div>
<span class="title-3">co-branding</span>
</div>
<div class="row">
<span class="co-branding-text">
ARGOS is based on OpenDMP, an open source software that can be deployed by third parties.
ARGOS development team welcomes contributions by the international community to strengthen
functionalities and further align with global fora.
</span>
</div>
<div class="row">
<div class="head-start-dmp">
<a href="resources/co-branding.html">
<button type="button" class="normal-btn">Learn more</button>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer-->
<footer class="footer">
<div class="container">
<div class="row justify-content-center">
<div class="col-auto">
<img src="assets/img/argos-logo - Copy.svg" width="98" height="37">
</div>
<div class="col-auto">
<div class="footer-text">ARGOS receives funding from the European Union's Horizon 2020 Research and Innovation programme under grant agreement No. 731011.</div>
</div>
<div class="col-auto">
</div>
</div>
</section>
<!-- Footer-->
<footer class="footer">
<div class="container">
<div class="row justify-content-center">
<div class="col-auto">
<img src="assets/img/argos-logo - Copy.svg" width="98" height="37">
</div>
<div class="col-auto">
<div class="footer-text">OpenAIRE-Advance receives funding from the European Union's Horizon 2020
Research and Innovation programme under Grant Agreement No. 777541.</div>
</div>
<div class="col-auto">
<a href="https://www.openaire.eu/">
<img src="assets/img/Logo_Horizontal_white_small.png" width="126" height="30">
</div>
</div>
<div class="row justify-content-center pt-5">
<div class="col d-flex justify-content-end">
<a class="btn rounded-circle btn-social mx-1" href="#!"><i class="fab fa-lg fa-facebook-f"></i></a>
<a class="btn rounded-circle btn-social twitter mx-1" href="#!"><i class="fab fa-lg fa-twitter"></i></a>
<a class="btn rounded-circle btn-social linkedin mx-1" href="#!"><i class="fab fa-lg fa-linkedin-in"></i></a>
<a class="btn rounded-circle btn-social youtube mx-1" href="#!"><i class="fab fa-lg fa-youtube"></i></a>
</div>
<div class="col">
<a class="btn mx-1" href="#!"><span class="newsletter">Newsletter</span><i class="fas fa-lg fa-wifi wifi-rotate"></i></i></a>
</div>
</div>
<div class="row justify-content-center pt-5">
<a class="col d-flex justify-content-end conditions-policy" href="#!">Terms and conditions</a>
<a class="col conditions-policy" href="#!">Cookies policy</a>
</div>
<div class="row justify-content-center pt-5">
<div class="col-auto"><img src="assets/img/Cc.logo.circle.png" width="24" height="24"></div>
<div class="col-auto pl-0"><img src="assets/img/univ-access.png" width="24" height="24"></div>
<div class="licence">Unless otherwise indicated, all materials created by OpenAIRE are licenced under</div>&nbsp;
<div class="licence"><u>ATTRIBUTION 4.0 INTERNATIONAL LICENSE.</u></div>
</a>
</div>
</div>
</footer>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>
<div class="row justify-content-center pt-5">
<div class="col d-flex justify-content-end">
<a class="btn rounded-circle btn-social mx-1" href="https://www.facebook.com/groups/openaire/"><i class="fab fa-lg fa-facebook-f"></i></a>
<a class="btn rounded-circle btn-social twitter mx-1" href="https://twitter.com/OpenAIRE_eu"><i class="fab fa-lg fa-twitter"></i></a>
<a class="btn rounded-circle btn-social linkedin mx-1" href="https://www.linkedin.com/groups/3893548/"><i class="fab fa-lg fa-linkedin-in"></i></a>
<a class="btn rounded-circle btn-social youtube mx-1" href="https://www.youtube.com/channel/UChFYqizc-S6asNjQSoWuwjw"><i class="fab fa-lg fa-youtube"></i></a>
</div>
<div class="col">
<a class="btn mx-1" href="https://www.openaire.eu/newsletter/listing"><span class="newsletter">Newsletter</span><i class="fas fa-lg fa-wifi wifi-rotate"></i></i></a>
</div>
</div>
<div class="row justify-content-center pt-5">
<a class="col d-flex justify-content-end conditions-policy" href="http://localhost:4200/terms-and-conditions">Terms and conditions</a>
<a class="col conditions-policy" href="http://localhost:4200/cookies-policy">Cookies policy</a>
</div>
<div class="row justify-content-center pt-5">
<div class="col-auto"><img src="assets/img/Cc.logo.circle.png" width="24" height="24"></div>
<div class="col-auto pl-0"><img src="assets/img/univ-access.png" width="24" height="24"></div>
<div class="licence">Unless otherwise indicated, all materials created by OpenAIRE are licenced under
</div>&nbsp;
<div class="licence"><u><a href="https://creativecommons.org/licenses/by/4.0/">ATTRIBUTION 4.0 INTERNATIONAL LICENSE.</a></u></div>
</div>
</div>
</footer>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

75
dmp-frontend/src/assets/splash/resources/co-branding.html
View File

@ -9,17 +9,14 @@
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.12.1/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!-- Core theme CSS -->
<link href="../css/styles.css" rel="stylesheet">
<link href="../css/navbar.css" rel="stylesheet">
<link href="../css/footer.css" rel="stylesheet">
<link href="../css/section.css" rel="stylesheet">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body id="page-top" class="bootstrap-overrides">
@ -27,9 +24,7 @@
<nav class="navbar navbar-expand-lg" id="nav">
<div class="container">
<a class="navbar-brand" href="../index.html"><img src="../assets/img/argos-logo.svg"></a>
<button class="collapse navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i
class="fas fa-bars ml-1"></i></button>
<button class="collapse navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i class="fas fa-bars ml-1"></i></button>
<div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item">
@ -55,7 +50,7 @@
</div>
</li>
<li class="nav-item"><a class="nav-link" href="../contact.html">CONTACT</a></li>
<li class="nav-item"><a class="nav-link" href="#sign-in">SIGN IN</a></li>
<li class="nav-item"><li class="nav-item"><a class="nav-link" href="http://localhost:4200/login">SIGN IN</a></li></li>
</ul>
</div>
</div>
@ -63,17 +58,19 @@
<!-- Co-branding -->
<section class="page-section co-branding" id="co-branding">
<div class="container">
<div class="col"><div class="page-title">Resources</div></div>
<div class="col pt-5 pb-3"><div class="title-3">Download ARGOS</div></div>
<div class="col"><p>
Hello there, welcome to Expensify’s press kit! Before downloading our brand assets, please
familiarize yourself with our guidelines and best practices. We love what we’ve created, so please
don’t modify the logo in any way — that includes changing the colors, rotating the icons, moving the
icons, adding text, etc. If there’s a version of our logo you need but don’t see, please reach out
to press@argos.eu with your request.
<div class="col">
<div class="page-title">Resources</div>
</div>
<div class="col pt-5 pb-3">
<div class="title-3">Download ARGOS</div>
</div>
<div class="col">
<p>
<div>Open to all to suggest new features and to actively contribute to Argos development via pull requests of code in <a href="https://gitlab.eudat.eu/dmp/OpenAIRE-EUDAT-DMP-service-pilot">GitLab</a>!</div>
<div>Note that this page is under development.</div>
</p>
</div>
<div class="col d-flex justify-content-center"><button href="#" class="normal-btn">View User Guide Online</button></div>
<div class="col d-flex justify-content-center"><a href="https://gitlab.eudat.eu/dmp/OpenAIRE-EUDAT-DMP-service-pilot"><button class="normal-btn">Download argos</button></a></div>
</div>
</section>
<!-- Footer-->
@ -84,53 +81,45 @@
<img src="../assets/img/argos-logo - Copy.svg" width="98" height="37">
</div>
<div class="col-auto">
<div class="footer-text">ARGOS receives funding from the European Union's Horizon 2020 Research and
Innovation programme under grant agreement No. 731011.</div>
<div class="footer-text">OpenAIRE-Advance receives funding from the European Union's Horizon 2020
Research and Innovation programme under Grant Agreement No. 777541.</div>
</div>
<div class="col-auto">
<img src="../assets/img/Logo_Horizontal_white_small.png" width="126" height="30">
<a href="https://www.openaire.eu/">
<img src="../assets/img/Logo_Horizontal_white_small.png" width="126" height="30">
</a>
</div>
</div>
<div class="row justify-content-center pt-5">
<div class="col d-flex justify-content-end">
<a class="btn rounded-circle btn-social mx-1" href="#!"><i class="fab fa-lg fa-facebook-f"></i></a>
<a class="btn rounded-circle btn-social twitter mx-1" href="#!"><i
class="fab fa-lg fa-twitter"></i></a>
<a class="btn rounded-circle btn-social linkedin mx-1" href="#!"><i
class="fab fa-lg fa-linkedin-in"></i></a>
<a class="btn rounded-circle btn-social youtube mx-1" href="#!"><i
class="fab fa-lg fa-youtube"></i></a>
<a class="btn rounded-circle btn-social mx-1" href="https://www.facebook.com/groups/openaire/"><i class="fab fa-lg fa-facebook-f"></i></a>
<a class="btn rounded-circle btn-social twitter mx-1" href="https://twitter.com/OpenAIRE_eu"><i class="fab fa-lg fa-twitter"></i></a>
<a class="btn rounded-circle btn-social linkedin mx-1" href="https://www.linkedin.com/groups/3893548/"><i class="fab fa-lg fa-linkedin-in"></i></a>
<a class="btn rounded-circle btn-social youtube mx-1" href="https://www.youtube.com/channel/UChFYqizc-S6asNjQSoWuwjw"><i class="fab fa-lg fa-youtube"></i></a>
</div>
<div class="col">
<a class="btn mx-1" href="#!"><span class="newsletter">Newsletter</span><i
class="fas fa-lg fa-wifi wifi-rotate"></i></i></a>
<a class="btn mx-1" href="https://www.openaire.eu/newsletter/listing"><span class="newsletter">Newsletter</span><i class="fas fa-lg fa-wifi wifi-rotate"></i></i></a>
</div>
</div>
<div class="row justify-content-center pt-5">
<a class="col d-flex justify-content-end conditions-policy" href="#!">Terms and conditions</a>
<a class="col conditions-policy" href="#!">Cookies policy</a>
<a class="col d-flex justify-content-end conditions-policy" href="http://localhost:4200/terms-and-conditions">Terms and conditions</a>
<a class="col conditions-policy" href="http://localhost:4200/cookies-policy">Cookies policy</a>
</div>
<div class="row justify-content-center pt-5">
<div class="col-auto"><img src="../assets/img/Cc.logo.circle.png" width="24" height="24"></div>
<div class="col-auto pl-0"><img src="../assets/img/univ-access.png" width="24" height="24"></div>
<div class="licence">Unless otherwise indicated, all materials created by OpenAIRE are licenced under
</div>&nbsp;
<div class="licence"><u>ATTRIBUTION 4.0 INTERNATIONAL LICENSE.</u></div>
<div class="licence"><u><a href="https://creativecommons.org/licenses/by/4.0/">ATTRIBUTION 4.0 INTERNATIONAL LICENSE.</a></u></div>
</div>
</div>
</footer>
<!-- Core theme JS-->
<script src="../js/scripts.js"></script>
<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>
</html>

96
dmp-frontend/src/assets/splash/resources/media-kit.html
View File

@ -9,17 +9,14 @@
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.12.1/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!-- Core theme CSS -->
<link href="../css/styles.css" rel="stylesheet">
<link href="../css/navbar.css" rel="stylesheet">
<link href="../css/footer.css" rel="stylesheet">
<link href="../css/section.css" rel="stylesheet">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body id="page-top" class="bootstrap-overrides">
@ -27,9 +24,7 @@
<nav class="navbar navbar-expand-lg" id="nav">
<div class="container">
<a class="navbar-brand" href="../index.html"><img src="../assets/img/argos-logo.svg"></a>
<button class="collapse navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i
class="fas fa-bars ml-1"></i></button>
<button class="collapse navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i class="fas fa-bars ml-1"></i></button>
<div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item">
@ -55,7 +50,7 @@
</div>
</li>
<li class="nav-item"><a class="nav-link" href="../contact.html">CONTACT</a></li>
<li class="nav-item"><a class="nav-link" href="#sign-in">SIGN IN</a></li>
<li class="nav-item"><li class="nav-item"><a class="nav-link" href="http://localhost:4200/login">SIGN IN</a></li></li>
</ul>
</div>
</div>
@ -71,11 +66,26 @@
</div>
<div class="col">
<p>
Hello there, welcome to Expensify’s press kit! Before downloading our brand assets, please
familiarize yourself with our guidelines and best practices. We love what we’ve created, so please
don’t modify the logo in any way — that includes changing the colors, rotating the icons, moving the
icons, adding text, etc. If there’s a version of our logo you need but don’t see, please reach out
to press@argos.eu with your request.
This kit has been designed for everyone who wishes to get more familiar with the Argos tool or
promote Argos in their area of influence. The media kit includes:
<ul>
<li>
<a href="#media-kit-logo">Argos logo</a> for dark and light backgrounds in two resolutions, including examples of misuse.
Please avoid changing the colors, rotating the icons, moving the icons, adding text, etc. If you
need to make any modifications on the versions of the logo provided in the Media Kit, please reach
out to argos@openaire.eu.
</li>
<li>
<a href="#moo-cards">Moo card,</a> a two-sided card capturing the most essential and unique features of Argos in a concise
way.
</li>
<li>
<a href="../assets/media-kit/Factsheet.pdf">Factsheet</a> containing the basics of Argos and explaining its key features in an adequate level of
</li>
<li>
<a href="https://www.openaire.eu/argos/">Useful Resources,</a> a collection of resources either directly for Argos or indirectly for Research Data Management issues which to some extent relate to Argos.
</li>
</ul>
</p>
</div>
</div>
@ -88,15 +98,15 @@
<div class="col-auto">
<img src="../assets/img/logo-1.png" width="570" height="283">
<div class="row pr-4">
<div class="col-auto ml-auto pt-4"><i class="fas fa-lg fa-download"></i>SVG</div>
<div class="col-auto pt-4"><i class="fas fa-lg fa-download"></i>PNG</div>
<a href="../assets/media-kit/argos-logo.svg"><div class="col-auto ml-auto pt-4"><i class="fas fa-lg fa-download"></i>SVG</a></div>
<a href="../assets/media-kit/argos-logo.png"><div class="col-auto pt-4"><i class="fas fa-lg fa-download"></i>PNG</a></div>
</div>
</div>
<div class="col-auto">
<img src="../assets/img/logo-2.png" width="570" height="283">
<div class="row pr-4">
<div class="col-auto ml-auto pt-4"><i class="fas fa-lg fa-download"></i>SVG</div>
<div class="col-auto pt-4"><i class="fas fa-lg fa-download"></i>PNG</div>
<a href="../assets/media-kit/argos-logo-white.svg"><div class="col-auto ml-auto pt-4"><i class="fas fa-lg fa-download"></i>SVG</a></div>
<a href="../assets/media-kit/argos-logo-white.png"><div class="col-auto pt-4"><i class="fas fa-lg fa-download"></i>PNG</a></div>
</div>
</div>
</div>
@ -126,15 +136,15 @@
<div class="row moo-card-logo-title pb-5">Moo Cards</div>
<div class="row d-flex justify-content-center">
<div class="col-auto">
<img src="../assets/img/moocard-1.png" width="254" height="254">
<img src="../assets/media-kit/front.svg" width="254" height="254">
</div>
<div class="col-auto">
<img src="../assets/img/moocard-2.png" width="254" height="254">
<img src="../assets/media-kit/back.svg" width="254" height="254">
</div>
</div>
<div class="row d-flex justify-content-center">
<div class="col-auto pt-4"><i class="fas fa-lg fa-download"></i>SVG</div>
<div class="col-auto pt-4"><i class="fas fa-lg fa-download"></i>PNG</div>
<div class="col-auto pt-4"><a href="../assets/media-kit/moo-card-svg.zip"><i class="fas fa-lg fa-download"></i>SVG</a></div>
<div class="col-auto pt-4"><a href="../assets/media-kit/moo-card-png.zip"><i class="fas fa-lg fa-download"></i>PNG</a></div>
</div>
</div>
</section>
@ -146,53 +156,45 @@
<img src="../assets/img/argos-logo - Copy.svg" width="98" height="37">
</div>
<div class="col-auto">
<div class="footer-text">ARGOS receives funding from the European Union's Horizon 2020 Research and
Innovation programme under grant agreement No. 731011.</div>
<div class="footer-text">OpenAIRE-Advance receives funding from the European Union's Horizon 2020
Research and Innovation programme under Grant Agreement No. 777541.</div>
</div>
<div class="col-auto">
<img src="../assets/img/Logo_Horizontal_white_small.png" width="126" height="30">
<a href="https://www.openaire.eu/">
<img src="../assets/img/Logo_Horizontal_white_small.png" width="126" height="30">
</a>
</div>
</div>
<div class="row justify-content-center pt-5">
<div class="col d-flex justify-content-end">
<a class="btn rounded-circle btn-social mx-1" href="#!"><i class="fab fa-lg fa-facebook-f"></i></a>
<a class="btn rounded-circle btn-social twitter mx-1" href="#!"><i
class="fab fa-lg fa-twitter"></i></a>
<a class="btn rounded-circle btn-social linkedin mx-1" href="#!"><i
class="fab fa-lg fa-linkedin-in"></i></a>
<a class="btn rounded-circle btn-social youtube mx-1" href="#!"><i
class="fab fa-lg fa-youtube"></i></a>
<a class="btn rounded-circle btn-social mx-1" href="https://www.facebook.com/groups/openaire/"><i class="fab fa-lg fa-facebook-f"></i></a>
<a class="btn rounded-circle btn-social twitter mx-1" href="https://twitter.com/OpenAIRE_eu"><i class="fab fa-lg fa-twitter"></i></a>
<a class="btn rounded-circle btn-social linkedin mx-1" href="https://www.linkedin.com/groups/3893548/"><i class="fab fa-lg fa-linkedin-in"></i></a>
<a class="btn rounded-circle btn-social youtube mx-1" href="https://www.youtube.com/channel/UChFYqizc-S6asNjQSoWuwjw"><i class="fab fa-lg fa-youtube"></i></a>
</div>
<div class="col">
<a class="btn mx-1" href="#!"><span class="newsletter">Newsletter</span><i
class="fas fa-lg fa-wifi wifi-rotate"></i></i></a>
<a class="btn mx-1" href="https://www.openaire.eu/newsletter/listing"><span class="newsletter">Newsletter</span><i class="fas fa-lg fa-wifi wifi-rotate"></i></i></a>
</div>
</div>
<div class="row justify-content-center pt-5">
<a class="col d-flex justify-content-end conditions-policy" href="#!">Terms and conditions</a>
<a class="col conditions-policy" href="#!">Cookies policy</a>
<a class="col d-flex justify-content-end conditions-policy" href="http://localhost:4200/terms-and-conditions">Terms and conditions</a>
<a class="col conditions-policy" href="http://localhost:4200/cookies-policy">Cookies policy</a>
</div>
<div class="row justify-content-center pt-5">
<div class="col-auto"><img src="../assets/img/Cc.logo.circle.png" width="24" height="24"></div>
<div class="col-auto pl-0"><img src="../assets/img/univ-access.png" width="24" height="24"></div>
<div class="licence">Unless otherwise indicated, all materials created by OpenAIRE are licenced under
</div>&nbsp;
<div class="licence"><u>ATTRIBUTION 4.0 INTERNATIONAL LICENSE.</u></div>
<div class="licence"><u><a href="https://creativecommons.org/licenses/by/4.0/">ATTRIBUTION 4.0 INTERNATIONAL LICENSE.</a></u></div>
</div>
</div>
</footer>
<!-- Core theme JS-->
<script src="../js/scripts.js"></script>
<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>
</html>

229
dmp-frontend/src/assets/splash/resources/user-guide.html
View File

@ -1,116 +1,129 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Argos</title>
<link rel="icon" type="image/x-icon" href="../assets/img/fav-icon.png">
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.12.1/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!-- Core theme CSS -->
<link href="../css/styles.css" rel="stylesheet">
<link href="../css/navbar.css" rel="stylesheet">
<link href="../css/footer.css" rel="stylesheet">
<link href="../css/section.css" rel="stylesheet">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body id="page-top" class="bootstrap-overrides">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg" id="nav">
<div class="container">
<a class="navbar-brand" href="../index.html"><img src="../assets/img/argos-logo.svg"></a>
<button class="collapse navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i class="fas fa-bars ml-1"></i></button>
<div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item">
<a class="nav-link dropbtn" href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div>
<div class="dropdown-options">
<a href="../about/how-it-works.html">How it works</a>
<a href="https://trello.com/b/x49lylnK/argos" target="_blank">Roadmap</a>
<a href="../about/faqs.html">faqs</a>
</div>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Argos</title>
<link rel="icon" type="image/x-icon" href="../assets/img/fav-icon.png">
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.12.1/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!-- Core theme CSS -->
<link href="../css/styles.css" rel="stylesheet">
<link href="../css/navbar.css" rel="stylesheet">
<link href="../css/footer.css" rel="stylesheet">
<link href="../css/section.css" rel="stylesheet">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body id="page-top" class="bootstrap-overrides">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg" id="nav">
<div class="container">
<a class="navbar-brand" href="../index.html"><img src="../assets/img/argos-logo.svg"></a>
<button class="collapse navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i class="fas fa-bars ml-1"></i></button>
<div class="navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item">
<a class="nav-link dropbtn" href="#about">ABOUT</a>
<div id="aboutDropdown" class="dropdown-content">
<div class="dropdown-top"></div>
<div class="dropdown-options">
<a href="../about/how-it-works.html">How it works</a>
<a href="https://trello.com/b/x49lylnK/argos" target="_blank">Roadmap</a>
<a href="../about/faqs.html">faqs</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link dropbtn active-nav-link" href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div>
<div class="dropdown-options">
<a href="media-kit.html">Media kit</a>
<a href="user-guide.html">User Guide</a>
<a href="co-branding.html">Co-branding</a>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link dropbtn active-nav-link" href="#resources">RESOURCES</a>
<div id="resourcesDropdown" class="dropdown-content">
<div class="dropdown-top"></div>
<div class="dropdown-options">
<a href="media-kit.html">Media kit</a>
<a href="user-guide.html">User Guide</a>
<a href="co-branding.html">Co-branding</a>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="../contact.html">CONTACT</a></li>
<li class="nav-item"><a class="nav-link" href="#sign-in">SIGN IN</a></li>
</ul>
</div>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="../contact.html">CONTACT</a></li>
<li class="nav-item"><li class="nav-item"><a class="nav-link" href="http://localhost:4200/login">SIGN IN</a></li></li>
</ul>
</div>
</nav>
<!-- User Guide -->
<section class="page-section user-guide" id="user-guide">
<div class="container">
<div class="col"><div class="page-title">Resources</div></div>
<div class="col pt-5 pb-3"><div class="title-3">User Guide</div></div>
<div class="col"><p>
Hello there, welcome to Expensify’s press kit! Before downloading our brand assets, please
familiarize yourself with our guidelines and best practices. We love what we’ve created, so please
don’t modify the logo in any way — that includes changing the colors, rotating the icons, moving the
icons, adding text, etc. If there’s a version of our logo you need but don’t see, please reach out
to press@argos.eu with your request.
</p>
</div>
<div class="col d-flex justify-content-center"><button href="#" class="normal-btn">View User Guide Online</button></div>
</div>
</section>
<!-- Footer-->
<footer class="footer">
<div class="container">
<div class="row justify-content-center">
<div class="col-auto">
<img src="../assets/img/argos-logo - Copy.svg" width="98" height="37">
</div>
<div class="col-auto">
<div class="footer-text">ARGOS receives funding from the European Union's Horizon 2020 Research and Innovation programme under grant agreement No. 731011.</div>
</div>
<div class="col-auto">
</div>
</nav>
<!-- User Guide -->
<section class="page-section user-guide" id="user-guide">
<div class="container">
<div class="col">
<div class="page-title">Resources</div>
</div>
<div class="col pt-5 pb-3">
<div class="title-3">User Guide</div>
</div>
<div class="col">
<p>
Become proficient in using Argos by following the User Guide. Check presentation for additional hints and leave your thoughts for improvements in the feedback form.
<ul>
<li><a href="http://localhost:4200/user-guide">User Guide</a></li>
<li><a href="../assets/presentations/argos.pdf">Presentations</a></li>
<li><a href="https://docs.google.com/forms/d/1KNhgjQyGrA6lYjOOUUL5cqU2BVquS0qdfwzOGxokgAw">Feedback Form</a></li>
</ul>
</p>
</div>
<div class="col d-flex justify-content-center"><button href="http://localhost:4200/user-guide" class="normal-btn">View User Guide
Online</button></div>
</div>
</section>
<!-- Footer-->
<footer class="footer">
<div class="container">
<div class="row justify-content-center">
<div class="col-auto">
<img src="../assets/img/argos-logo - Copy.svg" width="98" height="37">
</div>
<div class="col-auto">
<div class="footer-text">OpenAIRE-Advance receives funding from the European Union's Horizon 2020
Research and Innovation programme under Grant Agreement No. 777541..</div>
</div>
<div class="col-auto">
<a href="https://www.openaire.eu/">
<img src="../assets/img/Logo_Horizontal_white_small.png" width="126" height="30">
</div>
</div>
<div class="row justify-content-center pt-5">
<div class="col d-flex justify-content-end">
<a class="btn rounded-circle btn-social mx-1" href="#!"><i class="fab fa-lg fa-facebook-f"></i></a>
<a class="btn rounded-circle btn-social twitter mx-1" href="#!"><i class="fab fa-lg fa-twitter"></i></a>
<a class="btn rounded-circle btn-social linkedin mx-1" href="#!"><i class="fab fa-lg fa-linkedin-in"></i></a>
<a class="btn rounded-circle btn-social youtube mx-1" href="#!"><i class="fab fa-lg fa-youtube"></i></a>
</div>
<div class="col">
<a class="btn mx-1" href="#!"><span class="newsletter">Newsletter</span><i class="fas fa-lg fa-wifi wifi-rotate"></i></i></a>
</div>
</div>
<div class="row justify-content-center pt-5">
<a class="col d-flex justify-content-end conditions-policy" href="#!">Terms and conditions</a>
<a class="col conditions-policy" href="#!">Cookies policy</a>
</div>
<div class="row justify-content-center pt-5">
<div class="col-auto"><img src="../assets/img/Cc.logo.circle.png" width="24" height="24"></div>
<div class="col-auto pl-0"><img src="../assets/img/univ-access.png" width="24" height="24"></div>
<div class="licence">Unless otherwise indicated, all materials created by OpenAIRE are licenced under</div>&nbsp;
<div class="licence"><u>ATTRIBUTION 4.0 INTERNATIONAL LICENSE.</u></div>
</a>
</div>
</div>
</footer>
<!-- Core theme JS-->
<script src="../js/scripts.js"></script>
<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>
<div class="row justify-content-center pt-5">
<div class="col d-flex justify-content-end">
<a class="btn rounded-circle btn-social mx-1" href="https://www.facebook.com/groups/openaire/"><i class="fab fa-lg fa-facebook-f"></i></a>
<a class="btn rounded-circle btn-social twitter mx-1" href="https://twitter.com/OpenAIRE_eu"><i class="fab fa-lg fa-twitter"></i></a>
<a class="btn rounded-circle btn-social linkedin mx-1" href="https://www.linkedin.com/groups/3893548/"><i class="fab fa-lg fa-linkedin-in"></i></a>
<a class="btn rounded-circle btn-social youtube mx-1" href="https://www.youtube.com/channel/UChFYqizc-S6asNjQSoWuwjw"><i class="fab fa-lg fa-youtube"></i></a> </div>
<div class="col">
<a class="btn mx-1" href="https://www.openaire.eu/newsletter/listing"><span class="newsletter">Newsletter</span><i class="fas fa-lg fa-wifi wifi-rotate"></i></i></a>
</div>
</div>
<div class="row justify-content-center pt-5">
<a class="col d-flex justify-content-end conditions-policy" href="http://localhost:4200/terms-and-conditions">Terms and conditions</a>
<a class="col conditions-policy" href="http://localhost:4200/cookies-policy">Cookies policy</a>
</div>
<div class="row justify-content-center pt-5">
<div class="col-auto"><img src="../assets/img/Cc.logo.circle.png" width="24" height="24"></div>
<div class="col-auto pl-0"><img src="../assets/img/univ-access.png" width="24" height="24"></div>
<div class="licence">Unless otherwise indicated, all materials created by OpenAIRE are licenced under
</div>&nbsp;
<div class="licence"><u><a href="https://creativecommons.org/licenses/by/4.0/">ATTRIBUTION 4.0 INTERNATIONAL LICENSE.</a></u></div>
</div>
</div>
</footer>
<!-- Core theme JS-->
<script src="../js/scripts.js"></script>
<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>