Handle existing values, begin work on json2yaml

handlers/playground.html

@@ -4,8 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>ladder | playground</title>
-    <!-- <link rel="stylesheet" href="/styles.css" /> -->
-    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="/styles.css" />
     <style>
       #modifierContainer::-webkit-scrollbar {
         width: 8px;
@@ -319,7 +318,7 @@
             <button
               type="button"
               class="inline-flex items-center justify-center h-11 px-4 py-2 whitespace-nowrap rounded-md text-sm font-medium text-slate-200 dark:text-slate-900 ring-offset-white dark:ring-offset-slate-900 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-slate-800 dark:bg-slate-200 hover:bg-slate-800/90 dark:hover:bg-slate-200/90"
-              onclick="alert('Coming Soon!')"
+              onclick="downloadYaml()"
             >
               <svg
                 xmlns="http://www.w3.org/2000/svg"