new background options (#7)

JuliaDynamics · May 22, 2023 · c3cdc8e · c3cdc8e
1 parent 1f3fe1e
commit c3cdc8e
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 6 deletions.
diff --git a/flask_app/app.py b/flask_app/app.py
@@ -97,6 +97,7 @@ def questionnaire():
         return render_template(
             "questionnaire.html",
             animate_transition="ease-in-out",
+            background="some_image",
             questions=questions,
             current_question_id=next_q_id,
             answers=answers
@@ -106,6 +107,7 @@ def questionnaire():
     return render_template(
         "questionnaire.html",
         animate_transition="ease-in-out",
+        background="some_image",
         questions=questions,
         current_question_id=questions[0]["id"],
         answers=answers

diff --git a/flask_app/static/css/backgrounds/fancy.jpg b/flask_app/static/css/backgrounds/fancy.jpg
diff --git a/flask_app/static/css/backgrounds/gradient.css b/flask_app/static/css/backgrounds/gradient.css
@@ -1 +1,4 @@
-gradient.css
+
+body {
+	background-image: linear-gradient(315deg, #DECBA4, #3E5151);
+}
diff --git a/flask_app/static/css/backgrounds/nothing.css b/flask_app/static/css/backgrounds/nothing.css
diff --git a/flask_app/static/css/backgrounds/some_image.css b/flask_app/static/css/backgrounds/some_image.css
@@ -0,0 +1,5 @@
+
+body {
+	background-image: url("fancy.jpg");
+	background-size: 100%;
+}
diff --git a/flask_app/static/css/style.css b/flask_app/static/css/style.css
@@ -6,8 +6,6 @@ html {
 body {
   width: 100%;
   height: 100%;
-  background-color: #134275;
-  background-image: linear-gradient(315deg, #133975 0%, #0b1f53 74%);
   color: #f5f5f5;
 }
 

diff --git a/flask_app/templates/questionnaire.html b/flask_app/templates/questionnaire.html
@@ -8,13 +8,20 @@
       href="{{ url_for('static', filename='css/style.css') }}"
     />
 
-    {% set file_name = 'css/animations/' + animate_transition.rstrip() + '.css'
+    {% set animation_file = 'css/animations/' + animate_transition.rstrip() + '.css'
     %}
     <link
       type="text/css"
       rel="stylesheet"
-      animate_transition="ease-in-out"
-      href="{{ url_for('static', filename=file_name) }}"
+      href="{{ url_for('static', filename=animation_file) }}"
+    />
+
+  {% set background_file = 'css/backgrounds/' + background.rstrip() + '.css'
+    %}
+    <link
+      type="text/css"
+      rel="stylesheet"
+      href="{{ url_for('static', filename=background_file) }}"
     />
   </head>