From 95d76ba498b5c574e01eaf79fe2a08d87c4df1d2 Mon Sep 17 00:00:00 2001 From: nael Date: Tue, 2 Apr 2019 18:24:08 +0200 Subject: [PATCH] WIP #2647 @7:00 --- index.php | 469 +++++++++++++++++++++++++++++++---------------- js/bonaquiz.js | 2 +- style/style.sass | 3 +- 3 files changed, 318 insertions(+), 156 deletions(-) diff --git a/index.php b/index.php index e3fc6b7..f0d1584 100644 --- a/index.php +++ b/index.php @@ -28,13 +28,124 @@ $question = [ 'correct' => 2, 'explaination' => 'Voulez-Vous was released in 1979, the same year Bona waterborne finishes were introduced. Waterloo was a hit from 1974, while Dancing Queen came out two years later.', ], + ['id' => 5, + 'type' => 'text', + 'label' => 'What is the Bona company mission?', + 'choices' => [' Turn wood into wonder', 'Change floors for the better', 'Bring out the beauty in floors'], + 'correct' => 3, + 'explaination' => ' The Bona mission is to bring out the beauty in floors, which we\'ve used in the communication of our 100-year anniversary: "Bringing out the beauty in floors since 1919."', + ], + ['id' => 6, + 'type' => 'text', + 'label' => 'To date, 112,000,000 m2 (1,206,000,000 sq. ft) of parquet has been glued with Bona adhesives worldwide. That\'s equivalent to:', + 'choices' => ['a 1 metre (3 ft) wide path 1 time around the equator', 'a 1 metre (3 ft) wide path 3 times around the equator', 'a 3 metre (9ft) wide path across China'], + 'correct' => 2, + 'explaination' => ' Enough parquet has been glued with Bona adhesives to lay a 1 metre wide path around the world 3 times. Amazing!', + ], + ['id' => 7, + 'type' => 'text', + 'label' => 'How many Bona Certified Craftsmen are there worldwide?', + 'choices' => ['1500', '1200', '1000'], + 'correct' => 1, + 'explaination' => 'Bona has grown to an organization with more than 600 direct employees and 1500 Certified Craftsmen in partnership with the company worldwide.', + ], + ['id' => 8, + 'type' => 'text', + 'label' => '2002 was the year that Bona products were first widely available to US retail customers. This year will also be remembered for:', + 'choices' => ['The first Apple iPhone release', 'The Sony PlayStation 2 was launched', 'Signs of water ice deposits were found on Mars'], + 'correct' => 3, + 'explaination' => '2002 was the year Bona products were first available widely in the US, the same year scientists discovered the potential for water on Mars. The Sony PlayStation was released in 2000 and sold until 2013, making it the longest selling game platform to date. The original iPhone was released in January of 2007.', + ], + ['id' => 9, + 'type' => 'text', + 'label' => 'In 2000, Bona opened its important subsidiary in Singapore. What other major event happened in 2000?', + 'choices' => ['Human DNA was fully mapped', 'The International Space Station (ISS) received its first full-time crew', 'Pluto was downgraded from a planet to a dwarf planet'], + 'correct' => 2, + 'explaination' => 'The Bona subsidiary in Singapore, a critical foothold in the region, opened in 2000 -the year the ISS got its first resident crew. The human genome (DNA) was considered to have been sequenced in 2003 and it wasn\'t until 2006 that Pluto was downgraded from a planet.', + ], + ['id' => 10, + 'type' => 'text', + 'label' => 'Of the 30 teams in the NBA, how many use Bona products and expertise for the maintenance of their court floors?', + 'choices' => ['29', '28', '30'], + 'correct' => 1, + 'explaination' => '29 of the league\'s 30 teams work with Bona--so one team is playing at a disadvantage!', + ], + ['id' => 11, + 'type' => 'text', + 'label' => 'DCS 70 made sanding dust-free and safer for consumers and professionals. What year was it launched?', + 'choices' => ['1979', '2006', '2014'], + 'correct' => 2, + 'explaination' => 'DCS 70 launched in 2006 and was as revolutionary as the waterborne finishes we pioneered in 1979. Its technology is integral to the Bona Elite Fleet program started in 2014.', + ], + ['id' => 12, + 'type' => 'text', + 'label' => 'As of 2016, how many Bona spray mops had been sold worldwide?', + 'choices' => ['1 million', '2 million', '4 million'], + 'correct' => 3, + 'explaination' => 'As of 2016, Bona products were available at 9 of the top 10 retailers in the US, and more than 4 million spray mops had been sold around the world.', + ], + ['id' => 13, + '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, + 'correct'=>4, + ], + ['id' => 14, + 'type'=>'images', + 'label'=>'Which photo is the Walkway of the Tower Bridge, London, where we had the opportunity to bring out the beauty in the floor?', + 'imagesnb'=>4, + 'correct'=>4, + ], + ['id' => 15, + 'type' => 'text', + 'label' => 'In 1984, Bona entered the UV finishes market. In the same year, which personal computer went on sale for the first time:', + 'choices' => ['Apple Macintosh', 'Commodore 64', 'IBM 5150'], + 'correct' => 1, + 'explaination' => '1984 was the year Bona began with UV finishes and the Apple Macintosh got its start. The Commodore 64 was launched in 1982, while the IBM 5150 (IBM PC) goes back to 1981.', + ], + ['id' => 16, + 'type' => 'text', + 'label' => 'The area of parquet treated with Bona finishes around the world is equivalent to:', + 'choices' => ['Ireland, Portugal, Spain, France and Sweden combined', 'Portugal, Spain, Monaco and Sweden combined', 'Ireland, France, UK and Sweden combined'], + 'correct' => 1, + 'explaination' => '1,700,000,000 m2 (18,300,000,000 sq. ft) of parquet has been treated with Bona products to date--equivalent to the combined areas of Ireland, Portugal, Spain, France and Sweden.', + ], + ['id' => 17, + 'type' => 'text', + 'label' => 'Bona celebrates its 100th year anniversary this year. Which of the following also has its centennial birthday in 2019?', + 'choices' => ['The Eiffel Tower', 'The Grand Canyon', 'The Trans-Siberian Railway'], + 'correct' => 2, + 'explaination' => 'The Grand Canyon was officially inaugurated as a national park in 1919--even though technically it is much older than that. The Eiffel Tower was built for the World Expo in 1889, and the Trans-Siberian Railway has been connecting Moscow with Vladivostok since 1916.', + ], + ['id' => 18, + 'type' => 'text', + 'label' => 'Bona abrasives became available globally in the same year that:', + 'choices' => ['Deep Blue defeated Kasparov at chess, setting expectations for the development of artificial intelligence ', 'Nintendo 64 was released, setting the standard for computer game graphics', 'The Matrix premiered and set the standard for movie special effects for years to come'], + 'correct' => 3, + 'explaination' => 'The Matrix movie premiered in 1999, the same year Bona solved a big part of the Bona system puzzle with a solution for global abrasives procurement. Deep Blue beat Kasparov in 1997, and the Nintendo 64 was released in 1996. ', + ], + ['id' => 19, + 'type' => 'text', + 'label' => 'Bona has subsidiaries and distributors in how many countries?', + 'choices' => ['70', '80', '90+'], + 'correct' => 3, + 'explaination' => 'Bona is present in 90+ countries worldwide.', + ], + ['id' => 20, + 'type' => 'text', + 'label' => '1995 was the year Bona started producing its own dispersions. This year will also be remembered as the year:', + 'choices' => ['People started buying and selling through eBay', 'People started doing internet searches through Google', 'People started connecting to a little thing called the World Wide Web'], + 'correct' => 1, + 'explaination' => 'Bona began the work that eventually led to Bona Mega in 1995, the same year eBay was launched. The Web got its "official" start in 1993, while Google was founded in 1998.', + ], + ['id' => 21, + 'type' => 'text', + 'label' => 'In what year did Bona begin working with floor materials other than wood?', + 'choices' => ['2015', '2018', '2010'], + 'correct' => 2, + 'explaination' => 'The Bona product range expanded to include solutions for surfaces other than wood in 2018.', + ], -// ['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, -// 'correct'=>4, -// ] ]; ?> @@ -55,133 +166,182 @@ $question = [
-
-

The Bona 100‑year

-

anniversary quiz

-

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

- Start - -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -
-

Question 1/10

- -

What kind of business was Bona founder Wilhelm Edner
- running when he started to sell floor wax ?

- - Correct answer : - -
    -
  • -
    - B -
    - Coffee and grocer -
    • -
- -

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.

- - - -
+
+

The Bona 100‑year

+

anniversary quiz

+

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

+ Start + +
+ + + +
+ + + + + +//
+//

Question '.$question[$i]['id'].'/'.count($question).'

+//

'.$question[$i]['label'].'

+// +//
+//
+// '; +// $v= $question[$i]['correct']-1; +// $answer = $question[$i]['choices'][$v]; +// +// +// $letter = $question[$i]['correct'] + 64; +// echo ' +// +//
+// +//
+//

Question '.$question[$i]['id'].'/'.count($question).'

+// +//

'.$question[$i]['label'].'

+// +// Correct answer : +// +//
    +//
  • +//
    +// '.chr($letter).' +//
    +// '.$answer.' +//
    • +//
+// +//

'.$question[$i]['explaination'] .'

+// +// +// +//
+//
+//
'; + } + else{ + echo '
+ +
+

Question '.$question[$i]['id'].'/'.count($question).'

+ +

'.$question[$i]['label'].'

