Created
August 16, 2024 03:23
-
-
Save btbytes/c97b505c2de1dd968144963a46512abc to your computer and use it in GitHub Desktop.
previous.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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