Update index.html

index.html

@@ -11,7 +11,7 @@
         
         body {
             font-family: 'Poppins', sans-serif;
-            background-image: url('https://images.unsplash.com/photo-1544717305-2782549b5136?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1974&q=80');
+            background-image: url('');
             background-size: cover;
             background-attachment: fixed;
             background-position: center;
@@ -71,10 +71,9 @@
         <!-- Header -->
         <header class="mb-8 text-center">
             <h1 class="text-4xl font-bold text-indigo-800 mb-2">Student Daily Planner</h1>
-            <p class="text-lg text-indigo-600">Organize your tasks and school routine efficiently</p>
+            <p class="text-lg text-indigo-600">Organize your tasks efficiently</p>
             <div class="mt-4 flex justify-center space-x-4">
                 <button id="tasksTab" class="px-4 py-2 bg-indigo-600 text-white rounded-lg font-medium">Tasks</button>
-                <button id="routineTab" class="px-4 py-2 bg-white text-indigo-600 rounded-lg font-medium">School Routine</button>
             </div>
         </header>
 
@@ -139,83 +138,6 @@
                 </div>
             </section>
 
-            <!-- School Routine Section -->
-            <section id="routineSection" class="glass-card p-6 hidden">
-                <div class="flex justify-between items-center mb-6">
-                    <h2 class="text-2xl font-semibold text-indigo-700 flex items-center">
-                        <i class="fas fa-calendar-alt mr-2"></i> Weekly School Routine
-                    </h2>
-                    <button id="addDayBtn" class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 flex items-center">
-                        <i class="fas fa-plus mr-2"></i> Add Day
-                    </button>
-                </div>
-
-                <!-- Add Day Modal -->
-                <div id="dayModal" class="hidden fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-                    <div class="glass-card p-6 rounded-lg w-full max-w-md">
-                        <div class="flex justify-between items-center mb-4">
-                            <h3 class="text-xl font-semibold text-indigo-700">Add School Day</h3>
-                            <button id="closeDayModal" class="text-gray-500 hover:text-gray-700">
-                                <i class="fas fa-times"></i>
-                            </button>
-                        </div>
-                        <form id="dayForm" class="space-y-4">
-                            <div>
-                                <label for="daySelect" class="block text-sm font-medium text-gray-700">Day</label>
-                                <select id="daySelect" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 border" required>
-                                    <option value="">Select a day</option>
-                                    <option value="Monday">Monday</option>
-                                    <option value="Tuesday">Tuesday</option>
-                                    <option value="Wednesday">Wednesday</option>
-                                    <option value="Thursday">Thursday</option>
-                                    <option value="Friday">Friday</option>
-                                </select>
-                            </div>
-                            <div>
-                                <label for="periodCount" class="block text-sm font-medium text-gray-700">Number of Periods</label>
-                                <input type="number" id="periodCount" min="1" max="10" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 p-2 border" required>
-                            </div>
-                            <div class="flex justify-end space-x-3">
-                                <button type="button" id="cancelDay" class="px-4 py-2 bg-gray-200 text-gray-700 rounded-lg hover:bg-gray-300">Cancel</button>
-                                <button type="submit" class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700">Continue</button>
-                            </div>
-                        </form>
-                    </div>
-                </div>
-
-                <!-- Add Periods Modal -->
-                <div id="periodsModal" class="hidden fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 overflow-y-auto">
-                    <div class="glass-card p-6 rounded-lg w-full max-w-md my-8">
-                        <div class="flex justify-between items-center mb-4">
-                            <h3 class="text-xl font-semibold text-indigo-700" id="periodsModalTitle">Add Periods for Monday</h3>
-                            <button id="closePeriodsModal" class="text-gray-500 hover:text-gray-700">
-                                <i class="fas fa-times"></i>
-                            </button>
-                        </div>
-                        <form id="periodsForm" class="space-y-4">
-                            <div id="periodsContainer">
-                                <!-- Period inputs will be added here by JavaScript -->
-                            </div>
-                            <div class="flex justify-end space-x-3">
-                                <button type="button" id="cancelPeriods" class="px-4 py-2 bg-gray-200 text-gray-700 rounded-lg hover:bg-gray-300">Cancel</button>
-                                <button type="submit" class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700">Save Routine</button>
-                            </div>
-                        </form>
-                    </div>
-                </div>
-
-                <!-- Routine Display -->
-                <div id="routineContainer" class="routine-grid grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-                    <!-- Sample routine will be inserted here by JavaScript -->
-                    <div class="text-center py-8 text-gray-500" id="noRoutineMessage">
-                        <i class="fas fa-calendar-plus text-4xl mb-2"></i>
-                        <p>No routine added yet. Click "Add Day" to get started!</p>
-                    </div>
-                </div>
-            </section>
-        </main>
-    </div>
-
     <script>
         // DOM Elements
         const tasksTab = document.getElementById('tasksTab');