Spaces:

zepoldani
/

tasktamer-pro

Running

App Files Files Community

zepoldani commited on Oct 11, 2025

Commit

4ec3bdd

verified ·

1 Parent(s): b4aa34b

{

Browse files

"user_settings": {
"timezone": "<e.g., America/New_York>",
"work_days": ["Mon","Tue","Wed","Thu","Fri"],
"work_hours": {"start": "09:00", "end": "17:00"},
"daily_reminder_time": "09:00",
"voice_check_ins": true
},
"tasks": [
{
"id": "T-001",
"title": "Draft Q3 update email",
"due": "2025-10-10 17:00",
"urgent": false,
"status": "open",
"notes": "",
"created_at": "2025-10-10 09:12",
"last_check_in": "2025-10-10 10:00",
"next_check_in": "2025-10-10 11:00",
"next_daily_reminder": "2025-10-11 09:00"
}
]
}

Files changed (3) hide show

README.md +8 -5
index.html +187 -18
settings.html +132 -0

README.md CHANGED Viewed

@@ -1,10 +1,13 @@
 ---
-title: Tasktamer Pro
-emoji: 🐢
-colorFrom: blue
-colorTo: green
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: TaskTamer Pro 🦁
+colorFrom: yellow
+colorTo: red
+emoji: 🐳
 sdk: static
 pinned: false
+tags:
+  - deepsite-v3
 ---
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://deepsite.hf.co).

index.html CHANGED Viewed

