-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsettings.html
90 lines (90 loc) · 4.13 KB
/
settings.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 data-translate="settings">Settings</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<script src="translations.js"></script>
<script src="scripts.js"></script>
<script src="settings.js"></script>
</head>
<body>
<div class="header">
<h1 data-translate="settings">Settings</h1>
<a href="settings.html" class="settings-icon tooltip">
<i class="fas fa-cog"></i><span class="tooltiptext" data-translate="settings">Settings</span>
</a>
<span class="info-icon tooltip">
<i class="fas fa-info-circle"></i>
<span class="tooltiptext" data-translate="settings_help">
<p data-translate="settings_description">Configure your BlockBird</p>
</span>
</span>
<a href="https://t.me/blockbirdchat" target="_blank" class="telegram-icon tooltip">
<i class="fa-brands fa-telegram"></i><span class="tooltiptext" data-translate="contact">Contact</span>
</a>
</div>
<div class="content settings-content">
<div id="blockbird-info" class="forms">
<label for="info-box" data-translate="version">Version</label>
<div class="set-it">
<span id="extension-version"></span>
</span>
</div>
</div>
<div id="language-form" class="forms">
<label for="language-select" data-translate="language">Language</label>
<div class="set-it">
<select id="language-select" class="settings-select">
<option value="english">English (USA)</option>
<option value="filipino">Filipino (Philippines)</option>
<option value="hausa">Hausa (Nigeria)</option>
<option value="hindi">Hindi (India)</option>
<option value="indonesian">Indonesian (Indonesia)</option>
<option value="mandarin">Mandarin (China)</option>
<option value="brazilian">Portugese (Brazil)</option>
<option value="russian">Russian (Russia)</option>
<option value="spanish">Spanish (South America)</option>
<option value="thai">Thai (Thailand)</option>
<option value="ukrainian">Ukrainian (Ukraine)</option>
<option value="urdu">Urdu (Pakistan)</option>
<option value="vietnamese">Vietnamese (Vietnam)</option>
</select>
</div>
</div>
<div id="page-default-form" class="forms">
<label for="default-page-select" data-translate="default_page">Default Page</label>
<div class="set-it">
<select id="default-page-select" class="settings-select">
<option value="/popup.html" data-translate="dashboard">Dashboard</option>
<option value="/scanner.html" data-translate="scanner">Scanner</option>
<option value="/explorers.html" data-translate="explore">Explore</option>
<option value="/wallets.html" data-translate="wallets">Wallets</option>
<option value="/tokens.html" data-translate="tokens">Tokens</option>
</select>
</div>
</div>
<div id="dark-mode-form" class="forms">
<label for="dark-mode-checkbox" data-translate="dark_mode">Dark Mode</label>
<div class="set-it">
<input type="checkbox" id="dark-mode-checkbox">
</div>
</div>
<div id="sidebar-form" class="forms">
<label for="sidepanel-note" data-translate="side_panel">Side Panel</label>
<div class="set-it">
<span data-translate="side_panel_note">Right-click on the extension icon in the browser toolbar and select "Open side panel". This will allow you to navigate through different tabs and websites while keeping your BlockBird always visible.</span>
</div>
</div>
<div id="about-note" class="forms">
<label for="about-note" data-translate="about">About</label>
<div class="set-it">
<span data-translate="about_note">BlockBird is a community built, powerful and user-friendly browser extension for Chrome, Brave, and Kiwi. It is designed to enhance your blockchain exploration experience.</span>
</div>
</div>
</div>
<div class="footer">
<div id="nav-container"></div>
</div>
</body>
</html>