-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
221 lines (200 loc) · 10.7 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>NotesApp</title>
<link rel="shortcut icon" href="img/favicon.ico">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" href="http:https://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
<script src="js/jquery.js"></script>
<script src="js/jquery.mobile-1.4.5.min.js"></script>
<script src="js/app.js"></script>
<!-- Latex -->
<script type="text/javascript" src="js/latexit.js"></script>
<!-- TinyMCE v4 -->
<script type="text/javascript" src="node_modules/tinymce/tinymce.min.js"></script>
</head>
<body>
<!-- Start of first page -->
<div data-role="page" id="login">
<div data-role="header">
<h1>Notesapp</h1>
<a href="#popupCreateAnnotation" data-rel="popup" data-iconpos="notext" class="ui-link ui-btn-left ui-btn ui-icon-edit ui-btn-icon-notext ui-shadow ui-corner-all" data-role="button" role="button" id="btnCreateAnnotation" style="display: none;">Create</a>
<a href="#" data-iconpos="notext" class="ui-link ui-btn-right ui-btn ui-icon-back ui-btn-icon-notext ui-shadow ui-corner-all" data-role="button" role="button" id="btnReloadAnnotation" style="display: none;" onclick="updateAll();">Reload</a>
</div><!-- /header -->
<div role="main" class="ui-content">
<p>O Notesapp é uma plataforma organizacional disponível para Web. Sua função é coletar, organizar e anotar informações anotadas no seu computador, celular, ou até mesmo através do website, e sincronizar tudo isso com um banco de dados virtual só seu dropbox.</p>
<center>
<iframe width="560" height="315" src="https://www.youtube.com/embed/9eKaWEoCTm4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</center>
<a id="loginForDropbox" href="#" class="ui-btn">Login no dropbox</a>
<p>App de NotesApp</p>
<p>O seu material de estudo sempre ao alcance</p>
<p>O aplicativo móvel do NotesApp está totalmente sincronizado com sua conta na web para que você possa acessar facilmente, pelo celular ou Ipad, todos os recursos que você criou no seu computador. Melhor ainda, você também pode visualizar inúmeros Mapas Mentais, Flashcards, Slides e Quizzes criados por outros usuários. É um mundo de conhecimento na palma da mão.</p>
<a href="https://www.dropbox.com/s/dhqfljwz3jaus2i/android-debug.apk?dl=1" class="ui-btn">Baixar aplicativo</a>
</div><!-- /content -->
<div id="loadAuthenticated" style="display: none;">
<ul id="list" class="ui-listview" data-role="listview" data-icon="false" data-split-icon="delete">
<li class="ui-li-has-alt ui-first-child">
<a href="#demo-mail" class="ui-btn">
<h3>Avery Walker</h3>
<p class="topic"><strong id="byName">Re: Dinner Tonight</strong></p>
<p id="CardDescription">Sure, let's plan on meeting at Highland Kitchen at 8:00 tonight. Can't wait! </p>
<p class="ui-li-aside" id="cardData"><strong>4:48</strong>PM</p>
</a>
<a href="#popupMenu" data-rel="popup" data-transition="slideup" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-gear ui-btn-icon-left ui-btn-a"></a>
</li>
</ul>
</div>
<div data-role="popup" id="popupMenu" data-theme="b">
<ul data-role="listview" data-inset="true" style="min-width:210px;">
<li data-role="list-divider">Choose an action</li>
<li><a href="#viewCard">View details</a></li>
<li><a href="#editCard">Edit</a></li>
<li><a href="#" id="btnDeleteAnnotation" data-rel="back">Delete</a></li>
</ul>
</div>
<div id="offline-info" style="display: none;">
<ul id="list" class="ui-listview" data-role="listview" data-icon="false" data-split-icon="delete">
<li class="ui-li-has-alt ui-first-child">
<div id="ui-bar-test" class="ui-bar ui-corner-all ui-bar-a" style="margin-bottom:1em;">
<h3 style="color: red;">Você está no modo offline!</h3>
<p>Todos os arquivos serão enviados para o servidor no momento em que você volta a se conectar com a internet</p>
<button class="ui-btn" onclick="location.reload();">Atualizar</button>
</div>
</li>
</ul>
</div>
<div id="createAnnotationInfo" style="display: none;">
<ul id="list" class="ui-listview" data-role="listview" data-icon="false" data-split-icon="delete">
<li class="ui-li-has-alt ui-first-child">
<div id="ui-bar-test" class="ui-bar ui-corner-all ui-bar-a" style="margin-bottom:1em;">
<h3 style="color: red;">Você ainda não criou nenhuma anotação!</h3>
<p>Vamos criar a sua primeira anotação? Você só tem que clicar no botão abaixo para criar a sua anotação</p>
<a href="#popupCreateAnnotation" data-rel="popup" class="ui-btn">Criar anotação</a>
</div>
</li>
</ul>
</div>
<div data-role="popup" id="popupCreateAnnotation" data-theme="a" class="ui-corner-all">
<form id="formCreateAnnotation">
<div style="padding:10px 20px;">
<center>
<h3>Report the title of annotation!</h3>
</center>
<legend>Title of annotation:</legend>
<input name="title" id="un" value="" placeholder="Title of annotation" data-theme="a" type="text" required="">
<label for="date">Date:</label>
<input name="date" id="date" value="" type="date" required="">
<fieldset data-role="controlgroup">
<legend>Select the type of annotation:</legend>
<input name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" type="radio">
<label for="radio-choice-1">Normal</label>
<input name="radio-choice-1" id="radio-choice-2" value="choice-2" type="radio">
<label for="radio-choice-2">Latex</label>
</fieldset>
<button type="submit" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">Create annotation</button>
</div>
</form>
</div>
<div data-role="footer" data-position="fixed">
<h4 id="byReinan">Powered by ReinanHS</h4>
<div data-role="navbar" id="mainNavbar" style="display: none;">
<ul>
<li><a href="#" data-icon="grid" class="ui-btn-active">Anotações</a></li>
<li><a href="#favs" data-icon="star">Favoritos</a></li>
<li><a href="#setup" data-icon="gear">Configuração</a></li>
</ul>
</div><!-- /navbar -->
</div><!-- /footer -->
</div><!-- /page -->
<!-- Start of view card page -->
<div data-role="page" id="viewCard">
<div data-role="header">
<h1>Notesapp view</h1>
<a href="#login" data-rel="back" data-icon="carat-l" data-iconpos="notext">Back</a>
</div><!-- /header -->
<div role="main" class="ui-content htmlStyle">
<h2>View the card post</h2>
</div><!-- /content -->
<div data-role="footer" data-position="fixed">
<h4>Powered by ReinanHS</h4>
</div><!-- /footer -->
</div><!-- /page -->
<!-- Start of edit card page -->
<div data-role="page" id="editCard">
<div data-role="header">
<h1>Notesapp Edit</h1>
<a href="#login" data-rel="back" data-icon="carat-l" data-iconpos="notext">Back</a>
<a href="#" data-icon="back" data-iconpos="notext" class="ui-link ui-btn-right ui-btn ui-icon-check ui-btn-icon-notext ui-shadow ui-corner-all" data-role="button" role="button" id="btnSaveAnnotation">Save</a>
</div><!-- /header -->
<div role="main" class="ui-content">
<div id="editNormal">
<textarea id="editHTML">Easy! You should check out MoxieManager!</textarea>
</div>
<div id="editLatex" style="display: none;">
<label for="textarea">LaTeX:</label>
<textarea cols="40" rows="8" name="textarea" id="textareaLatex"></textarea>
</div>
</div><!-- /content -->
<div data-role="footer" data-position="fixed">
<h4>Powered by ReinanHS</h4>
</div><!-- /footer -->
</div><!-- /page -->
<!-- Start of favoritos card page -->
<div data-role="page" id="favs">
<div data-role="header">
<h1>Notesapp Favoritos</h1>
<a href="#login" data-rel="back" data-icon="carat-l" data-iconpos="notext">Back</a>
</div><!-- /header -->
<div role="main" class="ui-content">
<h4>Lista de favoritos:</h4>
<p>Você não salvou nada na sua lista de favoritos!</p>
</div><!-- /content -->
<div data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#login" data-icon="grid">Anotações</a></li>
<li><a href="#" data-icon="star" class="ui-btn-active">Favoritos</a></li>
<li><a href="#setup" data-icon="gear">Configuração</a></li>
</ul>
</div><!-- /navbar -->
</div><!-- /footer -->
</div><!-- /page -->
<!-- Start of config card page -->
<div data-role="page" id="setup">
<div data-role="header">
<h1>Notesapp configurações</h1>
<a href="#login" data-rel="back" data-icon="carat-l" data-iconpos="notext">Back</a>
</div><!-- /header -->
<div role="main" class="ui-content">
<div id="myConfig">
<center>
<h2>Minha configuração</h2>
<img src="img/userPhoto.jpg" alt="My photo">
<p id="userName">User Name</p>
<p id="emailUser">[email protected]</p>
</center>
<h6>
O Notesapp é um software de código aberto licenciado sob a licença MIT
<br>Versão do aplicativo: V0.0.2
<br>Este aplicativo está sendo desenvolvido por ReinanHS e Marcosrdac
</h6>
<a target="_blank" href="http:https://api.whatsapp.com/send?1=pt_BR&phone=5579996486832" class="ui-btn ui-shadow">Suporte técnico</a>
<a href="#login" class="ui-btn ui-shadow" id="btnLeave">Sair da conta</a>
</div>
</div><!-- /content -->
<div data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#login" data-icon="grid">Anotações</a></li>
<li><a href="#favs" data-icon="star">Favoritos</a></li>
<li><a href="#" data-icon="gear" class="ui-btn-active">Configuração</a></li>
</ul>
</div><!-- /navbar -->
</div><!-- /footer -->
</div><!-- /page -->
</body>
</html>