import live www.sillylaird.ca webrootHEADmain

2 files changed, 264 insertions, 0 deletions

diff --git a/whatsleft/index.php b/whatsleft/index.php
new file mode 100644
index 0000000..5191487
--- /dev/null
+++ b/whatsleft/index.php
@@ -0,0 +1,215 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <meta name="description"
+    content="What's Left Timer — the simplest way to keep track of the moments that matter. Create unlimited countdowns for birthdays, deadlines, trips, and more." />
+  <meta name="keywords"
+    content="countdown timer, what's left timer, countdown app, birthday countdown, deadline tracker, event timer, simple countdown" />
+  <meta property="og:title" content="What's Left Timer — Every Second Counts" />
+  <meta property="og:description"
+    content="The simplest way to keep track of the moments that matter. Create unlimited countdowns for birthdays, deadlines, trips, and more." />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://sillylaird.ca/whatsleft/" />
+  <meta name="twitter:card" content="summary" />
+  <meta name="twitter:title" content="What's Left Timer — Every Second Counts" />
+  <meta name="twitter:description"
+    content="The simplest way to keep track of the moments that matter. Create unlimited countdowns for any date." />
+  <link rel="canonical" href="https://sillylaird.ca/whatsleft/" />
+  <link rel="icon" href="/assets/img/lain.png" />
+  <title>What's Left Timer — SillyLaird</title>
+
+  <link rel="stylesheet" href="/assets/css/fonts.css" />
+  <link rel="stylesheet" href="/assets/css/site.css?v=1.5" />
+  <style>
+    .wl-hero {
+      text-align: center;
+      padding: var(--space-3xl) var(--space-lg);
+    }
+
+    .wl-hero h1 {
+      font-size: var(--fs-3xl);
+      margin: 0 0 var(--space-sm);
+      letter-spacing: -0.02em;
+    }
+
+    .wl-tagline {
+      font-size: var(--fs-lg);
+      color: var(--muted);
+      margin: 0 0 var(--space-2xl);
+      max-width: 540px;
+      margin-inline: auto;
+    }
+
+    .wl-demo {
+      display: flex;
+      justify-content: center;
+      gap: var(--space-lg);
+      flex-wrap: wrap;
+      margin: var(--space-2xl) auto;
+      max-width: 500px;
+    }
+
+    .wl-demo-unit {
+      text-align: center;
+      min-width: 70px;
+    }
+
+    .wl-demo-num {
+      font-size: var(--fs-2xl);
+      font-weight: 700;
+      font-variant-numeric: tabular-nums;
+      display: block;
+    }
+
+    .wl-demo-label {
+      font-size: var(--fs-xs);
+      color: var(--muted);
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+    }
+
+    .wl-section {
+      max-width: 640px;
+      margin: 0 auto;
+      padding: var(--space-2xl) var(--space-lg);
+    }
+
+    .wl-section h2 {
+      font-size: var(--fs-xl);
+      margin: 0 0 var(--space-md);
+    }
+
+    .wl-features {
+      list-style: none;
+      padding: 0;
+      margin: var(--space-lg) 0;
+    }
+
+    .wl-features li {
+      padding: var(--space-sm) 0;
+      border-bottom: 1px solid var(--border);
+      font-size: var(--fs-base);
+    }
+
+    .wl-features li:last-child {
+      border-bottom: none;
+    }
+
+    .wl-cta {
+      text-align: center;
+      padding: var(--space-2xl) var(--space-lg) var(--space-3xl);
+    }
+
+    .wl-cta p {
+      font-size: var(--fs-lg);
+      color: var(--muted);
+      max-width: 480px;
+      margin: 0 auto var(--space-lg);
+    }
+
+    .wl-badge-row {
+      display: flex;
+      justify-content: center;
+      gap: var(--space-md);
+      flex-wrap: wrap;
+      margin-top: var(--space-lg);
+    }
+
+    .wl-badge {
+      display: inline-block;
+      padding: var(--space-sm) var(--space-lg);
+      border: 1px solid var(--border);
+      border-radius: var(--r);
+      color: var(--ink);
+      text-decoration: none;
+      font-size: var(--fs-sm);
+      transition: border-color 0.2s;
+    }
+
+    .wl-badge:hover {
+      border-color: var(--accent);
+    }
+
+    .wl-separator {
+      width: 60px;
+      border: none;
+      border-top: 1px solid var(--border);
+      margin: var(--space-xl) auto;
+    }
+  </style>
+</head>
+
+<body>
+  <a class="skip-link" href="#main">Skip to content</a>
+  <?php include $_SERVER['DOCUMENT_ROOT'] . '/partials/header.php'; ?>
+
+  <main id="main" class="wrap stack">
+    <section class="wl-hero" aria-labelledby="wl-title">
+      <h1 id="wl-title">What's Left Timer</h1>
+      <p class="wl-tagline">Every second counts. The simplest way to keep track of the moments that matter.</p>
+
+      <div class="wl-demo" aria-label="Live countdown demo">
+        <div class="wl-demo-unit">
+          <span class="wl-demo-num" id="wl-days">--</span>
+          <span class="wl-demo-label">Days</span>
+        </div>
+        <div class="wl-demo-unit">
+          <span class="wl-demo-num" id="wl-hours">--</span>
+          <span class="wl-demo-label">Hours</span>
+        </div>
+        <div class="wl-demo-unit">
+          <span class="wl-demo-num" id="wl-mins">--</span>
+          <span class="wl-demo-label">Minutes</span>
+        </div>
+        <div class="wl-demo-unit">
+          <span class="wl-demo-num" id="wl-secs">--</span>
+          <span class="wl-demo-label">Seconds</span>
+        </div>
+      </div>
+      <p style="font-size: var(--fs-xs); color: var(--muted);">until New Year's Day</p>
+    </section>
+
+    <hr class="wl-separator" />
+
+    <section class="wl-section">
+      <h2>Keep your countdowns front and center</h2>
+      <p>
+        What's Left Timer keeps your most important countdowns front and center — birthdays, deadlines, trips, and more.
+        Add a countdown, give it a name, and always know exactly how much time you have left.
+      </p>
+      <p>
+        Whether you're counting down to a vacation, a big deadline, a birthday, or just the weekend —
+        What's Left Timer keeps everything organized in one clean, distraction-free place.
+      </p>
+    </section>
+
+    <section class="wl-section">
+      <h2>Features</h2>
+      <ul class="wl-features">
+        <li>Create unlimited countdowns for any date</li>
+        <li>See days, hours, minutes, and seconds at a glance</li>
+        <li>Clean, intuitive interface that stays out of your way</li>
+        <li>Instant updates — always accurate, always current</li>
+      </ul>
+    </section>
+
+    <hr class="wl-separator" />
+
+    <section class="wl-cta">
+      <p>No clutter. No complexity. Just your countdowns, clearly laid out and ready when you need them.</p>
+      <p><strong>Download What's Left Timer and start counting down to what's next.</strong></p>
+      <div class="wl-badge-row">
+        <a class="wl-badge" href="https://apps.apple.com/us/app/whats-left-timer/id6760128000">App Store</a>
+      </div>
+    </section>
+  </main>
+
+  <?php include $_SERVER['DOCUMENT_ROOT'] . '/partials/footer.php'; ?>
+
+  <script src="/assets/js/pages/whatsleft.js" defer></script>
+</body>
+
+</html>
diff --git a/whatsleft/privacy/index.php b/whatsleft/privacy/index.php
new file mode 100644
index 0000000..a34639c
--- /dev/null
+++ b/whatsleft/privacy/index.php
@@ -0,0 +1,49 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <meta name="robots" content="noindex" />
+  <title>Privacy Policy — SillyLaird</title>
+<?php
+  // Share card names this page. No _jp/_zh twins exist, so every hreflang
+  // alternate points back here rather than at files that 404.
+  $meta = [
+    'lang'      => 'en',
+    'title'     => "Privacy Policy — What's Left Timer",
+    'desc'      => "Privacy Policy for What's Left Timer.",
+    'base'      => 'whatsleft/privacy/index',
+    'self_url'  => 'https://www.sillylaird.ca/whatsleft/privacy/',
+    'en_url'    => 'https://www.sillylaird.ca/whatsleft/privacy/',
+    'ja_url'    => 'https://www.sillylaird.ca/whatsleft/privacy/',
+    'zh_url'    => 'https://www.sillylaird.ca/whatsleft/privacy/',
+    'x_default' => 'https://www.sillylaird.ca/whatsleft/privacy/',
+  ];
+  include $_SERVER['DOCUMENT_ROOT'] . '/partials/head_meta.php';
+?>
+  <link rel="icon" href="/assets/img/lain.png" />
+
+  <link rel="stylesheet" href="/assets/css/fonts.css" />
+  <link rel="stylesheet" href="/assets/css/site.css?v=1.5" />
+</head>
+
+<body>
+  <a class="skip-link" href="#main">Skip to content</a>
+  <?php include $_SERVER['DOCUMENT_ROOT'] . '/partials/header.php'; ?>
+
+  <main id="main" class="wrap stack" style="max-width:640px;margin:0 auto;padding:var(--space-2xl) var(--space-lg);">
+    <h1>What's Left Timer — Privacy Policy</h1>
+    <p><strong>Last updated:</strong> April 7, 2026</p>
+
+    <p>What's Left Timer does not collect, store, or share any personal data. All countdown data is stored locally on your device and is never transmitted to any server.</p>
+
+    <p>The app does not use analytics, advertising, or third-party tracking of any kind.</p>
+
+    <p>If you have any questions, contact: <a href="mailto:m@sillylaird.ca">m@sillylaird.ca</a></p>
+  </main>
+
+  <?php include $_SERVER['DOCUMENT_ROOT'] . '/partials/footer.php'; ?>
+</body>
+
+</html>