Skip to content

Instantly share code, notes, and snippets.

@btbytes
Created August 16, 2024 03:23
Show Gist options
  • Save btbytes/c97b505c2de1dd968144963a46512abc to your computer and use it in GitHub Desktop.
Save btbytes/c97b505c2de1dd968144963a46512abc to your computer and use it in GitHub Desktop.
previous.js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>blunderfest</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100 font-sans">
<div class="max-w-3xl mx-auto p-8">
<header class="flex items-center mb-8">
<div class="w-8 h-8 mr-2">
<svg viewBox="0 0 24 24" fill="currentColor" class="w-full h-full">
<path d="M19 5L5 19M5.00001 5L19 19" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 8.5C9 8.5 9.5 9 10.5 9C11.5 9 12 8.5 12 8.5" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 15.5C12 15.5 12.5 16 13.5 16C14.5 16 15 15.5 15 15.5" stroke="#000000" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<h1 class="text-4xl font-bold">blunderfest</h1>
</header>
<main>
<h2 class="text-3xl font-bold mb-4">get rid of your blunders.</h2>
<p class="text-xl text-gray-600 mb-6">chess is a fairy tale of 1,001 blunders. - savielly tartakower</p>
<p class="text-lg mb-6">review mistakes you've made in your games to improve your chess. we use spaced repetition to make sure you avoid making the same mistakes you've made in the past.</p>
<p class="text-sm text-gray-500 mb-8">(short note: please support blunderfest with a <span class="font-bold">subscription</span>. every sub matters and helps me keep the lights on. thank you!)</p>
<button class="bg-blue-500 text-white px-6 py-3 rounded-md text-lg font-semibold hover:bg-blue-600 transition duration-300">sign in to get started</button>
</main>
<footer class="mt-12 text-gray-600">
<p>ps: contact me on <a href="#" class="text-blue-500 hover:underline">twitter</a> if you have any issues.</p>
</footer>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment