index.html.in: don't blink the expiration date/time after 10 minutes

[charm-bypass.git] / index.html.in

diff --git a/index.html.in b/index.html.in
index 9486fb7b3e6be6d802f6bb89908305a020be908e..9d666dedb0c5d6b9ea27df5bfcce6176db61dd9a 100644 (file)
--- a/index.html.in
+++ b/index.html.in
@@ -59,7 +59,8 @@
       }
 
       #tickettime, #ticketdate {
-       animation: blink 2s linear infinite;
+       /* 300 two-second blinks is ten minutes */
+       animation: blink 2s linear 300;
       }
 
       /* Define, load, and specify the custom font we use for the ticket
@@ -233,20 +234,17 @@
       /******************************************/
 
       /* There are two parameters, time and date, that we store in one
-       * underlying "date" variable. Default both to an hour from now.  This
-       * is sensible because the date/time shown on your ticket is its
-       * EXPIRATION time, and tickets are valid for two hours. Having it
-       * show one hour in the future means that you didn't just use your
-       * ticket a second ago (if you just got caught on the light rail, for
-       * example) but also means that it's not expiring for a while.
+       * underlying "date" variable. Default both to an hour and a
+       * half from now. This is what the CharmPass app does for
+       * one-way tickets.
        */
       const date = new Date();
 
-      /* Add an hour. We use the low-level get/setTime to change the number
-       * of milliseconds since the epoch that this date represents. Obviously
-       * correct, and avoids all suspicious corner cases (well, for a few more
-       * decades). */
-      date.setTime(date.getTime() + (60*60*1000));
+      /* Add an hour and a half. We use the low-level get/setTime to
+       * change the number of milliseconds since the epoch that this
+       * date represents. Obviously correct, and avoids all suspicious
+       * corner cases (well, for a few more decades). */
+      date.setTime(date.getTime() + (90*60*1000));
 
       /* All <text> elements produced by inkscape contain a single <tspan>
        * that itself contains the actual text. */