-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
69 lines (60 loc) · 2.74 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="A simplistic and compact bookmark page">
<meta name="keywords" content="bookmarks, speed dial, bookmark, tab, new tab">
<meta name="author" content="Colind8">
<meta name="viewport" content="width=device-width">
<title>New Tab</title>
<link href="./src/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>New Tab</h1>
<p><button title="Toggle Edit Mode" onclick="toggle_edit()">✏</button></p>
<fieldset class="edit">
<legend>Edit Tab:</legend>
<input id="input_tab_name" type="text" placeholder="Tab Title" title="Tab Title">
<input id="input_tab_pass" type="password" style='width: 200px;'
placeholder="password (leave blank for none)">
<button title="Apply tab changes" onclick="change_tab()">Apply</button>
<button title="Delete tab" onclick="delete_tab()">Delete</button>
</fieldset>
<div id="navbar"></div>
<fieldset class="edit">
<legend>Add Bookmark:</legend>
<input id="input_url" type="url" placeholder="https://www.URL.com" title="Bookmark URL">
<input id="input_name" type="text" placeholder="Name" title="Bookmark Name">
<input id="input_color" type="color" style="height: 20px" value="#00ff88" title="Bookmark Color">
<button title="Add website to list" onclick="add_site()">Add</button>
</fieldset>
<div id="linklist">
</div>
<div class="edit">
<button onclick="add_section()" title="Add Section">Add Section</button>
<fieldset>
<legend>Theme Editor:</legend>
<label for="color_bg">Background Color:</label>
<input title="background color" id="color_bg" type="color" style="height: 20px" value="#000000"><br>
<label for="color_text">Text Color:</label>
<input title="text color" id="color_text" type="color" style="height: 20px" value="#dddddd"><br>
<label for="color_button">Button Color:</label>
<input title="buttons/inputs color" id="color_button" type="color" style="height: 20px" value="#222222"><br>
<label for="color_hover">Button Hover Color:</label>
<input title="buttons/inputs hover color" id="color_hover" type="color" style="height: 20px"
value="#333333"><br>
<button title="Apply color changes" onclick="applytheme()">Apply Theme</button>
</fieldset>
<fieldset>
<legend>Save Editor:</legend>
<input title="save data" id="save_data">
<button title="Import from the save data text area" style="margin-top: 8px; margin-bottom: 16px;"
onclick="import_data()">Import</button>
<button title="Delete LocalStorage data" class="delete" style="display: block;" onclick="delete_data()">Delete
Data</button>
</fieldset>
</div>
<script src="https://raw.githack.com/SortableJS/Sortable/master/Sortable.js"></script>
<script src="./src/script.js"></script>
</body>
</html>