Add hightlightjs-badge and snippet types

[lakuapik]

Pertama-tama, terima kasih banyak mas @hilmanski untuk inisiasi hal seperti ini, really appreciated 👏

---

PR ini menambahkan plugin highlight js namanya highlightjs-badge, gunanya untuk menambahkan info tipe snippet dan tombol salin kode. seperti ini:

---

Dan juga PR ini memperbarui semua snippet kode untuk ditambahkan tipenya.

Sebelum & Sesudah:

• github

• highlightjs

• vscode

---

PS: karena belum ada ikon terpasang, seperti font-awesome (defaultnya hightlightjs-badge), aku pasang ikon css dari iconify, contoh: https://icon-sets.iconify.design/tabler/clipboard-check/.

[vercel[bot]]

Someone is attempting to deploy a commit to a Personal Account owned by @hilmanski on Vercel.

@hilmanski first needs to authorize it.

[hilmanski]

Hi @lakuapik terima kasih untuk PRnya. Saya suka idenya, ada label dan jadi bisa copy.

Saat cek, saya lihat berubah tema code nya ,

• Coba diperhatikan lagi dan dibandingkan dengan yang sekarang. Temanya jangan berubah.
• Jangan lupa merge main yang terbaru. Karen ada beberapa update di sana.

*catatan untuk berikutnya sebaiknya membuat issue dulu, didiskusikan lalu setelah setuju baru dibuat, agar kamu tidak menghabiskan waktu.

[lakuapik]

mas @hilmanski udah aku rebase ke branch main yaa.

mengenai tema kode, ini maksudnya warna snippet atau yang mana yah?

kalau iya, memang itu berubah karena kita hardcode tipe snippetnya, sebelumnya karena kita tidak tambahkan tipenya, highlightjs mencoba menebak tipenya manual, dan hasilnya ada beberapa yang tidak cocok. contoh dihalaman https://kodi.ng/html/menampilkan-video-html/.

• sebelum: terdeteksi bash script, padahal harusnya html

• sesudah: pakai highlighter html

atau saya salah maksud?

[hilmanski]

Halo @lakuapik saya kurang suka dengan warna backgroudnya, agak off dengan tema yang sekarang. Ini warna background dari kode yang sekarang yang saya maksud #282C34

[lakuapik]

@lakuapik ah i see, coba nanti saya oprek lagi mas utk warna backgroundnya

[lakuapik]

mas @hilmanski udah aku ubah ya background colornya lewat override css, gak tahu juga kenapa kok bisa kerubah temanya atom-one-dark jadi background itu.

[hilmanski]

terima kasih @lakuapik kontribusinya akan saya update untuk beberapa stylingnya