24:I[307436,["/_next/static/immutable/chunks/1gchium7nww9r.js","/_next/static/immutable/chunks/2d7gr10yud7ll.js","/_next/static/immutable/chunks/2kyb8oum4hifz.js","/_next/static/immutable/chunks/17bc5e9cm9a-q.js","/_next/static/immutable/chunks/42sqmxmk3cnps.js","/_next/static/immutable/chunks/2-g5j69xga-j-.js","/_next/static/immutable/chunks/1vqnea-qk-oh0.js","/_next/static/immutable/chunks/0457ji1bpobon.js","/_next/static/immutable/chunks/2kc7ecqs15k_7.js","/_next/static/immutable/chunks/0a937jsg96ehe.js","/_next/static/immutable/chunks/1x71wnz52c5-i.js","/_next/static/immutable/chunks/3bmj1ccyv_bzu.js","/_next/static/immutable/chunks/3zyborr59s_3k.js","/_next/static/immutable/chunks/2iprwyxekay_3.js"],"Copy"] 25:T909,/** One person's places, each with what can be seen of them there: facts read * once and kept beside the page (github.demo.json, `mise unfurl`), nothing * fetched but the pictures. */ const GITHUB = GITHUB_FACTS.profile as GithubProfile const SITE: Unfurl = { url: "https://github.com/Lulzx/cuda-metal", site: "GitHub", title: "GitHub - Lulzx/cuda-metal", description: "CUDA compiler and runtime for Apple Silicon", image: "/xtldr-preview-cuda-metal.png", } const TELEGRAM: ProfileFacts = { platform: "telegram", url: "https://t.me/adriangalilea", handle: "adriangalilea", name: "Adrian Galilea", kind: "person", bio: "https://adriangalilea.com", photo: "/adriangalilea.jpg", counts: [], } function Profile() { return ( }> github }> website }> youtube }> telegram }> email } > hello@adriangalilea.com ) }

26:T59b1,

/** One person's places, each with what can be seen of them there: facts read
 *  once and kept beside the page (github.demo.json, `mise unfurl`), nothing
 *  fetched but the pictures. */
const GITHUB = GITHUB_FACTS.profile as GithubProfile
const SITE: Unfurl = {
  url: "https://github.com/Lulzx/cuda-metal",
  site: "GitHub",
  title: "GitHub - Lulzx/cuda-metal",
  description: "CUDA compiler and runtime for Apple Silicon",
  image: "/xtldr-preview-cuda-metal.png",
}
const TELEGRAM: ProfileFacts = {
  platform: "telegram",
  url: "https://t.me/adriangalilea",
  handle: "adriangalilea",
  name: "Adrian Galilea",
  kind: "person",
  bio: "https://adriangalilea.com",
  photo: "/adriangalilea.jpg",
  counts: [],
}

function Profile() {
  return (
    <Tabs defaultValue="github" size="lg" labels="active">
      <Panel
        glide
        headHeight="3.5rem"
        head={
          <TabsList>
            <TabsTab value="github" icon={<CodeXml />}>
              github
            </TabsTab>
            <TabsTab value="website" icon={<Globe />}>
              website
            </TabsTab>
            <TabsTab value="youtube" icon={<Play />}>
              youtube
            </TabsTab>
            <TabsTab value="telegram" icon={<Send />}>
              telegram
            </TabsTab>
            <TabsTab value="email" icon={<AtSign />}>
              email
            </TabsTab>
          </TabsList>
        }
      >
        <TabsPanels>
          <TabsPanel value="github">
            <GithubProfileCard profile={GITHUB} />
          </TabsPanel>
          <TabsPanel value="website">
            <WebPreview facts={SITE} />
          </TabsPanel>
          <TabsPanel value="youtube">
            <YouTube video="https://youtu.be/aqz-KE-bpKQ" />
          </TabsPanel>
          <TabsPanel value="telegram">
            <SocialProfile facts={TELEGRAM} />
          </TabsPanel>
          <TabsPanel value="email" className="text-[15px] text-foreground/75">
            hello@adriangalilea.com
          </TabsPanel>
        </TabsPanels>
      </Panel>
    </Tabs>
  )
}

<MaterialProvider material="glass">
  <div className="rounded-xl bg-[url(/lightbox/lake.jpg)] bg-cover bg-center p-6">
    <div className="mx-auto max-w-xl">
      <Profile />
    </div>
  </div>
</MaterialProvider>

20:["$","div","profile",{"data-slot":"code","data-material":"plain","data-compact":"$undefined","className":"ag-code","children":[["$","div",null,{"className":"ag-code-bar","children":[["$","span",null,{"className":"ag-code-name","children":"tsx"}],["$","$L24",null,{"value":"$25","label":true}]]}],["$","div",null,{"className":"ag-code-scroll ag-edge-fade-xy","dangerouslySetInnerHTML":{"__html":"$26"}}],false]}]