├── .gitignore
├── LICENSE
├── README.md
├── breed.js
├── jest.config.js
├── jest.setup.js
├── package.json
├── plugin-svelte-hot.js
├── public
    ├── favicon.ico
    ├── index.html
    ├── logo.svg
    └── robots.txt
├── snowpack.config.js
├── snowpack.lock.json
├── src
    ├── App.svelte
    ├── App.test.js
    ├── index.js
    ├── pages.js
    └── pages
    │   ├── 10
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 11
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 12
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 13
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 14
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 15
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 16
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 17
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 18
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 19
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 20
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 21
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 22
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 23
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 24
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 25
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 26
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 27
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 28
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 29
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 30
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 31
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 32
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 33
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 34
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 35
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 36
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 37
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 38
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 39
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 40
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 41
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 42
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 43
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 44
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 45
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 46
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 47
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 48
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 49
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 50
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 51
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 52
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 53
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 54
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 55
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 56
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 57
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 58
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 59
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 60
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 61
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 62
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 63
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 64
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 65
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 66
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 67
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 68
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 69
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 70
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 71
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 72
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 73
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 74
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 75
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 76
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 77
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 78
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 79
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 80
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 81
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 82
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 83
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 84
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 85
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 86
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 87
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 88
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 89
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 90
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 91
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 92
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 93
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 94
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 95
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 96
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 97
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 98
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 99
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 00
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 01
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 02
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 03
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 04
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 05
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 06
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 07
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   ├── 08
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
    │   └── 09
    │       ├── Child.svelte
    │       ├── GrandChild.svelte
    │       ├── OtherChild.svelte
    │       ├── OtherGrandChild.svelte
    │       └── index.svelte
└── yarn.lock


