-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (113 loc) · 4.13 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="description"
content="Note taking application. Create sticky notes for the web !"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>QuickNotes</title>
<!-- Font Awesome -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Playpen+Sans:wght@100..800&display=swap"
rel="stylesheet"
/>
<!-- CSS -->
<link rel="stylesheet" href="./assets/CSS/styles.css" />
</head>
<body>
<!-- Navbar -->
<section class="header">
<p class="heading">
QuickNotes <span>A quick note taking web applicaton</span>
</p>
<div class="header-navs">
<a href="signin.html">Sign In</a>
<a href="signup.html">Sign Up</a>
</div>
<div class="signed-in-header-box hidden">
<img class="header-image" src="./assets/screenschots/userImage.webp" alt="userImage">
<p class="user-name"></p>
<div class="logout-box hidden">
<button class="logout-btn">Logout</button>
</div>
</div>
</section>
<section class="functionalities">
<button class="open-create-form">+ Create Note</button>
<select class="sort">
<option value="default">Default</option>
<option value="priority">Priority</option>
</select>
<a href="board.html">Board View</a>
</section>
<!-- Actual Notes -->
<section class="notes-section">
<div class="sign-in-container">
<h2>Welcome to QuickNotes</h2>
<p>Please sign in to continue</p>
<a class="note-section-sign-in-btn" href="signin.html">Sign In</a>
</div>
</section>
<!-- Create note screen -->
<section class="opaque-screen hidden">
<div class="create-note">
<button class="create-section-close-btn">
<i class="fa-solid fa-circle-xmark create-section-close-btn"></i>
</button>
<h1>Create a Note</h1>
<form class="create-note-form">
<textarea
required
class="create-note-textarea"
placeholder="Enter your text here"
></textarea>
<button type="submit" class="create-btn">Create</button>
</form>
</div>
</section>
<div class="opaque-screen hidden">
<div class="view-note">
<!-- Close Button -->
<button class="view-note-close-btn">
<i class="fa-solid fa-circle-xmark view-note-close-btn"></i>
</button>
<!-- Textarea for note content -->
<textarea class="view-note-textarea" disabled></textarea>
<!-- Priority Dropdown -->
<select class="view-note-priority">
<option value="-1" disabled selected>Select Priority</option>
<option value="2">High</option>
<option value="1">Medium</option>
<option value="0">Low</option>
</select>
<!-- Edit and Save Buttons -->
<div class="view-note-actions">
<button class="view-note-edit-btn">
<i class="fa-solid fa-pencil"></i> Edit Note
</button>
<button type="submit" class="view-note-save-btn">Save</button>
</div>
</div>
</div>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/js/all.min.js"
integrity="sha512-6sSYJqDreZRZGkJ3b+YfdhB3MzmuP9R7X1QZ6g5aIXhRvR1Y/N/P47jmnkENm7YL3oqsmI6AK+V6AD99uWDnIw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script type="module" async src="./assets/Javascript/constants.js" module></script>
<script type="module" defer src="./assets/Javascript/index.js"></script>
</body>
</html>