66 lines
11 KiB
HTML
66 lines
11 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<script src="/wasm_exec.js"></script>
|
|
|
|
<link href="./_app/immutable/assets/0.z6k2NkFs.css" rel="stylesheet">
|
|
<link href="./_app/immutable/assets/2.DQ5mJGGf.css" rel="stylesheet">
|
|
<link rel="modulepreload" href="./_app/immutable/entry/start.DCR6bcJk.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/OrYJzd1n.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/B1lAeocp.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/bc36GTfJ.js">
|
|
<link rel="modulepreload" href="./_app/immutable/entry/app.CggHyG2f.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/DsnmJJEf.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/DyoUZ9Ht.js">
|
|
<link rel="modulepreload" href="./_app/immutable/nodes/0.Dg1DcbyJ.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/B342IurK.js">
|
|
<link rel="modulepreload" href="./_app/immutable/nodes/2.D7UzWOC6.js">
|
|
<link rel="modulepreload" href="./_app/immutable/chunks/kadZwC1X.js"><!--[--><link rel="icon" href="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='107'%20height='128'%20viewBox='0%200%20107%20128'%3e%3ctitle%3esvelte-logo%3c/title%3e%3cpath%20d='M94.157%2022.819c-10.4-14.885-30.94-19.297-45.792-9.835L22.282%2029.608A29.92%2029.92%200%200%200%208.764%2049.65a31.5%2031.5%200%200%200%203.108%2020.231%2030%2030%200%200%200-4.477%2011.183%2031.9%2031.9%200%200%200%205.448%2024.116c10.402%2014.887%2030.942%2019.297%2045.791%209.835l26.083-16.624A29.92%2029.92%200%200%200%2098.235%2078.35a31.53%2031.53%200%200%200-3.105-20.232%2030%2030%200%200%200%204.474-11.182%2031.88%2031.88%200%200%200-5.447-24.116'%20style='fill:%23ff3e00'/%3e%3cpath%20d='M45.817%20106.582a20.72%2020.72%200%200%201-22.237-8.243%2019.17%2019.17%200%200%201-3.277-14.503%2018%2018%200%200%201%20.624-2.435l.49-1.498%201.337.981a33.6%2033.6%200%200%200%2010.203%205.098l.97.294-.09.968a5.85%205.85%200%200%200%201.052%203.878%206.24%206.24%200%200%200%206.695%202.485%205.8%205.8%200%200%200%201.603-.704L69.27%2076.28a5.43%205.43%200%200%200%202.45-3.631%205.8%205.8%200%200%200-.987-4.371%206.24%206.24%200%200%200-6.698-2.487%205.7%205.7%200%200%200-1.6.704l-9.953%206.345a19%2019%200%200%201-5.296%202.326%2020.72%2020.72%200%200%201-22.237-8.243%2019.17%2019.17%200%200%201-3.277-14.502%2017.99%2017.99%200%200%201%208.13-12.052l26.081-16.623a19%2019%200%200%201%205.3-2.329%2020.72%2020.72%200%200%201%2022.237%208.243%2019.17%2019.17%200%200%201%203.277%2014.503%2018%2018%200%200%201-.624%202.435l-.49%201.498-1.337-.98a33.6%2033.6%200%200%200-10.203-5.1l-.97-.294.09-.968a5.86%205.86%200%200%200-1.052-3.878%206.24%206.24%200%200%200-6.696-2.485%205.8%205.8%200%200%200-1.602.704L37.73%2051.72a5.42%205.42%200%200%200-2.449%203.63%205.79%205.79%200%200%200%20.986%204.372%206.24%206.24%200%200%200%206.698%202.486%205.8%205.8%200%200%200%201.602-.704l9.952-6.342a19%2019%200%200%201%205.295-2.328%2020.72%2020.72%200%200%201%2022.237%208.242%2019.17%2019.17%200%200%201%203.277%2014.503%2018%2018%200%200%201-8.13%2012.053l-26.081%2016.622a19%2019%200%200%201-5.3%202.328'%20style='fill:%23fff'/%3e%3c/svg%3e"/> <script src="/wasm_exec.js"></script><!--]--><title>Marka Playground</title>
|
|
</head>
|
|
<body data-sveltekit-preload-data="hover">
|
|
<div style="display: contents"><!--[--><!--[--><!----><!----><div class="bg-background text-foreground flex min-h-screen flex-col"><header class="sticky top-0 z-10 border-b border-gray-200 bg-white/80 backdrop-blur-sm"><div class="px-6 py-4"><div class="flex w-full items-center justify-between"><div class="flex items-center gap-3"><img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='107'%20height='128'%20viewBox='0%200%20107%20128'%3e%3ctitle%3esvelte-logo%3c/title%3e%3cpath%20d='M94.157%2022.819c-10.4-14.885-30.94-19.297-45.792-9.835L22.282%2029.608A29.92%2029.92%200%200%200%208.764%2049.65a31.5%2031.5%200%200%200%203.108%2020.231%2030%2030%200%200%200-4.477%2011.183%2031.9%2031.9%200%200%200%205.448%2024.116c10.402%2014.887%2030.942%2019.297%2045.791%209.835l26.083-16.624A29.92%2029.92%200%200%200%2098.235%2078.35a31.53%2031.53%200%200%200-3.105-20.232%2030%2030%200%200%200%204.474-11.182%2031.88%2031.88%200%200%200-5.447-24.116'%20style='fill:%23ff3e00'/%3e%3cpath%20d='M45.817%20106.582a20.72%2020.72%200%200%201-22.237-8.243%2019.17%2019.17%200%200%201-3.277-14.503%2018%2018%200%200%201%20.624-2.435l.49-1.498%201.337.981a33.6%2033.6%200%200%200%2010.203%205.098l.97.294-.09.968a5.85%205.85%200%200%200%201.052%203.878%206.24%206.24%200%200%200%206.695%202.485%205.8%205.8%200%200%200%201.603-.704L69.27%2076.28a5.43%205.43%200%200%200%202.45-3.631%205.8%205.8%200%200%200-.987-4.371%206.24%206.24%200%200%200-6.698-2.487%205.7%205.7%200%200%200-1.6.704l-9.953%206.345a19%2019%200%200%201-5.296%202.326%2020.72%2020.72%200%200%201-22.237-8.243%2019.17%2019.17%200%200%201-3.277-14.502%2017.99%2017.99%200%200%201%208.13-12.052l26.081-16.623a19%2019%200%200%201%205.3-2.329%2020.72%2020.72%200%200%201%2022.237%208.243%2019.17%2019.17%200%200%201%203.277%2014.503%2018%2018%200%200%201-.624%202.435l-.49%201.498-1.337-.98a33.6%2033.6%200%200%200-10.203-5.1l-.97-.294.09-.968a5.86%205.86%200%200%200-1.052-3.878%206.24%206.24%200%200%200-6.696-2.485%205.8%205.8%200%200%200-1.602.704L37.73%2051.72a5.42%205.42%200%200%200-2.449%203.63%205.79%205.79%200%200%200%20.986%204.372%206.24%206.24%200%200%200%206.698%202.486%205.8%205.8%200%200%200%201.602-.704l9.952-6.342a19%2019%200%200%201%205.295-2.328%2020.72%2020.72%200%200%201%2022.237%208.242%2019.17%2019.17%200%200%201%203.277%2014.503%2018%2018%200%200%201-8.13%2012.053l-26.081%2016.622a19%2019%200%200%201-5.3%202.328'%20style='fill:%23fff'/%3e%3c/svg%3e" alt="logo" width="100%" class="svelte-6uiykz"/><!----> <div><h1 class="text-2xl font-bold text-black">Marka</h1> <p class="text-sm text-gray-600">Bidirectional Markdown ↔ JSON Parser</p></div></div> <a href="https://github.com/jim-fx/marka" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide-icon lucide lucide-github h-6 w-6 text-gray-600 transition-colors duration-200 hover:text-black"><!--[--><!----><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"><!----></path><!----><!----><path d="M9 18c-4.51 2-5-2-7-2"><!----></path><!----><!--]--><!--[--><!--[--><!--]--><!--]--></svg><!----></a></div></div></header><!----> <div class="flex flex-1 overflow-hidden"><div class="flex flex-1 overflow-hidden"><div class="grid flex-1 grid-cols-1 overflow-hidden lg:grid-cols-3"><div class="relative flex flex-1 flex-col overflow-hidden border-r border-gray-200 last:border-r-0"><div class="flex items-center border-b border-gray-200 bg-gray-50/50 px-4 py-3"><!--[!--><!--[!--><!--[!--><!--]--><!--]--><!--]--> <div class="flex-1"><h2 class="flex items-center text-sm font-semibold tracking-wide text-gray-900 uppercase">Template <!--[!--><!--]--></h2> <!--[--><p class="text-xs text-gray-500">Define your mapping schema</p><!--]--></div> <!--[--><div class="ml-4"><select class="rounded border border-gray-300 bg-white px-2 py-1 text-xs text-gray-700 shadow-sm focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 focus:outline-none"><option value="">Load a template</option><!--[--><!--]--></select><!----></div><!--]--> <!--[!--><!--]--></div> <!--[!--><!--]--> <!--[!--><div class="scm-waiting text-sm svelte-3fyul5"><div class="scm-waiting__loading scm-loading svelte-3fyul5"><div class="scm-loading__spinner svelte-3fyul5"></div> <p class="scm-loading__text svelte-3fyul5">Loading editor...</p></div> <pre class="scm-pre cm-editor svelte-3fyul5"></pre></div><!--]--><!----> <!--[!--><!--]--></div><!----> <div class="relative flex flex-1 flex-col overflow-hidden border-r border-gray-200 last:border-r-0"><div class="flex items-center border-b border-gray-200 bg-gray-50/50 px-4 py-3"><!--[!--><!--[!--><!--[!--><!--]--><!--]--><!--]--> <div class="flex-1"><h2 class="flex items-center text-sm font-semibold tracking-wide text-gray-900 uppercase">Markdown <!--[!--><!--]--></h2> <!--[--><p class="text-xs text-gray-500">Your source content</p><!--]--></div> <!--[--><div class="ml-4"><button class="rounded border border-gray-300 bg-white px-2 py-1 text-xs text-gray-700 shadow-sm focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 focus:outline-none">Reset</button><!----></div><!--]--> <!--[!--><!--]--></div> <!--[!--><!--]--> <!--[!--><div class="scm-waiting text-sm svelte-3fyul5"><div class="scm-waiting__loading scm-loading svelte-3fyul5"><div class="scm-loading__spinner svelte-3fyul5"></div> <p class="scm-loading__text svelte-3fyul5">Loading editor...</p></div> <pre class="scm-pre cm-editor svelte-3fyul5">---
|
|
_type: Recipe
|
|
author.name: Max Richter
|
|
---
|
|
|
|
# Baguette
|
|
|
|
My favourite baguette recipe
|
|
|
|
## Ingredients
|
|
- Flour
|
|
- Water
|
|
- Salt
|
|
|
|
## Steps
|
|
1. Mix Flour Water and Salt
|
|
2. Bake the bread</pre></div><!--]--><!----> <!--[!--><!--]--></div><!----> <div class="relative flex flex-1 flex-col overflow-hidden border-r border-gray-200 last:border-r-0"><div class="flex items-center border-b border-gray-200 bg-gray-50/50 px-4 py-3"><!--[!--><!--[!--><!--[!--><!--]--><!--]--><!--]--> <div class="flex-1"><h2 class="flex items-center text-sm font-semibold tracking-wide text-gray-900 uppercase">Data <!--[!--><!--]--></h2> <!--[--><p class="text-xs text-gray-500">Parsed JSON output</p><!--]--></div> <!--[!--><!--]--> <!--[!--><!--]--></div> <!--[!--><!--]--> <!--[!--><div class="scm-waiting text-sm svelte-3fyul5"><div class="scm-waiting__loading scm-loading svelte-3fyul5"><div class="scm-loading__spinner svelte-3fyul5"></div> <p class="scm-loading__text svelte-3fyul5">Loading editor...</p></div> <pre class="scm-pre cm-editor svelte-3fyul5"></pre></div><!--]--><!----> <!--[!--><!--]--></div><!----></div></div><!----></div></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
|
|
|
|
<script>
|
|
{
|
|
__sveltekit_l1520v = {
|
|
base: new URL(".", location).pathname.slice(0, -1),
|
|
assets: "/_playground"
|
|
};
|
|
|
|
const element = document.currentScript.parentElement;
|
|
|
|
Promise.all([
|
|
import("./_app/immutable/entry/start.DCR6bcJk.js"),
|
|
import("./_app/immutable/entry/app.CggHyG2f.js")
|
|
]).then(([kit, app]) => {
|
|
kit.start(app, element, {
|
|
node_ids: [0, 2],
|
|
data: [null,null],
|
|
form: null,
|
|
error: null
|
|
});
|
|
});
|
|
}
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html>
|