wip #2567 @0:10

author Vincent Vanwaelscappel <vincent@cubedesigners.com>

Mon, 25 Mar 2019 10:14:48 +0000 (11:14 +0100)

committer Vincent Vanwaelscappel <vincent@cubedesigners.com>

Mon, 25 Mar 2019 10:14:48 +0000 (11:14 +0100)
author Vincent Vanwaelscappel <vincent@cubedesigners.com>
Mon, 25 Mar 2019 10:14:48 +0000 (11:14 +0100)
committer Vincent Vanwaelscappel <vincent@cubedesigners.com>
Mon, 25 Mar 2019 10:14:48 +0000 (11:14 +0100)
diff --git a/index.html b/index.html

deleted file mode 100644 (file)

index a22c49d..0000000
--- a/index.html
+++ /dev/null
@@ -1,25 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>The Bona 100-year anniversary quiz</title>
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet">
-    <link rel="stylesheet" type="text/css" href="style/style.css">
-    <script type="text/javascript" src="js/jquery.min.js"></script>
-    <script type="text/javascript" src="js/bonaquiz.js"></script>
-</head>
-<body>
-<div id="background" data-section="home">
-    <div id="projector">
-
-    </div>
-</div>
-<section class="home">
-    <h1>The Bona 100&#8209;year</h1>
-    <h2>anniversary quiz</h2>
-    <h3>Think you know Bona?<br>Put it to the test by taking part in our short quiz.</h3>
-    <a href="#" class="button">Start</a>
-    <img src="images/logohome.svg" class="logo"/>
-</section>
-</body>
-</html>
-\ No newline at end of file
diff --git a/index.php b/index.php

new file mode 100644 (file)

index 0000000..feb981f
--- /dev/null
+++ b/index.php
@@ -0,0 +1,42 @@
+<?php
+$question = [
+    ['id' => 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'=>'']
+];
+?>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>The Bona 100-year anniversary quiz</title>
+    <link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet">
+    <link rel="stylesheet" type="text/css" href="style/style.css">
+    <script type="text/javascript" src="js/jquery.min.js"></script>
+    <script type="text/javascript" src="js/bonaquiz.js"></script>
+</head>
+<body>
+<div id="background" data-section="home">
+    <div id="projector">
+
+    </div>
+</div>
+<section class="home">
+    <h1>The Bona 100&#8209;year</h1>
+    <h2>anniversary quiz</h2>
+    <h3>Think you know Bona?<br>Put it to the test by taking part in our short quiz.</h3>
+    <a href="#" class="button">Start</a>
+    <img src="images/logohome.svg" class="logo"/>
+</section>
+</body>
+</html>
+\ No newline at end of file
diff --git a/js/bonaquiz.js b/js/bonaquiz.js

index e251b56995f62f170dcc5f35aef4b772c6a5c238..2dc10356af4207e19b7fb39678f310414b5c668c 100644 (file)
--- 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 91304dd74cda5c5853718a5f0a5b5a0f51d6b082..76ffad09915e989acba099a96fb079b4c44c19a8 100644 (file)
--- 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 {
author	Vincent Vanwaelscappel <vincent@cubedesigners.com>
	Mon, 25 Mar 2019 10:14:48 +0000 (11:14 +0100)
committer	Vincent Vanwaelscappel <vincent@cubedesigners.com>
	Mon, 25 Mar 2019 10:14:48 +0000 (11:14 +0100)
index.html	[deleted file]	patch \| blob \| history
index.php	[new file with mode: 0644]	patch \| blob
js/bonaquiz.js		patch \| blob \| history
style/style.less		patch \| blob \| history