To-do-List/index.html at master · Usamoto/To-do-List · 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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="reset.css">
  <link rel="stylesheet" href="style.css">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <script type="module" src="categories.js" defer></script>
  <title>Todo App</title>
</head>

<body>
  <header class="header">
    <p class="date index-date" id="categoriesDate"></p>
  </header>
  <section class="main-container">
    <h1 class="item-heading">Categories</h1>
    <div class="items-container" id="categories">
      <!-- this is where categories will go -->
      <p id="noCategories">You haven't created any categories yet</p>
      <!-- add icon and text -->
      <div class="add-item" id="addCategory">
        <i class="material-icons">add_circle</i>
        <p>new category</p>
      </div>
      <!-- overlay and form intially invisible -->
      <div class="overlay invisible" id="addCategoryOverlay">
      </div>
      <form class="add-item-form invisible" id="addCategoryForm">
        <input type="text" value="Untitled category">
        <button class="overlay-text" type="submit">done</button>
      </form>
    </div>
  </section>
</body>

</html>