Update README.md

2026-02-09 16:06:27 -06:00
parent 656a673ca9
commit b801ac9da6
1 changed files with 41 additions and 1 deletions
--- a/README.md
+++ b/README.md
@@ -64,8 +64,33 @@ There are quill functions for every HTML style attribute. If they have units, th

 ### Real Home Shadow Example:

-When starting, it is typical to make a "Home" shadow. This is a good example.
+First, you need your index.html. Here is one:

+```
+<!DOCTYPE html>
+<html lang="en" class="public">
+  <head>
+    <title>Parchment</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" href="/_/icons/quill.svg">
+    <link rel="stylesheet" href="/_/code/shared.css">
+    <script src="/_/code/quill.js"></script>
+    <script type="module" src="75820185/index.js"></script>
+  </head>
+  <body>
+  </body>
+</html>
+```
+
+When starting, it is typical to make a "Home" shadow and import it in index.js. Here is an example:
+
+index.js:
+```
+import "./Home.js"
+Home()
+```
+
+Home.js:
 ```
 import "../components/NavBar.js"
 import "./HomeContent.js"
@@ -121,3 +146,18 @@ class Home extends Shadow {
 register(Home)

 ```
+
+
+Success.js:
+
+```
+class Success extends Shadow {
+    render() {
+        p("Thanks for your purchase! You will receive a confirmation email shortly. <br><br> <b>Keep that email; it will be checked at the door.</b>")
+            .x(50, vw).y(50, vh)
+            .center()
+    }
+}
+ 
+register(Success)
+```