Merge pull request #5 from PedrosUsername/main

Question improved

css/style.css

@@ -31,6 +31,11 @@ body {
     margin-top: 5vh;
 }
 
+.answers-pic {
+    width: 100%;
+    border: 18px ridge yellow;
+}
+
 .floattop {
     text-align: center;
     position: absolute;

data.json

@@ -1,6 +1,27 @@
 {
     "initialScore": 10000,
     "questions": [
+        {
+            "title": "Who's the best (and sexiest) president ever:",
+            "answers": [
+                {
+                    "text": "<img class='answers-pic' src='assets/img/p0.jpeg'>",
+                    "effect": 2000
+                },
+                {
+                    "text": "<img class='answers-pic' src='assets/img/p2.jpeg'>",
+                    "effect": -9999
+                },
+                {
+                    "text": "<img class='answers-pic' src='assets/img/p3.jpeg'>",
+                    "effect": -9999
+                },
+                {
+                    "text": "<img class='answers-pic' src='assets/img/p5.jpeg'>",
+                    "effect": -9999
+                }
+            ]
+        },        
         {
             "title": "Is Taiwan a country",
             "answers": [

js/main.js

@@ -165,4 +165,4 @@ $(".ans").click(function () {
 
 $('.fadeOutVideo').on('ended', function () {
     $(this).parent().fadeOut();
-})
+})