Fine tune distances

static/js/config.js

@@ -1,4 +1,4 @@
 const MAX_DIST = 3500;
-const MIN_DIST = 500;
-const VID_BLUR_FACTOR = MAX_DIST/16.0; // float
-const TICKER_BLUR_FACTOR = MAX_DIST/32.0; // float
+const MIN_DIST = 1000;
+const VID_BLUR_FACTOR = MAX_DIST/23.0; // float
+const TICKER_BLUR_FACTOR = MAX_DIST/5.0; // float

templates/index.html

@@ -18,8 +18,8 @@
     </div>
     <div class="row">
       <div class="col12">
-        <div id="the-ticker" class="marquee alert alert-danger text-white h2 fw-bolder w100 opacity-50 text-nowrap" role="alert" style="direction:rtl; position:fixed; left:0; bottom:4rem; z-index:23">
-          חוסל מחבל חמאס שעבד עם "אל-ג'זירה" • ברצועה מדווחים על הרוגים בתקיפות במחנה נוסיראת ובדרום חאן יונס • בין ההרוגים - כתב "פלשתין אל יום" וכתב "אל-ג'זירה" חוסאם שבאת • צה"ל חשף כי לפי מידע מודיעיני, חוסאם שבאת הוא מחבל בגדוד בית חאנון של ארגון הטרור חמאס • שחר קליימן, ישראל היום, 24/2/25
+        <div id="the-ticker" class="marquee alert alert-danger text-white h2 fw-bolder w100 opacity-50 text-nowrap" role="alert" style="direction:rtl; position:fixed; left:0; bottom:2rem; z-index:23">
+          • חוסל מחבל חמאס שעבד עם "אל-ג'זירה" • ברצועה מדווחים על הרוגים בתקיפות במחנה נוסיראת ובדרום חאן יונס • בין ההרוגים - כתב "פלשתין אל יום" וכתב "אל-ג'זירה" חוסאם שבאת • צה"ל חשף כי לפי מידע מודיעיני, חוסאם שבאת הוא מחבל בגדוד בית חאנון של ארגון הטרור חמאס • שחר קליימן, ישראל היום, 24/2/25
         </div>
       </div>
     </div>
@@ -47,12 +47,15 @@
   };
   async function updateDistance() {
     var dist = await getDistance();
-    var vidblur = 0; tickerblur = 0;
+    var vidblur = 0, tickerblur = 8;
     if (dist>MIN_DIST && dist<MAX_DIST) {
       vidblur = parseInt((MAX_DIST-dist)/VID_BLUR_FACTOR);
       tickerblur = parseInt(dist/TICKER_BLUR_FACTOR);
     }
-    //console.log(`${vidblur}, ${tickerblur}`);
+    if (dist<2*MIN_DIST) {
+      tickerblur = 0;
+    }
+    // console.log(`${vidblur}, ${tickerblur}`);
     document.getElementById("the-video").style.filter=`blur(${vidblur}px)`;
     document.getElementById("the-ticker").style.filter=`blur(${tickerblur}px)`;
   }