-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
100 lines (95 loc) · 3.24 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="title" content="To do List 연습용 google clone page" />
<meta
name="description"
content="LocalStorage를 활용한 로그인, To-do list 기능을 구현했습니다."
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Google Clone Todo Page</title>
<link
rel="icon"
type="image/x-icon"
href="https://www.google.com/favicon.ico"
/>
<link rel="stylesheet" href="./style.css" />
<script defer src="todo-form.js"></script>
<script defer src="login-form.js"></script>
<script defer src="dark-mode.js"></script>
</head>
<body>
<header class="header__navbar">
<input type="checkbox" id="toggle" hidden />
<label for="toggle" class="toggleSwitch">
<span class="toggleButton"></span>
</label>
<span class="header__item">Gmail</span>
<span class="header__item">Images</span>
<span class="header__item">
<img
src="https://cdn.iconscout.com/icon/free/png-256/free-dots-nine-3604181-3003491.png"
width="20px"
/>
</span>
<span class="header__item" id="profile-name"></span>
</header>
<main class="main__screen">
<img
id="logo-image"
alt="logo-image"
class="main__image"
width="275px"
/>
<!--* 로그인 폼 hidden-->
<form id="login-form" class="hidden">
<input
required
maxlength="3"
type="text"
id="login-input"
autocomplete="off"
placeholder="3 characters or less"
/>
<input
id="login-confirmed-button"
type="submit"
value="Are you sure?"
class="button-search"
/>
</form>
<!--* 투두 폼 -->
<form id="todo-form" class="main__screen-button">
<input
type="text"
class="main__screen-search"
placeholder="To do...."
id="todo-bar"
autocomplete="off"
required
maxlength="15"
/>
<input
type="submit"
class="button-search"
value="Add Todos"
id="add-button"
/>
</form>
<!--* 로그인 버튼 -->
<form>
<input
type="button"
class="button-search"
value="Log in"
id="login-button"
/>
</form>
<ul id="todo-list"></ul>
<span class="google__offered"
>Google offered in : <a class="search-language">FP</a></span
>
</main>
</body>
</html>