Menambahkan Notes di tema Jekyll HPSTR

Reading time ~1 minute

Modifikasi tema Jekyll HPSTR

Sebelum menambahkan class notes pada css di tema Jekyll HPSTR yang saya gunakan, saya sebelumnya menggunakan sintak markdown blockquotes untuk menampilkan keterangan ataupun catatan, setelah saya ngulik sedikit dokumentasi GitHub, akhirnya saya menambahkan berkas baru untuk pada direktori _sass/ dan menamakan berkas tersebut dengan _alert.scss.

isinya seperti berikut:

Setelah berkas dibuat, maka kita perlu menyunting berkas assets/css/main.scss untuk memanggil berkas yang telah dibuat sebelumnya dengan menambahkan @import "alert"; pada akhir baris.

$ echo "@import "alert";" >> assets/css/main.scss

Hasilnya akan seperti ini:

$ cat assets/css/main.scss
---
sitemap: false
---

/*
 *
 *  HPSTR
 *
 *  Designer: Michael Rose
 *  Twitter: http://twitter.com/mmistakes
 *
*/

// Partials
@import "variables";
@import "mixins";
@import "reset";
@import "vendor/font-awesome/font-awesome";
@import "vendor/magnific-popup/magnific-popup";
@import "site";
@import "typography";
@import "syntax";
@import "coderay";
@import "gist";
@import "grid";
@import "elements";
@import "alert";
@import "animations";
@import "dl-menu";
@import "page";

Mari kita lihat hasil dari penambahan css yang sudah dibuat:

<div class="alert alert-note"><strong>Catatan:</strong>
<ul>
<li>Item 1.</li>
<li>Item 2.</li>
<li>Item 3.</li>
<li>Item 4.</li>
</ul>
</div>

Output:

Catatan:
  • Item 1.
  • Item 2.
  • Item 3.
  • Item 4.

Selesai, semoga bisa lebih bersemangat berbagi pengetahuan.

Instalasi Docker di Raspbian - Bagian 1

Pemasangan Docker di Raspbian Jessie - Bagian 1 Continue reading

E: Failed to fetch - Size mismatch

Published on August 12, 2016

My Contribution to FOSS in July 2016

Published on July 31, 2016