new Videos and task 3 Text corrected

slaeforms/app.py

@@ -644,6 +644,11 @@ def deleteuploads():
 
     return redirect("/all_links")
 
+@app.route("/task3")
+def task3():
+    return render_template("task3.html")
+
+
 
 # Root page -----------------------------
 

slaeforms/static/styles.css

@@ -88,7 +88,7 @@ dialog .iframe-container {
     max-width: 1690px;
     /* Maximum width to keep it from getting too wide on large screens */
     padding: 20px;
-    background-color: #7b8cdb;
+    background-color: #b6c3ff; /* used to be 7b8cdb */
     /* Just for visual differentiation */
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
@@ -143,6 +143,10 @@ label {
     width: 60%;
 }
 
+button  {
+    border: 1px solid #000;
+}
+
 /* buttons */
 .buttondisable {
     filter: invert(65%);
@@ -160,6 +164,7 @@ label {
     /* Optional: rounds the corners of the button */
     width: auto;
     float: right;
+    border: 1px solid #000;
 }
 
 #submitbutton:hover {
@@ -219,7 +224,7 @@ h2 {
     height: 70px;
     /* Set a specific height for the buttons */
     background-color: #cae4ff;
-    border: none;
+    border: 1px solid #000;
     color: white;
     padding: 10px 20px;
     margin: 0 10px;
@@ -269,6 +274,7 @@ video {
     width: auto;
     height: auto;
     margin: auto auto;
+    display: block;
 }
 
 iframe {
@@ -286,8 +292,10 @@ iframe {
 
 .iframe-container {
     position: relative;
-    padding-bottom: 56.25%;
+    /*padding-bottom: 56.25%;*/
     /* 16:9 */
+    padding-bottom: 100%;
+    /* 1:1 */
     height: 0;
 }
 

slaeforms/templates/p2infos.html

@@ -1,7 +1,7 @@
 <div style="margin: auto; max-width: 80%; font-size: 20px;">
     <p>Studie Teil 2:</p>
     <p>Im Folgenden sehen Sie zwei Videos, in denen der gleiche Satz mit unterschiedlichen Formulierungen gebärdet wird.</p>
-    <p>Der folgende Satz wird gebärdet: Gleis 18, Einfahrt RE 77 Richtung Köln Hauptbahnhof über Hannover, Abfahrt 3:44 Uhr.</p>
+    <p>Der folgende Satz wird gebärdet: Einfahrt RE 77 Richtung Köln Hauptbahnhof über Hannover, Abfahrt 3:44 Uhr.</p>
     <p>Bitte verwenden Sie die Punkteskala, um zu bewerten, welches der beiden Videos Sie besser finden.</p>
     <ol start="1">
         <li>Welche Formulierung war natürlicher?</li>

slaeforms/templates/task3.html

@@ -0,0 +1,34 @@
+<!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')}}-->
+    <title>Task 3 Videos</title>
+</head>
+
+<body>
+    <div class="container">
+    <div class="double_video_container">
+        <div class="dv_half">
+            <div class="iframe-container">
+                <video controls>
+                    <source src="{{ url_for('static', filename='videos/0009-intro-inflected.mp4') }}" type="video/mp4">
+                </video>
+            </div>
+        </div>
+        <div class="dv_half">
+            <div class="iframe-container">
+                <video controls>
+                    <source src="{{ url_for('static', filename='videos/0009-variation-inflected.mp4') }}" type="video/mp4">
+                </video>
+            </div>
+        </div>
+    </div>
+    <div class="spacer" aria-hidden="true" style="height:30px"></div>
+    
+    </div>
+</body>
+
+</html>

slaeforms/userstudy1.json

@@ -667,10 +667,10 @@
         "stimuli": {
             "type": "double_video",
             "list_1": {
-                "video_1": "0009-inflected.mp4"
+                "video_1": "0009-intro-inflected.mp4"
             },
             "list_2": {
-                "video_1": "0009-variation-wide.mp4"
+                "video_1": "0009-variation-inflected.mp4"
             },
             "configuration": {
                 "embed": "no"
@@ -680,7 +680,7 @@
             "question0": {
                 "type": "textblock",
                 "name": "fragestellung",
-                "text": "Der folgende Satz wird gebärdet: Gleis 18, Einfahrt RE 77 Richtung Köln Hauptbahnhof über Hannover, Abfahrt 3:44 Uhr."
+                "text": "Der folgende Satz wird gebärdet: Einfahrt RE 77 Richtung Köln Hauptbahnhof über Hannover, Abfahrt 3:44 Uhr."
             },
             "question1": {
                 "type": "likert-basic",