CodeAlpha-ToDoList/completedTask.html at main · Souitro/CodeAlpha-ToDoList · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Completed Tasks</title>
    <!-- Linking Google Font Link For Icons -->
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
    />
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <aside class="sidebar">
      <div class="sidebar-header">
        <img src="souitroToDoLogo.png" alt="logo" />
        <h2>CodeAlpha To-Do</h2>
      </div>
      <ul class="sidebar-links">
        <h4>
          <span>Dashboard</span>
          <div class="menu-separator"></div>
        </h4>
        <li>
          <a href="index.html">
            <span class="material-symbols-outlined"> dashboard </span
            >Add Tasks</a
          >
        </li>
        <li>
          <a href="todaysTask.html"
            ><span class="material-symbols-outlined"> move_up </span>Todays Tasks</a
          >
        </li>
        <li>
          <a href="completedTask.html"
            ><span class="material-symbols-outlined"> monitoring </span
            >Completed Tasks</a
          >
        </li>
        <li>
          <a href="historyTasks.html"
            ><span class="material-symbols-outlined"> overview </span
            >Tasks History</a
          >
        </li>
        <li>
          <a href="settings.html"
            ><span class="material-symbols-outlined"> settings </span
            >Settings</a
          >
        </li>
        <li>
          <a href="#"
            ><span class="material-symbols-outlined"> logout </span>Logout</a
          >
        </li>
      </ul>
      <div class="user-account" id="user-account">
        <div class="user-profile">
          <img src="logo.png" alt="Profile Image" />
          <div class="user-detail">
            <h3>Veekay Souitro</h3>
            <span>Manage Time ToDo</span>
          </div>
        </div>
      </div>
    </aside>
	<div class="container">

<fieldset>
	<h1><u>
	Completed Tasks
	</u></h1>

		<p style="margin-bottom:20px; color:white;"><b style="color:black; font-size:1.5rem;">Note: </b>

	<!-- indication of priorities-->
		<b><img src="low-priority.png" alt="Profile Image" /> Low Priority
		<img src="medium-priority.png" alt="Profile Image" /> Medium Priority
		<img src="high-priority.png" alt="Profile Image" /> High Priority</b>

	<!-- indication of categories -->
	<b> || <img src="school.png" alt="Profile Image" /> School
	<img src="work.png" alt="Profile Image" /> Work
	<img src="Personal.png" alt="Profile Image" /> Personal</b></p>

	<!-- This is where completed tasks will be rendered -->
	<ul id='tasks'></ul>

	<script src='script.js'></script>

	<!-- You can use this script to filter the tasks by completion status -->
	<script>renderTasks('completed');</script>

		<script>
		alert('Note: We`ve got technical problems at the moment....\nplease navigate on the other pages at the moment');
		</script>

</fieldset>

	</div>
  </body>
</html>