inkyboo/index.html

58 lines
2.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Paste - Client-side paste service</title>
<script src="https://cdn.jsdelivr.net/combine/
npm/lzma@2.3.2/src/lzma.min.js,
npm/slim-select@1.25.0/dist/slimselect.min.js,
npm/clipboard@2/dist/clipboard.min.js,
npm/codemirror@5.51.0/lib/codemirror.min.js,
npm/codemirror@5.51.0/addon/mode/overlay.min.js,
npm/codemirror@5.51.0/addon/mode/loadmode.min.js,
npm/codemirror@5.51.0/mode/meta.min.js
"></script>
<link
rel="stylesheet"
type="text/css"
href="https://cdn.jsdelivr.net/combine/
npm/slim-select@1.25.0/dist/slimselect.min.css,
npm/codemirror@5.51.0/lib/codemirror.min.css,
npm/codemirror@5.51.0/theme/dracula.min.css
"
/>
<link rel="stylesheet" href="style.css" />
<link href="favicon.ico" rel="icon" type="image/x-icon" />
</head>
<body>
<div id="progress"></div>
<div id="editor"></div>
<div id="footer">
<label for="language"></label
><select id="language"></select>
<span class="grow"></span>
<button onclick="generateLink('url')" type="button">Generate link</button>
<button onclick="generateLink('markdown')" type="button">Generate markdown</button>
<button onclick="generateLink('iframe')" type="button">Embed</button>
</div>
<div id="copy" style="display: none">
<input
type="text"
value="copy me"
id="copy-link"
class="grow"
onclick="this.setSelectionRange(0, this.value.length)"
/>
<button class="clipboard" id="copy-btn" data-clipboard-target="#copy-link" type="button">Copy</button>
<button onclick="hideCopyBar(false)" type="button">Cancel</button>
</div>
</body>
<script src="index.js"></script>
</html>