Add landing page (/splash)

This commit is contained in:
George Kalampokis 2020-05-27 17:19:38 +03:00
parent 62c61a8119
commit 6cc77468c5
47 changed files with 1451 additions and 6 deletions

View File

@ -4,11 +4,12 @@ import { ReloadHelperComponent } from '@app/ui/misc/reload-helper/reload-helper.
import { B2AccessLoginComponent } from './ui/auth/login/b2access/b2access-login.component';
import { Oauth2DialogModule } from './ui/misc/oauth2-dialog/oauth2-dialog.module';
import { Oauth2DialogComponent } from './ui/misc/oauth2-dialog/oauth2-dialog.component';
import { AppComponent } from './app.component';
const appRoutes: Routes = [
{
path: '',
redirectTo: '/home',
component: AppComponent,
data: {
breadcrumbs: false,
title: 'GENERAL.TITLES.GENERAL'
@ -153,6 +154,13 @@ const appRoutes: Routes = [
breadcrumb: true
}
},
{
path: 'splash',
loadChildren: () => import('./ui/splash/splash.module').then(m => m.SplashModule),
data: {
breadcrumb: true
}
},
{
path: 'unauthorized',
loadChildren: () => import('./ui/misc/unauthorized/unauthorized.module').then(m => m.UnauthorizedModule),

View File

@ -1,4 +1,4 @@
<div class="wrapper">
<div class="wrapper" *ngIf="!onlySplash">
<div class="sidebar sidebar-shadow" data-color="danger" data-background-color="white"
data-image="./assets/images/logan-troxell-9187-unsplash.jpg">
<app-sidebar></app-sidebar>
@ -13,7 +13,8 @@
</div>
</div>
</div>
<app-notification></app-notification>
<app-notification *ngIf="!onlySplash"></app-notification>
<router-outlet *ngIf="onlySplash"></router-outlet>
<!-- <app-navigation class="fixed"></app-navigation>

View File

@ -1,7 +1,7 @@
import { of as observableOf, Subscription } from 'rxjs';
import { switchMap, filter, map } from 'rxjs/operators';
import { switchMap, filter, map, takeUntil } from 'rxjs/operators';
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
import { TranslateService } from '@ngx-translate/core';
@ -28,8 +28,9 @@ export class AppComponent implements OnInit {
hasBreadCrumb = observableOf(false);
sideNavOpen = false;
helpContentEnabled : boolean;
helpContentEnabled: boolean;
private statusChangeSubscription: Subscription;
onlySplash = true;
constructor(
private router: Router,
@ -57,6 +58,13 @@ export class AppComponent implements OnInit {
}
ngOnInit() {
if (!this.configurationService.useSplash) {
this.onlySplash = false;
this.router.navigate(['/reload']).then(() => this.router.navigate(['/home']));
} else {
this.onlySplash = true;
this.router.navigate(['/reload']).then(() => this.router.navigate(['/splash']));
}
if (!this.cookieService.check("cookiesConsent")) {
this.cookieService.set("cookiesConsent", "false", 356);
}

View File

@ -67,6 +67,11 @@ export class ConfigurationService extends BaseComponent {
return this._doiLink;
}
private _useSplash: string;
get useSplash(): string {
return this._useSplash;
}
public loadConfiguration(): Promise<any> {
return new Promise((r, e) => {
@ -104,6 +109,7 @@ export class ConfigurationService extends BaseComponent {
this._guideAssets = config.guideAssets;
this._allowOrganizationCreator = config.allowOrganizationCreator;
this._doiLink = config.doiLink;
this._useSplash = config.useSplash;
}
}

View File

@ -0,0 +1,19 @@
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { SplashComponent } from './splash.component';
const routes: Routes = [
{
path: '',
component: SplashComponent,
data: {
breadcrumb: true
},
},
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class SplashRoutingModule { }

View File

@ -0,0 +1,2 @@
<!-- <div id='splash' [innerHTML]="splashHTML"></div> -->
<iframe id='splash' class="splash-wrapper" src="assets/splash/" (load)="resizeFrame()"></iframe>

View File

@ -0,0 +1,4 @@
.splash-wrapper {
width: 100%;
border: none;
}

View File

@ -0,0 +1,52 @@
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { ConfigurationService } from '@app/core/services/configuration/configuration.service';
import { DomSanitizer } from '@angular/platform-browser';
import { BaseComponent } from '@common/base/base.component';
import { takeUntil } from 'rxjs/operators';
@Component({
selector: 'app-splash',
templateUrl: './splash.component.html',
styleUrls: ['./splash.component.scss']
})
export class SplashComponent extends BaseComponent implements OnInit {
splashHTML: any;
constructor(
private httpClient: HttpClient,
private configurationService: ConfigurationService,
private sanitizer: DomSanitizer
) {
super();
}
ngOnInit() {
// this.httpClient.get(this.configurationService.splashPath, {responseType: "text"})
// .pipe(takeUntil(this._destroyed)).subscribe(response => {
// const blob = new Blob([response], { type: 'text/html' });
// this.readBlob(blob);
// });
// this.splashHTML = this.sanitizer.bypassSecurityTrustHtml(`${this.configurationService.app}/${this.configurationService.splashPath}`);
}
// readBlob(blob: Blob) {
// const fr = new FileReader();
// fr.onload = ev => {
// this.splashHTML = this.sanitizer.bypassSecurityTrustHtml(fr.result as string);
// //this.parse();
// };
// fr.readAsText(blob);
// }
resizeFrame() {
const frame: HTMLIFrameElement = (document.getElementById('splash') as HTMLIFrameElement);
frame.style.height = frame.contentWindow.document.body.scrollHeight + 'px';
}
getSplashUrl() {
// return this.sanitizer.bypassSecurityTrustHtml(this.configurationService.splashPath);
}
}

View File

@ -0,0 +1,15 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SplashComponent } from './splash.component';
import { SplashRoutingModule } from './slash.routing';
@NgModule({
declarations: [SplashComponent],
imports: [
CommonModule,
SplashRoutingModule
]
})
export class SplashModule { }

View File

@ -51,5 +51,6 @@
"lockInterval": 60000,
"guideAssets": "assets/images/guide",
"allowOrganizationCreator": true,
"doiLink": "https://sandbox.zenodo.org/record/"
"doiLink": "https://sandbox.zenodo.org/record/",
"useSplash": false
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 471 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 240 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 287 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 483 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 63 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 109 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 178 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 106 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 102 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 103 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -0,0 +1,101 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 187.5 77.75" style="enable-background:new 0 0 187.5 77.75;" xml:space="preserve">
<path style="fill:#000000;" d="M177.646,27.845c-0.005-0.009-0.033-0.028-0.047-0.052c-0.119-0.089-0.264-0.16-0.382-0.25
c-1.472-1.051-3.282-1.924-5.48-2.64l-6.393-2.188l-1.033-0.354l-1.561-0.533c-0.943-0.311-1.778-0.603-2.509-0.877
c-3.721-1.433-4.899-2.57-4.786-4.31c0.151-2.334,1.844-3.423,3.819-3.876c1.453-0.339,3.042-0.354,4.291-0.273
c0.312,0.023,0.632,0.042,0.962,0.094c0.237,0.019,0.472,0.047,0.717,0.09h0.043c0.697,0.118,1.4,0.292,2.046,0.542
c0.188,0.061,0.358,0.146,0.538,0.222c0.527,0.217,1.037,0.518,1.447,0.872c0.024,0.014,0.029,0.033,0.052,0.042
c0.217,0.137,0.425,0.312,0.627,0.495c0.19,0.151,0.415,0.236,0.647,0.236h8.765c0.712,0,1.227-0.731,0.957-1.386
c-1.339-3.169-4.045-5.451-8.115-6.814c-2.234-0.745-4.895-1.226-7.959-1.414c-6.338-0.42-11.52,0.759-14.929,3.197
c-0.043,0.028-0.09,0.061-0.133,0.098c-0.193,0.133-0.376,0.265-0.542,0.415c-0.165,0.123-0.32,0.255-0.461,0.387
c-0.161,0.137-0.312,0.293-0.454,0.444c-1.173,1.192-2.045,2.678-2.532,4.328c-3.847-5.588-10.293-9.251-17.597-9.251
c-0.429,0-0.854,0.014-1.278,0.037c-1.217,0.071-2.4,0.245-3.555,0.51l-0.104,0.127c-6.286,1.457-11.482,5.706-14.274,11.374
c-0.08,0.179-0.169,0.367-0.254,0.556c-0.16,0.34-0.307,0.698-0.439,1.056c-0.877-2.155-2.098-4.131-3.607-5.861
c-0.104-0.127-0.217-0.255-0.33-0.382c-0.123-0.137-0.245-0.269-0.368-0.401c-2.004-2.093-4.433-3.777-7.149-4.904
c-1.772-0.745-3.673-1.245-5.653-1.476c-0.458-0.056-0.915-0.094-1.382-0.118h-0.028c-0.18-0.009-0.359-0.018-0.538-0.018
c-0.174-0.01-0.349-0.01-0.524-0.01c-0.367,0-0.74,0.01-1.102,0.033c-0.709,0.039-1.407,0.115-2.094,0.221
c-0.001,0-0.002,0.001-0.003,0.001c-0.401,0.062-0.801,0.132-1.195,0.217c-0.082,0.014-0.166,0.034-0.25,0.053
c-0.001,0-0.001,0-0.001,0c-0.028,0.006-0.053,0.011-0.08,0.017C81.057,6.664,78.825,7.6,76.83,8.875
c-0.137-0.127-0.58-0.495-1.268-0.957c-0.014-0.009-0.029-0.024-0.052-0.029c-0.094-0.056-0.194-0.117-0.292-0.174
c-0.325-0.202-0.674-0.41-1.08-0.613c-1.391-0.712-2.702-1.136-3.928-1.358c-0.175-0.038-0.335-0.057-0.5-0.08
c-0.009,0-0.014-0.005-0.023,0c-0.514-0.062-1.052-0.089-1.604-0.08c-0.146,0.005-0.282,0.009-0.429,0.018
c-0.051,0-0.113,0.005-0.17,0.019c-0.07,0-0.131,0.01-0.203,0.015c-0.018,0-0.042,0-0.055,0.009c-0.048,0-0.105,0.014-0.152,0.019
c-0.127,0.014-0.245,0.028-0.368,0.042c-0.127,0.024-0.254,0.043-0.372,0.061c-0.25,0.053-0.495,0.109-0.745,0.184
c-0.057,0.015-0.109,0.029-0.165,0.048c-0.292,0.085-0.594,0.183-0.901,0.292l-0.004,0.01c-0.156,0.056-0.302,0.117-0.454,0.179
c-0.155,0.071-0.315,0.141-0.466,0.217c-0.009,0-0.014,0.004-0.014,0.004c-0.108,0.052-0.217,0.109-0.33,0.17
c-0.028,0.014-0.047,0.028-0.075,0.042c-0.029,0.015-0.048,0.029-0.076,0.043c-0.321,0.165-0.623,0.349-0.906,0.542
c0,0-1.546,0.934-3.909,3.183V6.395c0-0.5-0.349-0.905-0.825-0.986c-0.047-0.023-0.117-0.038-0.179-0.038l-5.611-0.004
c-0.029-0.005-0.062-0.005-0.095-0.005c-0.032,0-0.065,0-0.094,0.005c-0.806,0.047-1.443,0.717-1.443,1.532v11.935l-3.928,3.886
V6.904c0-0.825-0.645-1.499-1.457-1.537c-0.023-0.005-0.052-0.005-0.08-0.005c-0.015,0-0.033,0-0.047,0.005h-0.005
c-0.009-0.005-0.019-0.005-0.028,0l-5.578-0.01c-0.562,0-1.005,0.434-1.005,1.01l-0.023,1.207c-0.005,0.787-0.864,1.254-1.533,0.844
c-2.617-1.622-5.63-2.674-8.855-2.985c-0.656-0.066-1.312-0.094-1.985-0.094C14.026,5.315,4.699,14.628,4.671,26.138
c0,0.759,0.047,1.504,0.127,2.235c1.098,10.473,9.921,18.626,20.658,18.645c1.684,0,3.311-0.193,4.876-0.57
c2.131-0.51,4.14-1.345,5.965-2.467h0.01c0.013-0.005,0.018-0.014,0.023-0.019c0.679-0.391,1.514,0.081,1.514,0.868v1.74
c0,0.505,0.41,0.915,0.919,0.915h5.819c0.849,0,1.532-0.684,1.532-1.528V32.169l3.928-3.81v17.598c0,0.844,0.684,1.528,1.528,1.528
h5.507c0.637,0,1.155-0.519,1.155-1.156l0.034-23.883v-1.618c0-0.211,0.056-0.4,0.156-0.551c0.047-0.076,0.103-0.146,0.174-0.203
c0,0,0.014-0.019,0.048-0.057c0.042-0.032,0.088-0.075,0.131-0.117c0.599-0.514,1.273-1.113,2.061-1.792
c3.263-2.73,6.021-3.112,8.072-2.749c0,0,0.005,0,0.029,0.005c0.051,0.014,0.165,0.051,0.306,0.127
c0.109,0.061,0.194,0.137,0.269,0.231c0.146,0.179,0.226,0.405,0.221,0.641c-1.725,3.056-2.706,6.588-2.706,10.351
c0,11.67,9.464,21.129,21.134,21.129c3.989,0,7.725-1.103,10.912-3.027c0.231,0.071,0.434,0.221,0.571,0.448
c1.051,1.834,1.655,3.956,1.655,6.201c-0.019,6.875-5.588,12.429-12.445,12.429c-3.937-0.004-7.445-1.839-9.717-4.71
c-1.519-1.9-2.491-4.258-2.669-6.833c-0.038-0.523-0.491-0.915-1.005-0.915l-6.503-0.005c-0.57,0-1.042,0.458-1.023,1.038
c0.104,2.362,0.613,4.626,1.458,6.715c3.059,7.743,10.599,13.212,19.426,13.231c11.581,0.01,20.98-9.364,21.003-20.936
c0-4.64-1.513-8.931-4.069-12.397c-0.085-0.128-0.147-0.264-0.17-0.41c0.91-1.321,1.674-2.754,2.264-4.272
c0.028,0.071,0.061,0.141,0.093,0.212c0.077,0.179,0.152,0.358,0.227,0.533c0.09,0.212,0.188,0.414,0.288,0.618
c0.08,0.165,0.217,0.433,0.302,0.603c0.207,0.377,0.415,0.759,0.637,1.127c0.112,0.184,0.216,0.358,0.333,0.533
c0.213,0.321,0.425,0.632,0.642,0.938c0.203,0.278,0.41,0.552,0.622,0.816c0.402,0.5,0.83,0.981,1.269,1.443
c0.179,0.188,0.363,0.368,0.547,0.552c0.33,0.311,0.67,0.617,1.018,0.919c0.156,0.123,0.307,0.255,0.463,0.382
c2.178,1.74,4.701,3.065,7.455,3.867c0.193,0.056,0.396,0.112,0.589,0.16c0.269,0.061,0.523,0.127,0.788,0.179
c0.33,0.071,0.655,0.132,0.985,0.189c0.194,0.038,0.391,0.066,0.584,0.094c0.43,0.052,0.873,0.104,1.312,0.137
c0.061,0.009,0.122,0.009,0.179,0.014c0.061,0.009,0.128,0.009,0.184,0.009c0.424,0.024,0.849,0.038,1.278,0.038
c0.589,0,1.173-0.019,1.75-0.066c1.367-0.113,2.706-0.358,3.988-0.712l0.033-0.042c0.278-0.085,0.557-0.161,0.83-0.25
c0.189-0.062,0.382-0.133,0.562-0.203c0.173-0.057,0.348-0.127,0.508-0.193c0.161-0.071,0.335-0.133,0.496-0.203
c0.226-0.104,0.448-0.198,0.669-0.292c1.004-0.449,1.953-0.986,2.848-1.59c0.359-0.226,0.708-0.467,1.042-0.717
c0.165-0.136,0.34-0.268,0.5-0.4c1.387-1.099,2.599-2.395,3.664-3.801c0.067-0.085,0.132-0.16,0.198-0.245
c0.034-0.061,0.066-0.113,0.109-0.161c0.552-0.772,1.075-1.57,1.513-2.409c0.246-0.434,0.467-0.896,0.661-1.348
c0.098-0.203,0.183-0.401,0.263-0.604c0.052-0.104,0.08-0.198,0.123-0.292c0.137-0.373,0.269-0.731,0.396-1.095
c0.028-0.085,0.057-0.16,0.076-0.245c0.089-0.273,0.174-0.556,0.259-0.83c0.076-0.311,0.16-0.627,0.231-0.938
c0.047-0.175,0.08-0.349,0.109-0.533c0.061-0.268,0.113-0.542,0.155-0.825c0.005-0.052,0.019-0.113,0.028-0.174
c0.038-0.302,0.08-0.627,0.109-0.943c0.071-0.717,0.113-1.434,0.113-2.174c0-0.524-0.023-1.052-0.062-1.566
c0.039,0.038,0.077,0.066,0.123,0.095c0,0.009,0.01,0.009,0.01,0.009l0.014,0.005c0.038,0.023,0.052,0.042,0.09,0.052
c0.108,0.103,0.23,0.179,0.363,0.254c1.212,0.863,2.673,1.627,4.38,2.264c0.354,0.136,0.717,0.268,1.095,0.386l9.01,3.065
c5.706,1.882,7.409,3.103,7.272,5.182c-0.265,4.07-5.183,4.348-8.115,4.164c-0.538-0.023-1.114-0.085-1.674-0.198h-0.029
c-0.708-0.118-1.415-0.292-2.061-0.523c-0.179-0.08-0.349-0.151-0.551-0.241c-0.514-0.217-1.01-0.495-1.433-0.868
c-0.024-0.004-0.029-0.028-0.043-0.028c-0.203-0.16-0.411-0.32-0.627-0.504c-0.175-0.146-0.41-0.241-0.647-0.241h-8.774
c-0.713,0-1.212,0.741-0.939,1.396c2.056,4.918,7.431,7.677,16.061,8.228c11.354,0.727,18.993-3.621,19.488-11.09
C182.05,32.825,180.664,30.019,177.646,27.845 M36.259,32.462c-0.575,0.994-1.282,1.905-2.103,2.697l-0.08,0.099
c-0.038,0.028-0.066,0.056-0.099,0.085h-0.005c-0.999,0.924-2.141,1.692-3.39,2.239c-0.08,0.043-0.165,0.085-0.25,0.123
c-1.485,0.613-3.112,0.967-4.819,0.967c-6.149,0-11.246-4.437-12.26-10.299c-0.133-0.688-0.193-1.419-0.193-2.145
c0-6.88,5.573-12.44,12.453-12.44c0.678,0,1.334,0.053,1.99,0.161c5.922,0.957,10.43,6.092,10.43,12.279
C37.933,28.496,37.325,30.627,36.259,32.462 M140.083,27.034c-0.01,0.175-0.019,0.349-0.033,0.519
c-0.01,0.165-0.033,0.33-0.057,0.495v0.019v0.009c-0.005,0.014-0.01,0.028-0.01,0.047c0,0.01,0,0.024-0.004,0.034v0.023
c0,0.009-0.004,0.019-0.004,0.028c-0.024,0.194-0.057,0.387-0.09,0.576c-0.038,0.221-0.08,0.443-0.132,0.66
c-0.043,0.188-0.095,0.377-0.151,0.566c-0.029,0.113-0.061,0.221-0.099,0.335c-0.052,0.16-0.104,0.32-0.165,0.481
c-0.067,0.193-0.142,0.381-0.222,0.57c-1.457,3.48-4.451,6.158-8.134,7.177c-0.514,0.141-1.042,0.254-1.588,0.33
c-0.242,0.033-0.487,0.061-0.732,0.085c-0.142,0.009-0.278,0.019-0.42,0.023c-0.197,0.01-0.395,0.014-0.598,0.014h-0.099
c-0.147,0-0.288-0.004-0.435-0.009c-0.112-0.005-0.225-0.009-0.334-0.019c-0.028-0.005-0.056-0.005-0.085-0.005
c-0.056,0-0.113-0.009-0.165-0.014c-0.023,0-0.043-0.005-0.066-0.009c-0.104-0.005-0.212-0.015-0.315-0.033
c-0.077-0.005-0.152-0.014-0.222-0.028c-0.18-0.029-0.359-0.057-0.538-0.09c-0.532-0.099-1.056-0.231-1.571-0.406
c-0.173-0.047-0.348-0.108-0.518-0.174c-0.839-0.302-1.632-0.693-2.376-1.16c-0.123-0.076-0.241-0.156-0.358-0.236
c-0.005,0-0.005,0-0.005-0.005c-0.123-0.08-0.242-0.165-0.359-0.249c-0.118-0.085-0.236-0.175-0.349-0.264
c-0.344-0.269-0.674-0.561-0.986-0.863c-0.065-0.067-0.136-0.133-0.202-0.203c-0.085-0.085-0.17-0.175-0.255-0.264
c-0.023-0.028-0.052-0.062-0.08-0.09c-0.123-0.132-0.24-0.268-0.358-0.41c0-0.005-0.005-0.009-0.01-0.014
c-0.09-0.104-0.179-0.217-0.264-0.325c-0.174-0.213-0.335-0.444-0.486-0.661c-0.112-0.15-0.202-0.306-0.292-0.467
c-0.32-0.518-0.599-1.065-0.83-1.631c-0.047-0.099-0.089-0.203-0.127-0.307c-0.033-0.08-0.062-0.16-0.09-0.24h0.005
c-0.042-0.113-0.085-0.231-0.123-0.349c-0.744-0.797-3.357-1.41-6.582-1.495c-0.1-0.005-0.198-0.009-0.302-0.009
c-0.193-0.01-0.391-0.01-0.585-0.01c-4.088,0-7.427,0.821-7.677,1.863h-0.023c-0.312,0.877-0.731,1.711-1.227,2.485
c-1.093,1.688-2.579,3.089-4.328,4.079c-0.863,0.485-1.782,0.877-2.749,1.155c-0.378,0.104-0.768,0.189-1.16,0.259
c-0.453,0.081-0.933,0.137-1.405,0.17c-0.25,0.01-0.495,0.028-0.74,0.028c-0.217,0-0.429-0.018-0.632-0.028
c-0.232,0-0.434,0-0.642-0.038c-0.207-0.014-0.42-0.028-0.622-0.071c-1.565-0.235-3.022-0.754-4.338-1.499
c-0.811-0.471-1.57-1.023-2.259-1.66c-0.788-0.721-1.476-1.537-2.046-2.438c-1.241-1.928-1.966-4.243-1.966-6.724
c0.004-3.895,1.796-7.365,4.625-9.643c0.273-0.245,0.566-0.443,0.878-0.646c0.188-0.141,0.385-0.264,0.584-0.377
c0.118-0.09,0.255-0.16,0.391-0.231c0-0.014,0.038-0.014,0.042-0.019c1.067-0.58,2.222-1.004,3.443-1.24
c0.801-0.17,1.618-0.25,2.475-0.25c5.098,0,9.484,3.079,11.393,7.483h0.01c0.273,1.038,3.739,1.853,7.973,1.853
c0.189,0,0.382,0,0.571-0.009c0.066,0,0.127-0.005,0.193-0.005c2.702-0.061,5.013-0.462,6.253-1.028
c0.15-0.061,0.278-0.131,0.391-0.197c0.089-0.062,0.165-0.114,0.231-0.17c1.787-4.711,6.348-8.054,11.681-8.054
c5.011,0,9.335,2.952,11.321,7.209c0.028,0.053,0.052,0.104,0.075,0.161c0.043,0.085,0.08,0.17,0.118,0.259
c0.042,0.09,0.085,0.184,0.123,0.279c0.113,0.287,0.212,0.575,0.297,0.872c0.307,0.971,0.495,1.994,0.547,3.051
c0.01,0.216,0.014,0.443,0.014,0.665C140.097,26.695,140.093,26.865,140.083,27.034"/>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -0,0 +1,101 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 187.5 77.75" style="enable-background:new 0 0 187.5 77.75;" xml:space="preserve">
<path style="fill:#23BCBA;" d="M177.646,27.845c-0.005-0.009-0.033-0.028-0.047-0.052c-0.119-0.089-0.264-0.16-0.382-0.25
c-1.472-1.051-3.282-1.924-5.48-2.64l-6.393-2.188l-1.033-0.354l-1.561-0.533c-0.943-0.311-1.778-0.603-2.509-0.877
c-3.721-1.433-4.899-2.57-4.786-4.31c0.151-2.334,1.844-3.423,3.819-3.876c1.453-0.339,3.042-0.354,4.291-0.273
c0.312,0.023,0.632,0.042,0.962,0.094c0.237,0.019,0.472,0.047,0.717,0.09h0.043c0.697,0.118,1.4,0.292,2.046,0.542
c0.188,0.061,0.358,0.146,0.538,0.222c0.527,0.217,1.037,0.518,1.447,0.872c0.024,0.014,0.029,0.033,0.052,0.042
c0.217,0.137,0.425,0.312,0.627,0.495c0.19,0.151,0.415,0.236,0.647,0.236h8.765c0.712,0,1.227-0.731,0.957-1.386
c-1.339-3.169-4.045-5.451-8.115-6.814c-2.234-0.745-4.895-1.226-7.959-1.414c-6.338-0.42-11.52,0.759-14.929,3.197
c-0.043,0.028-0.09,0.061-0.133,0.098c-0.193,0.133-0.376,0.265-0.542,0.415c-0.165,0.123-0.32,0.255-0.461,0.387
c-0.161,0.137-0.312,0.293-0.454,0.444c-1.173,1.192-2.045,2.678-2.532,4.328c-3.847-5.588-10.293-9.251-17.597-9.251
c-0.429,0-0.854,0.014-1.278,0.037c-1.217,0.071-2.4,0.245-3.555,0.51l-0.104,0.127c-6.286,1.457-11.482,5.706-14.274,11.374
c-0.08,0.179-0.169,0.367-0.254,0.556c-0.16,0.34-0.307,0.698-0.439,1.056c-0.877-2.155-2.098-4.131-3.607-5.861
c-0.104-0.127-0.217-0.255-0.33-0.382c-0.123-0.137-0.245-0.269-0.368-0.401c-2.004-2.093-4.433-3.777-7.149-4.904
c-1.772-0.745-3.673-1.245-5.653-1.476c-0.458-0.056-0.915-0.094-1.382-0.118h-0.028c-0.18-0.009-0.359-0.018-0.538-0.018
c-0.174-0.01-0.349-0.01-0.524-0.01c-0.367,0-0.74,0.01-1.102,0.033c-0.709,0.039-1.407,0.115-2.094,0.221
c-0.001,0-0.002,0.001-0.003,0.001c-0.401,0.062-0.801,0.132-1.195,0.217c-0.082,0.014-0.166,0.034-0.25,0.053
c-0.001,0-0.001,0-0.001,0c-0.028,0.006-0.053,0.011-0.08,0.017C81.057,6.664,78.825,7.6,76.83,8.875
c-0.137-0.127-0.58-0.495-1.268-0.957c-0.014-0.009-0.029-0.024-0.052-0.029c-0.094-0.056-0.194-0.117-0.292-0.174
c-0.325-0.202-0.674-0.41-1.08-0.613c-1.391-0.712-2.702-1.136-3.928-1.358c-0.175-0.038-0.335-0.057-0.5-0.08
c-0.009,0-0.014-0.005-0.023,0c-0.514-0.062-1.052-0.089-1.604-0.08c-0.146,0.005-0.282,0.009-0.429,0.018
c-0.051,0-0.113,0.005-0.17,0.019c-0.07,0-0.131,0.01-0.203,0.015c-0.018,0-0.042,0-0.055,0.009c-0.048,0-0.105,0.014-0.152,0.019
c-0.127,0.014-0.245,0.028-0.368,0.042c-0.127,0.024-0.254,0.043-0.372,0.061c-0.25,0.053-0.495,0.109-0.745,0.184
c-0.057,0.015-0.109,0.029-0.165,0.048c-0.292,0.085-0.594,0.183-0.901,0.292l-0.004,0.01c-0.156,0.056-0.302,0.117-0.454,0.179
c-0.155,0.071-0.315,0.141-0.466,0.217c-0.009,0-0.014,0.004-0.014,0.004c-0.108,0.052-0.217,0.109-0.33,0.17
c-0.028,0.014-0.047,0.028-0.075,0.042c-0.029,0.015-0.048,0.029-0.076,0.043c-0.321,0.165-0.623,0.349-0.906,0.542
c0,0-1.546,0.934-3.909,3.183V6.395c0-0.5-0.349-0.905-0.825-0.986c-0.047-0.023-0.117-0.038-0.179-0.038l-5.611-0.004
c-0.029-0.005-0.062-0.005-0.095-0.005c-0.032,0-0.065,0-0.094,0.005c-0.806,0.047-1.443,0.717-1.443,1.532v11.935l-3.928,3.886
V6.904c0-0.825-0.645-1.499-1.457-1.537c-0.023-0.005-0.052-0.005-0.08-0.005c-0.015,0-0.033,0-0.047,0.005h-0.005
c-0.009-0.005-0.019-0.005-0.028,0l-5.578-0.01c-0.562,0-1.005,0.434-1.005,1.01l-0.023,1.207c-0.005,0.787-0.864,1.254-1.533,0.844
c-2.617-1.622-5.63-2.674-8.855-2.985c-0.656-0.066-1.312-0.094-1.985-0.094C14.026,5.315,4.699,14.628,4.671,26.138
c0,0.759,0.047,1.504,0.127,2.235c1.098,10.473,9.921,18.626,20.658,18.645c1.684,0,3.311-0.193,4.876-0.57
c2.131-0.51,4.14-1.345,5.965-2.467h0.01c0.013-0.005,0.018-0.014,0.023-0.019c0.679-0.391,1.514,0.081,1.514,0.868v1.74
c0,0.505,0.41,0.915,0.919,0.915h5.819c0.849,0,1.532-0.684,1.532-1.528V32.169l3.928-3.81v17.598c0,0.844,0.684,1.528,1.528,1.528
h5.507c0.637,0,1.155-0.519,1.155-1.156l0.034-23.883v-1.618c0-0.211,0.056-0.4,0.156-0.551c0.047-0.076,0.103-0.146,0.174-0.203
c0,0,0.014-0.019,0.048-0.057c0.042-0.032,0.088-0.075,0.131-0.117c0.599-0.514,1.273-1.113,2.061-1.792
c3.263-2.73,6.021-3.112,8.072-2.749c0,0,0.005,0,0.029,0.005c0.051,0.014,0.165,0.051,0.306,0.127
c0.109,0.061,0.194,0.137,0.269,0.231c0.146,0.179,0.226,0.405,0.221,0.641c-1.725,3.056-2.706,6.588-2.706,10.351
c0,11.67,9.464,21.129,21.134,21.129c3.989,0,7.725-1.103,10.912-3.027c0.231,0.071,0.434,0.221,0.571,0.448
c1.051,1.834,1.655,3.956,1.655,6.201c-0.019,6.875-5.588,12.429-12.445,12.429c-3.937-0.004-7.445-1.839-9.717-4.71
c-1.519-1.9-2.491-4.258-2.669-6.833c-0.038-0.523-0.491-0.915-1.005-0.915l-6.503-0.005c-0.57,0-1.042,0.458-1.023,1.038
c0.104,2.362,0.613,4.626,1.458,6.715c3.059,7.743,10.599,13.212,19.426,13.231c11.581,0.01,20.98-9.364,21.003-20.936
c0-4.64-1.513-8.931-4.069-12.397c-0.085-0.128-0.147-0.264-0.17-0.41c0.91-1.321,1.674-2.754,2.264-4.272
c0.028,0.071,0.061,0.141,0.093,0.212c0.077,0.179,0.152,0.358,0.227,0.533c0.09,0.212,0.188,0.414,0.288,0.618
c0.08,0.165,0.217,0.433,0.302,0.603c0.207,0.377,0.415,0.759,0.637,1.127c0.112,0.184,0.216,0.358,0.333,0.533
c0.213,0.321,0.425,0.632,0.642,0.938c0.203,0.278,0.41,0.552,0.622,0.816c0.402,0.5,0.83,0.981,1.269,1.443
c0.179,0.188,0.363,0.368,0.547,0.552c0.33,0.311,0.67,0.617,1.018,0.919c0.156,0.123,0.307,0.255,0.463,0.382
c2.178,1.74,4.701,3.065,7.455,3.867c0.193,0.056,0.396,0.112,0.589,0.16c0.269,0.061,0.523,0.127,0.788,0.179
c0.33,0.071,0.655,0.132,0.985,0.189c0.194,0.038,0.391,0.066,0.584,0.094c0.43,0.052,0.873,0.104,1.312,0.137
c0.061,0.009,0.122,0.009,0.179,0.014c0.061,0.009,0.128,0.009,0.184,0.009c0.424,0.024,0.849,0.038,1.278,0.038
c0.589,0,1.173-0.019,1.75-0.066c1.367-0.113,2.706-0.358,3.988-0.712l0.033-0.042c0.278-0.085,0.557-0.161,0.83-0.25
c0.189-0.062,0.382-0.133,0.562-0.203c0.173-0.057,0.348-0.127,0.508-0.193c0.161-0.071,0.335-0.133,0.496-0.203
c0.226-0.104,0.448-0.198,0.669-0.292c1.004-0.449,1.953-0.986,2.848-1.59c0.359-0.226,0.708-0.467,1.042-0.717
c0.165-0.136,0.34-0.268,0.5-0.4c1.387-1.099,2.599-2.395,3.664-3.801c0.067-0.085,0.132-0.16,0.198-0.245
c0.034-0.061,0.066-0.113,0.109-0.161c0.552-0.772,1.075-1.57,1.513-2.409c0.246-0.434,0.467-0.896,0.661-1.348
c0.098-0.203,0.183-0.401,0.263-0.604c0.052-0.104,0.08-0.198,0.123-0.292c0.137-0.373,0.269-0.731,0.396-1.095
c0.028-0.085,0.057-0.16,0.076-0.245c0.089-0.273,0.174-0.556,0.259-0.83c0.076-0.311,0.16-0.627,0.231-0.938
c0.047-0.175,0.08-0.349,0.109-0.533c0.061-0.268,0.113-0.542,0.155-0.825c0.005-0.052,0.019-0.113,0.028-0.174
c0.038-0.302,0.08-0.627,0.109-0.943c0.071-0.717,0.113-1.434,0.113-2.174c0-0.524-0.023-1.052-0.062-1.566
c0.039,0.038,0.077,0.066,0.123,0.095c0,0.009,0.01,0.009,0.01,0.009l0.014,0.005c0.038,0.023,0.052,0.042,0.09,0.052
c0.108,0.103,0.23,0.179,0.363,0.254c1.212,0.863,2.673,1.627,4.38,2.264c0.354,0.136,0.717,0.268,1.095,0.386l9.01,3.065
c5.706,1.882,7.409,3.103,7.272,5.182c-0.265,4.07-5.183,4.348-8.115,4.164c-0.538-0.023-1.114-0.085-1.674-0.198h-0.029
c-0.708-0.118-1.415-0.292-2.061-0.523c-0.179-0.08-0.349-0.151-0.551-0.241c-0.514-0.217-1.01-0.495-1.433-0.868
c-0.024-0.004-0.029-0.028-0.043-0.028c-0.203-0.16-0.411-0.32-0.627-0.504c-0.175-0.146-0.41-0.241-0.647-0.241h-8.774
c-0.713,0-1.212,0.741-0.939,1.396c2.056,4.918,7.431,7.677,16.061,8.228c11.354,0.727,18.993-3.621,19.488-11.09
C182.05,32.825,180.664,30.019,177.646,27.845 M36.259,32.462c-0.575,0.994-1.282,1.905-2.103,2.697l-0.08,0.099
c-0.038,0.028-0.066,0.056-0.099,0.085h-0.005c-0.999,0.924-2.141,1.692-3.39,2.239c-0.08,0.043-0.165,0.085-0.25,0.123
c-1.485,0.613-3.112,0.967-4.819,0.967c-6.149,0-11.246-4.437-12.26-10.299c-0.133-0.688-0.193-1.419-0.193-2.145
c0-6.88,5.573-12.44,12.453-12.44c0.678,0,1.334,0.053,1.99,0.161c5.922,0.957,10.43,6.092,10.43,12.279
C37.933,28.496,37.325,30.627,36.259,32.462 M140.083,27.034c-0.01,0.175-0.019,0.349-0.033,0.519
c-0.01,0.165-0.033,0.33-0.057,0.495v0.019v0.009c-0.005,0.014-0.01,0.028-0.01,0.047c0,0.01,0,0.024-0.004,0.034v0.023
c0,0.009-0.004,0.019-0.004,0.028c-0.024,0.194-0.057,0.387-0.09,0.576c-0.038,0.221-0.08,0.443-0.132,0.66
c-0.043,0.188-0.095,0.377-0.151,0.566c-0.029,0.113-0.061,0.221-0.099,0.335c-0.052,0.16-0.104,0.32-0.165,0.481
c-0.067,0.193-0.142,0.381-0.222,0.57c-1.457,3.48-4.451,6.158-8.134,7.177c-0.514,0.141-1.042,0.254-1.588,0.33
c-0.242,0.033-0.487,0.061-0.732,0.085c-0.142,0.009-0.278,0.019-0.42,0.023c-0.197,0.01-0.395,0.014-0.598,0.014h-0.099
c-0.147,0-0.288-0.004-0.435-0.009c-0.112-0.005-0.225-0.009-0.334-0.019c-0.028-0.005-0.056-0.005-0.085-0.005
c-0.056,0-0.113-0.009-0.165-0.014c-0.023,0-0.043-0.005-0.066-0.009c-0.104-0.005-0.212-0.015-0.315-0.033
c-0.077-0.005-0.152-0.014-0.222-0.028c-0.18-0.029-0.359-0.057-0.538-0.09c-0.532-0.099-1.056-0.231-1.571-0.406
c-0.173-0.047-0.348-0.108-0.518-0.174c-0.839-0.302-1.632-0.693-2.376-1.16c-0.123-0.076-0.241-0.156-0.358-0.236
c-0.005,0-0.005,0-0.005-0.005c-0.123-0.08-0.242-0.165-0.359-0.249c-0.118-0.085-0.236-0.175-0.349-0.264
c-0.344-0.269-0.674-0.561-0.986-0.863c-0.065-0.067-0.136-0.133-0.202-0.203c-0.085-0.085-0.17-0.175-0.255-0.264
c-0.023-0.028-0.052-0.062-0.08-0.09c-0.123-0.132-0.24-0.268-0.358-0.41c0-0.005-0.005-0.009-0.01-0.014
c-0.09-0.104-0.179-0.217-0.264-0.325c-0.174-0.213-0.335-0.444-0.486-0.661c-0.112-0.15-0.202-0.306-0.292-0.467
c-0.32-0.518-0.599-1.065-0.83-1.631c-0.047-0.099-0.089-0.203-0.127-0.307c-0.033-0.08-0.062-0.16-0.09-0.24h0.005
c-0.042-0.113-0.085-0.231-0.123-0.349c-0.744-0.797-3.357-1.41-6.582-1.495c-0.1-0.005-0.198-0.009-0.302-0.009
c-0.193-0.01-0.391-0.01-0.585-0.01c-4.088,0-7.427,0.821-7.677,1.863h-0.023c-0.312,0.877-0.731,1.711-1.227,2.485
c-1.093,1.688-2.579,3.089-4.328,4.079c-0.863,0.485-1.782,0.877-2.749,1.155c-0.378,0.104-0.768,0.189-1.16,0.259
c-0.453,0.081-0.933,0.137-1.405,0.17c-0.25,0.01-0.495,0.028-0.74,0.028c-0.217,0-0.429-0.018-0.632-0.028
c-0.232,0-0.434,0-0.642-0.038c-0.207-0.014-0.42-0.028-0.622-0.071c-1.565-0.235-3.022-0.754-4.338-1.499
c-0.811-0.471-1.57-1.023-2.259-1.66c-0.788-0.721-1.476-1.537-2.046-2.438c-1.241-1.928-1.966-4.243-1.966-6.724
c0.004-3.895,1.796-7.365,4.625-9.643c0.273-0.245,0.566-0.443,0.878-0.646c0.188-0.141,0.385-0.264,0.584-0.377
c0.118-0.09,0.255-0.16,0.391-0.231c0-0.014,0.038-0.014,0.042-0.019c1.067-0.58,2.222-1.004,3.443-1.24
c0.801-0.17,1.618-0.25,2.475-0.25c5.098,0,9.484,3.079,11.393,7.483h0.01c0.273,1.038,3.739,1.853,7.973,1.853
c0.189,0,0.382,0,0.571-0.009c0.066,0,0.127-0.005,0.193-0.005c2.702-0.061,5.013-0.462,6.253-1.028
c0.15-0.061,0.278-0.131,0.391-0.197c0.089-0.062,0.165-0.114,0.231-0.17c1.787-4.711,6.348-8.054,11.681-8.054
c5.011,0,9.335,2.952,11.321,7.209c0.028,0.053,0.052,0.104,0.075,0.161c0.043,0.085,0.08,0.17,0.118,0.259
c0.042,0.09,0.085,0.184,0.123,0.279c0.113,0.287,0.212,0.575,0.297,0.872c0.307,0.971,0.495,1.994,0.547,3.051
c0.01,0.216,0.014,0.443,0.014,0.665C140.097,26.695,140.093,26.865,140.083,27.034"/>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1366" height="509" viewBox="0 0 1366 509"><defs><linearGradient id="a" x1="0.5" y1="0.754" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#fff"/><stop offset="0.828" stop-color="#f5f5f5"/><stop offset="1" stop-color="#fff"/></linearGradient></defs><rect width="1366" height="509" fill="url(#a)"/></svg>

After

Width:  |  Height:  |  Size: 424 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2ZM10,17,5,12l1.41-1.41L10,14.17l7.59-7.59L19,8Z" transform="translate(-2 -2)" fill="#23bcba"/></svg>

After

Width:  |  Height:  |  Size: 232 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

View File

@ -0,0 +1 @@
<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>

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

@ -0,0 +1 @@
<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>

After

Width:  |  Height:  |  Size: 3.1 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

View File

@ -0,0 +1,7 @@
{
"folders": [
{
"path": ".."
}
]
}

View File

@ -0,0 +1,60 @@
.footer {
background: #F3F3F3 0% 0% no-repeat padding-box;
opacity: 1;
}
.footer-text {
text-align: left;
font-size: 0.75rem;
font-weight: 300;
font-family: 'Roboto', sans-serif;
color: #000000;
opacity: 1;
max-width: 460px;
margin: 0rem 2.5rem;
}
.btn-social {
border: 1px solid black !important;
color: black;
font-size: 28px;
opacity: 0.8;
}
.twitter, .youtube, .linkedin {
padding: .375rem .575rem !important;
}
.newsletter {
text-align: left;
font-weight: 500;
font-size: 1.18rem;
color: #000000;
opacity: 1;
}
.wifi-rotate {
color: black;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.conditions-policy {
text-align: left;
text-decoration: underline;
font-weight: 400;
font-family: 'Roboto',sans-serif;
font-size: 1rem;
color: #000000;
opacity: 1;
}
.licence {
text-align: left;
font-weight: 300;
font-family: 'Roboto',sans-serif;
font-size: 0.75rem;
line-height: 2.4;
color: #000000;
opacity: 1;
}

View File

@ -0,0 +1,29 @@
header.head {
text-align: center;
color: #fff;
background-image: url("../assets/img/gradinet-background.svg");
background-repeat: no-repeat;
background-size: cover;
}
.head-subtitles {
margin-top: 1.93rem;
}
.head-subtitle {
margin-top: 1.65rem;
width: 23.4rem;
}
.head-start-dmp {
display: flex;
margin-top: 2.6rem;
}
@media (min-width: 768px) {
header.head {
padding-top: 3.8rem;
/* padding-bottom: calc(100% - 3.8rem); */
padding-bottom: 5.4rem;
}
}

View File

@ -0,0 +1,258 @@
.bootstrap-overrides .navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: 3.18rem;
padding-left: 0;
padding-right: 0;
background-color: white;
}
.bootstrap-overrides .navbar .container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.bootstrap-overrides .navbar-brand {
display: inline-block;
width: 135px;
height: 51px;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
}
.bootstrap-overrides .navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
margin-left: auto;
list-style: none;
}
.bootstrap-overrides .navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
.bootstrap-overrides .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%;
}
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: 0.5rem 1rem;
margin-left: 1rem;
;
text-align: left;
font: Bold 14px/17px Roboto;
letter-spacing: 0px;
color: #000000;
opacity: 1;
}
.nav-link:hover, .nav-link:focus {
text-decoration: none;
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default;
}
.nav-item {
margin-bottom: -1px;
}
.nav-link {
border: 1px solid transparent;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent;
}
.nav-link.active, .nav-item.show .nav-link {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
}
.nav-link {
border-radius: 0.25rem;
}
.nav-link.active, .show>.nav-link {
color: #000000;
background-color: #23BCBA;
}
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
}
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}
.navbar-expand {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-sm, .navbar-expand>.container-md, .navbar-expand>.container-lg, .navbar-expand>.container-xl {
padding-right: 0;
padding-left: 0;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-sm, .navbar-expand>.container-md, .navbar-expand>.container-lg, .navbar-expand>.container-xl {
flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
@media (max-width: 991.98px) {
.navbar-expand-lg>.container {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1.2rem;
padding-left: 1.2rem;
}
.navbar-expand-lg>.container {
flex-wrap: nowrap;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
}
@media (min-width: 992px) {
#nav {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
border: none;
background-color: transparent;
transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
}
#nav .navbar-brand {
font-size: 1.5em;
transition: font-size 0.3s ease-in-out;
}
#nav .navbar-brand img {
height: 2rem;
transition: height 0.3s ease-in-out;
}
#nav.navbar-shrink {
padding-top: 1rem;
padding-bottom: 1rem;
background-color: #212529;
}
#nav.navbar-shrink .navbar-brand {
font-size: 1.25em;
}
#nav.navbar-shrink .navbar-brand svg, #mainNav.navbar-shrink .navbar-brand img {
height: 1.5rem;
}
#nav.navbar-shrink .nav-link {
color: white;
}
#nav.navbar-shrink .nav-link:hover {
color: #23BCBA;
}
#nav .navbar-nav .nav-item {
margin-right: 1rem;
}
#nav .navbar-nav .nav-item:last-child {
margin-right: 0;
}
}

