-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
151 lines (151 loc) · 4.81 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="title" content="Rpaste - Base64" />
<meta
name="description"
content="A pastebin, made in HTML/JS/CSS. Uses base64 to store the paste, thus making it a no-datastore pastebin :D" />
<meta name="keywords" content="pastebin, paste, website" />
<meta name="robots" content="index, follow" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="English" />
<meta name="author" content="Rstar284" />
<meta name="og:image" content="image.png"">
<title>Rpaste - Base64</title>
<link rel="stylesheet" href="style.css" />
<link rel="icon" href="favicon.ico" />
</head>
<body>
<div id="code-wrapper">
<textarea
id="code"
spellcheck="false"
disabled="false"
placeholder="Enter text here...
You can also press ctrl+. to get a list of keyboard shortcuts too!"></textarea>
<pre
id="code2"
tabindex="0"
spellcheck="false"
class="hljs"><code></code></pre>
</div>
<div id="output-wrapper">
<pre><code id="output" tabindex="0" spellcheck="false"></code></pre>
</div>
<div id="settingsModal" style="display: none">
<br />
<hr />
<span class="label"
>Theme
<label for="themeSelect">
<select id="themeSelect">
<option value="atom-one" selected class="drop-theme">
Atom One
</option>
<option value="nord" class="drop-theme">Nord</option>
<option value="dracula" class="drop-theme">Dracula</option>
</select>
</label>
</span>
<br />
<span class="label"
>Dark Mode
<label class="switch" for="theme">
<input type="checkbox" id="theme" />
<div class="slider round"></div>
</label>
</span>
<hr />
<span class="label"
>Font Size
<label for="fontSize">
<input type="range" min="12" max="50" id="fontSize" />
<span id="fontSizeVal">16</span>
<pre><code id="fontSizeCode"><span class="hljs-variable language_">console</span>.<span class="hljs-title function_">log</span>(<span class="hljs-string">"Hi"</span>)</code></pre>
</label>
</span>
<hr />
<span class="label"
>Tab Space Width
<label for="tabSpaceSelect">
<select id="tabSpaceSelect">
<option value="2" selected class="drop-tab">2</option>
<option value="4" class="drop-tab">4</option>
<option value="8" class="drop-tab">8</option>
</select>
</label>
</span>
<hr />
<span class="label"
>Font
<label for="fontSelect">
<select id="fontSelect">
<option value="Fira+Mono" selected class="drop-font">
Fira Mono
</option>
<option value="Inconsolata" class="drop-font">Inconsolata</option>
<option value="Azeret+Mono" class="drop-font">Azeret Mono</option>
<option value="JetBrains+Mono" class="drop-font">
Jetbrains Mono
</option>
<option value="Nova+Mono" class="drop-font">Nova Mono</option>
<option value="Fira+Code" class="drop-font">Fira Code</option>
<option value="VT323" class="drop-font">VT323</option>
</select>
</label>
</span>
</div>
<div id="shortcutsModal" style="display: none">
<br />
<hr />
<span class="label-shortcuts"
>Keyboard Shortcuts <i class="fa-solid fa-keyboard"></i>
</span>
<hr />
<span class="label-shortcuts"
>Ctrl+. | open this menu <i class="fa-solid fa-keyboard"></i>
</span>
<hr />
<span class="label-shortcuts"
>Ctrl+S | Save <i class="fas fa-save"></i>
</span>
<hr />
<span class="label-shortcuts"
>Ctrl+Shift+C | Copy <i class="fa fa-clipboard"></i>
</span>
<hr />
<span class="label-shortcuts"
>Ctrl+Shift+L | Copy Link
<i class="fa fa-clipboard"></i>
</span>
<hr />
<span class="label-shortcuts"
>Ctrl+Shift+S | Settings <i class="fas fa-cogs"></i>
</span>
<hr />
<span class="label-shortcuts"
>Ctrl+Shift+R | Show Code Output <i class="fas fa-code"></i>
</span>
<hr />
<span class="label-shortcuts"
>Ctrl+ArrowLeft | Go back <i class="fas fa-undo"></i>
</span>
<hr />
</div>
<div id="navbar">
<a id="sebtn" style="float: left">Settings</a>
<a id="gbbtn" style="float: left">Go back</a>
<a id="sbtn">Save Paste</a>
<a id="rcbtn">Show Output</a>
<a id="cbtn">Copy Link</a>
<a id="rbtn">Copy Text</a>
</div>
</body>
<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@latest/build/highlight.js"></script>
<script src="https://cdn.jsdelivr.net/npm/highlightjs-line-numbers.js@latest/dist/highlightjs-line-numbers.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/markdown-it@latest/dist/markdown-it.min.js"></script>
<script async src="script.js"></script>
</html>