dos

Public/static/js/leaves.js

@@ -90,6 +90,11 @@ function pixelValue(value)
 {
 {
     return value + 'px';
     return value + 'px';
 }
 }
+
+function remValue(value)
+{
+    return value / 20 + 'rem';
+}
 /*
 /*
  Returns a duration value for the falling animation.
  Returns a duration value for the falling animation.
  */
  */
@@ -109,9 +114,9 @@ function createALeaf()
     var image = document.createElement('img');
     var image = document.createElement('img');
     /* Randomly choose a leaf image and assign it to the newly created element */
     /* Randomly choose a leaf image and assign it to the newly created element */
     image.src = window.base_resource_url + '/image2/snow-' + randomInteger(1, 3) + '.png';
     image.src = window.base_resource_url + '/image2/snow-' + randomInteger(1, 3) + '.png';
-    leafDiv.style.top = "-100px";
+    leafDiv.style.top = "-5rem";
     /* Position the leaf at a random location along the screen */
     /* Position the leaf at a random location along the screen */
-    leafDiv.style.left = pixelValue(randomInteger(0, 500));
+    leafDiv.style.left = remValue(randomInteger(0, 500));
     /* Randomly choose a spin animation */
     /* Randomly choose a spin animation */
     var spinAnimationName = (Math.random() < 0.5) ? 'clockwiseSpin' : 'counterclockwiseSpinAndFlip';
     var spinAnimationName = (Math.random() < 0.5) ? 'clockwiseSpin' : 'counterclockwiseSpinAndFlip';
     /* Set the -webkit-animation-name property with these values */
     /* Set the -webkit-animation-name property with these values */