{"version":3,"file":"5.CBsURNPo.mjs","sources":["../../../../../../src/lib/components/FeatureCard.svelte","../../../../../../src/lib/components/Hero.svelte","../../../../../../src/routes/+page.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import WithTooltip from \"./reusable/WithTooltip.svelte\";\n  import { Button } from \"bits-ui\";\n\n  // eslint-disable-next-line no-undef-init\n  export let href: string | undefined = undefined;\n  export let icon: string;\n  export let title: string;\n  export let description: string;\n</script>\n\n<Button.Root {href} on:click class=\"max-h-40 w-fit rounded-md bg-white/3 transition active:bg-white/10 hover:bg-white/7\">\n  <WithTooltip let:builder tips={description}>\n    <div class=\"flex flex-col px-2.5 py-2\" {...builder} use:builder.action>\n      <div class=\"flex flex-row items-center gap-1.5\">\n        <div class=\"{icon} text-base\" />\n        <h3 class=\"text-sm\">{title}</h3>\n      </div>\n    </div>\n  </WithTooltip>\n</Button.Root>\n","<div class=\"i-carbon-logo-python pointer-events-none absolute right-0 top-1/2 text-[clamp(9rem,50vw-7rem,22.5rem)] op-3 -translate-y-1/2\" />\n\n<div class=\"h-full min-h-sm flex flex-col justify-between\">\n  <div class=\"flex flex-row items-center gap-2\">\n    <a class=\"w-fit flex flex-row select-none items-center gap-1 rounded-full bg-white/5 p-2 pr-2.5 transition hover:(bg-white text-neutral-9)\" href=\"https://github.com/promplate/pyth-on-line\">\n      <div class=\"i-mdi-github\" />\n      <h2 class=\"contents\">\n        <div class=\"flex flex-row gap-0.3 text-xs tracking-wider\">\n          promplate\n          <span class=\"op-60\">/</span>\n          pyth-on-line\n        </div>\n      </h2>\n    </a>\n    <a class=\"rounded-full bg-white/5 p-2 transition hover:(bg-white text-neutral-9 -rotate-45)\" href=\"https://github.com/promplate/pyth-on-line\" target=\"_blank\">\n      <div class=\"i-ic-twotone-arrow-forward\" />\n    </a>\n  </div>\n\n  <div class=\"flex flex-col translate-x-0.5 gap-3 lg:gap-5\">\n    <div class=\"text-xs\">\n      <span class=\"op-30\">由一个将 CPython 编译成 WASM 的项目</span>\n      <a class=\"underline underline-(white op-30 offset-2) op-80 transition hover:op-100\" href=\"https://github.com/pyodide/pyodide\">@pyodide</a>\n      <span class=\"op-30\">实现</span>\n    </div>\n\n    <h1 class=\"flex flex-row select-none text-4xl font-sans font-semibold tracking-wide -translate-x-0.5\">\n      <span>Pyth</span>\n      <span>on</span>\n      <span>line</span>\n    </h1>\n\n    <div>\n      <h2 class=\"group w-fit flex flex-row gap-1.5 rounded-sm bg-neutral-1 px-2.5 py-1.5 text-sm text-neutral-9 font-500\">\n        浏览器中的 Python IDE，内置 Copilot\n        <span class=\"hidden select-none group-hover:(block after:content-['🥰'])\" />\n      </h2>\n    </div>\n  </div>\n\n  <div />\n</div>\n","<script lang=\"ts\">\n  import { show as showMenu } from \"$lib/components/command/CmdK.svelte\";\n  import FeatureCard from \"$lib/components/FeatureCard.svelte\";\n  import Hero from \"$lib/components/Hero.svelte\";\n</script>\n\n<div class=\"grid min-h-screen place-items-center\">\n  <div class=\"b-(1 white/10) bg-white/2\">\n    <div class=\"m-5 max-h-3xl w-auto flex flex-col justify-between gap-4 lg:m-15 md:m-11 sm:m-8\">\n      <div class=\"relative min-h-sm w-full self-center lg:max-w-3xl\">\n        <Hero />\n      </div>\n      <div class=\"flex flex-row flex-wrap gap-3 sm:(max-w-3xl self-center)\">\n        <FeatureCard icon=\"i-ph-terminal-window-duotone\" href=\"/console\" title=\"Python 控制台\" description=\"打开一个沉浸式控制台\" />\n        <FeatureCard icon=\"i-hugeicons-hand-pointing-right-01\" href=\"/about\" title=\"自我介绍\" description=\"功能简介\" />\n        <FeatureCard icon=\"i-solar-command-bold-duotone\" on:click={() => $showMenu = true} title=\"试试快捷菜单\" description=\"按 Ctrl/Cmd + K 打开\" />\n        <FeatureCard icon=\"i-hugeicons-package-search\" href=\"/pypi\" title=\"探索 PyPI\" description=\"搜索 PyPI 上的包\" />\n        <FeatureCard icon=\"i-mdi-github-face\" href=\"/github\" title=\"打开一个 GitHub 仓库\" description=\"从指定的 GitHub 仓库打开一个工作区\" />\n        <FeatureCard icon=\"i-material-symbols-create-new-folder-outline-rounded\" href=\"/new\" title=\"从零开始\" description=\"打开一个崭新的工作区\" />\n        <FeatureCard icon=\"i-ic-twotone-timelapse\" href=\"/recents\" title=\"最近打开\" description=\"打开过的工作区\" />\n        <FeatureCard icon=\"i-icon-park-twotone-new-computer\" href=\"/start\" title=\"从本地选取文件\" description=\"或者拖拽\" />\n      </div>\n    </div>\n  </div>\n</div>\n"],"names":["ctx","insert_hydration","target","div2","anchor","append_hydration","div1","div0","h3","href","$$props","icon","title","description","div9","div4","div3","set_store_value","showMenu","$showMenu"],"mappings":"2iBAa+CA,EAAO,CAAA,CAAA,gHAGzBA,EAAK,CAAA,CAAA,+KAALA,EAAK,CAAA,CAAA,qEADbA,EAAI,CAAA,EAAA,YAAA,0FAFrBC,EAKKC,EAAAC,EAAAC,CAAA,EAJHC,EAGKF,EAAAG,CAAA,EAFHD,EAA+BC,EAAAC,CAAA,SAC/BF,EAA+BC,EAAAE,CAAA,4DADlBR,EAAI,CAAA,EAAA,wCACIA,EAAK,CAAA,CAAA,wDAHaA,EAAO,CAAA,kFADrBA,EAAW,CAAA,8LAAXA,EAAW,CAAA,mlBAP/B,KAAAS,EAAA,MAA2B,EAAAC,EAC3B,CAAA,KAAAC,CAAA,EAAAD,EACA,CAAA,MAAAE,CAAA,EAAAF,EACA,CAAA,YAAAG,CAAA,EAAAH;;;ijBCRbT,EAA2IC,EAAAK,EAAAH,CAAA,WAE3IH,EAuCKC,EAAAY,EAAAV,CAAA,+oECnCLH,EAkBKC,EAAAa,EAAAX,CAAA,EAjBHC,EAgBKU,EAAAC,CAAA,EAfHX,EAcKW,EAAAb,CAAA,EAbHE,EAEKF,EAAAI,CAAA,qBACLF,EASKF,EAAAG,CAAA,ioBAN8D,IAAAW,GAAAC,EAAAC,EAAY,GAAIA,CAAA"}