18 lines
12 KiB
HTML
18 lines
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="Sele
|