@@ -1,19 +1,188 @@
-<!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>TaskTamer Pro - Your Productivity Companion</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+        body {
+            font-family: 'Inter', sans-serif;
+            overflow-x: hidden;
+        }
+        .task-card {
+            transition: all 0.3s ease;
+        }
+        .task-card:hover {
+            transform: translateY(-3px);
+            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
+        }
+        #vanta-bg {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: -1;
+            opacity: 0.7;
+        }
+    </style>
+</head>
+<body class="bg-gray-50">
+    <div id="vanta-bg"></div>
+    <div class="container mx-auto px-4 py-8">
+        <!-- Header -->
+        <header class="flex justify-between items-center mb-12">
+            <div class="flex items-center">
+                <i data-feather="check-circle" class="text-indigo-600 w-8 h-8 mr-3"></i>
+                <h1 class="text-3xl font-bold text-gray-800">TaskTamer Pro</h1>
+            </div>
+            <div class="flex items-center space-x-4">
+                <button class="flex items-center space-x-2 bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-lg transition">
+                    <i data-feather="plus" class="w-4 h-4"></i>
+                    <span>New Task</span>
+                </button>
+                <button class="flex items-center space-x-2 bg-white hover:bg-gray-100 text-gray-700 px-4 py-2 rounded-lg border border-gray-200 transition">
+                    <i data-feather="settings" class="w-4 h-4"></i>
+                    <span>Settings</span>
+                </button>
+            </div>
+        </header>
+        <!-- Dashboard Overview -->
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-10">
+            <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100">
+                <div class="flex justify-between items-center">
+                    <div>
+                        <p class="text-gray-500 text-sm">Open Tasks</p>
+                        <h3 class="text-2xl font-bold text-gray-800 mt-1">12</h3>
+                    </div>
+                    <div class="bg-indigo-100 p-3 rounded-full">
+                        <i data-feather="list" class="text-indigo-600 w-5 h-5"></i>
+                    </div>
+                </div>
+            </div>
+            <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100">
+                <div class="flex justify-between items-center">
+                    <div>
+                        <p class="text-gray-500 text-sm">Due Today</p>
+                        <h3 class="text-2xl font-bold text-gray-800 mt-1">3</h3>
+                    </div>
+                    <div class="bg-red-100 p-3 rounded-full">
+                        <i data-feather="alert-circle" class="text-red-600 w-5 h-5"></i>
+                    </div>
+                </div>
+            </div>
+            <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100">
+                <div class="flex justify-between items-center">
+                    <div>
+                        <p class="text-gray-500 text-sm">Completed</p>
+                        <h3 class="text-2xl font-bold text-gray-800 mt-1">24</h3>
+                    </div>
+                    <div class="bg-green-100 p-3 rounded-full">
+                        <i data-feather="check" class="text-green-600 w-5 h-5"></i>
+                    </div>
+                </div>
+            </div>
+            <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100">
+                <div class="flex justify-between items-center">
+                    <div>
+                        <p class="text-gray-500 text-sm">Next Check-in</p>
+                        <h3 class="text-2xl font-bold text-gray-800 mt-1">11:00 AM</h3>
+                    </div>
+                    <div class="bg-blue-100 p-3 rounded-full">
+                        <i data-feather="clock" class="text-blue-600 w-5 h-5"></i>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Task List -->
+        <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
+            <div class="px-6 py-4 border-b border-gray-100 flex justify-between items-center">
+                <h2 class="text-xl font-semibold text-gray-800">Today's Tasks</h2>
+                <div class="flex space-x-3">
+                    <button class="text-gray-500 hover:text-gray-700 transition">
+                        <i data-feather="filter" class="w-5 h-5"></i>
+                    </button>
+                    <button class="text-gray-500 hover:text-gray-700 transition">
+                        <i data-feather="refresh-cw" class="w-5 h-5"></i>
+                    </button>
+                </div>
+            </div>
+            <!-- Task Item -->
+            <div class="task-card border-b border-gray-100 last:border-0 hover:bg-gray-50 transition">
+                <div class="px-6 py-4 flex items-start">
+                    <div class="mr-4 pt-1">
+                        <div class="w-5 h-5 border-2 border-gray-300 rounded-full hover:border-indigo-500 transition cursor-pointer"></div>
+                    </div>
+                    <div class="flex-1">
+                        <div class="flex justify-between items-center">
+                            <h3 class="font-medium text-gray-800">Draft Q3 update email</h3>
+                            <span class="text-sm bg-blue-100 text-blue-800 px-2 py-1 rounded-full">Due Oct 10</span>
+                        </div>
+                        <p class="text-gray-500 text-sm mt-1">Prepare the quarterly update email for all team members</p>
+                        <div class="flex items-center mt-3 text-sm text-gray-500">
+                            <div class="flex items-center mr-4">
+                                <i data-feather="calendar" class="w-4 h-4 mr-1"></i>
+                                <span>Created: 2025-10-10</span>
+                            </div>
+                            <div class="flex items-center">
+                                <i data-feather="clock" class="w-4 h-4 mr-1"></i>
+                                <span>Next check-in: 11:00 AM</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="ml-4 flex space-x-2">
+                        <button class="text-gray-400 hover:text-indigo-500 transition">
+                            <i data-feather="edit" class="w-5 h-5"></i>
+                        </button>
+                        <button class="text-gray-400 hover:text-indigo-500 transition">
+                            <i data-feather="more-vertical" class="w-5 h-5"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+            <!-- Empty State -->
+            <div class="px-6 py-16 text-center" id="empty-state" style="display: none;">
+                <i data-feather="check-circle" class="w-12 h-12 text-gray-300 mx-auto"></i>
+                <h3 class="mt-4 text-lg font-medium text-gray-500">No tasks due today</h3>
+                <p class="mt-1 text-gray-400">Enjoy your day or add a new task to get started</p>
+                <button class="mt-4 bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-lg transition inline-flex items-center">
+                    <i data-feather="plus" class="w-4 h-4 mr-2"></i>
+                    <span>Add Task</span>
+                </button>
+            </div>
+        </div>
+    </div>
+    <script>
+        feather.replace();
+        VANTA.WAVES({
+            el: "#vanta-bg",
+            mouseControls: true,
+            touchControls: true,
+            gyroControls: false,
+            minHeight: 200.00,
+            minWidth: 200.00,
+            scale: 1.00,
+            scaleMobile: 1.00,
+            color: 0x5e72e4,
+            shininess: 0.00,
+            waveHeight: 20.00,
+            waveSpeed: 0.80,
+            zoom: 0.8
+        });
+    </script>
+</body>
 </html>

