Configure Renovate

.forestry/settings.yml

@@ -0,0 +1,27 @@
+---
+new_page_extension: md
+auto_deploy: false
+admin_path: 
+webhook_url: 
+sections:
+- type: jekyll-pages
+  label: Pages
+  create: all
+- type: jekyll-posts
+  label: Posts
+  create: all
+upload_dir: uploads
+public_path: "/uploads"
+front_matter_path: ''
+use_front_matter_path: false
+file_template: ":filename:"
+build:
+  preview_env:
+  - JEKYLL_ENV=staging
+  preview_output_directory: _site
+  install_dependencies_command: bundle install --path vendor/bundle
+  preview_docker_image: forestryio/ruby:2.6
+  mount_path: "/srv"
+  working_dir: "/srv"
+  instant_preview_command: bundle exec jekyll serve --drafts --unpublished --future
+    --port 8080 --host 0.0.0.0 -d _site

Gemfile

@@ -19,5 +19,6 @@ group :jekyll_plugins do
     gem 'rouge'
 end
 
+# Jekyll admin
 gem 'jekyll-admin', group: :jekyll_plugins
 

README.md

@@ -1,23 +1,4 @@
-# Mediumish - Jekyll Theme
+# adiatma.github.io
 
-[Live Demo](https://wowthemesnet.github.io/mediumish-theme-jekyll/)   |   [Download](https://github.com/wowthemesnet/mediumish-theme-jekyll/archive/master.zip)   |   [Documentation](https://bootstrapstarter.com/bootstrap-templates/template-mediumish-bootstrap-jekyll/)   |   [Buy me a coffee](https://www.wowthemes.net/donate/)
+This blogs built with [jekyll](https://jekyllrb.com/), [jekyll-admin](https://github.com/jekyll/jekyll-admin), and using [mediumish](https://www.wowthemes.net/mediumish-free-jekyll-template/) theme.
 
-![mediumish](assets/images/mediumish-jekyll-template.png)
-
-
-### Copyright
-
-Copyright (C) 2019 Sal, https://www.wowthemes.net
-
-**Mediumish for Jekyll** is designed and developed by [Sal](https://www.wowthemes.net) and it is *free* under MIT license. 
-
-<a href="https://www.wowthemes.net/donate/" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" ></a>
-
-### Contribute
-
-1. [Fork the repo](https://github.com/wowthemesnet/mediumish-theme-jekyll).
-2. Clone a copy of your fork on your local
-3. Create a branch off of master and give it a meaningful name (e.g. my-new-mediumish-feature).
-4. Make necessary changes, commit, push and open a pull request on GitHub.
-
-Thank you!

_config.yml

@@ -1,72 +1,54 @@
-# Site
-name: "Mediumish"
-title: "Mediumish"
-description: "Jekyll template, Medium styled, free for bloggers."
-logo: 'assets/images/logo.png'
-favicon: 'assets/images/logo.png'
+name: Adiatma Kamarudin
+title: Adiatma Kamarudin
+description: Just personal blogs.
+logo: assets/images/logo.png
+favicon: assets/images/logo.png
 baseurl: ''
-google_analytics: ''
-disqus: 'demowebsite'
-mailchimp-list: 'https://wowthemes.us11.list-manage.com/subscribe/post?u=8aeb20a530e124561927d3bd8&id=8c3d2d214b'
-include: ["_pages"]
-permalink: /:title/
-
-# Authors
+google_analytics: '"UA-143014045-1"'
+disqus: adiatma9024
+include:
+  - _pages
+permalink: '/:title/'
 authors:
-  sal:
-    name: Sal
-    display_name: Sal
-    gravatar: e56154546cf4be74e393c62d1ae9f9d4
-    email: wowthemesnet@gmail.com
-    web: https://www.wowthemes.net
-    twitter: https://twitter.com/wowthemesnet
-    description: "Author of Mediumish, a Bootstrap Medium styled template available for WordPress, HTML, Ghost and Jekyll. You are currently previewing Jekyll template demo."
-  john:
-    name: John
-    display_name: John    
-    avatar: 'assets/images/avatar.png'
-    gravatar: b1cc14991db7a456fcd761680bbc8f81
-    email: wowthemesnet@gmail.com
-    web: https://www.wowthemes.net
-    twitter: https://twitter.com/wowthemesnet
-    description: "This is the author box. Write a short description of the author here. You are currently previewing Mediumish demo, a Jekyll template compatible with Github pages."
-
-# Plugins
+  adiatma:
+    name: Adiatma Kamarudin
+    display_name: adiatma
+    email: adiatma9024@gmail.com
+    twitter: https://twitter.com/adiatma__
+    description: "Software Engineer, Opensource Enthusiasm, and Blogger"
+    web: "https://adiatma.github.io"
+    gravatar: 4a2a99c8bd08b234fda70219c575c53a
 plugins:
   - jekyll-paginate
   - jekyll-sitemap
   - jekyll-feed
   - jekyll-seo-tag
   - jekyll-archives
-
-# Archives
 jekyll-archives:
   enabled:
     - categories
   layout: archive
   permalinks:
     category: '/category/:name/'
-
-# Pagination 
 paginate: 6
-paginate_path: /page:num/
-
-# Other
+paginate_path: '/page:num/'
 markdown: kramdown
-
 kramdown:
   input: GFM
   syntax_highlighter: rouge
   syntax_highlighter_opts:
     block:
       line_numbers: true
-
-# Adsense (change to "enabled" to activate, also your client id and ad slot. Create a new ad unit from your Adsense account to get the slot.)
-adsense: "disabled"
-adsense-data-ad-client: "ca-pub-3412143450191416"
-adsense-data-ad-slot: "1363087678"
-
-# Lazy Images ("enabled" or "disabled")
-lazyimages: "disabled"
-
-exclude: [changelog.md, LICENSE.txt, README.md, Gemfile, Gemfile.lock]
+adsense: enabled
+adsense-data-ad-client: "ca-pub-3949943425882481"
+adsense-data-ad-slot: ''
+lazyimages: disabled
+exclude:
+  - changelog.md
+  - LICENSE.txt
+  - README.md
+  - Gemfile
+  - Gemfile.lock
+jekyll_admin:
+  hidden_links:
+    - datafiles

_layouts/default.html

@@ -76,19 +76,15 @@
                 </li>
 
                 <li class="nav-item">
-                <a target="_blank" class="nav-link" href="https://bootstrapstarter.com/bootstrap-templates/template-mediumish-bootstrap-jekyll/"> Docs</a>
+                <a class="nav-link" href="{{ site.baseurl }}/categories">Categories</a>
                 </li>
 
                 <li class="nav-item">
-                <a target="_blank" class="nav-link" href="https://www.wowthemes.net/themes/mediumish-wordpress/"><i class="fab fa-wordpress-simple"></i> WP Version</a>
+                  <a class="nav-link" href="https://github.com/adiatma" target="_blank">Github</a>
                 </li>
 
                 <li class="nav-item">
-                <a target="_blank" class="nav-link" href="https://www.wowthemes.net/themes/mediumish-ghost/"><i class="fab fa-snapchat-ghost"></i> Ghost Version</a>
-                </li>
-
-                <li class="nav-item">
-                <a target="_blank" class="nav-link" href="https://github.com/wowthemesnet/mediumish-theme-jekyll"><i class="fab fa-github"></i> Fork on Github</a>
+                  <a class="nav-link" href="https://www.youtube.com/channel/UCZOeO1elqR4mGVeman6b3SA" target="_blank">Youtube</a>
                 </li>
 
                 {% include search-lunr.html %}

_layouts/post.html

@@ -123,10 +123,10 @@ <h3 class="font-weight-bold">Summary</h3>
             <!-- Prev/Next -->
             <div class="row PageNavigation d-flex justify-content-between font-weight-bold">
             {% if page.previous.url %}
-            <a class="prev d-block col-md-6" href="{{ site.baseurl }}/{{page.previous.url}}"> &laquo; {{page.previous.title}}</a>
+            <a class="prev d-block col-md-6" href="{{page.previous.url}}"> &laquo; {{page.previous.title}}</a>
             {% endif %}
             {% if page.next.url %}
-            <a class="next d-block col-md-6 text-lg-right" href="{{ site.baseurl }}/{{page.next.url}}">{{page.next.title}} &raquo; </a>
+            <a class="next d-block col-md-6 text-lg-right" href="{{page.next.url}}">{{page.next.title}} &raquo; </a>
             {% endif %}
             <div class="clearfix"></div>
             </div>
@@ -178,4 +178,4 @@ <h3 class="font-weight-bold">Summary</h3>
   }
 }
 </script>
-{% endif %}
+{% endif %}

_pages/about.md

@@ -1,35 +1,7 @@
 ---
+title: Introduction
 layout: page
-title: Mediumish Template for Jekyll
-permalink: /about
+permalink: "/about"
 comments: true
 ---
 
-<div class="row justify-content-between">
-<div class="col-md-8 pr-5">
-
-<p>This website is built with Jekyll and Mediumish template for Jekyll. It's for demonstration purposes, no real content can be found. Mediumish template for Jekyll is compatible with Github pages, in fact even this demo is created with Github Pages and hosted with Github.</p>
-
-<p class="mb-5"><img class="shadow-lg" src="{{site.baseurl}}/assets/images/mediumish-jekyll-template.png" alt="jekyll template mediumish" /></p>
-<h4>Documentation</h4>
-
-<p>Please, read the docs <a href="https://bootstrapstarter.com/bootstrap-templates/template-mediumish-bootstrap-jekyll/">here</a>.</p>
-
-<h4>Questions or bug reports?</h4>
-
-<p>Head over to our <a href="https://github.com/wowthemesnet/mediumish-theme-jekyll">Github repository</a>!</p>
-
-</div>
-
-<div class="col-md-4">
-
-<div class="sticky-top sticky-top-80">
-<h5>Buy me a coffee</h5>
-
-<p>Thank you for your support! Your donation helps me to maintain and improve <a target="_blank" href="https://github.com/wowthemesnet/mediumish-theme-jekyll">Mediumish <i class="fab fa-github"></i></a>.</p>
-
-<a target="_blank" href="https://www.wowthemes.net/donate/" class="btn btn-danger">Buy me a coffee</a> <a target="_blank" href="https://bootstrapstarter.com/bootstrap-templates/template-mediumish-bootstrap-jekyll/" class="btn btn-warning">Documentation</a>
-
-</div>
-</div>
-</div>

_posts/2019-07-06-berkenalan-dengan-webpack.md

@@ -0,0 +1,106 @@
+---
+title: Berkenalan dengan webpack
+layout: post
+author: adiatma
+categories: javascript
+image: assets/images/webpack.png
+---
+
+## Apa itu webpack?
+
+> webpack adalah static module bundler untuk apalikasi javascript modern
+
+Javascript modern membutuhkan beberapa konfigurasi untuk bisa di dukung oleh browser, misalnya [babel](https://babeljs.io/) sebagai javascript `compiler` untuk mengkompilasi javascript modern ke versi yang di dukung oleh browser. Dalam prosesnya webpack akan membundel beberapa module yang saling berkaitan dan akan di generate menjadi satu file atau lebih.
+
+Berikut adalah beberapa konsep utama dari webpack, yang perlu untuk kita pahami:
+
++ [Entry](#entry)
++ [Output](#output)
++ [Loaders](#loaders)
++ [Plugins](#plugins)
++ [Mode](#mode)
+
+## Entry
+
+Entry adalah sebuah `entry point` atau titik masuk yang menyatakan sebuah direktori atau file yang akan di gunakan untuk di proses lebih lanjut oleh webpack, dengan menggunakan entry kita akan meminta webpack memproses file yang kita definisikan di dalamnya.
+
+Berikut adalah contoh penggunaan entry:
+
+```js
+module.exports = {
+  entry: './src/index.js',
+}
+```
+
+Contoh konfigurasi di atas saya akan meminta webpack untuk memproses file yang berada di direktori `./src/index.js` untuk di proses lebih lanjut.
+
+Untuk lebih detail memahami tentang `entry` silahkan cek [disini](https://webpack.js.org/concepts/entry-points/)
+
+## Output
+
+[Output](https://webpack.js.org/concepts/output/) mendifinisikan akhir dari proses kompilasi webpack, dengan menggunakan output kita bisa memodifikasi file dan direktori yang akan menjadi keluarannya.
+
+Berikut adalah contoh penggunaan output:
+
+```js
+module.exports = {
+  output: {
+    filename: 'bundle.js',
+  }
+}
+```
+
+## Loaders
+
+[Loaders](https://webpack.js.org/concepts/loaders/) adalah konfigurasi untuk mengatur pola apa yang akan kita pakai sebagai aturan yang akan di terapkan oleh webpack dalam memproses file javascript.
+
+Berikut adalah contoh penggunaan loaders:
+
+```js
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        loader: 'babel-loader'
+      },
+    ],
+  },
+}
+```
+
+Dengan contoh konfigurasi di atas, kita meminta webpack untuk memproses file dengan extensi `.js` (file javascript) untuk di proses menggunakan module [babel-loader](https://github.com/babel/babel-loader).
+
+## Plugins
+
+[Plugins](https://webpack.js.org/concepts/plugins/) adalah konfigurasi tambahan untuk manajemen assets dan setup environment di webpack, misalnya kita ingin menambahkan file dengan extensi `.html` yang akan di proses secara bersamaan saat webpack mengkompilasi file javascript.
+
+Berikut adalah contoh penggunaan plugins:
+
+```js
+const HTMLWebpackPlugin = require('html-webpack-plugin')
+
+module.exports = {
+  plugins: [
+    new HTMLWebpackPlugin()
+  ]
+}
+```
+
+Contoh di atas adalah menggunakan library tambahan seperti [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin). yang secara otomatis akan membuat sebuah file `index.html` sebagai assets tambahan.
+
+## Mode
+
+Sejak versi `4.0.0` webpack telah menmbahkan satu konfigurasi baru, yaitu [mode](https://webpack.js.org/configuration/mode/#root). sebagai tambahan untuk menentukan pengaturan konfigurasi berdasarkan mode yang di tentukan.
+
+Berikut adalah contoh penggunaanya:
+
+```js
+module.exports = {
+  mode: 'development|production',
+}
+```
+
+## Kesimpulan
+
+Webpack merupakan salah satu `module bundler` populer yang bisa kita gunakan untuk setup projek javascript, dengan berbagai dependency. untuk lebih lanjut silahkan kunjugi dokumentasi [webpack](https://webpack.js.org/concepts/), dan sebelumnya saya juga sudah membuat beberapa video terkait webpack di [youtube](https://www.youtube.com/watch?v=pYEuAZJ1Rkk&list=UUZOeO1elqR4mGVeman6b3SA).