carta/introduction.html
2024-05-02 17:30:58 +00:00

105 lines
24 KiB
HTML

<!doctype html>
<html class="dark" lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="./favicon.png" />
<meta name="viewport" content="width=device-width" />
<link href="./_app/immutable/assets/0.7vSfiuRl.css" rel="stylesheet">
<link href="./_app/immutable/assets/community-plugins.D9MMIz_R.css" rel="stylesheet">
<link href="./_app/immutable/assets/examples.RBYF0z3s.css" rel="stylesheet">
<link href="./_app/immutable/assets/index.DMK8G4el.css" rel="stylesheet">
<link href="./_app/immutable/assets/math.DAoj5Yzl.css" rel="stylesheet">
<link href="./_app/immutable/assets/3.DWbm9oEh.css" rel="stylesheet">
<link rel="modulepreload" href="./_app/immutable/entry/start.BivPHxkC.js">
<link rel="modulepreload" href="./_app/immutable/chunks/entry.BgMXaDeF.js">
<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.DKiYiPX0.js">
<link rel="modulepreload" href="./_app/immutable/entry/app.BXoi511P.js">
<link rel="modulepreload" href="./_app/immutable/chunks/preload-helper.BQ24v_F8.js">
<link rel="modulepreload" href="./_app/immutable/chunks/index.z4bt_ZBS.js">
<link rel="modulepreload" href="./_app/immutable/nodes/0.BI5UDqBb.js">
<link rel="modulepreload" href="./_app/immutable/chunks/_commonjsHelpers.bU_6Y6tS.js">
<link rel="modulepreload" href="./_app/immutable/chunks/Link.Dt5uOJAy.js">
<link rel="modulepreload" href="./_app/immutable/chunks/index.CvmYViMX.js">
<link rel="modulepreload" href="./_app/immutable/chunks/spread.CgU5AtxT.js">
<link rel="modulepreload" href="./_app/immutable/chunks/stores.DCXLGCG9.js">
<link rel="modulepreload" href="./_app/immutable/chunks/index.Ba2w8Bvc.js">
<link rel="modulepreload" href="./_app/immutable/nodes/3.CzhdhRpU.js"><title>Carta - Carta</title><!-- HEAD_svelte-lepr8h_START --><!-- HEAD_svelte-lepr8h_END -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<!-- Inter -->
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet"
/>
<!-- Fira Code -->
<link
href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap"
rel="stylesheet"
/>
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents"> <nav class="fixed left-0 right-0 top-0 z-10 bg-neutral-900 bg-opacity-50 backdrop-blur-2xl backdrop-filter"><div class="container mx-auto flex items-center justify-between px-4 py-1 sm:px-6"><a href="./"><img src="./logo.png" class="h-8" alt="carta logo"></a> <div class="flex-grow"></div> <button class="mr-2 block aspect-square md:hidden" data-svelte-h="svelte-1ff08e9"><iconify-icon icon="ion:search" class="text-2xl text-neutral-200"></iconify-icon></button> <button class="hidden w-[360px] items-center justify-between rounded-lg border border-neutral-700 bg-neutral-900 px-2 py-1.5 text-sm md:flex mx-auto"><div class="inline-flex items-center space-x-2" data-svelte-h="svelte-1kkkjyx"><iconify-icon icon="ion:search" class="text-xl text-neutral-500"></iconify-icon> <span class="text-neutral-500">Search...</span></div> <kbd class="bg-muted text-muted-foreground pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border px-1.5 font-mono text-[10px] font-medium opacity-100" data-svelte-h="svelte-zz9ey7"><span class="text-xs"></span>K</kbd></button> <div data-portal="" data-melt-dialog-portalled="" data-bits-dialog-portal=""> </div> <div class="hidden flex-grow md:block"></div> <a href="https://github.com/BearToCode/carta" class="flex h-12 items-center space-x-2 p-2 ml-auto"><iconify-icon icon="mdi:github" class="text-2xl"></iconify-icon> <div class="hidden h-min flex-col justify-center space-y-1 md:flex"><p class="text-[0.9rem] font-semibold leading-3" data-svelte-h="svelte-pjnc05">BearToCode/carta</p> <div class="pulse my-1.5 h-3 w-[80px] rounded-full bg-neutral-800"></div></div></a></div> <div class="absolute bottom-0 left-0 right-0 h-px bg-gradient-to-r from-neutral-900 via-neutral-700 to-neutral-900"></div></nav> <div class="filter-blur-xl min-h-screen w-full py-16 xl:py-24"><div class="fixed bottom-0 left-0 right-0 top-0 z-[-1] backdrop-blur-2xl backdrop-filter" style="background: url(./background.png) no-repeat center center; background-size: cover;"></div> <div class="container mb-4 w-full border-b border-neutral-800 px-4 pb-1 sm:px-6 xl:hidden"><button class="text-neutral-500 hover:text-neutral-200" data-svelte-h="svelte-16xt1x4"><iconify-icon icon="ci:hamburger-lg" class="text-3xl"></iconify-icon></button></div> <div class="container relative mx-auto flex px-4 sm:px-6"><div class="h-full sticky top-24 hidden xl:block"><h3 class="mb-3 ml-4 mt-6 text-sm font-medium first:mt-0 last:mb-0" data-svelte-h="svelte-4l22iw">Overview</h3> <a class="
text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300
inline-flex w-full items-center space-x-2 rounded-lg px-4 py-1.5" href="./introduction"><iconify-icon icon="radix-icons:dashboard" class="text-xl"></iconify-icon> <span class="text-[0.95rem]" data-svelte-h="svelte-hmyc8p">Introduction</span></a> <a class="
text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300
inline-flex w-full items-center space-x-2 rounded-lg px-4 py-1.5" href="./examples"><iconify-icon icon="ph:codesandbox-logo" class="text-xl"></iconify-icon> <span class="text-[0.95rem]" data-svelte-h="svelte-zntwz8">Examples</span></a> <a class="
text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300
inline-flex w-full items-center space-x-2 rounded-lg px-4 py-1.5" href="./getting-started"><iconify-icon icon="ic:round-download" class="text-xl"></iconify-icon> <span class="text-[0.95rem]" data-svelte-h="svelte-10em7s">Getting Started</span></a> <a class="
text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300
inline-flex w-full items-center space-x-2 rounded-lg px-4 py-1.5" href="./editing-styles"><iconify-icon icon="lucide:palette" class="text-xl"></iconify-icon> <span class="text-[0.95rem]" data-svelte-h="svelte-1v8s4yb">Editing Styles</span></a> <a class="
text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300
inline-flex w-full items-center space-x-2 rounded-lg px-4 py-1.5" href="./migration"><iconify-icon icon="material-symbols:upgrade" class="text-xl"></iconify-icon> <span class="text-[0.95rem]" data-svelte-h="svelte-1t554qx">Migration</span></a> <a class="
text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300
inline-flex w-full items-center space-x-2 rounded-lg px-4 py-1.5" href="./community-plugins"><iconify-icon icon="ph:stack-fill" class="text-xl"></iconify-icon> <span class="text-[0.95rem]" data-svelte-h="svelte-oj1sxw">Community Plugins</span></a> <a class="
text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300
inline-flex w-full items-center space-x-2 rounded-lg px-4 py-1.5" href="./using-components"><iconify-icon icon="ri:svelte-fill" class="text-xl"></iconify-icon> <span class="text-[0.95rem]" data-svelte-h="svelte-193bojt">Using Components</span></a> <h3 class="mb-3 ml-4 mt-6 text-sm font-medium first:mt-0 last:mb-0" data-svelte-h="svelte-12104bp">Plugins</h3> <a class="
text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300
inline-flex w-full items-center space-x-2 rounded-lg px-4 py-1.5" href="./plugins/math"><iconify-icon icon="tabler:math" class="text-xl"></iconify-icon> <span class="text-[0.95rem]" data-svelte-h="svelte-17rk523">Math</span></a> <a class="
text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300
inline-flex w-full items-center space-x-2 rounded-lg px-4 py-1.5" href="./plugins/code"><iconify-icon icon="fluent:code-16-filled" class="text-xl"></iconify-icon> <span class="text-[0.95rem]" data-svelte-h="svelte-76jeei">Code</span></a> <a class="
text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300
inline-flex w-full items-center space-x-2 rounded-lg px-4 py-1.5" href="./plugins/emoji"><iconify-icon icon="mingcute:emoji-line" class="text-xl"></iconify-icon> <span class="text-[0.95rem]" data-svelte-h="svelte-64nitr">Emoji</span></a> <a class="
text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300
inline-flex w-full items-center space-x-2 rounded-lg px-4 py-1.5" href="./plugins/slash"><iconify-icon icon="tabler:slash" class="text-xl"></iconify-icon> <span class="text-[0.95rem]" data-svelte-h="svelte-rxesng">Slash</span></a> <a class="
text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300
inline-flex w-full items-center space-x-2 rounded-lg px-4 py-1.5" href="./plugins/tikz"><iconify-icon icon="mdi:draw-pen" class="text-xl"></iconify-icon> <span class="text-[0.95rem]" data-svelte-h="svelte-1aormjr">TikZ</span></a> <a class="
text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300
inline-flex w-full items-center space-x-2 rounded-lg px-4 py-1.5" href="./plugins/attachment"><iconify-icon icon="tdesign:attach" class="text-xl"></iconify-icon> <span class="text-[0.95rem]" data-svelte-h="svelte-ref5p2">Attachment</span></a> <a class="
text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300
inline-flex w-full items-center space-x-2 rounded-lg px-4 py-1.5" href="./plugins/anchor"><iconify-icon icon="mingcute:link-fill" class="text-xl"></iconify-icon> <span class="text-[0.95rem]" data-svelte-h="svelte-10ozri2">Anchor</span></a> <h3 class="mb-3 ml-4 mt-6 text-sm font-medium first:mt-0 last:mb-0" data-svelte-h="svelte-11166a1">API</h3> <a class="
text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300
inline-flex w-full items-center space-x-2 rounded-lg px-4 py-1.5" href="./api/utilities"><span class="text-[0.95rem]" data-svelte-h="svelte-1it2439">Utilities</span></a> <a class="
text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300
inline-flex w-full items-center space-x-2 rounded-lg px-4 py-1.5" href="./api/core"><span class="text-[0.95rem]" data-svelte-h="svelte-1ud5hhw">Core</span></a> <a class="
text-neutral-400 hover:bg-neutral-800 hover:text-neutral-300
inline-flex w-full items-center space-x-2 rounded-lg px-4 py-1.5" href="./api/extension"><span class="text-[0.95rem]" data-svelte-h="svelte-17upky4">Extension</span></a></div> <main class="container max-w-4xl flex-shrink-0 flex-grow px-0 xl:max-w-3xl xl:px-4 2xl:max-w-4xl"> <h3 class="mb-2 font-semibold text-sky-300">Overview</h3> <h1 class="mb-4 text-5xl font-bold text-white">Carta</h1> <div class="markdown"> <!-- HTML_TAG_START --><blockquote data-svelte-h="svelte-1f3sq0s"><p>Modern, lightweight, powerful Markdown Editor.</p></blockquote> <p data-svelte-h="svelte-1gpxb09">Carta is a lightweight, fast and extensible Svelte Markdown editor and viewer, designed for flexibility. It works natively in SvelteKit, and supports Server Side Rendering.</p> <h2 id="features" data-svelte-h="svelte-zk983v"><a href="#features">Features</a></h2> <ul data-svelte-h="svelte-18lwa9l"><li>🌈 Markdown syntax highlighting (<a href="https://shiki.style/" rel="nofollow">Shiki</a>);</li> <li>🛠️ Toolbar (extensible);</li> <li>⌨️ Keyboard <strong>shortcuts</strong> (extensible);</li> <li>📦 Supports <strong><a href="https://github.com/remarkjs/remark/blob/main/doc/plugins.md#list-of-plugins" rel="nofollow">+150 plugins</a></strong> thanks to remark.</li> <li>🔀 Scroll sync;</li> <li>✅ Accessibility friendly;</li> <li>🖥️ <strong>SSR</strong> compatible;</li></ul> <h2 id="official-plugins" data-svelte-h="svelte-npwan1"><a href="#official-plugins">Official Plugins</a></h2> <p data-svelte-h="svelte-1057gr">Carta comes with a set of official plugins for the most common use cases.</p> <br> <div class="w-full grid sm:grid-cols-2 gap-4"><a class="bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300" href="/carta/plugins/math"><div class="flex flex-col space-y-1.5 p-6"><iconify-icon icon="tabler:math" class="text-3xl text-sky-300"></iconify-icon> <h3 class="font-semibold leading-none tracking-tight">Math</h3> <p class="text-muted-foreground text-base">Support for KaTex expressions.</p></div></a> <a class="bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300" href="/carta/plugins/code"><div class="flex flex-col space-y-1.5 p-6"><iconify-icon icon="fluent:code-16-filled" class="text-3xl text-sky-300"></iconify-icon> <h3 class="font-semibold leading-none tracking-tight">Code</h3> <p class="text-muted-foreground text-base">Code blocks syntax highlighting.</p></div></a> <a class="bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300" href="/carta/plugins/emoji"><div class="flex flex-col space-y-1.5 p-6"><iconify-icon icon="mingcute:emoji-line" class="text-3xl text-sky-300"></iconify-icon> <h3 class="font-semibold leading-none tracking-tight">Emoji</h3> <p class="text-muted-foreground text-base">Embed emojis in Markdown.</p></div></a> <a class="bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300" href="/carta/plugins/slash"><div class="flex flex-col space-y-1.5 p-6"><iconify-icon icon="tabler:slash" class="text-3xl text-sky-300"></iconify-icon> <h3 class="font-semibold leading-none tracking-tight">Slash</h3> <p class="text-muted-foreground text-base">Support for slash commands.</p></div></a> <a class="bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300" href="/carta/plugins/tikz"><div class="flex flex-col space-y-1.5 p-6"><iconify-icon icon="mdi:draw-pen" class="text-3xl text-sky-300"></iconify-icon> <h3 class="font-semibold leading-none tracking-tight">TikZ</h3> <p class="text-muted-foreground text-base">Support for TikZ/PgfPlots diagrams.</p></div></a> <a class="bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300" href="/carta/plugins/attachment"><div class="flex flex-col space-y-1.5 p-6"><iconify-icon icon="tdesign:attach" class="text-3xl text-sky-300"></iconify-icon> <h3 class="font-semibold leading-none tracking-tight">Attachment</h3> <p class="text-muted-foreground text-base">Handle text attachments.</p></div></a> <a class="bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300" href="/carta/plugins/anchor"><div class="flex flex-col space-y-1.5 p-6"><iconify-icon icon="mingcute:link-fill" class="text-3xl text-sky-300"></iconify-icon> <h3 class="font-semibold leading-none tracking-tight">Anchor</h3> <p class="text-muted-foreground text-base">Add anchor links to headings.</p></div></a> <a class="bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300" href="/carta/community-plugins"><div class="flex flex-col space-y-1.5 p-6"><iconify-icon icon="ph:stack-fill" class="text-3xl text-sky-300"></iconify-icon> <h3 class="font-semibold leading-none tracking-tight">Community Plugins</h3> <p class="text-muted-foreground text-base">Explore plugins from the community.</p></div></a></div> <h2 id="examples" data-svelte-h="svelte-wu3unf"><a href="#examples">Examples</a></h2> <p data-svelte-h="svelte-1uhnah3">A list of examples inspired by popular platforms.</p> <br> <div class="w-full grid sm:grid-cols-2 gap-4"><a class="bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300" href="/carta/examples#github"><div class="flex flex-col space-y-1.5 p-6"><iconify-icon icon="mdi:github" class="text-3xl text-sky-300"></iconify-icon> <h3 class="font-semibold leading-none tracking-tight">GitHub</h3> <p class="text-muted-foreground text-base">Inspired by GitHub.</p></div></a> <a class="bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300" href="/carta/examples#discord"><div class="flex flex-col space-y-1.5 p-6"><iconify-icon icon="ic:baseline-discord" class="text-3xl text-sky-300"></iconify-icon> <h3 class="font-semibold leading-none tracking-tight">Discord</h3> <p class="text-muted-foreground text-base">Inspired by Discord.</p></div></a> <a class="bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300" href="/carta/examples#math-stack-exchange"><div class="flex flex-col space-y-1.5 p-6"><iconify-icon icon="fluent:math-formula-16-filled" class="text-3xl text-sky-300"></iconify-icon> <h3 class="font-semibold leading-none tracking-tight">Math Stack Exchange</h3> <p class="text-muted-foreground text-base">Inspired by Math Stack Exchange.</p></div></a></div><!-- HTML_TAG_END --></div> <div class="mt-12 w-full border-t border-neutral-800 text-end" data-svelte-h="svelte-1n4hoz2"><span class="mt-6 block text-sm italic text-neutral-400">Handmade by <a target="_blank" class="hover:text-sky-300 hover:underline" href="https://github.com/BearToCode">Davide</a></span></div></main> <div class="h-full space-y-3 sticky top-24 hidden w-[15rem] flex-shrink-0 xl:block"></div></div></div>
<script>
{
__sveltekit_190djg1 = {
base: new URL(".", location).pathname.slice(0, -1),
assets: "/carta"
};
const element = document.currentScript.parentElement;
const data = [null,{"type":"data","data":{content:{html:"\u003Cblockquote data-svelte-h=\"svelte-1f3sq0s\">\u003Cp>Modern, lightweight, powerful Markdown Editor.\u003C/p>\u003C/blockquote> \u003Cp data-svelte-h=\"svelte-1gpxb09\">Carta is a lightweight, fast and extensible Svelte Markdown editor and viewer, designed for flexibility. It works natively in SvelteKit, and supports Server Side Rendering.\u003C/p> \u003Ch2 id=\"features\" data-svelte-h=\"svelte-zk983v\">\u003Ca href=\"#features\">Features\u003C/a>\u003C/h2> \u003Cul data-svelte-h=\"svelte-18lwa9l\">\u003Cli>🌈 Markdown syntax highlighting (\u003Ca href=\"https://shiki.style/\" rel=\"nofollow\">Shiki\u003C/a>);\u003C/li> \u003Cli>🛠️ Toolbar (extensible);\u003C/li> \u003Cli>⌨️ Keyboard \u003Cstrong>shortcuts\u003C/strong> (extensible);\u003C/li> \u003Cli>📦 Supports \u003Cstrong>\u003Ca href=\"https://github.com/remarkjs/remark/blob/main/doc/plugins.md#list-of-plugins\" rel=\"nofollow\">+150 plugins\u003C/a>\u003C/strong> thanks to remark.\u003C/li> \u003Cli>🔀 Scroll sync;\u003C/li> \u003Cli>✅ Accessibility friendly;\u003C/li> \u003Cli>🖥️ \u003Cstrong>SSR\u003C/strong> compatible;\u003C/li>\u003C/ul> \u003Ch2 id=\"official-plugins\" data-svelte-h=\"svelte-npwan1\">\u003Ca href=\"#official-plugins\">Official Plugins\u003C/a>\u003C/h2> \u003Cp data-svelte-h=\"svelte-1057gr\">Carta comes with a set of official plugins for the most common use cases.\u003C/p> \u003Cbr> \u003Cdiv class=\"w-full grid sm:grid-cols-2 gap-4\">\u003Ca class=\"bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300\" href=\"/carta/plugins/math\">\u003Cdiv class=\"flex flex-col space-y-1.5 p-6\">\u003Ciconify-icon icon=\"tabler:math\" class=\"text-3xl text-sky-300\">\u003C/iconify-icon> \u003Ch3 class=\"font-semibold leading-none tracking-tight\">Math\u003C/h3> \u003Cp class=\"text-muted-foreground text-base\">Support for KaTex expressions.\u003C/p>\u003C/div>\u003C/a> \u003Ca class=\"bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300\" href=\"/carta/plugins/code\">\u003Cdiv class=\"flex flex-col space-y-1.5 p-6\">\u003Ciconify-icon icon=\"fluent:code-16-filled\" class=\"text-3xl text-sky-300\">\u003C/iconify-icon> \u003Ch3 class=\"font-semibold leading-none tracking-tight\">Code\u003C/h3> \u003Cp class=\"text-muted-foreground text-base\">Code blocks syntax highlighting.\u003C/p>\u003C/div>\u003C/a> \u003Ca class=\"bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300\" href=\"/carta/plugins/emoji\">\u003Cdiv class=\"flex flex-col space-y-1.5 p-6\">\u003Ciconify-icon icon=\"mingcute:emoji-line\" class=\"text-3xl text-sky-300\">\u003C/iconify-icon> \u003Ch3 class=\"font-semibold leading-none tracking-tight\">Emoji\u003C/h3> \u003Cp class=\"text-muted-foreground text-base\">Embed emojis in Markdown.\u003C/p>\u003C/div>\u003C/a> \u003Ca class=\"bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300\" href=\"/carta/plugins/slash\">\u003Cdiv class=\"flex flex-col space-y-1.5 p-6\">\u003Ciconify-icon icon=\"tabler:slash\" class=\"text-3xl text-sky-300\">\u003C/iconify-icon> \u003Ch3 class=\"font-semibold leading-none tracking-tight\">Slash\u003C/h3> \u003Cp class=\"text-muted-foreground text-base\">Support for slash commands.\u003C/p>\u003C/div>\u003C/a> \u003Ca class=\"bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300\" href=\"/carta/plugins/tikz\">\u003Cdiv class=\"flex flex-col space-y-1.5 p-6\">\u003Ciconify-icon icon=\"mdi:draw-pen\" class=\"text-3xl text-sky-300\">\u003C/iconify-icon> \u003Ch3 class=\"font-semibold leading-none tracking-tight\">TikZ\u003C/h3> \u003Cp class=\"text-muted-foreground text-base\">Support for TikZ/PgfPlots diagrams.\u003C/p>\u003C/div>\u003C/a> \u003Ca class=\"bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300\" href=\"/carta/plugins/attachment\">\u003Cdiv class=\"flex flex-col space-y-1.5 p-6\">\u003Ciconify-icon icon=\"tdesign:attach\" class=\"text-3xl text-sky-300\">\u003C/iconify-icon> \u003Ch3 class=\"font-semibold leading-none tracking-tight\">Attachment\u003C/h3> \u003Cp class=\"text-muted-foreground text-base\">Handle text attachments.\u003C/p>\u003C/div>\u003C/a> \u003Ca class=\"bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300\" href=\"/carta/plugins/anchor\">\u003Cdiv class=\"flex flex-col space-y-1.5 p-6\">\u003Ciconify-icon icon=\"mingcute:link-fill\" class=\"text-3xl text-sky-300\">\u003C/iconify-icon> \u003Ch3 class=\"font-semibold leading-none tracking-tight\">Anchor\u003C/h3> \u003Cp class=\"text-muted-foreground text-base\">Add anchor links to headings.\u003C/p>\u003C/div>\u003C/a> \u003Ca class=\"bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300\" href=\"/carta/community-plugins\">\u003Cdiv class=\"flex flex-col space-y-1.5 p-6\">\u003Ciconify-icon icon=\"ph:stack-fill\" class=\"text-3xl text-sky-300\">\u003C/iconify-icon> \u003Ch3 class=\"font-semibold leading-none tracking-tight\">Community Plugins\u003C/h3> \u003Cp class=\"text-muted-foreground text-base\">Explore plugins from the community.\u003C/p>\u003C/div>\u003C/a>\u003C/div> \u003Ch2 id=\"examples\" data-svelte-h=\"svelte-wu3unf\">\u003Ca href=\"#examples\">Examples\u003C/a>\u003C/h2> \u003Cp data-svelte-h=\"svelte-1uhnah3\">A list of examples inspired by popular platforms.\u003C/p> \u003Cbr> \u003Cdiv class=\"w-full grid sm:grid-cols-2 gap-4\">\u003Ca class=\"bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300\" href=\"/carta/examples#github\">\u003Cdiv class=\"flex flex-col space-y-1.5 p-6\">\u003Ciconify-icon icon=\"mdi:github\" class=\"text-3xl text-sky-300\">\u003C/iconify-icon> \u003Ch3 class=\"font-semibold leading-none tracking-tight\">GitHub\u003C/h3> \u003Cp class=\"text-muted-foreground text-base\">Inspired by GitHub.\u003C/p>\u003C/div>\u003C/a> \u003Ca class=\"bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300\" href=\"/carta/examples#discord\">\u003Cdiv class=\"flex flex-col space-y-1.5 p-6\">\u003Ciconify-icon icon=\"ic:baseline-discord\" class=\"text-3xl text-sky-300\">\u003C/iconify-icon> \u003Ch3 class=\"font-semibold leading-none tracking-tight\">Discord\u003C/h3> \u003Cp class=\"text-muted-foreground text-base\">Inspired by Discord.\u003C/p>\u003C/div>\u003C/a> \u003Ca class=\"bg-card text-card-foreground block rounded-xl border bg-opacity-30 shadow hover:border-sky-300\" href=\"/carta/examples#math-stack-exchange\">\u003Cdiv class=\"flex flex-col space-y-1.5 p-6\">\u003Ciconify-icon icon=\"fluent:math-formula-16-filled\" class=\"text-3xl text-sky-300\">\u003C/iconify-icon> \u003Ch3 class=\"font-semibold leading-none tracking-tight\">Math Stack Exchange\u003C/h3> \u003Cp class=\"text-muted-foreground text-base\">Inspired by Math Stack Exchange.\u003C/p>\u003C/div>\u003C/a>\u003C/div>",css:{code:"",map:null},head:""},metadata:{title:"Carta",section:"Overview"}},"uses":{"url":1}}];
Promise.all([
import("./_app/immutable/entry/start.BivPHxkC.js"),
import("./_app/immutable/entry/app.BXoi511P.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 3],
data,
form: null,
error: null
});
});
}
</script>
</div>
</body>
</html>