From: Vincent Vanwaelscappel Date: Mon, 25 Mar 2019 10:14:48 +0000 (+0100) Subject: wip #2567 @0:10 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=bda0b6bc82f44b8b302443008092f541da6177be;p=bonaquiz.git wip #2567 @0:10 --- diff --git a/index.html b/index.html deleted file mode 100644 index a22c49d..0000000 --- a/index.html +++ /dev/null @@ -1,25 +0,0 @@ - - - - - The Bona 100-year anniversary quiz - - - - - - -
-
- -
-
-
-

The Bona 100‑year

-

anniversary quiz

-

Think you know Bona?
Put it to the test by taking part in our short quiz.

- Start - -
- - \ No newline at end of file diff --git a/index.php b/index.php new file mode 100644 index 0000000..feb981f --- /dev/null +++ b/index.php @@ -0,0 +1,42 @@ + 1, + 'type' => 'text', + 'label' => 'What kind of business was Bona founder Wilhelm Edner running when he started to sell floor wax?', + 'choices' => ['Pharmacy', 'Coffee and grocer', 'Shoe shop'], + 'right' => 2, + 'explaination' => ' Wilhelm had a passion for coffee, which had been hard to come by during the previous war years. Floor wax was part of a wide range of products he offered through his general grocer business.', + ], + ['id'=>2, + 'type'=>'images', + 'label'=>'Which photo is the Austrian Chancellor\'s Office, Vienna, where we had the opportunity to bring out the beauty in the floor?', + 'imagesnb'=>4, + 'right'=>4, + 'explaination'=>''] +]; +?> + + + + + The Bona 100-year anniversary quiz + + + + + + +
+
+ +
+
+
+

The Bona 100‑year

+

anniversary quiz

+

Think you know Bona?
Put it to the test by taking part in our short quiz.

+ Start + +
+ + \ No newline at end of file diff --git a/js/bonaquiz.js b/js/bonaquiz.js index e251b56..2dc1035 100644 --- a/js/bonaquiz.js +++ b/js/bonaquiz.js @@ -1,6 +1,10 @@ $(function () { $(window).on('resize', resize); resize(); + setTimeout(function () { + resize(); + $("body").addClass('loaded'); + }, 1000); }); function resize() { diff --git a/style/style.less b/style/style.less index 91304dd..76ffad0 100644 --- a/style/style.less +++ b/style/style.less @@ -21,6 +21,11 @@ body { overflow: hidden; width: 100%; max-width: 100%; + opacity: 0; + transition: opacity 500ms; + &.loaded{ + opacity: 1; + } } section {