Content Components

The essential UI blocks ("Shortcodes") for the init.id curriculum.

1. {{< hero-hook >}}

Usage: Top of every lesson

Read This First

2. {{< diff-viewer >}}

Usage: Comparing Formal vs Casual
Baku (Textbook) Gaul (Real Life)
"Where are you?" Anda di mana?
"I am boring." Saya bosan.
"Where are you?" Lagi di mana?
"I am boring." Gabut nih.

3. {{< chat-ui >}}

Usage: Texting / Gaul Scenarios
B

Bro, jadi futsal gak ntar malem?

10:02 AM
You

Gas lah! Jambrp?

10:05 AM

4. {{< alert >}}

Usage: Warnings, Tips, Info

The "Gan" Trap

Never use "Gan" (Agan/Juragan) with your boss. It's for online marketplaces only.

Pro Tip

You can drop the "H" in "Tahu" (to know). Just say "Tau".

Did you know?

"WKWK" is pronounced "Weka-Weka".

5. {{< vocab-grid >}}

Usage: Grouping words

Mager

Malas Gerak

"Too lazy to move."

Baper

Bawa Perasaan

"Taking it too personally."

Gercep

Gerak Cepat

"Move fast / Act quickly."

6. {{< audio >}}

Usage: Inside text blocks

When you are hungry, don't say "Saya lapar". It sounds medical. Instead, just say Laper nih with a sigh at the end.

7. {{< dialogue >}}

Usage: Formal/Long Conversations
Budi

Selamat pagi, Pak.

Good morning, Sir.

Pak Tio

Pagi, Budi.

Morning, Budi.