View File

@ -0,0 +1,202 @@
section.start {
text-align: center;
color: #fff;
background: #23BCBA 0% 0% no-repeat padding-box;
}
.template-img {
margin-right: 6.8rem;
}
.options {
padding-top: 4rem;
}
.option-row {
cursor: pointer;
}
.option-number {
text-align: left;
font-weight: 700;
font-family: 'Roboto', sans-serif;
font-size: 3.25rem;
line-height: 1;
letter-spacing: 0px;
color: #0E6978;
opacity: 1;
padding: 0rem 1rem;
}
.option-text {
display: flex;
align-items: center;
text-align: left;
font-weight: 300;
font-family: 'Roboto', sans-serif;
font-size: 1.56rem;
line-height: 1.68rem;
letter-spacing: 0px;
color: #FFFFFF;
}
.selected {
opacity: 1;
}
.not-selected {
opacity: 0.6;
}
.features-layout {
display: flex;
justify-content: space-around;
padding-bottom: 4rem;
}
.features-title {
display: flex;
justify-content: center;
font-weight: 700;
font-family: 'Roboto', sans-serif;
font-size: 2.37rem;
padding-bottom: 3rem;
color: #212121;
opacity: 1;
}
.feature-subtitle {
text-align: center;
font-weight: 700;
font-family: 'Roboto', sans-serif;
font-size: 1.87rem;
padding: 1.5rem 0rem;
color: #000000;
opacity: 0.8;
}
.feature-img {
display: flex;
justify-content: center;
}
.feature-desc {
text-align: center;
font-size: 1rem;
color: #292747;
opacity: 1;
max-width: 429px;
}
section.benefits {
background: #F3F3F3 0% 0% no-repeat padding-box;
opacity: 1;
}
.benefits-title-1 {
text-align: center;
font-weight: 300;
font-family: 'Roboto', sans-serif;
font-size: 2.37rem;
color: #212121;
}
.benefits-title-2 {
text-align: center;
font-weight: 700;
font-family: 'Roboto', sans-serif;
font-size: 2.37rem;
color: #212121;
}
.benefit-card {
width: 370px;
height: 378px;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 6px 15px #0000001A;
border-radius: 36px;
opacity: 1;
}
.benefit-card-title {
text-align: center;
font-weight: 300;
font-family: 'Roboto', sans-serif;
font-size: 1.68rem;
color: #292747;
opacity: 1;
padding: 2.81rem 0rem 1.5rem 0rem;
}
.benefit-desc {
text-align: center;
color: #292747;
max-width: 226px;
}
.benefit-desc-1 {
text-align: center;
color: #292747;
max-width: 250px;
}
.benefit-card hr {
width: 286px;
border: 1px solid #DBDBDB;
opacity: 1;
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.benefit-card-subtitle {
text-align: left;
font-weight: 400;
font-family: 'Roboto', sans-serif;
font-size: 0.87rem;
color: #292747;
padding-left: 10px;
}
.benefit-card-sub-color {
text-align: left;
font-weight: 400;
font-family: 'Roboto', sans-serif;
font-size: 0.87rem;
color: #008887;
}
.benefit-ic {
margin-left: 40px !important;
margin-bottom: .8rem;
}
.branding-logo {
display: flex;
align-items: flex-end;
}
.co-branding-text {
text-align: left;
font-family: 'Roboto',sans-serif;
font-weight: 300;
font-size: 1rem;
color: #212121;
opacity: 0.81;
max-width: 357px;
padding-top: 1.5rem;
}
@media (min-width: 768px) {
section.start, section.features, section.co-branding, .footer {
padding-top: 6rem;
padding-bottom: 5.4rem;
}
section.benefits {
padding-top: 3.8rem;
padding-bottom: 5.4rem;
}
.footer {
padding-top: 4.8rem;
padding-bottom: 2rem;
}
}

View File

@ -0,0 +1,184 @@
*, *::before, *::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
margin: 0;
font-family: 'Roboto', sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #212529;
}
.bootstrap-overrides a {
text-decoration: none;
background-color: transparent;
}
.bootstrap-overrides a:hover {
color: #23BCBA;
text-decoration: none;
}
.bootstrap-overrides h1, .bootstrap-overrides h2, .bootstrap-overrides h3, .bootstrap-overrides h4, .bootstrap-overrides h5, .bootstrap-overrides h6, .caption, .placeholder, .body-text, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Roboto', sans-serif;
color: #212121;
text-align: left;
}
.bootstrap-overrides h1, .h1 {
font-size: 3.3125rem;
line-height: 4rem;
font-weight: 300;
}
.bootstrap-overrides h2, .h2 {
font-size: 3.16rem;
line-height: 3.66rem;
font-weight: 300;
}
.bootstrap-overrides h3, .h3 {
font-size: 2.5rem;
line-height: 2.83rem;
font-weight: 700;
}
.bootstrap-overrides h4, .h4 {
font-size: 1.66rem;
line-height: 1.2;
font-weight: 700;
}
.bootstrap-overrides h5, .h5 {
font-size: 1.33rem;
line-height: 2.16rem;
font-weight: 300;
}
.bootstrap-overrides h6, .h6 {
font-size: 1.66rem;
line-height: 1.2;
font-weight: 300;
}
.caption {
font-size: 1rem;
line-height: 1.66rem;
font-weight: 300;
}
.placeholder {
font-size: 1.33rem;
line-height: 1.83rem;
font-weight: 300;
}
.title-1 {
text-align: left;
font-size: 2.37rem;
line-height: 2.75rem;
font-family: 'Roboto', sans-serif;
font-weight: 300;
color: #FFFFFF;
}
.title-2 {
text-align: left;
font-size: 2.37rem;
line-height: 2.75rem;
font-family: 'Roboto', sans-serif;
font-weight: 700;
color: #FFFFFF;
}
.title-3 {
text-align: left;
font-size: 2.37rem;
font-family: 'Roboto', sans-serif;
font-weight: 300;
color: #212121;
opacity: 0.95;
}
.body-text {
font-size: 1rem;
line-height: 1.6;
font-weight: 400;
opacity: 0.8;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.fixed-top {
position: fixed !important;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.container {
width: 100%;
padding-right: 0.75rem;
padding-left: 0.75rem;
margin-right: auto;
margin-left: auto;
}
.normal-btn {
width: 162px;
height: 40px;
cursor: pointer;
background: #129D99 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1E202029;
border-radius: 30px;
border: none;
color: #FFFFFF;
opacity: 1;
}
.margin-right-6 {
margin-left: 5.8rem;
}
.mirror {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1244px) {
.container {
max-width: 1204px !important;
}
}

View File

@ -0,0 +1,350 @@
<!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" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">Menu<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" href="#about">ABOUT</a></li>
<li class="nav-item"><a class="nav-link" href="#resources">RESOURCES</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">CONTACT</a></li>
<li class="nav-item"><a class="nav-link" href="#sign-in">SIGN IN</a></li>
</ul>
</div>
</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 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>
</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 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>
</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>
<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="benefits-title-1">Who</span>&nbsp;<span class="benefits-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>
<div class="col-auto">
<div class="row">
<div class="col-auto branding-logo">
<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">
<button type="button" class="normal-btn">Learn more</button>
</div>
</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">
<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">
<div class="col d-flex justify-content-end conditions-policy">Terms and conditions</div>
<div class="col conditions-policy">Cookies policy</div>
</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>
</div>
</footer>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>

View File

@ -0,0 +1,26 @@
function toggleClass(ids, option) {
ids.forEach(id => {
var element = document.getElementById(id);
var className = element.getAttribute("class").replace(/ .*/,'');
console.log(className);
if (id === option) {
element.classList.replace(className, "selected");
} else {
element.classList.replace(className, "not-selected");
}
})
}
function navbarCollapse() {
var element = document.getElementById('nav');
if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
console.log('here')
element.classList.add("navbar-shrink");
element.classList.add("fixed-top");
} else {
element.classList.remove("navbar-shrink");
element.classList.remove("fixed-top");
}
};
navbarCollapse();
window.onscroll = function() { navbarCollapse() };