svelte-helper

2025-06-06 15:04:57 -07:00
parent 20a7c2ee08
commit 0d2490199e
42 changed files with 14564 additions and 0 deletions
--- a/svelte-helper/public/demo.html
+++ b/svelte-helper/public/demo.html
@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en-US">
+
+<head>
+  <meta charset="UTF-8" />
+  <title>Demo page</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <style>
+    body {
+      margin: 3em;
+    }
+
+    p {
+      color: green;
+    }
+  </style>
+</head>
+
+<body>
+  <h1>Svelte Embedding Demo</h1>
+
+  <p>
+    Below, we have inserted a <code>script</code> tag that should render a
+    Svelte Calculator component upon loading this page. Its font size is set
+    to 10px.
+  </p>
+
+  <script>
+    calcFontSize = "10px";
+  </script>
+  <script src="embed-rollup.js"></script>
+  <p>Below this line is a Calculator with font size of 16px.</p>
+  <script>
+    calcFontSize = "16px";
+  </script>
+  <script src="embed-rollup.js"></script>
+
+  <p>This text will come after the embedded content.</p>
+</body>
+
+</html>