sam/Quill
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update README.md

Browse Source
This commit is contained in:
sam
2026-02-09 16:06:27 -06:00
parent 656a673ca9
commit b801ac9da6
1 changed files with 41 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
README.md
View File

@@ -64,8 +64,33 @@ There are quill functions for every HTML style attribute. If they have units, th
### Real Home Shadow Example: ### 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 "../components/NavBar.js"
import "./HomeContent.js" import "./HomeContent.js"
@@ -120,4 +145,19 @@ class Home extends Shadow {
register(Home) 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)
``` ```