Add countdowns to /design

resources/views/pages/design.twig

@@ -299,6 +299,25 @@
                     </li>
                 </ul>
             </div>
+            <div class="col">
+                <h4>Countdowns</h4>
+                <ul>
+                    <li data-countdown-ts="{{ timestamp30s }}">30s: %c</li>
+                    <li data-countdown-ts="{{ timestamp30m }}">30m: %c</li>
+                    <li data-countdown-ts="{{ timestamp59m }}">59m: %c</li>
+                    <li data-countdown-ts="{{ timestamp1h }}">1h: %c</li>
+                    <li data-countdown-ts="{{ timestamp1h30m }}">1h 30m: %c</li>
+                    <li data-countdown-ts="{{ timestamp1h31m }}">1h 31m: %c</li>
+                    <li data-countdown-ts="{{ timestamp2h }}">2h: %c</li>
+                    <li data-countdown-ts="{{ timestamp2d }}">2d: %c</li>
+                    <li data-countdown-ts="{{ timestamp3m }}">3m: %c</li>
+                    <li data-countdown-ts="{{ timestamp22y }}">22y: %c</li>
+                </ul>
+                <ul>
+                    <li data-countdown-ts="{{ timestamp30mago }}">30m ago: %c</li>
+                    <li data-countdown-ts="{{ timestamp45mago }}">45m ago: %c</li>
+                </ul>
+            </div>
         </div>
 
         <h2>Macros</h2>

src/Controllers/DesignController.php

@@ -60,6 +60,19 @@ class DesignController extends BaseController
             'demo_user_2'  => $demoUser2,
             'themes'       => $themes,
             'bar_chart'    => BarChart::render(...BarChart::generateChartDemoData(23)),
+            'timestamp30m' => time() + 30 * 60,
+            'timestamp59m' => time() + 59 * 60,
+            'timestamp1h'  => time() + 1 * 60 * 60,
+            'timestamp1h30m'  => time() + 90 * 60,
+            'timestamp1h31m'  => time() + 91 * 60,
+            'timestamp2h'  => time() + 2 * 60 * 60,
+            'timestamp2d'  => time() + 2 * 24 * 60 * 60,
+            'timestamp3m' => time() + 3 * 30 * 24 * 60 * 60,
+            'timestamp22y' => time() + 22 * 365 * 24 * 60 * 60,
+            'timestamp30s' => time() + 30,
+
+            'timestamp30mago' => time() - 30 * 60,
+            'timestamp45mago' => time() - 45 * 60,
         ];
 
         return $this->response->withView(