-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
163 lines (161 loc) · 8.16 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
<!DOCTYPE html>
<html lang="en-ca">
<head>
<meta charset="UTF-8" />
<title>Better Image Clipboard</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="css/style.css?v=1.3.0" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://kit.fontawesome.com/82a893e0ed.js" crossorigin="anonymous"></script>
<script src="js/main.js?v=1.3.0"></script>
<!-- SEO/Embed -->
<meta property="og:title" content="Better Image Clipboard" />
<meta property="og:description" content="You can use Better Image Clipboard to send nitro emojis in discord without nitro" />
<meta name="description" content="You can use Better Image Clipboard to send nitro emojis in discord without nitro" />
<meta property="og:image" content="https://linuxpony.dev/better-image-clipboard/preview.png" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="250" />
<meta name="theme-color" content="#3399ff" />
<meta name="twitter:card" content="summary_large_image" />
</head>
<body>
<header>
<nav id="main-nav">
<ul>
<li class="edit-wrapper non-edit-tool">
<a href="#" title="Edit"><span class="sr-only">Edit</span><i class="far fa-edit fa-fw" aria-hidden="true"></i></a>
</li>
<li class="save-wrapper edit-tool" style="display: none;">
<a href="#" title="Save and Exit"><span class="sr-only">Save</span><i class="far fa-save fa-fw" aria-hidden="true"></i></a>
</li>
<li class="url-wrapper edit-tool" style="display: none;">
<label>
<input type="text" name="url" id="url" placeholder="URL">
</label>
</li>
<li class="group-wrapper edit-tool" style="display: none;">
<label>
<input type="text" name="group" id="group" list="group-list" placeholder="Category">
<datalist id="group-list">
<option value="Uncategorized">Uncategorized</option>
</datalist>
</label>
</li>
<li class="create-wrapper edit-tool" style="display: none;">
<a href="#" title="Add Image to Category"><span class="sr-only">Create</span><i class="far fa-plus-large fa-fw" aria-hidden="true"></i></a>
</li>
<li class="search-wrapper non-edit-tool">
<label>
<input type="text" name="search" id="search" placeholder="Search">
</label>
</li>
<li class="options-wrapper">
<a href="#" title="Options"><span class="sr-only">Options</span><i class="far fa-bars fa-fw" aria-hidden="true"></i></a>
</li>
</ul>
</nav>
<nav id="edit-nav" class="selection-tool" style="display: none">
<ul>
<li class="img-preview">
<img src="" alt="active image" height="32" width="32">
</li>
<li class="move-up-wrapper">
<a href="#"><span class="sr-only">Move Forward</span><i class="far fa-square-caret-up fa-fw" aria-hidden="true"></i></a>
</li>
<li class="move-down-wrapper">
<a href="#"><span class="sr-only">Move Backwards</span><i class="far fa-square-caret-down fa-fw" aria-hidden="true"></i></a>
</li>
<li class="move-cat-wrapper">
<label>
<input type="text" name="move-cat" id="move-cat" list="group-list" placeholder="Category">
</label>
</li>
<li class="move-cat-button-wrapper">
<a href="#"><span class="sr-only">Move Cat.</span><i class="far fa-square-arrow-right fa-fw" aria-hidden="true"></i></a>
</li>
<li class="delete-wrapper">
<a href="#"><span class="sr-only">Delete</span><i class="far fa-trash-can fa-fw" aria-hidden="true"></i></a>
</li>
</ul>
</nav>
<hr class="non-selection-tool" />
</header>
<main></main>
<footer>
Made by LinuxPony with
<span class="sr-only">coffee</span><i class="far fa-coffee" aria-hidden="true"></i>
and
<span class="sr-only">love</span><i class="far fa-heart" aria-hidden="true"></i>
<br>
<a href="https://github.com/sonicer105/better-image-clipboard">Version 1.3.0 — MIT License</a>
</footer>
<div id="options-model" class="popup-model">
<div class="dialogue">
<h2>Options</h2>
<hr>
<a href="#" id="backup" class="button">
<i class="far fa-arrow-up-from-square fa-fw" aria-hidden="true"></i> Backups...
</a>
<a href="#" id="dedupe" class="button">
<i class="far fa-wrench fa-fw" aria-hidden="true"></i> Fix Duplicates
</a>
<a href="#" id="delete-all" class="button danger">
<i class="far fa-diamond-exclamation fa-fw" aria-hidden="true"></i> Delete All
</a>
</div>
</div>
<div id="backup-model" class="popup-model">
<div class="dialogue">
<h2>Backups</h2>
<hr>
<div class="row-2">
<label class="file-import-wrapper">
File to Import
<input id="file-import" type="file">
</label>
<label class="file-import-wrapper">
Text to Import
<textarea id="import-field"></textarea>
</label>
<a href="#" id="import-file" class="button">
<i class="far fa-arrow-down-to-square fa-fw" aria-hidden="true"></i> Import File
</a>
<a href="#" id="import-text" class="button">
<i class="far fa-arrow-down-to-square fa-fw" aria-hidden="true"></i> Import Text
</a>
</div>
<p>Careful with this. Only basic validation is performed. Backup is recommend if you have existing emotes.</p>
<hr>
<div class="row-2">
<a href="#" class="button export" data-target="file">
<i class="far fa-arrow-up-from-square fa-fw" aria-hidden="true"></i> LZW File
</a>
<a href="#" class="button export" data-target="file-legacy">
<i class="far fa-arrow-up-from-square fa-fw" aria-hidden="true"></i> JSON File
</a>
<a href="#" class="button export" data-target="copy">
<i class="far fa-arrow-up-from-square fa-fw" aria-hidden="true"></i> LZW Clipboard
</a>
<a href="#" class="button export" data-target="copy-legacy">
<i class="far fa-arrow-up-from-square fa-fw" aria-hidden="true"></i> JSON Clipboard
</a>
</div>
<hr>
<a href="#" id="close-back" class="button">
<i class="far fa-arrow-left fa-fw" aria-hidden="true"></i> Back
</a>
</div>
</div>
<div id="toast-model">
<div class="dialogue">
<h2>
<i class="far fa-check fa-fw ok" aria-hidden="true" style="display: none"></i><i class="far fa-diamond-exclamation fa-fw error" aria-hidden="true" style="display: none"></i>
<span class="message">This is a Toast</span>
</h2>
</div>
</div>
</body>
</html>