butiran-✗

v04 panel-dev

· 1 min read · edit
^
>

intro

  • It is v04 of panel development.
  • It still has static base, one column, slide stype only.
  • There must be at least three slides to show the appearance of navigation buttons:
    • < previous,
    • ^ home,
    • > next.
butiran-x/26c30
2026-03-07
1
<
^
>

equations

  • It supports equations via KaTeX.
  • This is an inline one $y = ax^2 + bx + c$.
  • This is an diplayed one $$\tag{1} x_{1,2} = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}. $$
  • The $x_1$ and $x_2$ in Eqn (1) are roots of $y = f(x)$.
butiran-x/26c30
2026-03-07
2
<
^
>

JS + CSS + HTML

  • It is rendered simply in an internet browser.
  • For IDE VS Code and Notepad++ can be used.
  • But for better understanding, it is advisable to use Notepad++.
  • Use internet browser, e.g. Chrome, and Notepad++ side by side.
  • Refresh the internet browser every time after the code is modified.
butiran-x/26c30
2026-03-07
3
<
^

flowchart

  • Currently, it does not support flowchart via Mermaid.
graph LR A[Normal]:::default --> B[Highlighted]:::highlight --> C[Error]:::error classDef default fill:#f4f4f5,stroke:#a1a1aa classDef highlight fill:#fbbf24,stroke:#d97706 classDef error fill:#ef4444,stroke:#dc2626
butiran-x/26c30
2026-03-07
4

notes