-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
57 lines (51 loc) · 1.4 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
<!DOCTYPE html>
<html>
<head>
<style>
#notes_list{
display: flex;
flex-direction: column;
position: fixed;
font-size: 14px;
line-height: 30px;
height: 100vh;
width: 140px;
border-right: solid;
}
#main{
margin-left: 150px;
}
</style>
<title>NoteTaker</title>
<script src="https://www.gstatic.com/firebasejs/5.5.5/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.5.5/firebase-firestore.js"></script>
</head>
<body>
<nav id="notes_list">
<div onclick="displayNotes('Action');">ACTION</div>
<div onclick="displayNotes('Reflection');">REFLECTION</div>
<div onclick="displayNotes('Study');">STUDY</div>
<div onclick="displayNotes('all');">ALL NOTES</div>
</nav>
<div id="main">
<h1> NoteTaker</h1>
<h4> Created as an exploration of studied Javascript concepts on Jan 24th 2019</h4>
<select id="noteTypeInput">
<option>Select Type</option>
<option>Action</option>
<option>Reflection</option>
<option>Study</option>
</select>
<br>
<input type="text" placeholder ="Title" id="titleInput">
<br>
<input type="text" placeholder= "Write your notes here..." id="bodyInput">
<br>
<button id="submit" onclick="submitNotes()">Submit</button>
<button id="delete" onclick="deleteNotes()">Delete All</button>
<hr>
<div id="testNote"></div>
</div>
<script src= "main.js"></script>
</body>
</html>