settings.html ADDED Viewed

	@@ -0,0 +1,132 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Settings - TaskTamer Pro</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+        body {
+            font-family: 'Inter', sans-serif;
+        }
+        .toggle-checkbox:checked {
+            right: 0;
+            border-color: #6366f1;
+        }
+        .toggle-checkbox:checked + .toggle-label {
+            background-color: #6366f1;
+        }
+    </style>
+</head>
+<body class="bg-gray-50">
+    <div class="container mx-auto px-4 py-8 max-w-4xl">
+        <!-- Header -->
+        <header class="flex justify-between items-center mb-8">
+            <div class="flex items-center">
+                <a href="index.html" class="mr-4 text-gray-500 hover:text-indigo-600 transition">
+                    <i data-feather="arrow-left" class="w-5 h-5"></i>
+                </a>
+                <h1 class="text-2xl font-bold text-gray-800">Settings</h1>
+            </div>
+        </header>
+        <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
+            <!-- Work Hours Section -->
+            <div class="px-6 py-5 border-b border-gray-100">
+                <h2 class="text-lg font-semibold text-gray-800 mb-4">Work Schedule</h2>
+                <div class="space-y-4">
+                    <div>
+                        <label class="block text-sm font-medium text-gray-700 mb-1">Work Days</label>
+                        <div class="flex space-x-2">
+                            <button class="px-3 py-1 rounded-full border border-gray-300 bg-white text-gray-700 text-sm">Mon</button>
+                            <button class="px-3 py-1 rounded-full border border-gray-300 bg-white text-gray-700 text-sm">Tue</button>
+                            <button class="px-3 py-1 rounded-full border border-gray-300 bg-white text-gray-700 text-sm">Wed</button>
+                            <button class="px-3 py-1 rounded-full border border-gray-300 bg-white text-gray-700 text-sm">Thu</button>
+                            <button class="px-3 py-1 rounded-full border border-gray-300 bg-indigo-600 text-white text-sm">Fri</button>
+                            <button class="px-3 py-1 rounded-full border border-gray-300 bg-white text-gray-700 text-sm">Sat</button>
+                            <button class="px-3 py-1 rounded-full border border-gray-300 bg-white text-gray-700 text-sm">Sun</button>
+                        </div>
+                    </div>
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                        <div>
+                            <label for="start-time" class="block text-sm font-medium text-gray-700 mb-1">Work Start</label>
+                            <input type="time" id="start-time" value="09:00" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-200 focus:border-indigo-500">
+                        </div>
+                        <div>
+                            <label for="end-time" class="block text-sm font-medium text-gray-700 mb-1">Work End</label>
+                            <input type="time" id="end-time" value="17:00" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-200 focus:border-indigo-500">
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Reminders Section -->
+            <div class="px-6 py-5 border-b border-gray-100">
+                <h2 class="text-lg font-semibold text-gray-800 mb-4">Reminders</h2>
+                <div class="space-y-4">
+                    <div class="flex items-center justify-between">
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-1">Daily Reminder</label>
+                            <p class="text-sm text-gray-500">Receive a daily overview of your tasks</p>
+                        </div>
+                        <div class="relative inline-block w-10 mr-2 align-middle select-none">
+                            <input type="checkbox" name="daily-reminder" id="daily-reminder" class="toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none cursor-pointer" checked/>
+                            <label for="daily-reminder" class="toggle-label block overflow-hidden h-6 rounded-full bg-gray-300 cursor-pointer"></label>
+                        </div>
+                    </div>
+                    <div>
+                        <label for="reminder-time" class="block text-sm font-medium text-gray-700 mb-1">Reminder Time</label>
+                        <input type="time" id="reminder-time" value="09:00" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-200 focus:border-indigo-500">
+                    </div>
+                    <div class="flex items-center justify-between">
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-1">Voice Check-ins</label>
+                            <p class="text-sm text-gray-500">Enable voice reminders for task check-ins</p>
+                        </div>
+                        <div class="relative inline-block w-10 mr-2 align-middle select-none">
+                            <input type="checkbox" name="voice-checkins" id="voice-checkins" class="toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none cursor-pointer" checked/>
+                            <label for="voice-checkins" class="toggle-label block overflow-hidden h-6 rounded-full bg-gray-300 cursor-pointer"></label>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Timezone Section -->
+            <div class="px-6 py-5">
+                <h2 class="text-lg font-semibold text-gray-800 mb-4">Timezone</h2>
+                <div>
+                    <label for="timezone" class="block text-sm font-medium text-gray-700 mb-1">Select Timezone</label>
+                    <select id="timezone" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-200 focus:border-indigo-500">
+                        <option value="America/New_York" selected>America/New York</option>
+                        <option value="America/Chicago">America/Chicago</option>
+                        <option value="America/Denver">America/Denver</option>
+                        <option value="America/Los_Angeles">America/Los Angeles</option>
+                        <option value="Europe/London">Europe/London</option>
+                        <option value="Europe/Paris">Europe/Paris</option>
+                        <option value="Asia/Tokyo">Asia/Tokyo</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+        <div class="mt-6 flex justify-end">
+            <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-2 rounded-lg transition">
+                Save Changes
+            </button>
+        </div>
+    </div>
+    <script>
+        feather.replace();
+    </script>
+</body>
+</html>