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>NoPaste - 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.52.0,
16npm/codemirror@5.52.0/addon/mode/loadmode.min.js,
17npm/codemirror@5.52.0/addon/mode/overlay.min.js,
18npm/codemirror@5.52.0/addon/mode/multiplex.min.js,
19npm/codemirror@5.52.0/addon/mode/simple.min.js,
20npm/codemirror@5.52.0/addon/scroll/simplescrollbars.js,
21npm/codemirror@5.52.0/mode/meta.min.js
22"></script>
23 <link
24 rel="stylesheet"
25 type="text/css"
26 href="https://cdn.jsdelivr.net/combine/
27npm/bootstrap@4.4.1/dist/css/bootstrap-grid.min.css,
28npm/slim-select@1.25.0/dist/slimselect.min.css,
29npm/codemirror@5.52.0/lib/codemirror.min.css,
30npm/codemirror@5.52.0/addon/scroll/simplescrollbars.css,
31npm/codemirror@5.52.0/theme/dracula.min.css
32"
33 />
34 <link rel="stylesheet" href="style.css" />
35 <link href="favicon.ico" rel="icon" type="image/x-icon" />
36 </head>
37 <body class="m-0">
38 <div id="copy" class="container-fluid hidden">
39 <div class="row my-1">
40 <div class="col my-1">
41 <input
42 type="text"
43 value="copy me"
44 id="copy-link"
45 class="px-2"
46 onclick="this.setSelectionRange(0, this.value.length)"
47 />
48 </div>
49 <div class="col-auto my-1">
50 <button
51 class="clipboard py-1 px-2 mx-1"
52 id="copy-btn"
53 data-clipboard-target="#copy-link"
54 type="button"
55 >
56 Copy
57 </button>
58 <button class="py-1 px-2 mx-1" onclick="hideCopyBar(false)" type="button">Cancel</button>
59 </div>
60 </div>
61 </div>
62 <div id="controls" class="container-fluid">
63 <div class="row align-items-center justify-content-end my-1">
64 <div class="col mb-1">
65 <h1 class="title my-0">{ NoPaste }</h1>
66 </div>
67 <div class="col-auto my-1">
68 <select id="language"></select>
69 </div>
70 <div class="col-auto my-1">
71 <button class="py-1 px-2 mx-0" onclick="generateLink('url')" type="button">Generate link</button>
72 <button class="py-1 px-2 mx-1" onclick="generateLink('markdown')" type="button">
73 Generate markdown
74 </button>
75 <button class="py-1 px-2 mx-0" onclick="generateLink('iframe')" type="button">Embed</button>
76 </div>
77 </div>
78 </div>
79 <div id="progress"></div>
80 <div id="editor"></div>
81 </body>
82
83 <script src="index.js"></script>
84</html>