Beautiful presentations
New features
- Nerd icons
-
(inline) => code("highlighting") - Automatic QR Code generation
- and much more!
CUSTOM TOKYONIGHT THEME
THAT HAS
MULTI
LEVEL
HEADING
COLORS
Thanks to this project for the colorscheme!
Tailwind CSS
Lorem, ipsum.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Error quod fugiat harum modi laboriosam dignissimos, maxime possimus? Error, nihil in.
Lorem, ipsum.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Error quod fugiat harum modi laboriosam dignissimos, maxime possimus? Error, nihil in.
Lorem, ipsum.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Error quod fugiat harum modi laboriosam dignissimos, maxime possimus? Error, nihil in.
Custom classes
border-r
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum, soluta!
border-o
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum, soluta!
border-y
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum, soluta!
New code highlighting!
highlight.js
highlighting implementation
var foo = {
bar: function () {
alert("Hello, World!");
}
};
New code highlighting!
Inline code highlighting is now also supported!
Just wrap your code with
<code>
tag and get highlighting like this
const foo = () => {return bar}
!
Mermaid for beautiful diagrams!
erDiagram
CUSTOMER ||--o{ ORDER : ""
CUSTOMER {
string name
string custNumber
string sector
}
ORDER ||--|{ LINE-ITEM : contains
ORDER {
int orderNumber
string deliveryAddress
}
LINE-ITEM {
string productCode
int quantity
float pricePerUnit
}
ORDER ||--|{ STUDENT : contains
STUDENT {
int orderNumber
string deliveryAddress
}
Check documentation here !
Now supports Nerd font icons!
Checkout their site for icons like this !
Now supports automatic QRCode generation!
<img src="https://goqr.me/" data-type="qrcode" /
>
tag!