167 lines
7.6 KiB
HTML
167 lines
7.6 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>NoPaste - No-database paste service</title>
|
|
<link
|
|
rel="stylesheet"
|
|
type="text/css"
|
|
href="https://cdn.jsdelivr.net/combine/
|
|
npm/bootstrap@4.4.1/dist/css/bootstrap-grid.min.css,
|
|
npm/slim-select@1.25.0/dist/slimselect.min.css,
|
|
npm/codemirror@5.52.0/lib/codemirror.min.css,
|
|
npm/codemirror@5.52.0/addon/scroll/simplescrollbars.css,
|
|
npm/codemirror@5.52.0/theme/dracula.min.css,
|
|
npm/microtip@0.2.2/microtip.min.css
|
|
"
|
|
/>
|
|
<link rel="stylesheet" href="style.css" />
|
|
<link href="favicon.ico" rel="icon" type="image/x-icon" />
|
|
<link rel="canonical" href="https://nopaste.ml/" />
|
|
<meta
|
|
name="description"
|
|
property="og:description"
|
|
content="NoPaste is a client-side paste service which works with no database, and no back-end code. The data is stored entirely in the links and nowhere else"
|
|
/>
|
|
<meta property="og:title" content="NoPaste - No-database paste service" />
|
|
<meta property="og:image" content="https://cdn.jsdelivr.net/gh/bokub/nopaste@images/logo.png" />
|
|
<meta property="og:url" content="https://nopaste.ml/" />
|
|
<meta property="og:type" content="website" />
|
|
</head>
|
|
<body class="m-0">
|
|
<script>
|
|
const readOnly = window.location !== window.parent.location || new URLSearchParams(window.location.search).has('readonly');
|
|
if (readOnly) {
|
|
document.body.classList.add('readonly');
|
|
}
|
|
</script>
|
|
<div id="copy" class="container-fluid hidden shadow-bottom hide-readonly">
|
|
<div class="row my-1">
|
|
<div class="col my-1">
|
|
<input type="text" value="copy me" id="copy-link" class="px-2" onclick="this.setSelectionRange(0, this.value.length)" />
|
|
</div>
|
|
<div class="col-auto my-1">
|
|
<button class="clipboard py-1 px-2 mx-1" id="copy-btn" data-clipboard-target="#copy-link" type="button">
|
|
Copy
|
|
</button>
|
|
<button class="py-1 px-2 mx-1" onclick="hideCopyBar(false)" type="button">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="controls" class="container-fluid shadow-bottom hide-readonly">
|
|
<div class="row align-items-center justify-content-end my-1">
|
|
<div class="col-auto mb-1">
|
|
<h1 class="my-0"><span>{</span> NoPaste <span>}</span></h1>
|
|
</div>
|
|
<div class="col-auto">
|
|
<a
|
|
href="https://github.com/bokub/nopaste"
|
|
rel="noopener"
|
|
target="_blank"
|
|
class="mx-1"
|
|
aria-label="Source code"
|
|
data-microtip-position="bottom"
|
|
role="tooltip"
|
|
>
|
|
<span class="icon-github"></span>
|
|
</a>
|
|
<a
|
|
href="javascript:void(0)"
|
|
class="mx-1"
|
|
aria-label="What is NoPaste?"
|
|
data-microtip-position="bottom"
|
|
role="tooltip"
|
|
data-micromodal-trigger="description-modal"
|
|
>
|
|
<span class="mx-2 icon-question"></span>
|
|
</a>
|
|
</div>
|
|
<div class="col"></div>
|
|
<div class="col-auto my-1">
|
|
<select id="language"></select>
|
|
</div>
|
|
<div class="col-auto">
|
|
<button
|
|
onclick="enableLineWrapping()"
|
|
type="button"
|
|
id="enable-line-wrapping"
|
|
aria-label="Enable line wrapping"
|
|
data-microtip-position="bottom"
|
|
role="tooltip"
|
|
>
|
|
<span class="icon-notes"></span>
|
|
</button>
|
|
<button
|
|
onclick="disableLineWrapping()"
|
|
type="button"
|
|
id="disable-line-wrapping"
|
|
aria-label="Disable line wrapping"
|
|
data-microtip-position="bottom"
|
|
role="tooltip"
|
|
class="hidden"
|
|
>
|
|
<span class="icon-wrap-text"></span>
|
|
</button>
|
|
</div>
|
|
<div class="col-auto">
|
|
<button class="py-1 px-2 mx-0 my-1" onclick="generateLink('url')" type="button">
|
|
Generate link
|
|
</button>
|
|
<button class="py-1 px-2 mx-1 my-1" onclick="generateLink('markdown')" type="button">
|
|
Generate markdown
|
|
</button>
|
|
<button class="py-1 px-2 mx-0 my-1" onclick="generateLink('iframe')" type="button">Embed</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="progress"></div>
|
|
<div id="editor"></div>
|
|
<footer id="footer" class="shadow-top container-fluid">
|
|
<div class="row my-1">
|
|
<div class="col mono hide-readonly" id="stats">Length: 0 | Lines: 1</div>
|
|
<div class="col mono show-readonly">Hosted on NoPaste.ml</div>
|
|
<div class="col-auto mono show-readonly">
|
|
<a href="javascript:void(0)" onclick="openInNewTab()">
|
|
<span class="icon-edit"></span>
|
|
Edit
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<div id="description-modal" class="modal">
|
|
<div tabindex="-1" data-micromodal-close class="modal-overlay">
|
|
<div role="dialog" class="modal-content shadow-bottom p-3 m-3" data-micromodal-close>
|
|
NoPaste is a client-side paste service which works with <span class="pink">no database</span>, and
|
|
<span class="pink">no back-end code</span>.<br /><br />
|
|
Instead, the data is <span class="pink">compressed</span> then <span class="pink">stored</span> into a unique URL that
|
|
can be shared and decoded later.<br /><br />
|
|
|
|
As a result, there is no risk of data being lost, censored or deleted. The data is stored entirely
|
|
<span class="pink">in the links</span> and nowhere else!<br /><br />
|
|
|
|
You can find more detailed information on
|
|
<a href="https://github.com/bokub/nopaste" rel="noopener" target="_blank">Github</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<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/micromodal@0.4.6/dist/micromodal.min.js,
|
|
npm/codemirror@5.52.0,
|
|
npm/codemirror@5.52.0/addon/mode/loadmode.min.js,
|
|
npm/codemirror@5.52.0/addon/mode/overlay.min.js,
|
|
npm/codemirror@5.52.0/addon/mode/multiplex.min.js,
|
|
npm/codemirror@5.52.0/addon/mode/simple.min.js,
|
|
npm/codemirror@5.52.0/addon/scroll/simplescrollbars.js,
|
|
npm/codemirror@5.52.0/mode/meta.min.js
|
|
"></script>
|
|
<script src="index.js"></script>
|
|
</body>
|
|
</html>
|