/.gitignore:
--------------------------------------------------------------------------------
1 | .build
2 | build
3 | web_modules
4 | node_modules


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Snowpack + Svelte HMR
 2 | 
 3 | **Status:** ~~a glance into the future.~~ **2020-09-22** Now using stock Snowpack and `svelte-hmr`. Probably headed to become a proper plugin soon.
 4 | 
 5 | Copy paste into your terminal:
 6 | 
 7 | ```bash
 8 | git clone git@github.com:rixo/experiment-snowpack-svelte-hmr.git
 9 | cd experiment-snowpack-svelte-hmr
10 | yarn
11 | yarn start
12 | ```
13 | 
14 | Watch as 99 \* 5 components are being live compiled by Snowpack and loaded into your browser (have dev tools' network tab open for best experience).
15 | 
16 | Reload. Faster, right? Snowpack dev server caches built files, and nothing has changed since last time.
17 | 
18 | Open random Svelte component in IDE. (Just be sure that's a component that is currently rendered into the browser...)
19 | 
20 | Edit.
21 | 
22 | _Have tissues ready\*._
23 | 
24 | Save.
25 | 
26 | Yup.
27 | 
28 | This was HMR (when minimal rebuild time).
29 | 
30 | You didn't even see what happened, did you? Do it again ;)
31 | 
32 | _\* for your eyes, you perv!_
33 | 


--------------------------------------------------------------------------------
/breed.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * This is the script that generates 99 pages * 5 components.
 3 |  *
 4 |  * Don't run it.
 5 |  */
 6 | 
 7 | const fs = require('fs')
 8 | const path = require('path')
 9 | 
10 | const fsp = fs.promises
11 | 
12 | const src = path.resolve(__dirname, 'src/pages/01')
13 | 
14 | const n = 99
15 | 
16 | const clone = async () => {
17 |   const files = await fsp.readdir(src, 'utf8')
18 | 
19 |   const templates = await Promise.all(
20 |     files.map(async file => [
21 |       file,
22 |       await fsp.readFile(path.resolve(src, file), 'utf8'),
23 |     ])
24 |   )
25 | 
26 |   const range = Array.from({ length: n - 1 }).map((_, i) =>
27 |     String(i + 2).padStart(2, 0)
28 |   )
29 | 
30 |   await Promise.all(
31 |     range.map(async id => {
32 |       const dir = path.resolve(__dirname, `src/pages/${id}`)
33 |       await fsp.mkdir(dir, { recursive: true })
34 |       await Promise.all(
35 |         templates.map(([file, code]) =>
36 |           fsp.writeFile(path.resolve(dir, file), code.replace('01', id), 'utf8')
37 |         )
38 |       )
39 |     })
40 |   )
41 | }
42 | 
43 | const index = async () => {
44 |   const range = Array.from({ length: n }).map((_, i) =>
45 |     String(i + 1).padStart(2, 0)
46 |   )
47 | 
48 |   const code = range
49 |     .map(
50 |       id => `export { default as Page_${id} } from './pages/${id}/index.svelte'`
51 |     )
52 |     .join('\n')
53 | 
54 |   await fsp.writeFile(path.resolve(__dirname, 'src/pages.js'), code, 'utf8')
55 | }
56 | 
57 | clone()
58 | index()
59 | 


--------------------------------------------------------------------------------
/jest.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   ...require("@snowpack/app-scripts-svelte/jest.config.js")(),
3 | };
4 | 


--------------------------------------------------------------------------------
/jest.setup.js:
--------------------------------------------------------------------------------
1 | // jest-dom adds custom jest matchers for asserting on DOM nodes.
2 | // allows you to do things like:
3 | // expect(element).toHaveTextContent(/react/i)
4 | // learn more: https://github.com/testing-library/jest-dom
5 | import "@testing-library/jest-dom/extend-expect";
6 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "scripts": {
 3 |     "start": "snowpack dev",
 4 |     "build": "snowpack build",
 5 |     "test": "jest"
 6 |   },
 7 |   "dependencies": {
 8 |     "svelte": "^3.24.0"
 9 |   },
10 |   "devDependencies": {
11 |     "@snowpack/app-scripts-svelte": "^1.8.4",
12 |     "@testing-library/jest-dom": "^5.5.0",
13 |     "@testing-library/svelte": "^3.0.0",
14 |     "jest": "^26.2.2",
15 |     "snowpack": "^2.11.0",
16 |     "svelte-check": "^1.0.0",
17 |     "svelte-hmr": "^0.11.0"
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rixo/experiment-snowpack-svelte-hmr/3111a9774cc7938c99bcb42650fd69a8f63ec3af/public/favicon.ico


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <link rel="icon" href="/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1" />
 7 |     <meta name="description" content="Web site created using create-snowpack-app" />
 8 |     <title>Snowpack App</title>
 9 |   </head>
10 |   <body>
11 |     <noscript>You need to enable JavaScript to run this app.</noscript>
12 |     <script type="module" src="/_dist_/index.js"></script>
13 |     <!--
14 |       This HTML file is a template.
15 |       If you open it directly in the browser, you will see an empty page.
16 | 
17 |       You can add webfonts, meta tags, or analytics to this file.
18 |       The build step will place the bundled scripts into the <body> tag.
19 | 
20 |       To begin the development, run `npm start` or `yarn start`.
21 |       To create a production bundle, use `npm run build` or `yarn build`.
22 |     -->
23 |   </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/public/logo.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 98.1 118" style="enable-background:new 0 0 98.1 118;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:#FF3E00;}
 7 | 	.st1{fill:#FFFFFF;}
 8 | </style>
 9 | <path class="st0" d="M91.8,15.6C80.9-0.1,59.2-4.7,43.6,5.2L16.1,22.8C8.6,27.5,3.4,35.2,1.9,43.9c-1.3,7.3-0.2,14.8,3.3,21.3
10 | 	c-2.4,3.6-4,7.6-4.7,11.8c-1.6,8.9,0.5,18.1,5.7,25.4c11,15.7,32.6,20.3,48.2,10.4l27.5-17.5c7.5-4.7,12.7-12.4,14.2-21.1
11 | 	c1.3-7.3,0.2-14.8-3.3-21.3c2.4-3.6,4-7.6,4.7-11.8C99.2,32.1,97.1,22.9,91.8,15.6"/>
12 | <path class="st1" d="M40.9,103.9c-8.9,2.3-18.2-1.2-23.4-8.7c-3.2-4.4-4.4-9.9-3.5-15.3c0.2-0.9,0.4-1.7,0.6-2.6l0.5-1.6l1.4,1
13 | 	c3.3,2.4,6.9,4.2,10.8,5.4l1,0.3l-0.1,1c-0.1,1.4,0.3,2.9,1.1,4.1c1.6,2.3,4.4,3.4,7.1,2.7c0.6-0.2,1.2-0.4,1.7-0.7L65.5,72
14 | 	c1.4-0.9,2.3-2.2,2.6-3.8c0.3-1.6-0.1-3.3-1-4.6c-1.6-2.3-4.4-3.3-7.1-2.6c-0.6,0.2-1.2,0.4-1.7,0.7l-10.5,6.7
15 | 	c-1.7,1.1-3.6,1.9-5.6,2.4c-8.9,2.3-18.2-1.2-23.4-8.7c-3.1-4.4-4.4-9.9-3.4-15.3c0.9-5.2,4.1-9.9,8.6-12.7l27.5-17.5
16 | 	c1.7-1.1,3.6-1.9,5.6-2.5c8.9-2.3,18.2,1.2,23.4,8.7c3.2,4.4,4.4,9.9,3.5,15.3c-0.2,0.9-0.4,1.7-0.7,2.6l-0.5,1.6l-1.4-1
17 | 	c-3.3-2.4-6.9-4.2-10.8-5.4l-1-0.3l0.1-1c0.1-1.4-0.3-2.9-1.1-4.1c-1.6-2.3-4.4-3.3-7.1-2.6c-0.6,0.2-1.2,0.4-1.7,0.7L32.4,46.1
18 | 	c-1.4,0.9-2.3,2.2-2.6,3.8s0.1,3.3,1,4.6c1.6,2.3,4.4,3.3,7.1,2.6c0.6-0.2,1.2-0.4,1.7-0.7l10.5-6.7c1.7-1.1,3.6-1.9,5.6-2.5
19 | 	c8.9-2.3,18.2,1.2,23.4,8.7c3.2,4.4,4.4,9.9,3.5,15.3c-0.9,5.2-4.1,9.9-8.6,12.7l-27.5,17.5C44.8,102.5,42.9,103.3,40.9,103.9"/>
20 | </svg>
21 | 


--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 | 


--------------------------------------------------------------------------------
/snowpack.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   mount: {
 3 |     public: '/',
 4 |     src: '/_dist_',
 5 |   },
 6 |   devOptions: {
 7 |     // open: 'none',
 8 |   },
 9 |   plugins: [
10 |     './plugin-svelte-hot',
11 |     '@snowpack/plugin-dotenv',
12 |   ],
13 | }
14 | 


--------------------------------------------------------------------------------
/snowpack.lock.json:
--------------------------------------------------------------------------------
1 | {
2 |   "imports": {}
3 | }


--------------------------------------------------------------------------------
/src/App.test.js:
--------------------------------------------------------------------------------
1 | import { render } from "@testing-library/svelte";
2 | import App from "./App";
3 | 
4 | test("renders learn svelte link", () => {
5 |   const { getByText } = render(App);
6 |   const linkElement = getByText(/learn svelte/i);
7 |   expect(linkElement).toBeInTheDocument();
8 | });
9 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import App from './App.svelte'
2 | 
3 | var app = new App({
4 |   target: document.body,
5 | })
6 | 
7 | export default app
8 | 


--------------------------------------------------------------------------------
/src/pages/00/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 00</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/00/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 00</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/00/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 00</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/00/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 00</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/00/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 00</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/01/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 01</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/01/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 01</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/01/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 01</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/01/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 01</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/01/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 01</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/02/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 02</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/02/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 02</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/02/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 02</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/02/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 02</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/02/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 02</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/03/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 03</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/03/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 03</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/03/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 03</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/03/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 03</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/03/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 03</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/04/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 04</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/04/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 04</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/04/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 04</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/04/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 04</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/04/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 04</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/05/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 05</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/05/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 05</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/05/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 05</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/05/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 05</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/05/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 05</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/06/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 06</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/06/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 06</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/06/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 06</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/06/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 06</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/06/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 06</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/07/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 07</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/07/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 07</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/07/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 07</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/07/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 07</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/07/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 07</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/08/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 08</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/08/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 08</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/08/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 08</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/08/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 08</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/08/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 08</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/09/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 09</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/09/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 09</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/09/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 09</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/09/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 09</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/09/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 09</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/10/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 10</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/10/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 10</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/10/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 10</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/10/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 10</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/10/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 10</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/11/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 11</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/11/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 11</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/11/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 11</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/11/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 11</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/11/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 11</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/12/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 12</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/12/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 12</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: red;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/12/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 12</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/12/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 12</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/12/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 12</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/13/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 13</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/13/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 13</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/13/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 13</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/13/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 13</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/13/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 13</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/14/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 14</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/14/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 14</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/14/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 14</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/14/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 14</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/14/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 14</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/15/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 15</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/15/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 15</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/15/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 15</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/15/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 15</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/15/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 15</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/16/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 16</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/16/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 16</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/16/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 16</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/16/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 16</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/16/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 16</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/17/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 17</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/17/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 17</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/17/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 17</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/17/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 17</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/17/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 17</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/18/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 18</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/18/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 18</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/18/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 18</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/18/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 18</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/18/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 18</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/19/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 19</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/19/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 19</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/19/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 19</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/19/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 19</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/19/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 19</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/20/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 20</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/20/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 20</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/20/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 20</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/20/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 20</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/20/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 20</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/21/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 21</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/21/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 21</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/21/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 21</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/21/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 21</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/21/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 21</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/22/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 22</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/22/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 22</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/22/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 22</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/22/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 22</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/22/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 22</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/23/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 23</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/23/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 23</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/23/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 23</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/23/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 23</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/23/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 23</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/24/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 24</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/24/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 24</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/24/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 24</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/24/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 24</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/24/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 24</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/25/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 25</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/25/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 25</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/25/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 25</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/25/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 25</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/25/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 25</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/26/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 26</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/26/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 26</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/26/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 26</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/26/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 26</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/26/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 26</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/27/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 27</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/27/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 27</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/27/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 27</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/27/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 27</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/27/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 27</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/28/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 28</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/28/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 28</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/28/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 28</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/28/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 28</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/28/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 28</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/29/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 29</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/29/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 29</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/29/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 29</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/29/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 29</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/29/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 29</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/30/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 30</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/30/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 30</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/30/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 30</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/30/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 30</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/30/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 30</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/31/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 31</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/31/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 31</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/31/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 31</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/31/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 31</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/31/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 31</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/32/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 32</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/32/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 32</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/32/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 32</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/32/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 32</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/32/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 32</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/33/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 33</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/33/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 33</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/33/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 33</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/33/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 33</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/33/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 33</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/34/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 34</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/34/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 34</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/34/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 34</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/34/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 34</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/34/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 34</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/35/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 35</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/35/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 35</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/35/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 35</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/35/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 35</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/35/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 35</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/36/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 36</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/36/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 36</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/36/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 36</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/36/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 36</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/36/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 36</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/37/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 37</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/37/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 37</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/37/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 37</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/37/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 37</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/37/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 37</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/38/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 38</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/38/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 38</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/38/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 38</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/38/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 38</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/38/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 38</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/39/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 39</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/39/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 39</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/39/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 39</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/39/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 39</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/39/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 39</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/40/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 40</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/40/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 40</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/40/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 40</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/40/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 40</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/40/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 40</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/41/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 41</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/41/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 41</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/41/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 41</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/41/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 41</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/41/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 41</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/42/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 42</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/42/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 42</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/42/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 42</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/42/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 42</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/42/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 42</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/43/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 43</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/43/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 43</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/43/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 43</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/43/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 43</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/43/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 43</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/44/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 44</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/44/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 44</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/44/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 44</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/44/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 44</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/44/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 44</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/45/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 45</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/45/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 45</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/45/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 45</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/45/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 45</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/45/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 45</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/46/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 46</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/46/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 46</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/46/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 46</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/46/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 46</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/46/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 46</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/47/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 47</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/47/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 47</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/47/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 47</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/47/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 47</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/47/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 47</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/48/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 48</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/48/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 48</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/48/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 48</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/48/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 48</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/48/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 48</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/49/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 49</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/49/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 49</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/49/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 49</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/49/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 49</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/49/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 49</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/50/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 50</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/50/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 50</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/50/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 50</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/50/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 50</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/50/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 50</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/51/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 51</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/51/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 51</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/51/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 51</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/51/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 51</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/51/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 51</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/52/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 52</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/52/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 52</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/52/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 52</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/52/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 52</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/52/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 52</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/53/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 53</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/53/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 53</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/53/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 53</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/53/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 53</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/53/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 53</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/54/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 54</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/54/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 54</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/54/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 54</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/54/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 54</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/54/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 54</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/55/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 55</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/55/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 55</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/55/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 55</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/55/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 55</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/55/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 55</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/56/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 56</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/56/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 56</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/56/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 56</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/56/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 56</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/56/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 56</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/57/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 57</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/57/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 57</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/57/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 57</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/57/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 57</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/57/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 57</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/58/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 58</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/58/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 58</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/58/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 58</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/58/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 58</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/58/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 58</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/59/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 59</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/59/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 59</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/59/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 59</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/59/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 59</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/59/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 59</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/60/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 60</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/60/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 60</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/60/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 60</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/60/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 60</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/60/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 60</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/61/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 61</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/61/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 61</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/61/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 61</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/61/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 61</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/61/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 61</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/62/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 62</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/62/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 62</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/62/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 62</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/62/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 62</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/62/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 62</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/63/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 63</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/63/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 63</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/63/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 63</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/63/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 63</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/63/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 63</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/64/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 64</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/64/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 64</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/64/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 64</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/64/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 64</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/64/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 64</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/65/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 65</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/65/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 65</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/65/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 65</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/65/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 65</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/65/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 65</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/66/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 66</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/66/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 66</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/66/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 66</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/66/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 66</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/66/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 66</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/67/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 67</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/67/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 67</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/67/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 67</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/67/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 67</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/67/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 67</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/68/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 68</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/68/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 68</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/68/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 68</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/68/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 68</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/68/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 68</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/69/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 69</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/69/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 69</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/69/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 69</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/69/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 69</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/69/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 69</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/70/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 70</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/70/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 70</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/70/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 70</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/70/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 70</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/70/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 70</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/71/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 71</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/71/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 71</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/71/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 71</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/71/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 71</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/71/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 71</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/72/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 72</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/72/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 72</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/72/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 72</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/72/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 72</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/72/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 72</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/73/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 73</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/73/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 73</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/73/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 73</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/73/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 73</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/73/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 73</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/74/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 74</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/74/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 74</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/74/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 74</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/74/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 74</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/74/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 74</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/75/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 75</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/75/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 75</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/75/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 75</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/75/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 75</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/75/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 75</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/76/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 76</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/76/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 76</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/76/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 76</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/76/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 76</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/76/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 76</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/77/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 77</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/77/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 77</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/77/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 77</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/77/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 77</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/77/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 77</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/78/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 78</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/78/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 78</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/78/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 78</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/78/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 78</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/78/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 78</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/79/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 79</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/79/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 79</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/79/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 79</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/79/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 79</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/79/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 79</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/80/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 80</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/80/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 80</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/80/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 80</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/80/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 80</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/80/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 80</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/81/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 81</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/81/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 81</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/81/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 81</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/81/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 81</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/81/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 81</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/82/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 82</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/82/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 82</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/82/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 82</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/82/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 82</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/82/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 82</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/83/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 83</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/83/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 83</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/83/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 83</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/83/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 83</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/83/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 83</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/84/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 84</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/84/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 84</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/84/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 84</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/84/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 84</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/84/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 84</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/85/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 85</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/85/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 85</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/85/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 85</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/85/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 85</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/85/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 85</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/86/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 86</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/86/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 86</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/86/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 86</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/86/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 86</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/86/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 86</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/87/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 87</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/87/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 87</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/87/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 87</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/87/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 87</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/87/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 87</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/88/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 88</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/88/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 88</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/88/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 88</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/88/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 88</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/88/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 88</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/89/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 89</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/89/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 89</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/89/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 89</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/89/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 89</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/89/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 89</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/90/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 90</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/90/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 90</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/90/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 90</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/90/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 90</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/90/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 90</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/91/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 91</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/91/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 91</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/91/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 91</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/91/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 91</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/91/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 91</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/92/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 92</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/92/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 92</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/92/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 92</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/92/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 92</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/92/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 92</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/93/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 93</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/93/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 93</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/93/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 93</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/93/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 93</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/93/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 93</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/94/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 94</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/94/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 94</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/94/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 94</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/94/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 94</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/94/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 94</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/95/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 95</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/95/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 95</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/95/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 95</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/95/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 95</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/95/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 95</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/96/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 96</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/96/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 96</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/96/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 96</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/96/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 96</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/96/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 96</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/97/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 97</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/97/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 97</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/97/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 97</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/97/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 97</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/97/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 97</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/98/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 98</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/98/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 98</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/98/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 98</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/98/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 98</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/98/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 98</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/pages/99/Child.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import GrandChild from './GrandChild.svelte'
 3 |   import OtherGrandChild from './OtherGrandChild.svelte'
 4 | </script>
 5 | 
 6 | <div>
 7 |   <h2>Child 99</h2>
 8 | 
 9 |   <p>I have kids too:</p>
10 | 
11 |   <GrandChild />
12 | 
13 |   <OtherGrandChild />
14 | </div>
15 | 
16 | <style>
17 |   * {
18 |     color: deeppink;
19 |   }
20 | </style>
21 | 


--------------------------------------------------------------------------------
/src/pages/99/GrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>GrandChild 99</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: pink;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/99/OtherChild.svelte:
--------------------------------------------------------------------------------
 1 | <div>
 2 |   <h2>Other Child 99</h2>
 3 | 
 4 |   <p>I am the other child.</p>
 5 | </div>
 6 | 
 7 | <style>
 8 |   * {
 9 |     color: orange;
10 |   }
11 | </style>
12 | 


--------------------------------------------------------------------------------
/src/pages/99/OtherGrandChild.svelte:
--------------------------------------------------------------------------------
 1 | <h3>Other GrandChild 99</h3>
 2 | 
 3 | <p>I am the child of Child.</p>
 4 | 
 5 | <style>
 6 |   * {
 7 |     color: violet;
 8 |   }
 9 | </style>
10 | 


--------------------------------------------------------------------------------
/src/pages/99/index.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Child from './Child.svelte'
 3 |   import OtherChild from './OtherChild.svelte'
 4 | </script>
 5 | 
 6 | <h1>Page 99</h1>
 7 | 
 8 | <p>I am page 01.</p>
 9 | 
10 | <p>I have some children:</p>
11 | 
12 | <div>
13 |   <Child />
14 |   <OtherChild />
15 | </div>
16 | 
17 | <style>
18 |   * {
19 |     color: skyblue;
20 |   }
21 |   div {
22 |     display: flex;
23 |     max-width: 600px;
24 |     margin: auto;
25 |   }
26 |   div :global(> *) {
27 |     flex: 1;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------