forked from bokub/nopaste
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
199 lines (194 loc) · 10.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!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>DoPaste - No-database paste service</title>
<link
rel="stylesheet"
type="text/css"
href="https://cdn.jsdelivr.net/combine/
npm/[email protected]/dist/css/bootstrap-grid.min.css,
npm/[email protected]/dist/slimselect.min.css,
npm/[email protected]/lib/codemirror.min.css,
npm/[email protected]/addon/scroll/simplescrollbars.css,
npm/[email protected]/theme/dracula.min.css,
npm/[email protected]/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.boris.sh/" />
<link rel="alternate" href="https://dopaste.dimio.org/" />
<meta
name="description"
property="og:description"
content="DoPaste 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="DoPaste - No-database paste service" />
<meta property="og:image" content="https://cdn.jsdelivr.net/gh/dimio/dopaste@images/dopaste-logo.png" />
<meta property="og:url" content="https://dopaste.dimio.org/" />
<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">
<label for="copy-link"></label>
<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> DoPaste <span>}</span></h1>
</div>
<div class="col-auto">
<a
href="javascript:void(0)"
class="mx-3"
aria-label="Click to know more about DoPaste"
data-microtip-position="bottom"
role="tooltip"
data-micromodal-trigger="description-modal"
>About</a
>
<a href="https://github.com/dimio/dopaste" rel="noopener" target="_blank" class="mx-3">Source</a>
</div>
<div class="col"></div>
<div class="col-auto my-1">
<label for="language"></label><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="option"
>
<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="option"
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">Powered by DoPaste</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" data-micromodal-close class="modal">
<div tabindex="-1" class="modal-overlay">
<div role="dialog" class="modal-content shadow-bottom p-3 m-3">
<div class="modal-close" data-micromodal-close><span class="icon-close"></span></div>
<h2 class="mt-0">What is DoPaste?</h2>
<span class="pink">DoPaste</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 />
However, what makes DoPaste 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 DoPaste<br />
🔞 Your data <span class="pink">cannot be censored</span><br />
👁️ The server hosting DoPaste / 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 DoPaste / 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
<a href="https://github.com/dimio/dopaste" rel="noopener" target="_blank" class="pink">GitHub</a>
<div class="additional-info">
Notes:
<ul>
<li>DoPaste is an improved version of Bokub's
<a href="https://github.com/bokub/nopaste" rel="noopener" target="_blank">NoPaste</a></li>
<li>NoPaste is an improved version of Topaz's
<a href="https://topaz.github.io/paste" rel="noopener" target="_blank">Paste</a></li>
</ul>
</div>
</div>
</div>
</div>
<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">
<div class="modal-close" data-micromodal-close><span class="icon-close"></span></div>
DoPaste cannot decompress the URL<br /><br />
It's possible that you clicked on an invalid link<br /><br />
Sorry about that
</div>
</div>
</div>
<div id="resource-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">
<div class="modal-close" data-micromodal-close><span class="icon-close"></span></div>
DoPaste cannot load resources<br /><br />
Try to reload this page or continue working as is<br /><br />
Sorry about that
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/combine/
npm/[email protected]/src/lzma.min.js,
npm/[email protected]/dist/slimselect.min.js,
npm/[email protected]/dist/clipboard.min.js,
npm/[email protected]/dist/micromodal.min.js,
npm/[email protected],
npm/[email protected]/addon/mode/loadmode.min.js,
npm/[email protected]/addon/mode/overlay.min.js,
npm/[email protected]/addon/mode/multiplex.min.js,
npm/[email protected]/addon/mode/simple.min.js,
npm/[email protected]/addon/scroll/simplescrollbars.js,
npm/[email protected]/mode/meta.min.js
"></script>
<script src="script.js"></script>
</body>
</html>