-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabsorb.html
142 lines (115 loc) · 5.29 KB
/
absorb.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
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/scss/style.css"/>
<script src="/mainMain.js" type="module"></script>
<title>Absorb</title>
</head>
<body>
<div id="viewScreen">
<!-- Blank Page Screen------------------------------------------------------------------------>
<div class="view" id="blankPage">
</div>
<!-- First Page Screen ----------------------------------------------------------------------->
<div class="view" id="firstPagescreen">
<section class="LogOrCreateContainer">
<h1 id="title">Absorb</h1>
<div class="twoButtons";>
<button id="CreateAccountButton">Create Account</button>
<button id="LogInButton">Log In</button>
</div>
<div class="guestButtonDiv">
<button id="guestButton">Guest Preview</button>
</div>
</section>
</section>
</div>
<!--Create Account Screen--------------------------------------------------------------------->
<div class="view" id="createaccountscreen">
<section class="CreateAccountContainer">
<div class="createHeader">
<h1 id="title">Create Account</h1>
<button id="backButtonCreate">Back</button>
</div>
<form id = "createAccountForm">
<label for="newEmail">Email Address</label>
<input id="newEmail" type="text"
size ="40" autocomplete="on" placeholder="Email Address"/>
<label for="newPassword">Password</label>
<input id="newPassword" type="password"
size ="40" autocomplete="on" placeholder="Create Password"/>
<div class="CreateButtonDiv">
<button id="CreationSubmitButton" >Create</button>
</div>
</form>
</section>
</div>
<!--Log-in Screen--------------------------------------------------------------------------->
<div class="view" id="loginscreen">
<section class="CreateAccountContainer">
<div class="LogInHeader">
<h1 id="title">Log In</h1>
<button id="backButtonLogIn">Back</button>
</div>
<form id = "LogInForm">
<label for="inputEmail">Email Address</label>
<input id="inputEmail" type="text"
size ="40" autocomplete="on" placeholder="Email Address"/>
<label for="inputPassword">Password</label>
<input id="inputPassword" type="password"
size ="40" autocomplete="on" placeholder="Create Password"/>
<div class="LogInButtonDiv">
<button id="LogInSubmitButton" >Submit</button>
</div>
</form>
</section>
</div>
<!--Landing Screen---------------------------------------------------------------------------->
<div class="view" id="landingscreen">
<section class="LandingScreenContainer">
<div class="LandingHeader">
<h1 class="pagetitle" id='landingHeader'>You should not be on this page.</h1>
<button id="signOutButton">sign out</button>
</div>
<button class="createDeckButton" id="createDeckButton" type="text"
size ="40" autocomplete="off" >Create Deck</button>
</section>
<!-- Create Deck Screens -->
<section class="createdeckscreen" id="createdeckscreen">
<input id="newDeckNameInput" type="text" placeholder="New Deck Name">
<button class="newDeckNameInputButton" id="newDeckNameInputButton" type="text" size="40">Create</button>
</section>
<!--existing flashcards section-->
<div class="listFlashcards" id="listFlashcards" >
</div>
</div>
<!-- Card Editor Screen ----------------------------------------------------------------------->
<div class="view" id="editorscreen">
<section class="EditorScreenContainer">
<h1 id="editScreenTitle">Morjesta!</h1>
<button id="backButtonEdit">Back</button>
</section>
<section class="MakeNewCard">
<textarea id="newCardNameInput" style="resize: none;" rows="4" type="text" wrap="soft" placeholder="Enter Term"></textarea>
<textarea id="newCardTermInput" style="resize: none;" rows="4" type="text" wrap="soft" placeholder="Enter Definition"></textarea>
<button id = "newCardButton">Add Card</button>
</section>
<!--existing flashcards section-->
<div class="listEditFlashcards" id="listEditFlashcards" >
</div>
</div>
<!-------Study Mode Screen-------------------------------------------->
<div class="view" id="studyscreen">
<section id="StudyScreenContainer" class="StudyScreenContainer">
<div id="studyHeader" class="studyHeader">
<h1 id="studyScreenHeader">NULLIOPIA</h1>
<button id="backButtonStudy">Back</button>
</div>
</section>
</div>
</div>
</body>
</html>