+
    '; + + for($z=0;$z<$question['imagesnb']; $z++) + +// var_dump($question[$i]['imagesnb']); + { + $numb = $z; + $num = $numb + 65; + var_dump($z); + + echo $z++; +// if ($z % 2 == 1) +// { +// echo "$z est impair"; +// } +// elseif ($z % 2 == 0) +// { +// echo "$z est pair"; +// } + echo ' + +
  • +
    + '.chr($num ).' +
    +
    • +     '; + } + echo '
+
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -
-

Question 2/10

- -

Which photo is the Austrian Chancellor's Office, Vienna, where - we had the opportunity to bring out the beauty in the floor?

- - Correct answer : - -
    +
'; + } + } +// var_dump(count($question)); + ?> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+

Question 2/10

+ +

Which photo is the Austrian Chancellor's Office, Vienna, where + we had the opportunity to bring out the beauty in the floor?

+ + Correct answer : + +
  • @@ -189,31 +349,32 @@ $question = [
    • -
- -
-
-
- -
-
-

Congrats

- -

you completed the quiz.

- -

Your score

- -
-
- 7/10 -
+ + +
+
+
+ +
+
+

Congrats

+ +

you completed the quiz.

+ +

Your score

+ +
+
+ 7/10
- - -
-
+ + + + + + diff --git a/js/bonaquiz.js b/js/bonaquiz.js index 44c2e25..9ab18f4 100644 --- a/js/bonaquiz.js +++ b/js/bonaquiz.js @@ -11,7 +11,7 @@ $('.start').on('click', function() { TweenMax.to('#projector',0.5,{bottom: 0}); }); -$('.button').on('click', function() { +$('.btn-next').on('click', function() { const delay = 0.5; TweenMax.to($(this).closest('div.section'),delay,{x: '-=350px',opacity:0}); diff --git a/style/style.sass b/style/style.sass index ea25118..18ef161 100644 --- a/style/style.sass +++ b/style/style.sass @@ -30,7 +30,8 @@ body display: block!important .section display: none - +a.btn-next + text-decoration: none section z-index: 1 position: relative -- 2.39.5