Sample Format
Sample Format Page
Temporary page for testing formatting across website, book (HTML/PDF/EPUB), and Telegram app.
Format-specific behavior
| Output | Callouts | Highlight (text) | Inline icons |
|---|---|---|---|
| Website | Bootstrap Alerts + Lucide icons | Bright yellow | Yes (raw HTML) |
| Book HTML | Same as website | Bright yellow | Yes |
| Book PDF | Bordered box, FA icon, bold title, no color | Bold + underline (yellow doesn’t print in B&W) | Limited (LaTeX) |
| EPUB | Same as HTML, inline SVG icons (Kindle-friendly) | Yellow | Yes |
| Telegram | DaisyUI alerts + FA icons | Depends on app | Yes |
PDF note: Amazon print is black & white. Callouts use bold formatting and FontAwesome icons only — no background colors. Highlighted text becomes bold + underline.
1. Callout styles
Six types: tip, important, remember, warning, caution, check. First line = type: Title, second line = body.
Rendered callouts
Use a real location as your Home Base — the brain remembers places better than abstract facts.
Always anchor your story before building the sequence. “I am at the Sleeping Giant…”
The number-object system works for phone numbers, PINs, licence plates, and any digit sequence.
Don’t open the app in a regular browser if you want your vault to sync — use Telegram.
Some e-readers may not display callout styling. Test your EPUB on target devices.
Raw markdown (the code)
```callout
tip: Pro tip
Use a real location as your Home Base.
```
```callout
important: Must remember
Always anchor your story before building the sequence.
```
```callout
remember: General note
The number-object system works for phone numbers, PINs, licence plates.
```
```callout
warning: Avoid this
Don't open the app in a regular browser if you want sync.
```
```callout
caution: Be careful
Some e-readers may not display callout styling.
```
```callout
check: Done
You've completed this step.
```2. Yellow highlighting
Use ==double equals== around text. Renders as bright yellow on screen; in PDF (print) it becomes bold + underline.
Example
This is highlighted text in the middle of a sentence. And here is another highlight.
Raw markdown
This is ==highlighted text== in the middle of a sentence.3. Inline icons
Our callouts use Lucide SVG icons from the icons/ folder. You can also use them inline:
Examples
Lightbulb
Check
Important
Remember
Warning
Caution
Raw markdown
 Check
 LightbulbIcons use stroke="currentColor" so they inherit text color (light/dark/print).
Quick reference
| Syntax | Use |
|---|---|
```callout + type: Title + body |
Callouts (tip, important, remember, warning, caution, check) |
==text== |
Yellow highlight (bold+underline in PDF) |
 |
Lucide icon inline |