Skip to content

Commit c4af224

Browse files
FluffzTheRagdollFluffzTheRagdoll
authored
Update index.html
1 parent 7e81d71 commit c4af224

1 file changed

Lines changed: 42 additions & 7 deletions

File tree

‎index.html‎

Lines changed: 42 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -13,18 +13,28 @@
1313
<link rel="preconnect" href="https://fonts.googleapis.com">
1414
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1515
<link href="https://fonts.googleapis.com/css2?family=Fascinate+Inline&family=Lobster&family=Poiret+One&display=swap" rel="stylesheet">
16+
17+
<link rel="preconnect" href="https://fonts.googleapis.com">
18+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
19+
<link href="https://fonts.googleapis.com/css2?family=Limelight&display=swap" rel="stylesheet">
20+
21+
<link rel="preconnect" href="https://fonts.googleapis.com">
22+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
23+
<link href="https://fonts.googleapis.com/css2?family=Limelight&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
1624
</head>
1725
<body>
1826
<div class="app-container" role="application" aria-label="KittyTasker cute to-do list app">
1927
<header class="app-header" role="banner" aria-labelledby="">
2028
<h1 class="app-title">KittyTasker</h1>
2129
<p class="app-subtitle">Organise your day with the help of adorable cats and achieve your goals, one at a time!</p>
2230
</header>
23-
24-
<img src="Light brown kitten.png" height="300" alt="Light brown kitten with green eyes">
31+
<div>
32+
<img src="assets/Light brown kitten.png" alt="Light brown kitten with green eyes" id="light-brown-kitten-with-green-eyes">
33+
</div>
34+
2535
<main class="main-card" role="main" aria-label="Task management interface">
2636
<section class="task-form-container" role="form" aria-labelledby="form-heading">
27-
<h2 id="form-heading" class="visually-hideen">Add New Task</h2>
37+
<h2 id="form-heading" class="visually-hidden">Add New Task</h2>
2838
<form id="task-form">
2939
<div class="form-group">
3040
<label for="task-input">Task Description</label>
@@ -33,15 +43,15 @@ <h2 id="form-heading" class="visually-hideen">Add New Task</h2>
3343

3444
<div class="form-group">
3545
<label for="priority-select"></label>
36-
<select id="priority-select" name="priority-select" aria-label="Select task priority">
46+
<select id="task-priority" name="priority-select" aria-label="Select task priority">
3747
<option value="medium" selected>Medium Priority</option>
3848
<option value="low">Low Priority</option>
3949
<option value="high">High Priority</option>
4050
</select>
4151
<label for="task-date">Due Date</label>
42-
<input type="date" id="task-date" name="task-date" aria-label="Select task due date" required min="2025-10-21">
52+
<input type="date" id="task-date" name="task-date" aria-label="Select task due date" required>
4353
</div>
44-
<span id="form-error" class="error" style="display: none;"></span>
54+
<span class="error" id="form-error"></span>
4555

4656
<div class="form-actions">
4757
<button type="submit" class="add-btn">Add Task</button>
@@ -62,7 +72,32 @@ <h2 id="task-heading" class="section-title">My Tasks</h2>
6272
</div>
6373

6474
<ul id="task-list" role="tabpanel" aria-live="polite">
65-
<!-- Task items will be dynamically inserted here -->
75+
<li class="task-item task-item-high">
76+
<input type="checkbox" class="task-checkbox">
77+
<div class="task-content">
78+
<p class="task-text">Study English and Business Studies</p>
79+
<small class="task-details">Priority: High | Due: Today</small>
80+
</div>
81+
<button class="delete-btn">Delete</button>
82+
</li>
83+
84+
<li class="task-item task-item-medium">
85+
<input type="checkbox" class="task-checkbox">
86+
<div class="task-content">
87+
<p class="task-text">Make Bellona's birthday art</p>
88+
<small class="task-details">Priotity: Medium | Due: Tomorrow</small>
89+
</div>
90+
<button class="delete-btn">Delete</button>
91+
</li>
92+
93+
<li class="task-item task-item-low">
94+
<input type="checkbox" class="task-checkbox">
95+
<div class="task-content">
96+
<p class="task-text">Read 'False Value'</p>
97+
<small class="task-details">Priotity: Low | Due: Anytime</small>
98+
</div>
99+
<button class="delete-btn">Delete</button>
100+
</li>
66101
</ul>
67102

68103
<div class="task-summary" role="status" aria-live="polite">

0 commit comments

Comments
 (0)