Tasker/index.html at master · ade-tech/Tasker · 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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Tasker - Doing is actually doing</title>
    <link rel="stylesheet" href="style.css" />
    <script type="module" src="src/controller.js"></script>
    <link
      rel="shortcut icon"
      href="src/images/shortLogoWhite.png"
      type="image/x-icon"
    />
  </head>
  <body>
    <div class="formwindow hidden">
      <form class="formcontainer">
        <img src="src/images/Close.png" alt="close" class="close" />
        <h1>Add Task</h1>
        <input
          type="text"
          name="text"
          placeholder="Enter the Task"
          value="I want to "
        />
        <textarea
          name="description"
          cols="30"
          rows="10"
          placeholder="Add a little description"
        ></textarea>
        <button class="appendTask">Go!</button>
      </form>
    </div>
    <div class="menu">
      <img
        src="src/images/MainLogoBlack.png"
        alt="Main Logo"
        width="120"
        class="logo"
      />
      <div class="states">
        <ul>
          <li
            class="menu_item active all"
            data-default="src/images/Task.png"
            data-active="src/images/TaskActive.png"
          >
            <img src="src/images/TaskActive.png" alt="" width="25px" />All
          </li>
          <li
            class="menu_item"
            id="completed"
            data-default="src/images/completed.png"
            data-active="src/images/completedActive.png"
          >
            <img src="src/images/completed.png" alt="" width="25px" />Completed
          </li>
          <li
            class="menu_item"
            data-default="src/images/pending.png"
            data-active="src/images/pendingActive.png"
            id="pending"
          >
            <img src="src/images/pending.png" alt="" width="25px" />Pending
          </li>
          <li
            class="menu_item deleted"
            data-default="src/images/delete.png"
            data-active="src/images/deleteActive.png"
          >
            <img src="src/images/delete.png" alt="" width="25px" />Recently
            Deleted
          </li>
        </ul>
      </div>

      <button class="addTask">+Add Task</button>
    </div>
    <div class="workspace">
      <div class="nav">
        <div class="text">
          <h2>Daily Task</h2>
          <p class="shortcut">
            <br />
            Click on <span>+Add Task</span> or Hit <span>Crtl + B</span> to add
            a task
          </p>
        </div>
        <div class="iconsSide">
          <div class="circle"></div>
          <svg
            version="1.1"
            id="Layer_1"
            xmlns="http://www.w3.org/2000/svg"
            fill="transparent"
            width="20px"
            stroke="black"
            stroke-width="8px"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            x="0px"
            y="0px"
            viewBox="0 0 116.11 122.88"
            xml:space="preserve"
            class="notification"
          >
            <g>
              <path
                d="M74.82,109.04c-0.37,1.94-1.02,3.72-1.96,5.35c-0.97,1.67-2.24,3.18-3.8,4.5c-1.57,1.32-3.27,2.32-5.12,2.99 c-1.85,0.67-3.81,1-5.88,1c-2.08,0-4.04-0.34-5.88-1c-1.84-0.67-3.55-1.66-5.11-2.99c-1.57-1.33-2.83-2.83-3.8-4.5 c-0.97-1.67-1.63-3.51-1.99-5.53c-0.18-0.98,0.48-1.92,1.46-2.1c0.03,0,0.32-0.03,0.32-0.03h30.02c1,0,1.82,0.81,1.82,1.82 C74.89,108.72,74.86,108.88,74.82,109.04L74.82,109.04L74.82,109.04z M20.21,0.25c1.83-0.73,3.9,0.17,4.63,2 c0.73,1.83-0.17,3.9-2,4.63c-3.96,1.58-7.28,3.77-9.93,6.61c-2.64,2.84-4.63,6.36-5.93,10.59c-0.58,1.88-2.58,2.94-4.46,2.36 c-1.88-0.58-2.94-2.58-2.36-4.46c1.63-5.3,4.15-9.74,7.52-13.36C11.05,5.01,15.24,2.23,20.21,0.25L20.21,0.25z M93.27,6.88 c-1.83-0.73-2.73-2.8-2-4.63c0.73-1.83,2.8-2.73,4.63-2c4.97,1.98,9.16,4.76,12.53,8.38c3.37,3.63,5.9,8.07,7.52,13.36 c0.58,1.88-0.48,3.88-2.36,4.46c-1.88,0.58-3.88-0.48-4.46-2.36c-1.3-4.24-3.29-7.76-5.93-10.59 C100.55,10.65,97.23,8.46,93.27,6.88L93.27,6.88z M71.91,11.94c2.04,0.81,4,1.78,5.88,2.91c0.07,0.05,0.15,0.09,0.22,0.14 c1.8,1.11,3.48,2.33,5.02,3.65c3.29,2.83,6.03,6.15,8.2,9.91c1.08,1.88,2.01,3.84,2.78,5.86l0,0c0.79,2.09,1.38,4.22,1.78,6.41 c0.39,2.2,0.59,4.45,0.59,6.76c0,4.56,0,7.03,0,7.33c0.01,2.34,0.02,4.63,0.04,6.86v0.02l0,0c0.01,2.02,0.14,4.05,0.39,6.08 c0.25,2.01,0.61,3.95,1.08,5.82l0,0c0.47,1.84,1.11,3.62,1.9,5.32c0.82,1.75,1.82,3.47,2.99,5.14l0.01,0 c1.16,1.64,2.61,3.27,4.35,4.87c1.8,1.65,3.88,3.28,6.26,4.86c1.36,0.91,1.73,2.76,0.81,4.12c-0.57,0.85-1.51,1.32-2.47,1.32v0.01 l-26.85,0H58.06H31.21H4.37c-1.65,0-2.98-1.33-2.98-2.98c0-1.08,0.58-2.03,1.44-2.55c2.41-1.63,4.48-3.25,6.21-4.85 c1.72-1.59,3.16-3.22,4.32-4.9c0.03-0.05,0.07-0.1,0.11-0.14c1.12-1.64,2.08-3.31,2.87-5.01c0.81-1.73,1.46-3.51,1.94-5.34 c0.01-0.04,0.02-0.08,0.03-0.11c0.46-1.78,0.81-3.66,1.05-5.63c0.24-1.98,0.37-4.03,0.37-6.14v-14.1c0-2.27,0.2-4.52,0.61-6.77 c0.41-2.24,1-4.39,1.79-6.44c0.78-2.05,1.72-4.02,2.81-5.9c2.2-3.8,4.93-7.09,8.27-9.94c1.63-1.39,3.39-2.66,5.28-3.79 c1.91-1.14,3.89-2.1,5.93-2.88c1.42-0.54,2.89-0.99,4.39-1.36c0.51-1.79,1.39-3.24,2.64-4.35c1.72-1.53,3.98-2.29,6.79-2.26 c2.78,0.02,5.03,0.79,6.73,2.32C70.98,11.56,63.5,8.62,71.91,11.94L71.91,11.94z"
              />
            </g>
          </svg>
        </div>
      </div>

      <div class="taskView">
        <!-- <div class="error">
          <img src="images/noun-add-4644662.png" alt="" width="100px" />
          <h1>
            You haven't added<br />
            any tasks yet!
          </h1> -->
        <!--prettier-ignore-->
      </div>
      <!-- <div class="task">
          <div class="icons">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink"
              version="1.1"
              x="0px"
              y="0px"
              viewBox="-5.0 -10.0 110.0 135.0"
              enable-background="new 0 0 100 100"
              xml:space="preserve"
              stroke="gray"
              fill="transparent"
              stroke-width="8px"
              width="30px"
              height="30px"
            >
              <path
                d="M50,3C24.0844097,3,3,24.0844097,3,50s21.0844097,47,47,47c25.9163284,0,47-21.0844116,47-47S75.9163284,3,50,3z   M75.7727127,37.8906784L47.1550369,68.4529037C46.2999954,69.3627243,45.1081161,70,43.8592339,70  c-0.0059242,0-0.0125847,0-0.0185204,0c-1.2422066,0-2.4303856-0.6215439-3.2883873-1.5195236L24.2539387,51.3671761  c-1.7352581-1.8166885-1.6701126-4.7241325,0.1458378-6.4593887c1.8166904-1.7337761,4.6964474-1.6836281,6.4309635,0.1315804  l12.9825954,13.5796394l25.3292732-26.9548759c1.7204514-1.8285351,4.5972443-1.9243584,6.4302216-0.2009449  C77.4028473,33.1836357,77.491684,36.0599213,75.7727127,37.8906784z"
              />
            </svg>
            <img src="images/trash-icon.svg" alt="" class="delete" />
          </div>
          <h1>Go to my School</h1>
        </div> -->
      <!-- </div> -->
    </div>
    <div class="notificationwindow hidden">
      <div class="notifycontainer">
        <img src="src/images/Task.png" alt="" class="profile" width="20px" />
        <p class="notification-text">
          It's past 24hrs since you added the task <b>"I want to ..."</b>
        </p>
      </div>
      <div class="notifycontainer">
        <img src="src/images/Task.png" alt="" class="profile" width="20px" />
        <p class="notification-text">
          It's past 5hrs since you added the task <b>"I want to ..."</b>
        </p>
      </div>
    </div>
    <div class="description hidden">
      <img src="src/images/Close.png" alt="" class="close" />
      <div class="description-container"></div>
    </div>
  </body>
</html>