Spaces:

WeakneeB
/

thee-space

Running

App Files Files Community

WeakneeB commited on Apr 26, 2025

Commit

3da1751

verified ·

1 Parent(s): dadefbc

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +576 -19
prompts.txt +3 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Thee Space
-emoji: 🌍
-colorFrom: pink
-colorTo: gray
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: thee-space
+emoji: 🐳
+colorFrom: purple
+colorTo: pink
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,576 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>60-Day Bodyweight Challenge</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        .exercise-card {
+            transition: all 0.3s ease;
+            transform-style: preserve-3d;
+        }
+        .exercise-card:hover {
+            transform: translateY(-5px) rotateX(5deg);
+            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
+        }
+        .progress-bar {
+            height: 8px;
+            border-radius: 4px;
+            transition: width 0.5s ease;
+        }
+        .day-card {
+            transition: all 0.2s ease;
+        }
+        .day-card:hover {
+            transform: scale(1.03);
+        }
+        .day-card.completed {
+            background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
+        }
+        .day-card.current {
+            box-shadow: 0 0 0 3px #3b82f6;
+        }
+        @keyframes pulse {
+            0% { transform: scale(1); }
+            50% { transform: scale(1.05); }
+            100% { transform: scale(1); }
+        }
+        .animate-pulse {
+            animation: pulse 2s infinite;
+        }
+        .floating {
+            animation: float 6s ease-in-out infinite;
+        }
+        @keyframes float {
+            0% { transform: translateY(0px); }
+            50% { transform: translateY(-10px); }
+            100% { transform: translateY(0px); }
+        }
+    </style>
+</head>
+<body class="bg-gray-50 min-h-screen">
+    <div class="container mx-auto px-4 py-8 max-w-6xl">
+        <!-- Header -->
+        <div class="text-center mb-12 bg-gradient-to-r from-blue-600 to-emerald-600 text-white rounded-2xl p-8 shadow-xl">
+            <h1 class="text-4xl md:text-5xl font-extrabold mb-4">60-Day Bodyweight Challenge</h1>
+            <p class="text-xl opacity-90 mb-6">Transform your fitness with just 5 fundamental exercises</p>
+            <div class="flex flex-wrap justify-center gap-3">
+                <span class="px-4 py-2 bg-white bg-opacity-20 rounded-full flex items-center gap-2">
+                    <i class="fas fa-fire text-yellow-300"></i> No Equipment Needed
+                </span>
+                <span class="px-4 py-2 bg-white bg-opacity-20 rounded-full flex items-center gap-2">
+                    <i class="fas fa-calendar-check text-green-300"></i> 60 Days
+                </span>
+                <span class="px-4 py-2 bg-white bg-opacity-20 rounded-full flex items-center gap-2">
+                    <i class="fas fa-dumbbell text-red-300"></i> 5 Exercises
+                </span>
+            </div>
+        </div>
+        <!-- Exercises Overview -->
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-6 mb-12">
+            <!-- Push-ups Card -->
+            <div class="exercise-card bg-white rounded-xl p-6 shadow-lg border-l-4 border-blue-500">
+                <div class="text-blue-500 text-4xl mb-4 flex justify-center">
+                    <i class="fas fa-person-digging"></i>
+                </div>
+                <h3 class="text-xl font-bold text-gray-800 mb-2 text-center">Push-ups</h3>
+                <p class="text-gray-600 text-sm text-center">Targets chest, shoulders & triceps</p>
+                <div class="mt-4 text-center">
+                    <span class="inline-block bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-xs font-medium">Day 1: 20 reps</span>
+                </div>
+            </div>
+            <!-- Squats Card -->
+            <div class="exercise-card bg-white rounded-xl p-6 shadow-lg border-l-4 border-green-500">
+                <div class="text-green-500 text-4xl mb-4 flex justify-center">
+                    <i class="fas fa-person-running"></i>
+                </div>
+                <h3 class="text-xl font-bold text-gray-800 mb-2 text-center">Squats</h3>
+                <p class="text-gray-600 text-sm text-center">Works legs & glutes</p>
+                <div class="mt-4 text-center">
+                    <span class="inline-block bg-green-100 text-green-800 px-3 py-1 rounded-full text-xs font-medium">Day 1: 30 reps</span>
+                </div>
+            </div>
+            <!-- Pull-ups Card -->
+            <div class="exercise-card bg-white rounded-xl p-6 shadow-lg border-l-4 border-purple-500">
+                <div class="text-purple-500 text-4xl mb-4 flex justify-center">
+                    <i class="fas fa-person-hiking"></i>
+                </div>
+                <h3 class="text-xl font-bold text-gray-800 mb-2 text-center">Pull-ups</h3>
+                <p class="text-gray-600 text-sm text-center">Strengthens back & arms</p>
+                <div class="mt-4 text-center">
+                    <span class="inline-block bg-purple-100 text-purple-800 px-3 py-1 rounded-full text-xs font-medium">Day 1: 5 reps</span>
+                </div>
+            </div>
+            <!-- Dips Card -->
+            <div class="exercise-card bg-white rounded-xl p-6 shadow-lg border-l-4 border-yellow-500">
+                <div class="text-yellow-500 text-4xl mb-4 flex justify-center">
+                    <i class="fas fa-person-rays"></i>
+                </div>
+                <h3 class="text-xl font-bold text-gray-800 mb-2 text-center">Dips</h3>
+                <p class="text-gray-600 text-sm text-center">Focuses on triceps & chest</p>
+                <div class="mt-4 text-center">
+                    <span class="inline-block bg-yellow-100 text-yellow-800 px-3 py-1 rounded-full text-xs font-medium">Day 1: 10 reps</span>
+                </div>
+            </div>
+            <!-- Planks Card -->
+            <div class="exercise-card bg-white rounded-xl p-6 shadow-lg border-l-4 border-red-500">
+                <div class="text-red-500 text-4xl mb-4 flex justify-center">
+                    <i class="fas fa-clock"></i>
+                </div>
+                <h3 class="text-xl font-bold text-gray-800 mb-2 text-center">Planks</h3>
+                <p class="text-gray-600 text-sm text-center">Core strength & stability</p>
+                <div class="mt-4 text-center">
+                    <span class="inline-block bg-red-100 text-red-800 px-3 py-1 rounded-full text-xs font-medium">Day 1: 30 sec</span>
+                </div>
+            </div>
+        </div>
+        <!-- Progress Tracker -->
+        <div class="bg-white rounded-xl shadow-lg p-6 mb-12">
+            <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-6">
+                <div>
+                    <h2 class="text-2xl font-bold text-gray-800 mb-2">Your Progress</h2>
+                    <p class="text-gray-600">Track your 60-day journey</p>
+                </div>
+                <div class="mt-4 md:mt-0 w-full md:w-1/3">
+                    <div class="flex justify-between text-sm text-gray-600 mb-1">
+                        <span>Day 1 of 60</span>
+                        <span>0%</span>
+                    </div>
+                    <div class="progress-bar bg-gray-200 rounded-full h-3">
+                        <div class="bg-gradient-to-r from-blue-500 to-emerald-500 rounded-full h-full" style="width: 0%"></div>
+                    </div>
+                </div>
+            </div>
+            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3">
+                <!-- Days will be generated here by JavaScript -->
+            </div>
+        </div>
+        <!-- Challenge Routine -->
+        <div class="bg-white rounded-xl shadow-lg overflow-hidden mb-12">
+            <div class="bg-gradient-to-r from-blue-600 to-emerald-600 p-6 text-white">
+                <h2 class="text-2xl font-bold flex items-center gap-3">
+                    <i class="fas fa-calendar-alt"></i> 60-Day Challenge Routine
+                </h2>
+            </div>
+            <div class="p-6">
+                <div class="overflow-x-auto">
+                    <table class="w-full text-left">
+                        <thead class="bg-gray-100">
+                            <tr>
+                                <th class="py-3 px-4 font-semibold text-gray-700">Phase</th>
+                                <th class="py-3 px-4 font-semibold text-gray-700">Days</th>
+                                <th class="py-3 px-4 font-semibold text-gray-700">Push-ups</th>
+                                <th class="py-3 px-4 font-semibold text-gray-700">Squats</th>
+                                <th class="py-3 px-4 font-semibold text-gray-700">Pull-ups</th>
+                                <th class="py-3 px-4 font-semibold text-gray-700">Dips</th>
+                                <th class="py-3 px-4 font-semibold text-gray-700">Plank</th>
+                            </tr>
+                        </thead>
+                        <tbody class="divide-y divide-gray-200">
+                            <!-- Phase 1 -->
+                            <tr>
+                                <td class="py-3 px-4 font-medium text-blue-600">Foundation</td>
+                                <td class="py-3 px-4">1-15</td>
+                                <td class="py-3 px-4">20 → 40</td>
+                                <td class="py-3 px-4">30 → 60</td>
+                                <td class="py-3 px-4">5 → 10</td>
+                                <td class="py-3 px-4">10 → 20</td>
+                                <td class="py-3 px-4">30s → 60s</td>
+                            </tr>
+                            <!-- Phase 2 -->
+                            <tr class="bg-gray-50">
+                                <td class="py-3 px-4 font-medium text-emerald-600">Building</td>
+                                <td class="py-3 px-4">16-30</td>
+                                <td class="py-3 px-4">45 → 70</td>
+                                <td class="py-3 px-4">65 → 100</td>
+                                <td class="py-3 px-4">12 → 20</td>
+                                <td class="py-3 px-4">25 → 35</td>
+                                <td class="py-3 px-4">75s → 120s</td>
+                            </tr>
+                            <!-- Phase 3 -->
+                            <tr>
+                                <td class="py-3 px-4 font-medium text-purple-600">Advanced</td>
+                                <td class="py-3 px-4">31-45</td>
+                                <td class="py-3 px-4">75 → 100</td>
+                                <td class="py-3 px-4">105 → 150</td>
+                                <td class="py-3 px-4">22 → 30</td>
+                                <td class="py-3 px-4">40 → 50</td>
+                                <td class="py-3 px-4">135s → 180s</td>
+                            </tr>
+                            <!-- Phase 4 -->
+                            <tr class="bg-gray-50">
+                                <td class="py-3 px-4 font-medium text-yellow-600">Mastery</td>
+                                <td class="py-3 px-4">46-60</td>
+                                <td class="py-3 px-4">105 → 150</td>
+                                <td class="py-3 px-4">155 → 200</td>
+                                <td class="py-3 px-4">32 → 40</td>
+                                <td class="py-3 px-4">55 → 70</td>
+                                <td class="py-3 px-4">195s → 240s</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+        <!-- Daily Workout -->
+        <div class="bg-white rounded-xl shadow-lg p-6 mb-12">
+            <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-6">
+                <div>
+                    <h2 class="text-2xl font-bold text-gray-800 mb-2 flex items-center gap-3">
+                        <i class="fas fa-dumbbell text-blue-500"></i> Today's Workout
+                    </h2>
+                    <p class="text-gray-600">Day 1 of 60 - Foundation Phase</p>
+                </div>
+                <button id="completeDayBtn" class="mt-4 md:mt-0 bg-gradient-to-r from-blue-500 to-emerald-500 hover:from-blue-600 hover:to-emerald-600 text-white font-medium py-2 px-6 rounded-full shadow-md transition-all transform hover:scale-105">
+                    Complete Day <i class="fas fa-check ml-2"></i>
+                </button>
+            </div>
+            <div class="space-y-4">
+                <!-- Push-ups -->
+                <div class="flex items-center justify-between bg-blue-50 p-4 rounded-lg">
+                    <div class="flex items-center gap-4">
+                        <div class="bg-blue-100 text-blue-800 p-3 rounded-full">
+                            <i class="fas fa-person-digging"></i>
+                        </div>
+                        <div>
+                            <h4 class="font-medium text-gray-800">Push-ups</h4>
+                            <p class="text-sm text-gray-600">3 sets of 6-8 reps</p>
+                        </div>
+                    </div>
+                    <div class="bg-white px-3 py-1 rounded-full text-blue-800 font-medium shadow-sm">20 total</div>
+                </div>
+                <!-- Squats -->
+                <div class="flex items-center justify-between bg-green-50 p-4 rounded-lg">
+                    <div class="flex items-center gap-4">
+                        <div class="bg-green-100 text-green-800 p-3 rounded-full">
+                            <i class="fas fa-person-running"></i>
+                        </div>
+                        <div>
+                            <h4 class="font-medium text-gray-800">Squats</h4>
+                            <p class="text-sm text-gray-600">3 sets of 10 reps</p>
+                        </div>
+                    </div>
+                    <div class="bg-white px-3 py-1 rounded-full text-green-800 font-medium shadow-sm">30 total</div>
+                </div>
+                <!-- Pull-ups -->
+                <div class="flex items-center justify-between bg-purple-50 p-4 rounded-lg">
+                    <div class="flex items-center gap-4">
+                        <div class="bg-purple-100 text-purple-800 p-3 rounded-full">
+                            <i class="fas fa-person-hiking"></i>
+                        </div>
+                        <div>
+                            <h4 class="font-medium text-gray-800">Pull-ups</h4>
+                            <p class="text-sm text-gray-600">3 sets of 1-2 reps</p>
+                        </div>
+                    </div>
+                    <div class="bg-white px-3 py-1 rounded-full text-purple-800 font-medium shadow-sm">5 total</div>
+                </div>
+                <!-- Dips -->
+                <div class="flex items-center justify-between bg-yellow-50 p-4 rounded-lg">
+                    <div class="flex items-center gap-4">
+                        <div class="bg-yellow-100 text-yellow-800 p-3 rounded-full">
+                            <i class="fas fa-person-rays"></i>
+                        </div>
+                        <div>
+                            <h4 class="font-medium text-gray-800">Dips</h4>
+                            <p class="text-sm text-gray-600">2 sets of 5 reps</p>
+                        </div>
+                    </div>
+                    <div class="bg-white px-3 py-1 rounded-full text-yellow-800 font-medium shadow-sm">10 total</div>
+                </div>
+                <!-- Plank -->
+                <div class="flex items-center justify-between bg-red-50 p-4 rounded-lg">
+                    <div class="flex items-center gap-4">
+                        <div class="bg-red-100 text-red-800 p-3 rounded-full">
+                            <i class="fas fa-clock"></i>
+                        </div>
+                        <div>
+                            <h4 class="font-medium text-gray-800">Plank</h4>
+                            <p class="text-sm text-gray-600">Hold for time</p>
+                        </div>
+                    </div>
+                    <div class="bg-white px-3 py-1 rounded-full text-red-800 font-medium shadow-sm">30 sec</div>
+                </div>
+            </div>
+        </div>
+        <!-- Tips & Motivation -->
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-12">
+            <div class="bg-white rounded-xl shadow-lg p-6">
+                <h3 class="text-xl font-bold text-gray-800 mb-4 flex items-center gap-3">
+                    <i class="fas fa-lightbulb text-yellow-500"></i> Pro Tips
+                </h3>
+                <ul class="space-y-3">
+                    <li class="flex items-start gap-3">
+                        <div class="bg-blue-100 text-blue-800 p-1 rounded-full mt-1">
+                            <i class="fas fa-check text-xs"></i>
+                        </div>
+                        <span class="text-gray-700">Rest 60-90 seconds between sets</span>
+                    </li>
+                    <li class="flex items-start gap-3">
+                        <div class="bg-blue-100 text-blue-800 p-1 rounded-full mt-1">
+                            <i class="fas fa-check text-xs"></i>
+                        </div>
+                        <span class="text-gray-700">Perform exercises with proper form</span>
+                    </li>
+                    <li class="flex items-start gap-3">
+                        <div class="bg-blue-100 text-blue-800 p-1 rounded-full mt-1">
+                            <i class="fas fa-check text-xs"></i>
+                        </div>
+                        <span class="text-gray-700">Do the workout at the same time each day</span>
+                    </li>
+                    <li class="flex items-start gap-3">
+                        <div class="bg-blue-100 text-blue-800 p-1 rounded-full mt-1">
+                            <i class="fas fa-check text-xs"></i>
+                        </div>
+                        <span class="text-gray-700">Take 1 rest day per week for recovery</span>
+                    </li>
+                </ul>
+            </div>
+            <div class="bg-gradient-to-br from-blue-600 to-emerald-600 rounded-xl shadow-lg p-6 text-white">
+                <h3 class="text-xl font-bold mb-4 flex items-center gap-3">
+                    <i class="fas fa-bolt"></i> Daily Motivation
+                </h3>
+                <p class="mb-4 opacity-90">"The secret of getting ahead is getting started."</p>
+                <div class="flex items-center gap-3">
+                    <div class="bg-white bg-opacity-20 p-2 rounded-full">
+                        <i class="fas fa-quote-left"></i>
+                    </div>
+                    <span class="text-sm opacity-80">Mark Twain</span>
+                </div>
+                <div class="mt-6 bg-white bg-opacity-10 p-3 rounded-lg">
+                    <div class="flex items-center gap-3">
+                        <div class="bg-white bg-opacity-20 p-2 rounded-full">
+                            <i class="fas fa-trophy"></i>
+                        </div>
+                        <span class="font-medium">Today's Challenge:</span>
+                    </div>
+                    <p class="mt-2 text-sm opacity-90">Add 2 extra push-ups to your last set!</p>
+                </div>
+            </div>
+        </div>
+        <!-- Final CTA -->
+        <div class="text-center bg-white rounded-xl shadow-lg p-8 mb-12 relative overflow-hidden">
+            <div class="absolute -top-20 -right-20 w-40 h-40 bg-blue-500 rounded-full opacity-10"></div>
+            <div class="absolute -bottom-20 -left-20 w-40 h-40 bg-emerald-500 rounded-full opacity-10"></div>
+            <div class="relative z-10">
+                <h2 class="text-3xl font-bold text-gray-800 mb-4">Ready to Transform Your Body?</h2>
+                <p class="text-xl text-gray-600 mb-6">Commit to 60 days of consistent bodyweight training</p>
+                <button class="bg-gradient-to-r from-blue-500 to-emerald-500 hover:from-blue-600 hover:to-emerald-600 text-white font-bold py-3 px-8 rounded-full shadow-lg transition-all transform hover:scale-105 animate-pulse">
+                    Start Challenge Now <i class="fas fa-arrow-right ml-2"></i>
+                </button>
+                <div class="mt-6 flex justify-center">
+                    <div class="flex items-center gap-2 text-gray-500">
+                        <i class="fas fa-shield-alt"></i>
+                        <span>No credit card required</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            // Generate day cards
+            const daysContainer = document.querySelector('.grid.gap-3');
+            const progressBar = document.querySelector('.progress-bar div');
+            const progressText = document.querySelector('.progress-bar + div span:last-child');
+            let currentDay = 1;
+            let completedDays = 0;
+            // Generate 60 day cards
+            for (let i = 1; i <= 60; i++) {
+                const dayCard = document.createElement('div');
+                dayCard.className = `day-card bg-white rounded-lg p-3 text-center shadow-sm border border-gray-200 cursor-pointer transition-all ${i === 1 ? 'current' : ''}`;
+                dayCard.innerHTML = `
+                    <div class="text-sm font-medium text-gray-500">Day</div>
+                    <div class="text-xl font-bold text-gray-800">${i}</div>
+                    <div class="h-1 w-full bg-gray-100 rounded-full mt-2 overflow-hidden">
+                        <div class="h-full bg-green-500 rounded-full" style="width: ${i === 1 ? '0%' : '0%'}"></div>
+                    </div>
+                `;
+                dayCard.addEventListener('click', function() {
+                    // Update current day
+                    document.querySelector('.day-card.current')?.classList.remove('current');
+                    this.classList.add('current');
+                    currentDay = i;
+                    // Update daily workout display
+                    updateDailyWorkout(currentDay);
+                });
+                daysContainer.appendChild(dayCard);
+            }
+            // Complete day button
+            const completeDayBtn = document.getElementById('completeDayBtn');
+            completeDayBtn.addEventListener('click', function() {
+                const currentDayCard = document.querySelector(`.day-card:nth-child(${currentDay})`);
+                // Mark as completed
+                currentDayCard.classList.add('completed');
+                currentDayCard.querySelector('.h-1 div').style.width = '100%';
+                // Update progress
+                completedDays++;
+                const progressPercent = Math.round((completedDays / 60) * 100);
+                progressBar.style.width = `${progressPercent}%`;
+                progressText.textContent = `${progressPercent}%`;
+                // Move to next day if not last day
+                if (currentDay < 60) {
+                    currentDay++;
+                    document.querySelector('.day-card.current')?.classList.remove('current');
+                    document.querySelector(`.day-card:nth-child(${currentDay})`).classList.add('current');
+                    updateDailyWorkout(currentDay);
+                }
+                // Show celebration
+                showCelebration();
+            });
+            // Update daily workout based on day
+            function updateDailyWorkout(day) {
+                const dailyWorkoutTitle = document.querySelector('.bg-white.rounded-xl.shadow-lg.p-6.mb-12 h2 + p');
+                dailyWorkoutTitle.textContent = `Day ${day} of 60 - ${getPhase(day)} Phase`;
+                // Update exercise reps based on day
+                const pushupsTotal = calculateExerciseTotal(day, 20, 150);
+                const squatsTotal = calculateExerciseTotal(day, 30, 200);
+                const pullupsTotal = calculateExerciseTotal(day, 5, 40);
+                const dipsTotal = calculateExerciseTotal(day, 10, 70);
+                const plankTotal = calculateExerciseTotal(day, 30, 240);
+                document.querySelector('.bg-blue-50 + div').textContent = `${pushupsTotal} total`;
+                document.querySelector('.bg-green-50 + div').textContent = `${squatsTotal} total`;
+                document.querySelector('.bg-purple-50 + div').textContent = `${pullupsTotal} total`;
+                document.querySelector('.bg-yellow-50 + div').textContent = `${dipsTotal} total`;
+                document.querySelector('.bg-red-50 + div').textContent = `${plankTotal} sec`;
+                // Update sets information based on phase
+                const setsInfo = getSetsInfo(day);
+                document.querySelector('.bg-blue-50 p.text-sm').textContent = setsInfo.pushups;
+                document.querySelector('.bg-green-50 p.text-sm').textContent = setsInfo.squats;
+                document.querySelector('.bg-purple-50 p.text-sm').textContent = setsInfo.pullups;
+                document.querySelector('.bg-yellow-50 p.text-sm').textContent = setsInfo.dips;
+            }
+            function calculateExerciseTotal(day, start, end) {
+                // Linear progression
+                return Math.round(start + ((end - start) / 59) * (day - 1));
+            }
+            function getPhase(day) {
+                if (day <= 15) return 'Foundation';
+                if (day <= 30) return 'Building';
+                if (day <= 45) return 'Advanced';
+                return 'Mastery';
+            }
+            function getSetsInfo(day) {
+                const phase = getPhase(day);
+                switch(phase) {
+                    case 'Foundation':
+                        return {
+                            pushups: '3 sets of 6-8 reps',
+                            squats: '3 sets of 10 reps',
+                            pullups: '3 sets of 1-2 reps',
+                            dips: '2 sets of 5 reps'
+                        };
+                    case 'Building':
+                        return {
+                            pushups: '4 sets of 8-10 reps',
+                            squats: '4 sets of 12-15 reps',
+                            pullups: '3 sets of 3-5 reps',
+                            dips: '3 sets of 8 reps'
+                        };
+                    case 'Advanced':
+                        return {
+                            pushups: '5 sets of 10-12 reps',
+                            squats: '5 sets of 15-20 reps',
+                            pullups: '4 sets of 6-8 reps',
+                            dips: '4 sets of 10 reps'
+                        };
+                    case 'Mastery':
+                        return {
+                            pushups: '5 sets of 12-15 reps',
+                            squats: '5 sets of 20-25 reps',
+                            pullups: '5 sets of 8-10 reps',
+                            dips: '5 sets of 12 reps'
+                        };
+                }
+            }
+            function showCelebration() {
+                // Create confetti elements
+                const colors = ['#3b82f6', '#10b981', '#f59e0b', '#ef4444', '#8b5cf6'];
+                for (let i = 0; i < 50; i++) {
+                    const confetti = document.createElement('div');
+                    confetti.className = 'absolute w-2 h-2 rounded-full';
+                    confetti.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];
+                    confetti.style.left = `${Math.random() * 100}%`;
+                    confetti.style.top = '-10px';
+                    confetti.style.transform = `rotate(${Math.random() * 360}deg)`;
+                    // Animation
+                    const animation = confetti.animate([
+                        { top: '-10px', opacity: 1, transform: `rotate(0deg) scale(${Math.random() * 0.5 + 0.5})` },
+                        { top: `${Math.random() * 100 + 100}%`, opacity: 0, transform: `rotate(${Math.random() * 360}deg) scale(0)` }
+                    ], {
+                        duration: Math.random() * 2000 + 2000,
+                        easing: 'cubic-bezier(0.1, 0.8, 0.3, 1)'
+                    });
+                    document.body.appendChild(confetti);
+                    animation.onfinish = () => confetti.remove();
+                }
+                // Show success message
+                const successMsg = document.createElement('div');
+                successMsg.className = 'fixed inset-0 flex items-center justify-center z-50 pointer-events-none';
+                successMsg.innerHTML = `
+                    <div class="bg-white rounded-xl shadow-2xl p-6 max-w-sm text-center transform transition-all opacity-0 scale-90 animate-[popIn_0.5s_forwards]">
+                        <div class="text-green-500 text-5xl mb-4">
+                            <i class="fas fa-check-circle"></i>
+                        </div>
+                        <h3 class="text-2xl font-bold text-gray-800 mb-2">Great Job!</h3>
+                        <p class="text-gray-600 mb-4">You've completed Day ${currentDay - 1}</p>
+                        <p class="text-sm text-gray-500">${60 - completedDays} days remaining</p>
+                    </div>
+                `;
+                document.body.appendChild(successMsg);
+                setTimeout(() => {
+                    successMsg.remove();
+                }, 3000);
+            }
+            // Initialize
+            updateDailyWorkout(currentDay);
+        });
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=WeakneeB/thee-space" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1,3 @@

+Create a 60 day challenge routine with the 5 most common bodyweight exercises
+What is the extent of your capabilities?
+create a verified or all access Hidden.com account