-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
184 lines (184 loc) · 11.9 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
<!DOCTYPE html>
<html>
<head>
<title> BookSafe | Password Book </title>
<link rel=stylesheet href=style.css>
<link rel="shortcut icon" type=image/x-icon href=lockicon.ico>
<link rel="apple-touch-icon" href=img/lockiconWhite.png>
<meta name=msapplication-square70x70logo href=img/lockicon.png>
<meta name=msapplication-square150x150logo href=img/lockicon.png>
<meta name=msapplication-square310x310logo href=img/lockicon.png>
<meta name=msapplication-wide310x150logo href=img/lockicon.png>
<meta name=msapplication-TileColor content=#FFFFFF>
<script src=jquery-3.6.0.js></script>
<script src=functions.js></script>
<script>
$(document).ready(() =>
{
hideBlank();
showNonBlank();
changeFont('Georgia, serif');
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini|Nexus|Nokia/i.test(navigator.userAgent) )
{
$('#h1a').html('BookSafe');
$('#ulBut').empty();
$('#ulBut').append('<span class=ipBut onclick=addNew();hideBlank();showNonBlank();> SUBMIT </span> <span class=ipBut onclick=clearNew()> CLEAR </span>');
$('#setback').remove();
$('#flexedbox').append(`<span id=setback class=ipBut onclick='$(".popboxS").css("display","none");'> BACK </span>`);
$('#settingBox').css('width','40%');
}
});
</script>
</head>
<body>
<div id=top>
<h1 id=h1a> BookSafe: Password Book </h1>
<h1 id=h1b><span title=Export class=tpBut onclick=exportPWS()>📥</span></h1>
<h1 id=h1b><span title=Open class=tpBut onclick='$(".popbox").css("display","block");'>📁</span></h1>
<h1 id=h1b><span title=Settings class=tpBut onclick='$(".popboxS").css("display","block");'>⚙️</span></h1>
</div>
<div id=content>
<div id=gap></div>
<div id=a_z>
<p><a class=toc onclick="document.getElementById('lA').scrollIntoView();" id=tA>A</a></p>
<p><a class=toc onclick="document.getElementById('lB').scrollIntoView();" id=tB>B</a></p>
<p><a class=toc onclick="document.getElementById('lC').scrollIntoView();" id=tC>C</a></p>
<p><a class=toc onclick="document.getElementById('lD').scrollIntoView();" id=tD>D</a></p>
<p><a class=toc onclick="document.getElementById('lE').scrollIntoView();" id=tE>E</a></p>
<p><a class=toc onclick="document.getElementById('lF').scrollIntoView();" id=tF>F</a></p>
<p><a class=toc onclick="document.getElementById('lG').scrollIntoView();" id=tG>G</a></p>
<p><a class=toc onclick="document.getElementById('lH').scrollIntoView();" id=tH>H</a></p>
<p><a class=toc onclick="document.getElementById('lI').scrollIntoView();" id=tI>I</a></p>
<p><a class=toc onclick="document.getElementById('lJ').scrollIntoView();" id=tJ>J</a></p>
<p><a class=toc onclick="document.getElementById('lK').scrollIntoView();" id=tK>K</a></p>
<p><a class=toc onclick="document.getElementById('lL').scrollIntoView();" id=tL>L</a></p>
<p><a class=toc onclick="document.getElementById('lM').scrollIntoView();" id=tM>M</a></p>
<p><a class=toc onclick="document.getElementById('lN').scrollIntoView();" id=tN>N</a></p>
<p><a class=toc onclick="document.getElementById('lO').scrollIntoView();" id=tO>O</a></p>
<p><a class=toc onclick="document.getElementById('lP').scrollIntoView();" id=tP>P</a></p>
<p><a class=toc onclick="document.getElementById('lQ').scrollIntoView();" id=tQ>Q</a></p>
<p><a class=toc onclick="document.getElementById('lR').scrollIntoView();" id=tR>R</a></p>
<p><a class=toc onclick="document.getElementById('lS').scrollIntoView();" id=tS>S</a></p>
<p><a class=toc onclick="document.getElementById('lT').scrollIntoView();" id=tT>T</a></p>
<p><a class=toc onclick="document.getElementById('lU').scrollIntoView();" id=tU>U</a></p>
<p><a class=toc onclick="document.getElementById('lV').scrollIntoView();" id=tV>V</a></p>
<p><a class=toc onclick="document.getElementById('lW').scrollIntoView();" id=tW>W</a></p>
<p><a class=toc onclick="document.getElementById('lX').scrollIntoView();" id=tX>X</a></p>
<p><a class=toc onclick="document.getElementById('lY').scrollIntoView();" id=tY>Y</a></p>
<p><a class=toc onclick="document.getElementById('lZ').scrollIntoView();" id=tZ>Z</a></p>
<p><a class=toc onclick="document.getElementById('lOTHER').scrollIntoView();" id=tOTHER>#</a></p>
</div>
<div id=gap></div>
<div id=data>
<ul id=masterlist>
<li class=letter id=lA> <b>A</b> </li>
<ul id=ulA></ul>
<li class=letter id=lB> <b>B</b> </li>
<ul id=ulB></ul>
<li class=letter id=lC> <b>C</b> </li>
<ul id=ulC></ul>
<li class=letter id=lD> <b>D</b> </li>
<ul id=ulD></ul>
<li class=letter id=lE> <b>E</b> </li>
<ul id=ulE></ul>
<li class=letter id=lF> <b>F</b> </li>
<ul id=ulF></ul>
<li class=letter id=lG> <b>G</b> </li>
<ul id=ulG></ul>
<li class=letter id=lH> <b>H</b> </li>
<ul id=ulH></ul>
<li class=letter id=lI> <b>I</b> </li>
<ul id=ulI></ul>
<li class=letter id=lJ> <b>J</b> </li>
<ul id=ulJ></ul>
<li class=letter id=lK> <b>K</b> </li>
<ul id=ulK></ul>
<li class=letter id=lL> <b>L</b> </li>
<ul id=ulL></ul>
<li class=letter id=lM> <b>M</b> </li>
<ul id=ulM></ul>
<li class=letter id=lN> <b>N</b> </li>
<ul id=ulN></ul>
<li class=letter id=lO> <b>O</b> </li>
<ul id=ulO></ul>
<li class=letter id=lP> <b>P</b> </li>
<ul id=ulP></ul>
<li class=letter id=lQ> <b>Q</b> </li>
<ul id=ulQ></ul>
<li class=letter id=lR> <b>R</b> </li>
<ul id=ulR></ul>
<li class=letter id=lS> <b>S</b> </li>
<ul id=ulS></ul>
<li class=letter id=lT> <b>T</b> </li>
<ul id=ulT></ul>
<li class=letter id=lU> <b>U</b> </li>
<ul id=ulU></ul>
<li class=letter id=lV> <b>V</b> </li>
<ul id=ulV></ul>
<li class=letter id=lW> <b>W</b> </li>
<ul id=ulW></ul>
<li class=letter id=lX> <b>X</b> </li>
<ul id=ulX></ul>
<li class=letter id=lY> <b>Y</b> </li>
<ul id=ulY></ul>
<li class=letter id=lZ> <b>Z</b> </li>
<ul id=ulZ></ul>
<li class=letter id=lOTHER> <b>#</b> </li>
<ul id=ulOTHER>
<li> <div class=row><span id=liNam><b>#example</b></span> <span title=Expand class=collapsible onclick=expandLI(this);>🔽</span><span title=Delete class=liButton onclick=removeLI(this);>🗑️</span></div> <div class=rowE><span class=idatalabels>Email:</span><span class=idata id=impData3>[email protected]</span><span title=Edit class=editButton onclick=edit(this);>✏️</span></div><div class=rowE><span class=idatalabels>Username:</span><span class=idata id=impData>example</span><span title=Edit class=editButton onclick=edit(this);>✏️</span></div><div class=rowE><span class=idatalabels>Password:</span><span class=idata id=impData2>example123</span><span title=Edit class=editButton onclick=edit(this);>✏️</span></div><div class=rowE><span class=idatalabels>Details:</span><span class=idata id=impData4>example details</span><span title=Edit class=editButton onclick=edit(this);>✏️</span></div></li>
</ul>
</ul>
</div>
<div id=gap></div>
<div id=right>
<div class=new>
<ul id=submitUL>
<li id=nTitle> Add New Website </li>
<li> Website: <input type=text class=ipBox id=ipWeb placeholder='Website Name'> </li>
<li> Email: <input type=text class=ipBox id=ipEma [email protected]> </li>
<li> Username: <input type=text class=ipBox id=ipUse placeholder=Example> </li>
<li> Password: <input type=text class=ipBox id=ipPas placeholder=example123> </li>
<li> Details: <input type=text class=ipBox id=ipDet placeholder='Extra info'> </li>
<li id=ulBut> <span class=ipBut onclick=addNew();hideBlank();showNonBlank();> SUBMIT </span> <span class=ipBut onclick=clearNew()> CLEAR </span> </li>
</ul>
</div>
</div>
<div id=gap></div>
</div>
<div class=popbox>
<div id=filebox>
<input id=fileImported type=file accept=.txt onchange=importPWS()>
<br>
<span class=ipBut onclick='$(".popbox").css("display","none");'> CANCEL </span>
</div>
</div>
<div class=popboxS>
<div id=settingBox>
<div id=flexedbox>
<p><span class=setL>Font:</span>
<select onchange=changeFont(this.value) class=setV id=fonts>
<option style="font-family: Courier New, monospace;" value='Courier New, monospace' selected>Courier New</option>
<option style="font-family: Garamond, serif;" value='Garamond, serif' selected>Garamond</option>
<option style="font-family: Georgia, serif;" value='Georgia, serif' selected>Georgia</option>
<option style="font-family: Helvetica, sans-serif;" value='Helvetica, sans-serif'>Helvetica</option>
<option style="font-family: Tahoma, sans-serif;" value='Tahoma, sans-serif'>Tahoma</option>
<option style="font-family: Times New Roman, serif;" value='Times New Roman, serif' selected>Times New Roman</option>
<option style="font-family: Trebuchet MS, sans-serif;" value='Trebuchet MS, sans-serif'>Trebuchet MS</option>
</select>
</p>
<p><span class=setL>Palette:</span>
<select onchange=changeColour(this.value) class=setV id=palet>
<option value=grey>Grey</option>
<option value=red>Red</option>
<option value=blue>Blue</option>
<option value=purple>Purple</option>
</select>
</p>
<br>
<a id=link href=about.html target=_blank rel='noopener noreferrer'><span class=ipBut> ABOUT </span></a>
<span id=setback class=ipBut onclick='$(".popboxS").css("display","none");'> BACK </span>
</div>
</div>
</div>
</body>
</html>