index.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>@json-render multi-renderer demo</title>
  7. <meta property="og:title" content="Multi-Renderer Example | json-render" />
  8. <meta property="og:image" content="/og-image.png" />
  9. <meta property="og:image:width" content="1200" />
  10. <meta property="og:image:height" content="630" />
  11. <meta name="twitter:card" content="summary_large_image" />
  12. <meta name="twitter:title" content="Multi-Renderer Example | json-render" />
  13. <meta name="twitter:image" content="/og-image.png" />
  14. <style>
  15. * {
  16. box-sizing: border-box;
  17. margin: 0;
  18. padding: 0;
  19. }
  20. body {
  21. font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  22. background: #f3f4f6;
  23. min-height: 100vh;
  24. }
  25. #renderer-root {
  26. max-width: 640px;
  27. margin: 0 auto;
  28. padding: 24px;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <div id="renderer-root"></div>
  34. <script type="module" src="/src/main.ts"></script>
  35. </body>
  36. </html>