-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
89 lines (86 loc) · 3.52 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="terminal.css">
<script defer src="csvparser.js"></script>
<script defer src="index.js"></script>
</head>
<body>
<h1 id="titleBar">Tiny Tools</h1>
<a href="#" id="navBack">Back</a>
<div id="screenHome" class="screen">
<div id="apps">
<div class="app"><a href="#base64" id="navBase64">Base64 Decode and Encode</a></div>
<div class="app"><a href="#timestamp" id="navTimestamp">Unix Epoch Timestamp Converter</a></div>
<div class="app"><a href="#characterCount" id="navCharacterCount">Character and Line Count</a></div>
<div class="app"><a href="#findReplace" id="navFindReplace">Find and Replace in String</a></div>
<div class="app"><a href="#jsonFormat" id="navJsonFormat">JSON Format</a></div>
<div class="app"><a href="#csvParse" id="navCsvParse">CSV Parser</a></div>
<div class="app"><a href="#urlEncoderDecoder" id="navUrlEncoderDecoder">URL Encoder and Decoder (coming soon)</a></div>
<div class="app"><a href="#dateCalculator" id="navDateCalculator">Date Calculator (coming soon)</a></div>
<div class="app"><a href="#colorPicker" id="navColorPicker">Color Picker (coming soon)</a></div>
</div>
</div>
<div id="screenBase64" class="screen hidden">
<textarea id="base64Input"><Enter text here></textarea>
<button id="base64Encode">Encode</button>
<button id="base64Decode">Decode</button>
<textarea id="base64Output"></textarea>
<button id="base64Copy">Copy</button>
</div>
<div id="screenTimestamp" class="screen hidden">
<input type="number" id="timestampInput" />
<button id="timestampConvert">Convert</button>
<div id="timestampOutput"></div>
</div>
<div id="screenCharacterCount" class="screen hidden">
<textarea id="characterCountInput"></textarea>
<div id="characterCountOutput"></div>
<div id="wordCountOutput"></div>
<div id="lineCountOutput"></div>
<div id="sizeCountOutput"></div>
</div>
<div id="screenFindReplace" class="screen hidden">
<textarea id="findReplaceOriginal"></textarea>
<div class="spacer"></div>
<div>Find:</div>
<input type="text" id="findReplaceFind" />
<div class="spacer"></div>
<div>Replace:</div>
<input type="text" id="findReplaceReplace" />
<div class="spacer"></div>
<button id="findReplaceFindButton">Find</button>
<button id="findReplaceReplaceButton">Replace</button>
<div class="spacer"></div>
<div id="findReplaceMetrics"></div>
<div id="findReplaceResult" class="pre"></div>
<button id="findReplaceCopyButton">Copy</button>
</div>
<div id="screenJsonFormat" class="screen hidden">
<textarea id="jsonInput"></textarea>
<div class="spacer"></div>
<button id="jsonFormatButton">Parse</button>
<div class="spacer"></div>
<div id="formattedJson" class="pre"></div>
<button id="jsonFormatCopyButton">Copy</button>
</div>
<div id="screenCsvParse" class="screen hidden">
<textarea id="csvInput"></textarea>
<div class="spacer"></div>
<button id="csvParseButton">Parse</button>
<div class="spacer"></div>
<div id="parsedCsvTable"></div>
</div>
<div id="screenUrlEncoderDecoder" class="screen hidden">
coming soon
</div>
<div id="screenDateCalculator" class="screen hidden">
coming soon
</div>
<div id="screenColorPicker" class="screen hidden">
coming soon
</div>
</body>
</html>