pay2play/public/index.html
Ole-Morten Duesund 5ba61db478 Add new paywalled features, polish, and favicon
New subscriptions: Like ($0.25, does nothing), HD Audio (removes
low-pass filter from synth), Recently Played (shows current song),
Cancellation Processing ($4.99 to unsubscribe).

Polish: welcome banner fades out smoothly, exit ad plays an
annoying jingle via Tone.js, 64kbps Suffering Quality badge
shown when HD Audio not purchased, favicon added.

Moved og-card.svg source to tools/ (not needed in public/).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-18 09:06:36 +01:00

29 lines
1.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>Pay2Play! — The Worst Music Player</title>
<meta name="description" content="Every feature costs money. Every button is a paywall. Welcome to Pay2Play!.">
<meta property="og:title" content="Pay2Play! — The Worst Music Player">
<meta property="og:description" content="A music player where pause costs $0.01, resume is a separate charge, and you only get 3 seconds free.">
<meta property="og:type" content="website">
<meta property="og:image" content="https://donothireus.com/pay2play/og-card.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://donothireus.com/pay2play/og-card.png">
<meta name="twitter:title" content="Pay2Play! — The Worst Music Player">
<meta name="twitter:description" content="Every feature costs money. Even closing the app shows an unskippable ad.">
<link rel="icon" href="favicon.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Anybody:wght@400;700;900&family=IBM+Plex+Mono:wght@400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="root"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/18.3.1/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/18.3.1/umd/react-dom.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tone/14.8.49/Tone.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/7.26.9/babel.min.js"></script>
<script type="text/babel" src="app.js" data-type="module"></script>
</body>
</html>