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

1
blockquotes
untuk menampilkan keterangan ataupun catatan, setelah saya ngulik sedikit dokumentasi GitHub, akhirnya saya menambahkan berkas baru untuk pada direktori
1
_sass/
dan menamakan berkas tersebut dengan
1
_alert.scss
.

isinya seperti berikut:

Setelah berkas dibuat, maka kita perlu menyunting berkas

1
assets/css/main.scss
untuk memanggil berkas yang telah dibuat sebelumnya dengan menambahkan
1
@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

1
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