Apppublic
RCtheGuru/focusfactor-flow-tracker

sourceHugging Faceupdated 1y agoView on Hugging Face
0likes
download.html67 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="en">3<head>4    <meta charset="UTF-8">5    <meta name="viewport" content="width=device-width, initial-scale=1.0">6    <title>Download FocusFactor Tracker</title>7    <script src="https://cdn.tailwindcss.com"></script>8    <style>9        @keyframes pulse {10            0%, 100% { opacity: 1; }11            50% { opacity: 0.8; }12        }13        .download-btn {14            animation: pulse 1.5s infinite;15        }16    </style>17</head>18<body class="bg-gray-50 min-h-screen flex items-center justify-center p-4">19    <div class="bg-white rounded-xl shadow-lg p-8 max-w-md w-full">20        <div class="text-center mb-8">21            <h1 class="text-3xl font-bold text-indigo-600 mb-2">FocusFactor Tracker</h1>22            <p class="text-gray-600">Download the complete package including all HTML, CSS, and JavaScript files.</p>23        </div>24 25        <div class="space-y-4">26            <div class="bg-indigo-50 rounded-lg p-4">27                <h2 class="font-medium text-indigo-700 mb-2">Includes:</h2>28                <ul class="text-sm text-gray-700 space-y-1">29                    <li class="flex items-center">30                        <svg class="w-4 h-4 mr-2 text-indigo-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">31                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>32                        </svg>33                        Complete HTML files34                    </li>35                    <li class="flex items-center">36                        <svg class="w-4 h-4 mr-2 text-indigo-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">37                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>38                        </svg>39                        Tailwind CSS styling40                    </li>41                    <li class="flex items-center">42                        <svg class="w-4 h-4 mr-2 text-indigo-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">43                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>44                        </svg>45                        Interactive JavaScript46                    </li>47                    <li class="flex items-center">48                        <svg class="w-4 h-4 mr-2 text-indigo-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">49                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>50                        </svg>51                        Feather Icons integration52                    </li>53                </ul>54            </div>55 56            <a href="focusfactor-tracker.zip" download class="download-btn block w-full bg-indigo-600 hover:bg-indigo-700 text-white font-medium py-3 px-4 rounded-lg text-center transition duration-200">57                Download Full Package (ZIP)58            </a>59 60            <div class="text-center text-sm text-gray-500 mt-4">61                <p>File size: ~250KB</p>62                <p>Version: 1.0</p>63            </div>64        </div>65    </div>66</body>67</html>