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 - 64 About 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 w-full mb-12"> 107 <h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-white">ClipBin</h1> 108 <p class="leading-relaxed text-base"> 109 The Simplest way of sharing code or anything that is text. 110 </p> 111 <h1 class="sm:text-2xl text-xl font-medium title-font mb-4 mt-5 text-white">Features</h1> 112 <ul class="list-disc list-inside text-l"> 113 <li>Dark mode</li> 114 <li>Anonymous</li> 115 <li>Password Protected Clips</li> 116 <li>Full CRUD Support</li> 117 <li>Login/Sign-Up Features</li> 118 <li>Dashboard Features</li> 119 <li>Open API</li> 120 <li>Custom URL Alias</li> 121 <li>Temporary Time Based Clips</li> 122 </ul> 123 <p class="leading-relaxed text-base"> 124 Read about the development of ClipBin at <a href="//alightsweblogs.vercel.app/building-clipbin.html" class="underline" target="_blank">alightsweblogs.vercel.app</a> 125 </p> 126 </div> 127 </div> 128</section> 129 130 131 <footer class="text-gray-400 bg-gray-900 body-font"> 132 <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col"> 133 <a class="flex title-font font-medium items-center md:justify-start justify-center text-white"> 134 <span class="ml-3 text-xl">ClipBin</span> 135 </a> 136 <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 â 137 <a href="https://alight659.github.io" class="text-gray-400 ml-1" target="_blank" rel="noopener noreferrer">@alight659</a> 138 <span class="mr-1 ml-1">|</span> 139 <a href="/terms" class="text-gray-400" rel="noopener noreferrer">Terms and Privacy</a> 140 <span class="mr-1 ml-1">|</span> 141 <a href="/feedback" class="text-gray-400" rel="noopener noreferrer">Feedback</a> 142 </p> 143 <span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start"> 144 <a class="text-gray-400" href="https://github.com/alight659/ClipBin" target="_blank" alt="GitHub Repo"> 145 <i class="fa-brands fa-github"></i> 146 </a> 147 </span> 148 </div> 149 </footer> 150 151 <!-- initialise highlight js --> 152
152<script>hljs.initHighlightingOnLoad();</script>
152 153
153<script>hljs.initLineNumbersOnLoad({singleLine: true});</script>
153 154 155
155<script> 156 document.addEventListener("DOMContentLoaded", () => { 157 const body = document.body; 158 const themeToggle = document.getElementById("theme-toggle"); 159 const themeToggleLabel = document.getElementById("theme-toggle-label"); 160 const themeToggleIcon = document.getElementById("theme-toggle-icon"); 161 const hljsTheme = document.getElementById("hljs-theme"); 162 const highlightThemes = { 163 dark: "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css", 164 light: "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css", 165 }; 166 167 const setTheme = (theme) => { 168 body.setAttribute("data-theme", theme); 169 document.documentElement.style.colorScheme = theme; 170 localStorage.setItem("clipbin-theme", theme); 171 if (themeToggleLabel) { 172 themeToggleLabel.textContent = theme === "dark" ? "Light Mode" : "Dark Mode"; 173 } 174 if (themeToggle) { 175 themeToggle.setAttribute("aria-pressed", theme === "dark" ? "true" : "false"); 176 themeToggle.setAttribute("title", theme === "dark" ? "Switch to light mode" : "Switch to dark mode"); 177 } 178 if (themeToggleIcon) { 179 themeToggleIcon.classList.remove("fa-moon", "fa-sun"); 180 themeToggleIcon.classList.add(theme === "dark" ? "fa-moon" : "fa-sun"); 181 } 182 if (hljsTheme) { 183 hljsTheme.setAttribute("href", highlightThemes[theme]); 184 } 185 }; 186 187 const storedTheme = localStorage.getItem("clipbin-theme"); 188 const prefersDark = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches; 189 setTheme(storedTheme || (prefersDark ? "dark" : "light")); 190 191 if (themeToggle) { 192 themeToggle.addEventListener("click", () => { 193 const nextTheme = body.getAttribute("data-theme") === "dark" ? "light" : "dark"; 194 setTheme(nextTheme); 195 }); 196 } 197 198 const select = document.getElementById("clip_delete"); 199 const label = document.getElementById("clip_custom_delete_label"); 200 const input = document.getElementById("clip_custom_delete"); 201 202 if (select && label && input) { 203 select.addEventListener("change", () => { 204 if (select.value === "custom") { 205 label.style.display = "block"; 206 input.style.display = "block"; 207 input.setAttribute("required", ""); 208 } else { 209 input.removeAttribute("required"); 210 label.style.display = "none"; 211 input.style.display = "none"; 212 } 213 }); 214 } 215 }); 216 </script>
216 217 218 <!-- 100% privacy-first analytics --> 219
219<script async src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
219 220 <noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif" alt="" referrerpolicy="no-referrer-when-downgrade"/></noscript> 221 </body> 222 223</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.