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 Search 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-12"> 107 <h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-white">Search a Bin</h1> 108 </div> 109 <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-4sm:space-y-0 space-y-4"> 110 <div class="relative sm:mb-0 flex-grow w-full"> 111 <label for="clip_info" class="leading-7 text-sm text-gray-400">Enter Clip Name or URL Id</label> 112 <form action="/clip" method="post"> 113 <input type="text" id="clip_info" name="clip_info" 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" autocapitalize="off" autocomplete="off" autofocus> 114 <button class="text-white bg-green-500 border-0 py-2 px-8 mt-2 focus:outline-none hover:bg-green-600 rounded text-lg" type="submit">Go</button> 115 </form> 116 </div> 117 </div> 118 <br> 119 120 121 </div> 122 </section> 123 124 125 <footer class="text-gray-400 bg-gray-900 body-font"> 126 <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col"> 127 <a class="flex title-font font-medium items-center md:justify-start justify-center text-white"> 128 <span class="ml-3 text-xl">ClipBin</span> 129 </a> 130 <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 â 131 <a href="https://alight659.github.io" class="text-gray-400 ml-1" target="_blank" rel="noopener noreferrer">@alight659</a> 132 <span class="mr-1 ml-1">|</span> 133 <a href="/terms" class="text-gray-400" rel="noopener noreferrer">Terms and Privacy</a> 134 <span class="mr-1 ml-1">|</span> 135 <a href="/feedback" class="text-gray-400" rel="noopener noreferrer">Feedback</a> 136 </p>
137 <span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start"> 138 <a class="text-gray-400" href="https://github.com/alight659/ClipBin" target="_blank" alt="GitHub Repo"> 139 <i class="fa-brands fa-github"></i> 140 </a> 141 </span> 142 </div> 143 </footer> 144 145 <!-- initialise highlight js --> 146
146<script>hljs.initHighlightingOnLoad();</script>
146 147
147<script>hljs.initLineNumbersOnLoad({singleLine: true});</script>
147 148 149
149<script> 150 document.addEventListener("DOMContentLoaded", () => { 151 const body = document.body; 152 const themeToggle = document.getElementById("theme-toggle"); 153 const themeToggleLabel = document.getElementById("theme-toggle-label"); 154 const themeToggleIcon = document.getElementById("theme-toggle-icon"); 155 const hljsTheme = document.getElementById("hljs-theme"); 156 const highlightThemes = { 157 dark: "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css", 158 light: "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css", 159 }; 160 161 const setTheme = (theme) => { 162 body.setAttribute("data-theme", theme); 163 document.documentElement.style.colorScheme = theme; 164 localStorage.setItem("clipbin-theme", theme); 165 if (themeToggleLabel) { 166 themeToggleLabel.textContent = theme === "dark" ? "Light Mode" : "Dark Mode"; 167 } 168 if (themeToggle) { 169 themeToggle.setAttribute("aria-pressed", theme === "dark" ? "true" : "false"); 170 themeToggle.setAttribute("title", theme === "dark" ? "Switch to light mode" : "Switch to dark mode"); 171 } 172 if (themeToggleIcon) { 173 themeToggleIcon.classList.remove("fa-moon", "fa-sun"); 174 themeToggleIcon.classList.add(theme === "dark" ? "fa-moon" : "fa-sun"); 175 } 176 if (hljsTheme) { 177 hljsTheme.setAttribute("href", highlightThemes[theme]); 178 } 179 }; 180 181 const storedTheme = localStorage.getItem("clipbin-theme"); 182 const prefersDark = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches; 183 setTheme(storedTheme || (prefersDark ? "dark" : "light")); 184 185 if (themeToggle) { 186 themeToggle.addEventListener("click", () => { 187 const nextTheme = body.getAttribute("data-theme") === "dark" ? "light" : "dark"; 188 setTheme(nextTheme); 189 }); 190 } 191 192 const select = document.getElementById("clip_delete"); 193 const label = document.getElementById("clip_custom_delete_label"); 194 const input = document.getElementById("clip_custom_delete"); 195 196 if (select && label && input) { 197 select.addEventListener("change", () => { 198 if (select.value === "custom") { 199 label.style.display = "block"; 200 input.style.display = "block"; 201 input.setAttribute("required", ""); 202 } else { 203 input.removeAttribute("required"); 204 label.style.display = "none"; 205 input.style.display = "none"; 206 } 207 }); 208 } 209 }); 210 </script>
210 211 212 <!-- 100% privacy-first analytics --> 213
213<script async src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
213 214 <noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif" alt="" referrerpolicy="no-referrer-when-downgrade"/></noscript> 215 </body> 216 217</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.