Standard Structure Pages

Small interactive demos explaining orientation/rotation concepts. Deployed via GitHub Pages.

From the repo root:

python3 -m http.server 8080

Open:

• Hub: http://localhost:8080/
• Library Orientation: http://localhost:8080/pages/library-orientation.html

Prefer Node?

npx serve . -l 8080

Then open the same URLs above.

1. Copy an existing page:

cp pages/library-orientation.html pages/<your-new-page>.html

2. Edit the new file (title/content/script). Keep the shared stylesheet link near the top:

<link rel="stylesheet" href="../assets/style.css">

3. Link it from the landing page (index.html):

<!-- Add to the nav -->
<a href="pages/<your-new-page>.html">Your New Page</a>

<!-- Add to the list -->
<li><a href="pages/<your-new-page>.html">Your New Page</a></li>

4. Commit & push:

git add pages/<your-new-page>.html index.html
git commit -m "feat: add <your-new-page> demo"
git push

1. In GitHub: Settings → Pages

• Source: Deploy from a branch
• Branch: main and / (root)

2. Your site URL:

https://neara-software.github.io/StandardStructurePages/

Pages live under /pages/..., e.g.:

https://neara-software.github.io/StandardStructurePages/pages/library-orientation.html

Embedding in Fibery: use the public page URL. Ensure HTTPS. If an embed is blank, the host may block iframes—GitHub Pages is fine.

StandardStructurePages/
├─ index.html                # Hub / landing
├─ pages/
│  ├─ library-orientation.html
│  └─ <your-new-page>.html
├─ assets/
│  ├─ style.css             # shared styles
│  └─ app.js                # shared helpers (optional)
└─ README.md