Added into page, some more progress and a small bugfixtypo

This commit is contained in:
Jan 2024-09-18 16:40:10 +02:00
parent 8a1c7aff42
commit f4dd20e76d
4 changed files with 55 additions and 13 deletions

View 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>

View File

@ -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>

View File

@ -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>

View File

@ -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": {