index.html (view raw)
1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <meta
6 name="viewport"
7 content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
8 />
9 <meta http-equiv="X-UA-Compatible" content="ie=edge" />
10 <title>Paste</title>
11 <script src="https://cdn.jsdelivr.net/combine/
12npm/lzma@2.3.2/src/lzma.min.js,
13npm/codeflask@1.4.1/build/codeflask.min.js,
14npm/prismjs@1.14.0/plugins/autoloader/prism-autoloader.min.js,
15npm/slim-select@1.25.0/dist/slimselect.min.js,
16npm/clipboard@2/dist/clipboard.min.js
17"></script>
18 <script src="languages.js"></script>
19 <link
20 rel="stylesheet"
21 type="text/css"
22 href="https://cdn.jsdelivr.net/npm/slim-select@1.25.0/dist/slimselect.min.css"
23 />
24 <link rel="stylesheet" href="style.css" />
25 </head>
26 <body>
27 <div id="editor"></div>
28 <div id="footer">
29 <div class="select-wrapper d-inline-block">
30 <select id="language"></select>
31 </div>
32 <div class="d-inline-block">
33 <button onclick="generateLink()" type="button">Generate link</button>
34 </div>
35 </div>
36 <div id="copy" style="display: none">
37 <input type="text" value="copy me" id="copy-link" onClick="this.setSelectionRange(0, this.value.length)" />
38 <button class="clipboard" data-clipboard-target="#copy-link" type="button">Copy</button>
39 <button onclick="copyElement.style.display = 'none'" type="button">Cancel</button>
40 </div>
41 </body>
42
43 <script src="index.js"></script>
44</html>