minigpt / static /index.html
debojitbasak's picture
Initial deployment
e900b67
<!DOCTYPE html><!--nn4qaT7p51YtxU5tkN_2F--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/f586a29ffaa3f3e4.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/4b9eae0c8dc7e975.js"/><script src="/_next/static/chunks/f2f58a7e93290fbb.js" async=""></script><script src="/_next/static/chunks/5636b81df088f077.js" async=""></script><script src="/_next/static/chunks/turbopack-6ad3b2dca33be858.js" async=""></script><script src="/_next/static/chunks/2f236954d6a65e12.js" async=""></script><script src="/_next/static/chunks/74990dc58d03c07f.js" async=""></script><meta name="next-size-adjust" content=""/><title>MiniGPT</title><meta name="description" content="GPT trained from scratch — English &amp; Bangla"/><link rel="icon" href="/favicon.ico?favicon.0b3bf435.ico" sizes="256x256" type="image/x-icon"/><script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script></head><body class="geist_2ae47f08-module__h69qWW__variable geist_mono_eb58308d-module__w_p2Lq__variable antialiased"><div hidden=""><!--$--><!--/$--></div><main class="min-h-screen bg-gradient-to-br from-gray-50 to-blue-50 p-4 md:p-8"><div class="max-w-4xl mx-auto"><div class="text-center mb-8"><h1 class="text-4xl font-bold text-gray-900 mb-2">🤖 MiniGPT</h1><p class="text-gray-500">GPT trained from scratch · English &amp; Bangla</p></div><div class="grid grid-cols-1 lg:grid-cols-3 gap-6"><div class="lg:col-span-1 space-y-4"><div class="bg-white rounded-2xl p-5 shadow-sm border border-gray-100"><h2 class="text-sm font-semibold text-gray-500 uppercase tracking-wide mb-3">Model</h2><div class="grid grid-cols-2 gap-2"><button class="p-3 rounded-xl border-2 transition-all
text-left
border-blue-500 bg-blue-50"><div class="font-medium text-sm">📖 English</div><div class="text-xs text-gray-400">Shakespeare</div></button><button class="p-3 rounded-xl border-2 transition-all
text-left
border-gray-200 hover:border-gray-300"><div class="font-medium text-sm">বা Bangla</div><div class="text-xs text-gray-400">Wikipedia</div></button></div></div><div class="bg-white rounded-2xl p-5 shadow-sm border border-gray-100 space-y-5"><h2 class="text-sm font-semibold text-gray-500 uppercase tracking-wide">Settings</h2><div><div class="flex justify-between items-center mb-1"><label class="text-sm font-medium text-gray-700">Temperature</label><span class="text-sm font-mono bg-gray-100 px-2 py-0.5 rounded text-gray-800">1</span></div><input type="range" min="0.1" max="2" step="0.1" class="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-blue-500" value="1"/><div class="flex justify-between text-xs text-gray-400 mt-1"><span>0.1</span><span class="text-gray-500">Balanced</span><span>2</span></div></div><div><div class="flex justify-between items-center mb-1"><label class="text-sm font-medium text-gray-700">Max Tokens</label><span class="text-sm font-mono bg-gray-100 px-2 py-0.5 rounded text-gray-800">200</span></div><input type="range" min="50" max="500" step="10" class="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-blue-500" value="200"/><div class="flex justify-between text-xs text-gray-400 mt-1"><span>50</span><span class="text-gray-500">length</span><span>500</span></div></div><div><div class="flex justify-between items-center mb-1"><label class="text-sm font-medium text-gray-700">Top-K</label><span class="text-sm font-mono bg-gray-100 px-2 py-0.5 rounded text-gray-800">40</span></div><input type="range" min="1" max="100" step="1" class="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-blue-500" value="40"/><div class="flex justify-between text-xs text-gray-400 mt-1"><span>1</span><span class="text-gray-500">diversity</span><span>100</span></div></div></div><div class="bg-white rounded-2xl p-5 shadow-sm border border-gray-100"><h2 class="text-sm font-semibold text-gray-500 uppercase tracking-wide mb-3">Quick Prompts</h2><div class="space-y-2"><button class="w-full text-left text-sm px-3 py-2 rounded-lg bg-gray-50 hover:bg-blue-50 hover:text-blue-700 transition-all text-gray-700 border border-gray-100 hover:border-blue-200">ROMEO:</button><button class="w-full text-left text-sm px-3 py-2 rounded-lg bg-gray-50 hover:bg-blue-50 hover:text-blue-700 transition-all text-gray-700 border border-gray-100 hover:border-blue-200">To be or not to be</button><button class="w-full text-left text-sm px-3 py-2 rounded-lg bg-gray-50 hover:bg-blue-50 hover:text-blue-700 transition-all text-gray-700 border border-gray-100 hover:border-blue-200">HAMLET:</button><button class="w-full text-left text-sm px-3 py-2 rounded-lg bg-gray-50 hover:bg-blue-50 hover:text-blue-700 transition-all text-gray-700 border border-gray-100 hover:border-blue-200">Once upon a time</button></div></div></div><div class="lg:col-span-2 space-y-4"><div class="bg-white rounded-2xl p-5 shadow-sm border border-gray-100"><h2 class="text-sm font-semibold text-gray-500 uppercase tracking-wide mb-3">Prompt<span class="ml-2 text-xs font-normal text-gray-400 normal-case">(optional — leave empty to generate freely)</span></h2><textarea placeholder="ROMEO: or To be or not to be..." rows="3" class="w-full resize-none rounded-xl border border-gray-200 p-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-300 text-gray-800 placeholder-gray-300"></textarea><p class="text-xs text-gray-400 mt-1">Ctrl+Enter to generate</p></div><button class="w-full py-4 rounded-2xl font-semibold
text-white text-lg transition-all shadow-sm
bg-blue-500 hover:bg-blue-600 active:scale-95">✨ Generate Text</button></div></div><div class="text-center mt-8 text-xs text-gray-400">Built from scratch · PyTorch · FastAPI · Next.js</div></div></main><!--$--><!--/$--><script src="/_next/static/chunks/4b9eae0c8dc7e975.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/_next/static/chunks/2f236954d6a65e12.js\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/2f236954d6a65e12.js\"],\"default\"]\n4:I[47257,[\"/_next/static/chunks/2f236954d6a65e12.js\"],\"ClientPageRoot\"]\n5:I[81694,[\"/_next/static/chunks/74990dc58d03c07f.js\"],\"default\"]\n8:I[97367,[\"/_next/static/chunks/2f236954d6a65e12.js\"],\"OutletBoundary\"]\n9:\"$Sreact.suspense\"\nb:I[97367,[\"/_next/static/chunks/2f236954d6a65e12.js\"],\"ViewportBoundary\"]\nd:I[97367,[\"/_next/static/chunks/2f236954d6a65e12.js\"],\"MetadataBoundary\"]\nf:I[68027,[],\"default\"]\n:HL[\"/_next/static/chunks/f586a29ffaa3f3e4.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"nn4qaT7p51YtxU5tkN-2F\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/f586a29ffaa3f3e4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"className\":\"geist_2ae47f08-module__h69qWW__variable geist_mono_eb58308d-module__w_p2Lq__variable antialiased\",\"suppressHydrationWarning\":true,\"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\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{\"Component\":\"$5\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@6\",\"$@7\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/74990dc58d03c07f.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@a\"}]}]]}],{},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Le\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"6:{}\n7:\"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"10:I[27201,[\"/_next/static/chunks/2f236954d6a65e12.js\"],\"IconMark\"]\na:null\ne:[[\"$\",\"title\",\"0\",{\"children\":\"MiniGPT\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"GPT trained from scratch — English \u0026 Bangla\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0b3bf435.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L10\",\"3\",{}]]\n"])</script></body></html>