Well, we better look at this literally (I am not trying to update what is in `Section3.fragment.md` for `*print-circle*` reasons).

I am really using at least five windows to the limit all the time in order to write this. This amount of work is showing me that there is all sorts of structure and information here that I normally informally disregard (and later, do not have available to interface back into my previous work). I guess I have there

1. The index (i.e. kitten place)
1. Data.fragment.js (my json data-companion file)
1. The particular section I am writing's markdown file
1. An embeddable common lisp repl

and

- librewolf web browser pointing at the kitten on `localhost`

There are more emacs buffers but those are the main ones for me right now.

`index.page.js` for this path=folder is where the kitten per se is happening. Despite the filetype `page.js` exporting a `kitten.html`, in my opinion the file is clearly an xml file for a kitten ontology. Imagine those `import` statements were `<import ..>` something.

The main *space hog* right now is how many lines those `<H>` heading complexes take up since I verbosely specify them. In some sense it is unnecessary, but I kind of want that explicit xml structure available __somewhere__ at least and it is currently here. I think data hiding is mostly misused so I am afraid of adding a bunch of infrastructure to obfuscate the details of those heading structures being passed in their parameters. (Aside for Aral if you are reading this: it seems like I can use relative paths but not absolute paths as I write this?).

```
import SiteLayout from '../../Site.layout.js'

import H from '../../md/H.fragment.md'

import Section1 from './md/Section1.fragment.md'
import Section2 from './md/Section2.fragment.md'
import Section3 from './md/Section3.fragment.md'

import Data from './db/Data.fragment.js'

export default () => kitten.html`
<\${SiteLayout}>
  <content for='HEAD'>
    <link rel='icon' href='/favicon.ico'>
  </content>

<article>

<\${H}>
<content for='text'>\${Data.section1.H.text}</content>
<content for='link'>\${Data.section1.H.link}</content>
<content for='date'>\${Data.section1.H.date}</content>
<content for='level'>\${Data.section1.H.level}</content>
</>

<\${Section1}></>

<\${H}>
<content for='text'>\${Data.section2.H.text}</content>
<content for='link'>\${Data.section2.H.link}</content>
<content for='date'>\${Data.section2.H.date}</content>
<content for='level'>\${Data.section2.H.level}</content>
</>

<\${Section2}></>

<\${H}>
<content for='text'>\${Data.section3.H.text}</content>
<content for='link'>\${Data.section3.H.link}</content>
<content for='date'>\${Data.section3.H.date}</content>
<content for='level'>\${Data.section3.H.level}</content>
</>

<img src=./imgs/action-screenshot-kitten.png>

<img src=./imgs/librewolf-kitten-screenshot.png>

<\${Section3}></>

</article>
</>
`
```