inkyboo/index.html

165 lines
8.5 KiB
HTML
Raw Permalink Normal View History

2020-02-13 15:02:17 +00:00
<!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" />
2020-02-13 15:02:17 +00:00
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
2020-04-28 11:49:38 +00:00
2025-02-19 02:25:10 +00:00
<title>InkyBoo paste service</title>
2025-02-19 02:14:22 +00:00
<link rel="stylesheet" type="text/css" href="css/bootstrap-grid.min.css" />
<link rel="stylesheet" type="text/css" href="css/slimselect.min.css" />
<link rel="stylesheet" type="text/css" href="css/codemirror.min.css" />
<link rel="stylesheet" type="text/css" href="css/simplescrollbars.css" />
<link rel="stylesheet" type="text/css" href="css/dracula.min.css" />
<link rel="stylesheet" type="text/css" href="css/microtip.min.css" />
2020-05-14 16:32:34 +00:00
<link rel="stylesheet" href="style.css" />
2020-04-30 08:05:19 +00:00
<link href="favicon.ico" rel="icon" type="image/x-icon" />
2020-02-13 15:02:17 +00:00
</head>
2020-04-24 10:24:08 +00:00
<body class="m-0">
2020-04-27 15:03:02 +00:00
<script>
const readOnly = window.location !== window.parent.location || new URLSearchParams(window.location.search).has('readonly');
2020-04-27 15:03:02 +00:00
if (readOnly) {
document.body.classList.add('readonly');
}
</script>
2020-04-24 13:30:20 +00:00
<div id="copy" class="container-fluid hidden shadow-bottom hide-readonly">
2020-04-24 10:24:08 +00:00
<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)" />
2020-04-24 10:24:08 +00:00
</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">
2020-04-24 10:24:08 +00:00
Copy
</button>
<button class="py-1 px-2 mx-1" onclick="hideCopyBar(false)" type="button">Cancel</button>
</div>
</div>
</div>
2020-04-24 13:30:20 +00:00
<div id="controls" class="container-fluid shadow-bottom hide-readonly">
2020-04-24 10:24:08 +00:00
<div class="row align-items-center justify-content-end my-1">
<div class="col-auto mb-1">
2025-02-19 02:25:10 +00:00
<h1 class="my-0"><span>{</span> InkyBoo <span>}</span></h1>
2020-04-24 10:24:08 +00:00
</div>
<div class="col-auto">
2020-06-02 14:03:00 +00:00
<a
href="javascript:void(0)"
2020-06-18 15:05:48 +00:00
class="mx-3"
aria-label="Click to know more about NoPaste"
2020-06-02 14:03:00 +00:00
data-microtip-position="bottom"
role="tooltip"
data-micromodal-trigger="description-modal"
2020-06-18 15:05:48 +00:00
>About</a
2020-06-02 14:03:00 +00:00
>
2020-06-18 15:05:48 +00:00
<a href="https://github.com/bokub/nopaste" rel="noopener" target="_blank" class="mx-3">Source</a>
</div>
<div class="col"></div>
2020-04-24 10:24:08 +00:00
<div class="col-auto my-1">
<select id="language"></select>
</div>
<div class="col-auto">
2020-06-02 14:03:00 +00:00
<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"
2020-06-02 14:03:00 +00:00
aria-label="Disable line wrapping"
data-microtip-position="bottom"
role="tooltip"
2020-04-27 15:03:02 +00:00
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">
2020-04-24 10:24:08 +00:00
Generate markdown
</button>
<button class="py-1 px-2 mx-0 my-1" onclick="generateLink('iframe')" type="button">Embed</button>
2020-04-24 10:24:08 +00:00
</div>
</div>
2020-02-13 15:02:17 +00:00
</div>
2020-04-22 16:50:44 +00:00
<div id="progress"></div>
<div id="editor"></div>
2020-04-25 22:53:10 +00:00
<footer id="footer" class="shadow-top container-fluid">
2020-04-24 13:30:20 +00:00
<div class="row my-1">
<div class="col mono hide-readonly" id="stats">Length: 0 | Lines: 1</div>
2020-06-18 15:05:48 +00:00
<div class="col mono show-readonly">Powered by NoPaste</div>
2020-04-27 15:03:02 +00:00
<div class="col-auto mono show-readonly">
<a href="javascript:void(0)" onclick="openInNewTab()">
<span class="icon-edit"></span>
2020-04-27 15:03:02 +00:00
Edit
</a>
</div>
2020-04-24 13:30:20 +00:00
</div>
</footer>
2022-10-18 08:23:05 +00:00
<div id="description-modal" data-micromodal-close class="modal">
2022-10-18 08:41:41 +00:00
<div tabindex="-1" class="modal-overlay">
2022-10-18 08:23:05 +00:00
<div role="dialog" class="modal-content shadow-bottom p-3 m-3">
2022-10-18 08:41:41 +00:00
<div class="modal-close" data-micromodal-close><span class="icon-close"></span></div>
2020-06-18 15:05:48 +00:00
<h2 class="mt-0">What is NoPaste?</h2>
2020-04-28 11:49:38 +00:00
2020-06-18 15:05:48 +00:00
<span class="pink">NoPaste</span> is an open-source website similar to Pastebin where you can store any piece of code,
and generate links for easy sharing<br /><br />
2020-04-28 11:49:38 +00:00
2020-06-18 15:05:48 +00:00
However, what makes NoPaste special is that it works with <span class="pink">no database</span>, and
<span class="pink">no back-end code</span>.<br />
Instead, the data is compressed and <span class="pink">stored entirely in the link</span> that you share, nowhere else!
<h3>Because of this design:</h3>
🗑️ Your data <span class="pink">cannot be deleted</span> from NoPaste<br />
🔞 Your data <span class="pink">cannot be censored</span><br />
👁️ The server hosting NoPaste (or any clone of it) <span class="pink">cannot read or access</span> your data<br />
⏳ Your data will be accessible <span class="pink">forever</span> (as long as you have the link)<br />
🔀 You can access your data on <span class="pink">every NoPaste clone</span>, including
<a href="https://github.com/bokub/nopaste/wiki/Deploy-your-own-version-of-NoPaste" rel="noopener" target="_blank"
>your own</a
><br />
🔍 Google <span class="pink">will not index</span> your data, even if your link is public<br />
<br />
If you want to know more, you can find more information on
2022-10-18 08:41:41 +00:00
<a href="https://github.com/bokub/nopaste" rel="noopener" target="_blank" class="pink">GitHub</a>
2020-11-21 09:55:01 +00:00
<div class="additional-info">
Note: NoPaste is an improved version of Topaz's
<a href="https://topaz.github.io/paste" rel="noopener" target="_blank">Paste</a>
</div>
2020-06-18 15:05:48 +00:00
</div>
</div>
</div>
2022-10-18 08:23:05 +00:00
<div id="error-modal" class="modal" data-micromodal-close>
<div tabindex="-1" class="modal-overlay">
<div role="dialog" class="modal-content shadow-bottom p-3 m-3">
2022-10-18 08:41:41 +00:00
<div class="modal-close" data-micromodal-close><span class="icon-close"></span></div>
2025-02-19 02:25:10 +00:00
InkyBoo cannot decompress the URL<br /><br />
2020-06-18 15:05:48 +00:00
It's possible that you clicked on an invalid link<br /><br />
Sorry about that
2020-06-02 14:03:00 +00:00
</div>
</div>
</div>
2020-06-02 14:03:00 +00:00
2025-02-19 02:14:22 +00:00
<script src="js/lzma.min.js"></script>
<script src="js/slimselect.min.js"></script>
<script src="js/clipboard.min.js"></script>
<script src="js/micromodal.min.js"></script>
<script src="js/codemirror.min.js"></script>
<script src="js/loadmode.min.js"></script>
<script src="js/overlay.min.js"></script>
<script src="js/multiplex.min.js"></script>
<script src="js/simple.min.js"></script>
<script src="js/simplescrollbars.js"></script>
<script src="js/meta.min.js"></script>
2020-06-15 11:10:23 +00:00
<script src="script.js"></script>
</body>
2020-02-13 15:02:17 +00:00
</html>