-
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathjs-notes.html
90 lines (82 loc) · 3.66 KB
/
js-notes.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
<!DOCTYPE html>
<html>
<head>
<!-- TITLE + CHARSET + DESCRIPTION + VIEWPORT + FAVICON -->
<title>Offline JS Notes</title>
<meta charset="utf-8">
<meta name="description" content="Offline Javascript Notes App">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.5">
<link rel="icon" href="assets/favicon.png" type="image/png">
<!-- WEB APP MANIFEST -->
<!-- https://web.dev/add-manifest/ -->
<link rel="manifest" href="CB-manifest.json">
<!-- ANDROID + CHROME + APPLE + WINDOWS APP -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="white">
<link rel="apple-touch-icon" href="assets/icon-512.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Offline JS Notes">
<meta name="msapplication-TileImage" content="assets/icon-512.png">
<meta name="msapplication-TileColor" content="#ffffff">
<!-- STYLESHEET + JAVASCRIPT -->
<link rel="stylesheet" href="assets/js-notes.css">
<script defer src="assets/js-notes-db.js"></script>
<script defer src="assets/js-notes.js"></script>
</head>
<body>
<!-- (A) NOTES LIST -->
<div id="pgA">
<div id="nAdd" class="mi" onclick="notes.show()">
add_circle_outline
</div>
<div id="nList"></div>
<div id="nAbout" onclick="notes.toggle('C')">
<i class="mi">help_outline</i> ABOUT JS NOTES PWA
</div>
</div>
<!-- (B) NOTE FORM -->
<div id="pgB"><form onsubmit="return notes.save()">
<label>Title</label>
<input id="nTitle" type="text" autocomplete="off" required>
<label>Text</label>
<textarea id="nText" autocomplete="off" required></textarea>
<label>Text Color</label>
<input id="ntColor" type="color" value="#ffffff">
<label>Background Color</label>
<input id="nbColor" type="color" value="#000000">
<div id="nAction">
<input type="button" class="mi" value="reply" onclick="notes.toggle('B')">
<input type="button" id="nDel" class="mi" value="delete" onclick="notes.del()">
<input type="submit" class="mi" value="save">
</div>
</form></div>
<!-- (C) ABOUT -->
<div id="pgC"><div id="aboutPop">
<div id="aboutCX" class="mi" onclick="notes.toggle('C')">
clear
</div>
<img src="assets/head-notes-pwa.webp" id="aboutHead">
<div id="aboutLinks">
<h3>Links & Documentation</h3>
<ul>
<li><a href="https://code-boxx.com/javascript-notes-pwa/" target="_blank">JS Notes PWA Official Webpage</a></li>
<li><a href="https://github.com/code-boxx/js-notes-pwa" target="_blank">JS Notes PWA GitHub</a></li>
</ul>
<h3>Socials</h3>
<ul>
<li><a href="https://code-boxx.com/" target="_blank">Code Boxx Webpage</a></li>
<li><a href="https://payhip.com/codeboxx" target="_blank">Code Boxx Store (Buy a little something to support us?)</a></li>
<li><a href="https://www.youtube.com/c/CodeBoxx" target="_blank">Code Boxx YouTube</a></li>
<li><a href="https://www.pinterest.com/codeboxx/" target="_blank">Code Boxx Pinterest</a></li>
<li><a href="https://github.com/code-boxx/" target="_blank">GitHub</a></li>
<li><a href="https://codepen.io/code-boxx" target="_blank">CodePen</a></li>
</ul>
<h3>Built With</h3>
<ul>
<li><a href="https://developers.google.com/fonts/docs/material_icons" target="_blank">Material Icons</a></li>
</ul>
</div>
</div></div>
</body>
</html>