1<!DOCTYPE html> 2<html lang="en"> 3 4 <head> 5 <!-- meta tags --> 6 <meta charset="utf-8"> 7 <meta name="viewport" content="initial-scale=1, width=device-width"> 8 <meta name="description" content="A simple, anonymous and secure text and code sharing platform. Create or search public or private âbinsâ - no sign-up required, privacy-focused, fast, minimal-UI."> 9 <meta name="keywords" content="clipbin, clipb.in, clip bin, pastebin, anonymous pastebin, secure paste sharing, text sharing, code sharing, snippet sharing, private paste, public paste, minimal paste tool, online notepad, text bin, code bin, share code online, temporary paste, syntax highlighting, text, file, paste, alight659, alight 659, alight"> 10 11 <!-- main stylesheet --> 12 <link rel="stylesheet" href="/static/style.css"> 13 <link rel="stylesheet" href="/static/tailwind.min.css"> 14 15 <!-- og --> 16 <meta property="og:title" content="ClipBin - Share Code or Text Instantly"> 17 <meta property="og:description" content="An ultra-minimal pastebin for secure and anonymous sharing. Create public or private pastes without signup."> 18 <meta property="og:url" content="https://clipb.in"> 19 <meta name="twitter:card" content="summary"> 20 21 <!-- favicon --> 22 <link rel="icon" href="/static/favicons/favicon.ico"> 23 <link rel="apple-touch-icon" sizes="57x57" href="/static/favicons/apple-icon-57x57.png"> 24 <link rel="apple-touch-icon" sizes="60x60" href="/static/favicons/apple-icon-60x60.png"> 25 <link rel="apple-touch-icon" sizes="72x72" href="/static/favicons/apple-icon-72x72.png"> 26 <link rel="apple-touch-icon" sizes="76x76" href="/static/favicons/apple-icon-76x76.png"> 27 <link rel="apple-touch-icon" sizes="114x114" href="/static/favicons/apple-icon-114x114.png"> 28 <link rel="apple-touch-icon" sizes="120x120" href="/static/favicons/apple-icon-120x120.png"> 29 <link rel="apple-touch-icon" sizes="144x144" href="/static/favicons/apple-icon-144x144.png"> 30 <link rel="apple-touch-icon" sizes="152x152" href="/static/favicons/apple-icon-152x152.png"> 31 <link rel="apple-touch-icon" sizes="180x180" href="/static/favicons/apple-icon-180x180.png"> 32 <link rel="icon" type="image/png" sizes="192x192" href="/static/favicons/android-icon-192x192.png"> 33 <link rel="icon" type="image/png" sizes="32x32" href="/static/favicons/favicon-32x32.png"> 34 <link rel="icon" type="image/png" sizes="96x96" href="/static/favicons/favicon-96x96.png"> 35 <link rel="icon" type="image/png" sizes="16x16" href="/static/favicons/favicon-16x16.png"> 36 <link rel="manifest" href="/static/favicons/manifest.json"> 37 <meta name="msapplication-TileColor" content="#ffffff"> 38 <meta name="msapplication-TileImage" content="/static/favicons/ms-icon-144x144.png"> 39 <meta name="theme-color" content="#ffffff"> 40 41 <!-- scripts.js --> 42 <!-- HEHE: DOES NOT EXIST --> 43 44 <!-- google fonts --> 45 <link rel="preconnect" href="https://fonts.googleapis.com"> 46 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 47 <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@100&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"> 48 49 <!-- font awesome --> 50 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css" integrity="sha384-BY+fdrpOd3gfeRvTSMT+VUZmA728cfF9Z2G42xpaRkUGu2i3DyzpTURDo5A6CaLK" crossorigin="anonymous"> 51
51<script src="https://kit.fontawesome.com/fe5f56cf4b.js" crossorigin="anonymous"></script>
51 52 53 <!-- highlight.js --> 54
54<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js"></script>
54 55
55<script src="https://cdn.jsdelivr.net/npm/highlightjs-line-numbers.js/dist/highlightjs-line-numbers.min.js"></script>
55 56 <link 57 id="hljs-theme" 58 rel="stylesheet" 59 href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css" 60 /> 61 62 <title> 63 ClipBin - 64Share Code or Text Instantly 65 66 </title> 67 </head> 68 69 <body class="bg-gray-900" data-theme="dark"> 70 <header class="text-gray-400 bg-gray-900 body-font"> 71 <div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center"> 72 <a class="flex title-font font-medium items-center text-white mb-4 md:mb-0" href="/"> 73 <span class="ml-3 text-xl">ClipBin</span> 74 </a> 75 <nav class="md:ml-auto md:mr-auto flex flex-wrap items-center text-base justify-center"> 76 <a class="mr-5 hover:text-white" href="/">Home</a> 77 <a class="mr-5 hover:text-white" href="/clip">Search</a> 78 79 80 81 <a href="/api" class="mr-5 hover:text-white">API</a> 82 <a class="hover:text-white" href="/about">About</a> 83 </nav> 84 <button 85 id="theme-toggle" 86 type="button" 87 class="inline-flex items-center focus:outline-none rounded text-base mt-4 md:mt-0 md:ml-4 p-2 hover:text-white" 88 aria-label="Toggle theme" 89 > 90 <i id="theme-toggle-icon" class="fa-solid fa-moon" aria-hidden="true"></i> 91 </button> 92 93 94 <a class="inline-flex items-center bg-gray-800 border-0 py-1 px-3 focus:outline-none hover:bg-gray-700 rounded text-base mt-4 md:mt-0 ml-2" href="/login">Login</a> 95 96 97 </div> 98 </header> 99 100 101 102 103 104 <section class="text-gray-400 bg-gray-900 body-font"> 105 <div class="container px-5 py-24 mx-auto"> 106 <div class="flex flex-col text-center w-full mb-10"> 107 <h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-white">Create a Clip</h1> 108 <p class="lg:w-2/3 mx-auto leading-relaxed text-base">Dump your code or whatever you want.</p> 109 </div> 110 <div class="flex lg:w-2/3 w-full sm:flex-row flex-col mx-auto px-8 sm:px-0 items-end sm:space-x-4 sm:space-y-0 space-y-4"> 111 <div class="relative sm:mb-0 flex-grow w-full"> 112 <label for="clip_name" class="leading-7 text-sm text-gray-400">Enter Title</label> 113 <form action="/" method="post" enctype="multipart/form-data"> 114 <input type="text" id="clip_name" name="clip_name" class="w-full bg-gray-800 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:ring-2 focus:ring-green-900 focus:bg-transparent text-base outline-none text-gray-100 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out" placeholder="Hello Title" autocapitalize="off" autocomplete="off" autofocus> 115 <label for="clip_text" class="leading-7 text-sm text-gray-400">Enter your Text</label> 116 <textarea id="clip_text" name="clip_text" class="w-full bg-gray-800 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:ring-2 focus:ring-green-900 focus:bg-transparent text-base outline-none text-gray-100 py-1 px-3 leading-8 h-32 transition-colors duration-200 ease-in-out rounded-md resize-none hover:resize-y ubuntu-mono-regular" placeholder="Something Interesting..." oninput="this.style.height = 'auto'; let min = 8 * 16; let max = 30 * 16; let scrh = this.scrollHeight; if (scrh < min) { this.style.height = min + 'px'; } else if (scrh > max) { this.style.height = max + 'px'; } else { this.style.height = scrh + 'px'; } "></textarea> 117 <div class="flex flex-col text-white text-center border-0 py-2 px-2"> 118 <p class="leading-7 text-sm text-gray-400"> --OR-- </p> 119 </div> 120 <label for="clip_file" class="leading-7 text-sm text-gray-400">Upload File?</label> 121 <div class="flex items-center justify-center text-white bg-gray-800 bg-opacity-40 border-0 py-2 px-2 mb-1"> 122 <label for="clip_file" class="clip_file_label">Choose File</label> 123 <input type="file" name="clip_file" id="clip_file" class="input-file flex text-white py-2 px-2 mb-2 focus:outline-none hover:bg-gray-800 hover:bg-opacity-80 rounded" accept=".txt,.md,.csv,.json,.xml,.html,.css,.js,.py,.java,.c,.cpp,.cs,.h,.php,.rb,.go,.
123sh,.bat,.pl,.r,.kt,.swift"> 124 </div> 125 126 <div class="text-white border-0 py-2 px-8 focus:outline-none bg-gray-800 rounded"> 127 <h1 class="leading-7 text-white">Optionals</h1> 128 <div class="relative"> 129 <label for="clip_alias" class="leading-7 text-sm text-gray-400">Custom URL Alias</label> 130 <input type="text" id="clip_alias" name="clip_alias" class="w-full bg-gray-700 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:ring-2 focus:ring-green-900 focus:bg-transparent text-base outline-none text-gray-100 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out" placeholder="Custom-Alias (a-z A-Z 0-9 -_ only)" autocapitalize="off" autocomplete="off" maxlength="12" minlength="4"> 131 <label for="clip_passwd" class="leading-7 text-sm text-gray-400">Create a Password Protected Clip</label> 132 <input type="text" id="clip_passwd" name="clip_passwd" class="w-full bg-gray-700 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:ring-2 focus:ring-green-900 focus:bg-transparent text-base outline-none text-gray-100 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out" placeholder="Enter Password" autocapitalize="off" autocomplete="off"> 133 <label class="leading-7 text-sm text-gray-400">Using Password also enables E2EE.</label><br> 134 <label class="leading-7 text-sm text-gray-400" for="clip_delete">Remove After:</label> 135 <select name="clip_delete" id="clip_delete" class="w-full bg-gray-700 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:ring-2 focus:ring-green-900 focus:bg-transparent text-base outline-none text-gray-100 py-2 px-3 leading-8 transition-colors duration-200 ease-in-out"> 136 <option value="never">Never</option> 137 <option value="day">1 Day</option> 138 <option value="week">1 Week</option> 139 <option value="twoweek">2 Weeks</option> 140 <option value="month">1 Month</option> 141 <option value="half">6 Months</option> 142 <option value="year">1 Year</option> 143 <option value="custom">Custom</option> 144 </select> 145 <label 146 id="clip_custom_delete_label" 147 for="clip_custom_delete" 148 class="leading-7 text-sm text-gray-400 hidden " 149 style="display:none;" 150 >Or enter custom delete time (hours):</label> 151 152 <input 153 id="clip_custom_delete" 154 name="clip_custom_delete" 155 type="number" 156 min="1" 157 158 placeholder="e.g., 1 for 1 hour" 159 class=" w-full bg-gray-700 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:ring-2 focus:ring-green-900 focus:bg-transparent text-base outline-none text-gray-100 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out " 160 style="display:none;" 161 > 162 163 <div class="check-box-container flex text-center mt-1"> 164 <label for="clip_edit" class="leading-7 text-gray-400">Make Editable? (Login)</label> 165 <label class="inline-flex items-center cursor-pointer"> 166 167 <span class="ms-3 text-sm font-medium text-gray-900 dark:text-gray-300"></span> 168 </label> 169 <label for="clip_disp" class="leading-7 text-gray-400">Set Unlisted? </label> 170 <label class="inline-flex items-center cursor-pointer"> 171 <input type="checkbox" name="clip_disp" id="clip_disp" class="sr-only peer"> 172 <div class="relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"></div>
173 <span class="ms-3 text-sm font-medium text-gray-900 dark:text-gray-300"></span> 174 </label> 175 </div> 176 </div> 177 </div> 178 <br> 179 <button class="text-white bg-green-500 border-0 py-2 px-8 focus:outline-none hover:bg-green-600 rounded " type="submit">Save</button> 180 </form> 181 </div> 182 </div> 183 </div> 184 </section> 185 186 187 <footer class="text-gray-400 bg-gray-900 body-font"> 188 <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col"> 189 <a class="flex title-font font-medium items-center md:justify-start justify-center text-white"> 190 <span class="ml-3 text-xl">ClipBin</span> 191 </a> 192 <p class="text-sm text-gray-100 sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-gray-800 sm:py-2 sm:mt-0 mt-4"><span style="display: inline-block; transform: rotate(180deg);">©</span> 2026 Alight659 â 193 <a href="https://alight659.github.io" class="text-gray-400 ml-1" target="_blank" rel="noopener noreferrer">@alight659</a> 194 <span class="mr-1 ml-1">|</span> 195 <a href="/terms" class="text-gray-400" rel="noopener noreferrer">Terms and Privacy</a> 196 <span class="mr-1 ml-1">|</span> 197 <a href="/feedback" class="text-gray-400" rel="noopener noreferrer">Feedback</a> 198 </p> 199 <span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start"> 200 <a class="text-gray-400" href="https://github.com/alight659/ClipBin" target="_blank" alt="GitHub Repo"> 201 <i class="fa-brands fa-github"></i> 202 </a> 203 </span> 204 </div> 205 </footer> 206 207 <!-- initialise highlight js --> 208
208<script>hljs.initHighlightingOnLoad();</script>
208 209
209<script>hljs.initLineNumbersOnLoad({singleLine: true});</script>
209 210 211
211<script> 212 document.addEventListener("DOMContentLoaded", () => { 213 const body = document.body; 214 const themeToggle = document.getElementById("theme-toggle"); 215 const themeToggleLabel = document.getElementById("theme-toggle-label"); 216 const themeToggleIcon = document.getElementById("theme-toggle-icon"); 217 const hljsTheme = document.getElementById("hljs-theme"); 218 const highlightThemes = { 219 dark: "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css", 220 light: "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css", 221 }; 222 223 const setTheme = (theme) => { 224 body.setAttribute("data-theme", theme); 225 document.documentElement.style.colorScheme = theme; 226 localStorage.setItem("clipbin-theme", theme); 227 if (themeToggleLabel) { 228 themeToggleLabel.textContent = theme === "dark" ? "Light Mode" : "Dark Mode"; 229 } 230 if (themeToggle) { 231 themeToggle.setAttribute("aria-pressed", theme === "dark" ? "true" : "false"); 232 themeToggle.setAttribute("title", theme === "dark" ? "Switch to light mode" : "Switch to dark mode"); 233 } 234 if (themeToggleIcon) { 235 themeToggleIcon.classList.remove("fa-moon", "fa-sun"); 236 themeToggleIcon.classList.add(theme === "dark" ? "fa-moon" : "fa-sun"); 237 } 238 if (hljsTheme) { 239 hljsTheme.setAttribute("href", highlightThemes[theme]); 240 } 241 }; 242 243 const storedTheme = localStorage.getItem("clipbin-theme"); 244 const prefersDark = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches; 245 setTheme(storedTheme || (prefersDark ? "dark" : "light")); 246 247 if (themeToggle) { 248 themeToggle.addEventListener("click", () => { 249 const nextTheme = body.getAttribute("data-theme") === "dark" ? "light" : "dark"; 250 setTheme(nextTheme); 251 }); 252 } 253 254 const select = document.getElementById("clip_delete"); 255 const label = document.getElementById("clip_custom_delete_label"); 256 const input = document.getElementById("clip_custom_delete"); 257 258 if (select && label && input) { 259 select.addEventListener("change", () => { 260 if (select.value === "custom") { 261 label.style.display = "block"; 262 input.style.display = "block"; 263 input.setAttribute("required", ""); 264 } else { 265 input.removeAttribute("required"); 266 label.style.display = "none"; 267 input.style.display = "none"; 268 } 269 }); 270 } 271 }); 272 </script>
272 273 274 <!-- 100% privacy-first analytics --> 275
275<script async src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
275 276 <noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif" alt="" referrerpolicy="no-referrer-when-downgrade"/></noscript> 277 </body> 278 279</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.