/
main.component.html
144 lines (133 loc) · 7.28 KB
/
main.component.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!-- show landing page in case of guest user -->
<div class="landing-page">
<div class="cookie-banner" *ngIf="showCookieBanner">
<p class="note">
This web-application uses cookies to provide you with great user experience. By using the application you
accept our
<a href="./cookie-policy">use of cookies</a>.
</p>
<div class="action">
<button mat-flat-button color="accent" (click)="closeCookieBanner()">
ACCEPT
</button>
</div>
</div>
<!-- introduction: headline, info and parallax background image -->
<section class="intro parallax-wrapper bg-1">
<div class="parallax-curtain">
<div class="content medium middle">
<h1 class="mat-display-2 app-headline">bring everything together and simplify your research</h1>
<h2 class="mat-title">This is the generic web application of the Data and Service Center for the
Humanities
DaSCH. It's the user interface research layer of DSP-API – a software framework for storing,
sharing, and working with primary resources and all kind of data in your research project in
the Humanities.
</h2>
</div>
</div>
</section>
<!-- features: almost the same as in dsp-api -->
<section class="features">
<div class="content large middle">
<h2 class="mat-title">The web application offers all features from DSP-API on a user-friendly platform.</h2>
<app-grid [list]="features"></app-grid>
</div>
</section>
<!-- contact and partner institutions -->
<section class="research darken-bg">
<div class="content large middle content-research">
<h2 class="mat-title">You're interested in using the platform? What kind of research do you do?</h2>
<mat-form-field class="research-question">
<mat-label>Select an option</mat-label>
<mat-select [(value)]="researchField">
<mat-option value="qualitative">Qualitative data</mat-option>
<mat-option value="edition">Critical edition</mat-option>
<mat-option value="quantitative">Quantitative data</mat-option>
</mat-select>
</mat-form-field>
<div class="research-solution middle" [ngSwitch]="researchField">
<div *ngSwitchCase="'qualitative'">
<h2 class="mat-title">Hooray, you're in the right place.</h2>
<mat-divider class="more-space-bottom"></mat-divider>
<h4 class="mat-subheading-2">The tool is designed to work with qualitative data. You can upload and
transcribe taped interviews. Describe images, photographs. Annotate the data and connect every
kind of media with each other.</h4>
<mat-divider class="more-space-bottom"></mat-divider>
<a mat-raised-button [color]="'accent'" href="mailto:info@dasch.swiss?subject=Get information on the DSP application" target="_blank">Please contact us</a>
</div>
<div *ngSwitchCase="'quantitative'">
<h2 class="mat-title">Uh-oh, you should contact a team working on quantitative data.</h2>
<mat-divider class="more-space-bottom"></mat-divider>
<h4 class="mat-subheading-2">The tool is designed to work with qualitative data. If you are looking
for a tool to work with quantitative data, you should contact FORS.
</h4>
<mat-divider class="more-space-bottom"></mat-divider>
<a mat-raised-button [color]="'primary'" href="https://forscenter.ch/" target="_blank">Please contact FORS</a>
</div>
<div *ngSwitchCase="'edition'">
<h2 class="mat-title">Uh-oh, you should contact a team working on critical editions.</h2>
<mat-divider class="more-space-bottom"></mat-divider>
<h4 class="mat-subheading-2">Another tool based on DSP-API and designed to work on editions already
exists. You should contact NIE-INE.
</h4>
<mat-divider class="more-space-bottom"></mat-divider>
<a mat-raised-button [color]="'primary'" href="https://nie-ine.ch/" target="_blank">Please contact NIE-INE</a>
</div>
</div>
</div>
</section>
<!-- list of projects -->
<section class="projects">
<div class="content large middle">
<h2 class="mat-title">The following projects have already stored their data in DSP-API</h2>
<dsp-progress-indicator [color]="'primary'" *ngIf="loading"></dsp-progress-indicator>
<div *ngIf="!loading">
<app-grid class="project-list" [list]="projects"></app-grid>
</div>
</div>
</section>
<section class="intersection parallax-wrapper bg-2">
<div class="parallax-curtain">
<div class="content medium middle">
<h1 class="mat-display-2 app-headline">annotate, transcribe, connect and share</h1>
</div>
</div>
</section>
<!-- all about dasch and partners; code is open source on github -->
<section class="about">
<div class="content medium middle">
<h2 class="mat-title">Who's behind all that?</h2>
<h3 class="mat-subheading-2">
Since 2017, the Data and Service Center for the Humanities (DaSCH) has been a member of the Swiss
Academy of
Humanities and Social Sciences. The main task of the institution is to operate a platform for humanities
research data that ensures access to this data.
</h3>
<a href="https://dasch.swiss/" target="_blank">
<img class="logo logo-dasch" src="/assets/images/logo-dasch.jpg"
alt="Data and Service Center for the Humanities">
</a>
<a href="https://sagw.ch/sagw/" target="_blank">
<img class="logo logo-sagw" src="/assets/images/logo-sagw.jpg" alt="Swiss Academy of
Humanities and Social Sciences">
</a>
<a href="http://snf.ch" target="_blank">
<img class="logo logo-snf" src="/assets/images/logo-snf-fns.jpg" alt="Swiss NationalScience Foundation">
</a>
<a href="http://swissuniversities.ch" target="_blank">
<img class="logo logo-swissuniversities" src="/assets/images/logo-swissuniversities.svg"
alt="swissuniversities">
</a>
</div>
<div class="content large middle">
<h2 class="mat-title">Partner institutions</h2>
<a href="https://www.unibas.ch/de" target="_blank">
<img class="logo logo-unibas" src="/assets/images/logo-unibas.jpg">
</a>
<a href="https://www.unil.ch/index.html" target="_blank">
<img class="logo logo-unil" src="/assets/images/logo-unil.jpg">
</a>
</div>
</section>
<app-footer></app-footer>
</div>