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 - Client-side paste service</title>
11 <script src="https://cdn.jsdelivr.net/combine/
12npm/lzma@2.3.2/src/lzma.min.js,
13npm/slim-select@1.25.0/dist/slimselect.min.js,
14npm/clipboard@2/dist/clipboard.min.js,
15npm/codemirror@5.51.0/lib/codemirror.min.js,
16npm/codemirror@5.51.0/addon/mode/overlay.min.js,
17npm/codemirror@5.51.0/addon/mode/loadmode.min.js,
18npm/codemirror@5.51.0/mode/meta.min.js
19"></script>
20 <link
21 rel="stylesheet"
22 type="text/css"
23 href="https://cdn.jsdelivr.net/combine/
24npm/slim-select@1.25.0/dist/slimselect.min.css,
25npm/codemirror@5.51.0/lib/codemirror.min.css,
26npm/codemirror@5.51.0/theme/dracula.min.css
27"
28 />
29 <link rel="stylesheet" href="style.css" />
30 <link href="favicon.ico" rel="icon" type="image/x-icon" />
31 </head>
32 <body>
33 <div id="progress"></div>
34 <div id="editor"></div>
35 <div id="footer">
36 <label for="language"></label
37 ><select id="language"></select>
38 <span class="grow"></span>
39 <button onclick="generateLink('url')" type="button">Generate link</button>
40 <button onclick="generateLink('markdown')" type="button">Generate markdown</button>
41 <button onclick="generateLink('iframe')" type="button">Embed</button>
42 </div>
43 <div id="copy" style="display: none">
44 <input
45 type="text"
46 value="copy me"
47 id="copy-link"
48 class="grow"
49 onclick="this.setSelectionRange(0, this.value.length)"
50 />
51 <button class="clipboard" id="copy-btn" data-clipboard-target="#copy-link" type="button">Copy</button>
52 <button onclick="hideCopyBar(false)" type="button">Cancel</button>
53 </div>
54 </body>
55
56 <script src="index.js"></script>
57</html>