-
Notifications
You must be signed in to change notification settings - Fork 2
/
kodeWeave-website.json
30 lines (30 loc) · 13 KB
/
kodeWeave-website.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
{
"name": "kodeWeave website",
"version": "0.0.1",
"title": "kodeWeave: Your on the go code playground!",
"description": "kodeWeave is your on the go coding playground! Design with TailwindCSS or Pico.css, see how your app or website will look and behave on a desktop.",
"author": "kodeWeave",
"url": "https://michaelsboost.com/kodeWeave/",
"meta": "",
"libraries": [
"https://cdnjs.cloudflare.com/ajax/libs/picocss/2.0.6/pico.min.css",
"https://michaelsboost.com/TailwindCSSMod/tailwind-mod-noreset.min.js"
],
"html_pre_processor": "html",
"css_pre_processor": "css",
"javascript_pre_processor": "javascript",
"html": "<div class=\"container\" id=\"home\">\n <nav class=\"relative md:sticky top-0 inset-x-0 flex-col md:flex-row items-center py-4 bg-[#13171f] bg-opacity-50 backdrop-filter backdrop-blur-lg\">\n <ul class=\"flex items-center gap-0 md:gap-3\">\n <!-- Logo -->\n <li>\n <a href=\"#home\" class=\"text-2xl font-bold\">\n <img src=\"https://michaelsboost.com/kodeWeave/imgs/logo.svg\" alt=\"kodeWeave Logo\" class=\"h-8\">\n </a>\n </li>\n </ul>\n \n <!-- Links -->\n <ul class=\"hidden md:flex items-center gap-0 md:gap-3 text-xs sm:text-base md:text-base\">\n <li class=\"flex gap-3 py-2\">\n <div class=\"bg-[#cf06bc] rounded-md px-2 py-1 md:px-4 md:py-3\">\n <a class=\"no-underline text-white\" href=\"#home\">Home</a>\n </div>\n <div class=\"px-2 py-1 md:px-4 md:py-3\">\n <a class=\"no-underline text-white\" href=\"https://github.com/michaelsboost/kodeWeave\" target=\"_blank\">Github</a>\n </div>\n <div class=\"px-2 py-1 md:px-4 md:py-3\">\n <a class=\"no-underline text-white\" href=\"https://twitter.com/michaelsboost\" target=\"_blank\">Twitter</a>\n </div>\n <div class=\"px-2 py-1 md:px-4 md:py-3\">\n <a class=\"no-underline text-white\" href=\"https://michaelsboost.com/donate\" target=\"_blank\">Support</a>\n </div>\n </li>\n </ul>\n \n <!-- Get Started Button -->\n <ul class=\"hidden md:flex items-center gap-0 md:gap-3\">\n <li>\n <a href=\"./go\" class=\"no-underline text-white bg-[#0d6efd] hover:bg-[#0b5ed7] active:bg-[#0a58ca] px-3 py-2 md:px-4 md:py-3 rounded-lg\">\n Get Started\n </a>\n </li>\n </ul>\n </nav>\n\n <main class=\"flex flex-col items-center justify-center min-h-screen py-12\">\n <hgroup class=\"text-center mb-8\">\n <h1 class=\"text-4xl font-bold\">\n Code with Speed, Preview with Power\n </h1>\n <h2 class=\"text-lg mt-4\">\n A blazing fast PWA coding playground that lets you build, test, and deploy websites seamlessly across desktop and mobile.\n </h2>\n </hgroup>\n \n <div class=\"mb-8\">\n <img class=\"w-full h-full object-cover object-center rounded-lg shadow-lg shadow-blue-900\" src=\"https://michaelsboost.com/kodeWeave/imgs/screenshot.webp\" srcset=\"https://michaelsboost.com/kodeWeave/imgs/screenshot-640w.webp 640w, https://michaelsboost.com/kodeWeave/imgs/screenshot-1280w.webp 1280w\" alt=\"kodeWeave\">\n </div>\n \n <a href=\"./go\" class=\"w-full text-center no-underline text-white bg-[#0d6efd] hover:bg-[#0b5ed7] active:bg-[#0a58ca] text-xl px-5 py-4 rounded-lg\">\n Try kodeWeave Now!\n </a>\n </main>\n\n <article id=\"features\">\n <section class=\"container py-16\">\n <hgroup class=\"text-center mb-8\">\n <h1 class=\"text-4xl font-bold\">\n Why kodeWeave?\n </h1>\n <h2 class=\"text-lg mt-4\">\n Discover how kodeWeave helps you code faster, preview live, and deploy effortlessly.\n </h2>\n </hgroup>\n <div class=\"w-1/2 m-auto\">\n <hr>\n </div>\n <div class=\"grid md:grid-cols-2 gap-8 p-4\">\n <div class=\"text-center\">\n <img src=\"https://michaelsboost.com/kodeWeave/imgs/lighthouse.png\" alt=\"Blazing Fast\" loading=\"lazy\" class=\"mx-auto mb-4 rounded-lg\">\n <h3 class=\"text-xl font-bold mb-2\">Blazing Fast Performance</h3>\n <p>Experience unmatched speed, powered by kodeWeave’s client-side architecture.</p>\n </div>\n <div class=\"text-center\">\n <img src=\"https://michaelsboost.com/kodeWeave/imgs/pwa.png\" alt=\"PWA Export\" loading=\"lazy\" class=\"mx-auto mb-4 rounded-lg\">\n <h3 class=\"text-xl font-bold mb-2\">Export as PWA</h3>\n <p>Turn your projects into fully functional PWAs with just one click.</p>\n </div>\n <div class=\"text-center\">\n <img src=\"https://michaelsboost.com/kodeWeave/imgs/frameworks.png\" alt=\"Framework Support\" loading=\"lazy\" class=\"mx-auto mb-4 rounded-lg\">\n <h3 class=\"text-xl font-bold mb-2\">Supports Multiple Frameworks</h3>\n <p>Built-in support for popular frameworks like React, Vue, AlpineJS, and more.</p>\n </div>\n <div class=\"text-center\">\n <img src=\"https://michaelsboost.com/kodeWeave/imgs/capture.svg\" alt=\"Full Website Screenshot\" loading=\"lazy\" class=\"mx-auto mb-4 rounded-lg\">\n <h3 class=\"text-xl font-bold mb-2\">Screenshot Full Websites</h3>\n <p>Capture full-page screenshots with ease, perfect for documentation or sharing.</p>\n </div>\n <div class=\"text-center\">\n <img src=\"https://michaelsboost.com/kodeWeave/imgs/multiplatform.svg\" alt=\"Full Website Screenshot\" loading=\"lazy\" class=\"mx-auto mb-4 rounded-lg\">\n <h3 class=\"text-xl font-bold mb-2\">Mobile and Desktop</h3>\n <p>Experience the same creative freedom on both desktop and mobile devices.</p>\n </div>\n <div class=\"text-center\">\n <img src=\"https://michaelsboost.com/kodeWeave/imgs/github.svg\" alt=\"Full Website Screenshot\" loading=\"lazy\" class=\"mx-auto mb-4 rounded-lg\">\n <h3 class=\"text-xl font-bold mb-2\">Open Source and Free</h3>\n <p>kodeWeave is completely free for personal and commercial use under the MIT license.</p>\n </div>\n </div>\n </section>\n </article>\n\n <!-- Footer Section -->\n <footer class=\"bg-[#13171f] text-white py-8 mt-16\">\n <div class=\"container mx-auto flex flex-col items-center\">\n <img src=\"https://michaelsboost.com/kodeWeave/imgs/author.jpg\" alt=\"Michael Schwartz\" class=\"w-64 h-64 rounded-full mb-4 shadow-lg\">\n <p class=\"text-sm my-4\">Created by Michael Schwartz</p>\n <div class=\"flex space-x-4 items-center\">\n <!-- Twitter -->\n <a href=\"https://twitter.com/michaelsboost\" target=\"_blank\" class=\"text-white no-underline text-2xl hover:text-[#1DA1F2]\">\n <svg class=\"w-6\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"m.058 1l9.267 12.39L0 23.462h2.099l8.163-8.82l6.596 8.82H24l-9.788-13.087L22.892 1h-2.1l-7.517 8.122L7.2 1zm3.087 1.546h3.28l14.488 19.37h-3.28L3.145 2.547Z\"/></svg>\n </a>\n <!-- Website -->\n <a href=\"https://michaelsboost.com\" target=\"_blank\" class=\"text-white no-underline text-2xl hover:text-[#00d4ff]\">\n <svg class=\"w-6\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12s4.477 10 10 10\"></path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 2.05S16 6 16 12m-5 9.95S8 18 8 12s3-9.95 3-9.95M2.63 15.5H12m-9.37-7h18.74\"></path><path d=\"M21.879 17.917c.494.304.463 1.043-.045 1.101l-2.567.291l-1.151 2.312c-.228.459-.933.234-1.05-.334l-1.255-6.116c-.099-.48.333-.782.75-.525z\" clip-rule=\"evenodd\"></path></g></svg>\n </a>\n \n <!-- Support -->\n <a class=\"text-red-400\" href=\"https://michaelsboost.com/donate/\" target=\"_blank\">\n <svg class=\"w-7\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\"><path fill=\"currentColor\" d=\"M240 102c0 70-103.79 126.66-108.21 129a8 8 0 0 1-7.58 0C119.79 228.66 16 172 16 102a62.07 62.07 0 0 1 62-62c20.65 0 38.73 8.88 50 23.89C139.27 48.88 157.35 40 178 40a62.07 62.07 0 0 1 62 62\"></path></svg>\n </a>\n </div>\n </div>\n </footer>\n</div>",
"css": "html {\n scroll-behavior: smooth;\n}",
"javascript": "",
"logo": "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiCiAgIHZpZXdCb3g9IjAgMCA1MTEuOTk5OTkgNTExLjk5OTk5IgogICBoZWlnaHQ9IjUxMiIKICAgd2lkdGg9IjUxMiIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnNDE5MCI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNDE5NiI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczQxOTQiPgogICAgPGxpbmVhckdyYWRpZW50CiAgICAgICBpZD0ibGluZWFyR3JhZGllbnQ0Mjc2Ij4KICAgICAgPHN0b3AKICAgICAgICAgaWQ9InN0b3A0Mjc4IgogICAgICAgICBvZmZzZXQ9IjAiCiAgICAgICAgIHN0eWxlPSJzdG9wLWNvbG9yOiNmZDVkOTI7c3RvcC1vcGFjaXR5OjEiIC8+CiAgICAgIDxzdG9wCiAgICAgICAgIGlkPSJzdG9wNDI4MCIKICAgICAgICAgb2Zmc2V0PSIxIgogICAgICAgICBzdHlsZT0ic3RvcC1jb2xvcjojZmYwMDAwO3N0b3Atb3BhY2l0eToxIiAvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudAogICAgICAgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiCiAgICAgICB5Mj0iMjU3LjMxMjUiCiAgICAgICB4Mj0iMC4xMzQwNDE2NSIKICAgICAgIHkxPSIyNTcuMzEyNSIKICAgICAgIHgxPSI1MTEuNzE4NzUiCiAgICAgICBpZD0ibGluZWFyR3JhZGllbnQ0MjgyIgogICAgICAgeGxpbms6aHJlZj0iI2xpbmVhckdyYWRpZW50NDI3NiIgLz4KICA8L2RlZnM+CiAgPGcKICAgICBpZD0iZzQyODQiPgogICAgPGNpcmNsZQogICAgICAgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOnVybCgjbGluZWFyR3JhZGllbnQ0MjgyKTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MTI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTo3MiwgNzI7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxIgogICAgICAgaWQ9InBhdGg0MjcwIgogICAgICAgY3g9IjI1NiIKICAgICAgIGN5PSIyNTYiCiAgICAgICByPSIyNTYiIC8+CiAgICA8cGF0aAogICAgICAgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjEyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6NzIsIDcyO3N0cm9rZS1kYXNob2Zmc2V0OjA7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICAgIGQ9Im0gMjUxLjA2MDY4LDU4LjY3ODI3MiBjIC00LjU2MDMyLDAuMDcwMzUgLTIwLjc2MDYxLDIuMDQxOTQ1IC0yOS4yOTc5MiwzLjY1NTk4NCAtMjguMzQzOTEsNS4zNTg2MiAtNjYuODgwODEsMjIuNjE5ODE0IC03My4wMzY5OSwzMi43MTkwNjEgLTEuODk3NTUsMy4xMTI5MzUgLTEuOTQ2MTYsNy4xNDcwMTMgLTEuOTQ2MTYsMTYwLjgxNzAyMyAwLDE1Mi4yNTg4IDAuMDY3MSwxNTcuNzI0NjQgMS44OTk5OCwxNjAuNzMxMjEgNS4yMDU5OSw4LjUzOTg5IDM2LjcyMDAzLDIzLjcwOTM0IDYzLjQ1MTMzLDMwLjU0MTM0IDkuNzY1NzIsMi40OTU5MyAzNC4zMzUwOSw2LjM0NDggMzguNTA3NTQsNi4wMzE2OSAyLjAwMzg4LC0wLjE1MDM2IDIuMDMyMDMsLTAuOTc0NjkgMi4yODkyMSwtNzMuMDkzMjQgMC4xNDU1OCwtNDAuODM3NTkgMC42NTY0MywtNzMuMzM0MTQgMS4xNjEwOSwtNzMuODM4OTYgMS4zNzc1MSwtMS4zNzc5NSA3LjM0NzM5LDEuODg0NzMgMTAuMzU3NTIsNS42NjIxNSAxLjQ2MjAyLDEuODM0NjggMTMuNzk3NTUsMjAuNjU1MjggMjcuNDE3NzQsNDEuODE5NDMgNTEuNDQ0NTIsNzkuOTM4NDcgNTAuNDY1MTEsNzguNDc3OTggNTMuMzA0OTQsNzkuMTkwOTQgMy4zMjQ3OCwwLjgzNDc0IDEyLjU2NzA4LC0zLjc4OTQ3IDI3LjU3NjA2LC0xMy43ODU4MyAxNC4yNDMzOCwtOS40ODY0NiAyMy44ODU1LC0xNy43ODMxIDM0LjgxOTcyLC0yOS45NjcxNyAxMS4yOTUwMiwtMTIuNTg2MTUgMTQuODMwMzksLTE3LjQxNzg1IDE0LjgzMDM5LC0yMC4yNTMwOCAwLC0xLjIyMDA5IC0xNC45NzA2LC0yNC41NDAzMyAtMzMuNDAxMzMsLTUyLjAyODQ2IC0xOC4zNzA1NywtMjcuMzk4MzcgLTM0LjEwMTA3LC01MS4xNjg3NiAtMzQuOTU4MjgsLTUyLjgyNjk2IC0wLjg1NzIzLC0xLjY1ODIgLTEuNTU2OTMsLTQuMDczMzUgLTEuNTU2OTMsLTUuMzY1MTkgMCwtMS4zMjEyMyAxMi40ODk1OSwtMjIuMjk0ODcgMjguNTQ1ODQsLTQ3Ljk0MzUyIDQ0LjQ4MzE1LC03MS4wNTg1NiA0MS45MzgzMywtNjYuMjkxNzggMzguODMwODEsLTcyLjg0MjQ3IC0yLjU1NzU1LC01LjM5MTM2IC0xNS4zNjI2MiwtMTkuNjU4MDkgLTI2LjEzMTI5LC0yOS4xMTU4NyAtMTEuNDU0NTksLTEwLjA2MDE5MSAtMzUuMDY0MTMsLTI1Ljk1MDI3NiAtMzkuOTA2MTIsLTI2Ljg1ODkzNCAtMi45NDE1NCwtMC41NTIwMSAtMy45NzUxOSwtMC4yNDY3ODggLTUuOTE3NjYsMS43NDIyMDEgLTEuMjk1NjQsMS4zMjY2NDggLTIwLjM1MDEyLDMyLjM0ODMwMyAtNDIuMzQwNDgsNjguOTM1NzIzIC0yMS45OTAzNiwzNi41ODc0IC00MS4wNjUzOSw2Ny45OTE2NyAtNDIuMzg2NjUsNjkuNzg3MDIgLTIuNjE5NTQsMy41NTkzNyAtNi43MzI4MSw2LjA5MzA2IC04LjczNDYzLDUuMzc4MzggLTAuOTk5NDcsLTAuMzU2ODMgLTEuMjY2NjUsLTE4LjE3MDM1IC0xLjI2NjY1LC04NC40NDM5NCAwLC00OS41MTMxOTYgLTAuMzc4NjQsLTg0LjIxOTIyNiAtMC45MjM2LC04NC41NTYxMzggLTAuMTE5ODQsLTAuMDc0MSAtMC41MzYwMSwtMC4xMDI0NDYgLTEuMTg3NDgsLTAuMDkyMzggeiIKICAgICAgIGlkPSJwYXRoNDI2MCIgLz4KICA8L2c+Cjwvc3ZnPgo=",
"console": false,
"dark": false,
"previewDark": true,
"module": true,
"autorun": true,
"pwa": false,
"preview": true,
"activePanel": "html",
"columns": false,
"columnsRight": true
}