Added into page, some more progress and a small bugfixtypo
This commit is contained in:
parent
8a1c7aff42
commit
f4dd20e76d
43
slaeforms/templates/intropage.html
Normal file
43
slaeforms/templates/intropage.html
Normal file
@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles.css')}}"" /> <!-- styles.css {{ url_for('static', filename='styles.css')}}-->
|
||||
<link rel=" shortcut icon" href="{{ url_for('static', filename='icons/favicon.ico') }}">
|
||||
<title>DGS Avatar Study</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<h2>SLAEFORMS Gebärdensprachavatar Studie</h2>
|
||||
|
||||
<video controls>
|
||||
<source src="{{ url_for('static', filename='videos/GLEISvariations.mp4') }}" type="video/mp4">
|
||||
</video>
|
||||
<div class="spacer" aria-hidden="true" style="height:20px"></div>
|
||||
<div class="textblock">
|
||||
|
||||
<p style="font-size: 22px;">
|
||||
Bei allen Aufgaben in dieser Studie gibt es ein Erklärungsvideo, in dem die Aufgabe und die Antwortmöglichkeiten in Gebärdensprache erklärt werden.
|
||||
Falls sie Fragen haben oder eine Aufgabe nicht verstehen, können sie den "Gebärdensprache" Button auf der rechten Seite des Bildschirms klicken, um das Video und den Erklärungstext zu sehen.
|
||||
Sie können den Button nochmal anklicken um wieder zur Aufgabe zurückzukommen.
|
||||
</p>
|
||||
<div style="margin: auto; display: block; max-width: 90px;">
|
||||
<button style="margin: auto; max-width: ;"><img class="infoButtonIcon" id="buttonInfoIcon"
|
||||
src="{{ url_for('static', filename='icons/sl-icon.png')}}" alt="sign-language-icon"></button>
|
||||
</div>
|
||||
<p style="font-size: 22px; text-align: center;">
|
||||
Der Gebärdensprache Button.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<form class="dsgvoform" action="{{ url_for('startpage') }}" method="post">
|
||||
<div class="button-container">
|
||||
<input id="submitbutton" type="submit" value="Starten" />
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
@ -316,8 +316,9 @@ step={{question["step"]}}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<div class="button-container">
|
||||
<input class="inputs" id="submitbutton" type="submit" value="submit" />
|
||||
<!-- TODO maybe I want to use this instead: <button id="submitbutton" type="submit">Submit</button> -->
|
||||
|
||||
<button id="submitbutton" type="submit">Weiter</button>
|
||||
<!-- TODO maybe I want to use this instead: <button id="submitbutton" type="submit">Submit</button> /// <input class="inputs" id="submitbutton" type="submit" value="submit" />-->
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
@ -13,9 +13,7 @@
|
||||
<h2>SLAEFORMS Gebärdensprachavatar Studie</h2>
|
||||
|
||||
<div class="textblock">
|
||||
<p>
|
||||
Hallo und willkommen zu dieser Studie, danke für Ihre Teilnahme.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
In dieser Studie geht es um die Entwicklung von Gebärdensprachavataren, also animierte 3D-Avatare, die
|
||||
Gebärdensprache sprechen sollen.
|
||||
@ -66,10 +64,6 @@
|
||||
</p>
|
||||
</div>
|
||||
<form class="dsgvoform" action="{{ url_for('startpage') }}" method="post">
|
||||
<label for="terms-and-conditions">
|
||||
<input class="inline" id="terms-and-conditions" type="checkbox" required name="terms-and-conditions" />
|
||||
Ich akezeptiere die <a href="{{ url_for('datenschutz') }}">Datenschutzbestimmungen</a>
|
||||
</label>
|
||||
<div class="button-container">
|
||||
<input id="submitbutton" type="submit" value="submit" />
|
||||
</div>
|
||||
|
@ -1,7 +1,11 @@
|
||||
{
|
||||
"Block 0":{
|
||||
"type": "SinglePage",
|
||||
"template": "intropage.html"
|
||||
},
|
||||
"Block 1": {
|
||||
"type": "TaskTemplate",
|
||||
"tempalte": "standard_template.html",
|
||||
"template": "standard_template.html",
|
||||
"stimuli": {
|
||||
"type": "empty",
|
||||
"list": {
|
||||
@ -284,7 +288,7 @@
|
||||
},
|
||||
"Block 2": {
|
||||
"type": "TaskTemplate",
|
||||
"tempalte": "standard_template.html",
|
||||
"template": "standard_template.html",
|
||||
"stimuli": {
|
||||
"type": "single_video",
|
||||
"order": "random",
|
||||
@ -466,7 +470,7 @@
|
||||
},
|
||||
"Block 3": {
|
||||
"type": "TaskTemplate",
|
||||
"tempalte": "standard_template.html",
|
||||
"template": "standard_template.html",
|
||||
"stimuli": {
|
||||
"type": "double_video",
|
||||
"list_1": {
|
||||
@ -522,7 +526,7 @@
|
||||
},
|
||||
"Block 4": {
|
||||
"type": "TaskTemplate",
|
||||
"tempalte": "standard_template.html",
|
||||
"template": "standard_template.html",
|
||||
"stimuli": {
|
||||
"type": "empty",
|
||||
"list": {
|
||||
|
Loading…
Reference in New Issue
Block a user