diff options
Diffstat (limited to 'whatsleft')
| -rw-r--r-- | whatsleft/index.php | 215 | ||||
| -rw-r--r-- | whatsleft/privacy/index.php | 49 |
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> |