18 lines
No EOL
12 KiB
HTML
18 lines
No EOL
12 KiB
HTML
<!DOCTYPE html><html lang="en" class="dark"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/1407cd2e386d2b90.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-044339bff810de6a.js"/><script src="/_next/static/chunks/4bd1b696-8c0e81a8f63e9d6d.js" async=""></script><script src="/_next/static/chunks/1684-4e8707a6b0eb6b46.js" async=""></script><script src="/_next/static/chunks/main-app-ccdb2cd92e15df7d.js" async=""></script><script src="/_next/static/chunks/app/background-remover/page-63a5ea1b6f6e3fe4.js" async=""></script><title>LE-DB</title><meta name="description" content="Laser Everything Community Database"/><script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div class="p-6 text-zinc-100 overflow-x-hidden"><style>
|
|
html, body { width: 100%; overflow-x: hidden; }
|
|
:root { font-size: 17px; }
|
|
.checkerboard {
|
|
background-size: 24px 24px;
|
|
background-image:
|
|
linear-gradient(45deg,#2a2a2a 25%,transparent 25%),
|
|
linear-gradient(-45deg,#2a2a2a 25%,transparent 25%),
|
|
linear-gradient(45deg,transparent 75%,#2a2a2a 75%),
|
|
linear-gradient(-45deg,transparent 75%,#2a2a2a 75%);
|
|
background-position: 0 0,0 12px,12px -12px,-12px 0;
|
|
}
|
|
.slider-handle { position: absolute; top: 0; bottom: 0; width: 0; left: calc(var(--reveal, 50) * 1%); }
|
|
.slider-handle::before { content: ""; position: absolute; top: 0; bottom: 0; width: 2px; left: -1px; background: rgba(255,255,255,0.85); }
|
|
.slider-thumb { position: absolute; top: 50%; transform: translate(-50%, -50%); width: 26px; height: 26px; border-radius: 9999px; background: rgba(24,24,27,0.9); border: 1px solid rgba(255,255,255,0.85); display: grid; place-items: center; cursor: ew-resize; }
|
|
/* Mobile: keep the page from panning left/right while using the slider */
|
|
.app-frame { touch-action: pan-y; overscroll-behavior-x: contain; }
|
|
</style><div class="mx-auto w-full max-w-[1200px] px-4"><div class="mb-4 flex items-center justify-between gap-3"><h1 class="text-2xl font-semibold">Background Remover</h1><a href="https://makearmy.io" class="px-3 py-1 rounded-md border border-zinc-700 hover:bg-zinc-800/60 text-sm">Back to main</a></div><div class="text-zinc-400 mb-3"><span class="text-zinc-300">Source:</span> <span class="italic">— none —</span></div><div class="app-frame checkerboard relative w-full rounded-2xl border border-zinc-800/80 shadow-inner" style="aspect-ratio:1.7777777777777777;max-width:1200px;max-height:80vh;margin-inline:auto"><label class="absolute inset-0 grid place-items-center cursor-pointer"><input type="file" accept="image/*" class="hidden"/><div class="text-zinc-400 border-2 border-dashed border-zinc-600/70 rounded-xl px-6 py-10"><div class="text-center"><div class="mb-1">Drop an image here</div><div class="text-zinc-500">or click to select a file</div></div></div></label></div><div class="mt-4 grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-2"><button class="w-full justify-center px-3 py-2 rounded-md border flex items-center gap-2 border-zinc-700 hover:bg-zinc-800/60" disabled="" title="Select a file first"><span class="inline-block w-2 h-2 rounded-full bg-zinc-600"></span><span class="truncate">ORMBG</span></button><button class="w-full justify-center px-3 py-2 rounded-md border flex items-center gap-2 border-zinc-700 hover:bg-zinc-800/60" disabled="" title="Select a file first"><span class="inline-block w-2 h-2 rounded-full bg-zinc-600"></span><span class="truncate">U2NET</span></button><button class="w-full justify-center px-3 py-2 rounded-md border flex items-center gap-2 border-zinc-700 hover:bg-zinc-800/60" disabled="" title="Select a file first"><span class="inline-block w-2 h-2 rounded-full bg-zinc-600"></span><span class="truncate">BASNET</span></button><button class="w-full justify-center px-3 py-2 rounded-md border flex items-center gap-2 border-zinc-700 hover:bg-zinc-800/60" disabled="" title="Select a file first"><span class="inline-block w-2 h-2 rounded-full bg-zinc-600"></span><span class="truncate">DEEPLAB</span></button><button class="w-full justify-center px-3 py-2 rounded-md border flex items-center gap-2 border-zinc-700 hover:bg-zinc-800/60" disabled="" title="Select a file first"><span class="inline-block w-2 h-2 rounded-full bg-zinc-600"></span><span class="truncate">TRACER-B7</span></button><button class="w-full justify-center px-3 py-2 rounded-md border flex items-center gap-2 border-zinc-700 hover:bg-zinc-800/60" disabled="" title="Select a file first"><span class="inline-block w-2 h-2 rounded-full bg-zinc-600"></span><span class="truncate">U2NET (Human)</span></button><button class="w-full justify-center px-3 py-2 rounded-md border flex items-center gap-2 border-zinc-700 hover:bg-zinc-800/60" disabled="" title="Select a file first"><span class="inline-block w-2 h-2 rounded-full bg-zinc-600"></span><span class="truncate">ISNET (General)</span></button><button class="w-full justify-center px-3 py-2 rounded-md border flex items-center gap-2 border-zinc-700 hover:bg-zinc-800/60" disabled="" title="Select a file first"><span class="inline-block w-2 h-2 rounded-full bg-zinc-600"></span><span class="truncate">ISNET (Anime)</span></button><button class="w-full justify-center px-3 py-2 rounded-md border flex items-center gap-2 border-zinc-700 hover:bg-zinc-800/60" disabled="" title="Select a file first"><span class="inline-block w-2 h-2 rounded-full bg-zinc-600"></span><span class="truncate">BRIA RMBG1.4</span></button><button class="w-full justify-center px-3 py-2 rounded-md border flex items-center gap-2 border-zinc-700 hover:bg-zinc-800/60" disabled="" title="Select a file first"><span class="inline-block w-2 h-2 rounded-full bg-zinc-600"></span><span class="truncate">INSPYRENET</span></button></div><div class="mt-4 flex items-center gap-3 flex-wrap"><button class="px-3 py-1 rounded-md border border-zinc-700 hover:bg-zinc-800/60 flex items-center gap-2 order-0" disabled="" title="Select a file first"> <!-- -->Run all methods</button><label class="flex items-center gap-2 text-sm text-zinc-300 cursor-pointer select-none order-1"><input type="checkbox" checked=""/> GPU-safe mode</label><div class="text-zinc-400 text-sm order-2"><span>Drop an image to begin</span></div><div class="sm:ml-auto flex items-center gap-3 w-full sm:w-auto order-3"><input type="range" min="0" max="100" class="w-full sm:w-56" title="Slide to compare before/after" value="50"/><button disabled="" class="px-3 py-1 rounded-md border border-zinc-700 text-zinc-400 cursor-not-allowed" title="Select a file first">Full-res render</button><button disabled="" class="px-3 py-1 rounded-md border border-zinc-700 text-zinc-400 cursor-not-allowed">Download</button></div></div></div></div><!--$--><!--/$--><!--$--><!--/$--><script src="/_next/static/chunks/webpack-044339bff810de6a.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[7555,[],\"\"]\n3:I[1295,[],\"\"]\n4:I[894,[],\"ClientPageRoot\"]\n5:I[6888,[\"2460\",\"static/chunks/app/background-remover/page-63a5ea1b6f6e3fe4.js\"],\"default\"]\n8:I[9665,[],\"MetadataBoundary\"]\na:I[9665,[],\"OutletBoundary\"]\nd:I[4911,[],\"AsyncMetadataOutlet\"]\nf:I[9665,[],\"ViewportBoundary\"]\n11:I[6614,[],\"\"]\n:HL[\"/_next/static/css/1407cd2e386d2b90.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"smYFbxhqhlZ_qnYDwSLJf\",\"p\":\"\",\"c\":[\"\",\"background-remover\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"background-remover\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/1407cd2e386d2b90.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"dark\",\"children\":[\"$\",\"body\",null,{\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[\"background-remover\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{\"Component\":\"$5\",\"searchParams\":{},\"params\":{},\"promises\":[\"$@6\",\"$@7\"]}],[\"$\",\"$L8\",null,{\"children\":\"$L9\"}],null,[\"$\",\"$La\",null,{\"children\":[\"$Lb\",\"$Lc\",[\"$\",\"$Ld\",null,{\"promise\":\"$@e\"}]]}]]}],{},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"QI7AIcsYHkXDXSGqYK2ya\",{\"children\":[[\"$\",\"$Lf\",null,{\"children\":\"$L10\"}],null]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"12:\"$Sreact.suspense\"\n13:I[4911,[],\"AsyncMetadata\"]\n6:{}\n7:{}\n9:[\"$\",\"$12\",null,{\"fallback\":null,\"children\":[\"$\",\"$L13\",null,{\"promise\":\"$@14\"}]}]\n"])</script><script>self.__next_f.push([1,"c:null\n"])</script><script>self.__next_f.push([1,"10:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\nb:null\n"])</script><script>self.__next_f.push([1,"14:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"LE-DB\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Laser Everything Community Database\"}]],\"error\":null,\"digest\":\"$undefined\"}\ne:{\"metadata\":\"$14:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script></body></html> |