diff --git a/README.md b/README.md
index ade0a6a..d4b40d3 100644
--- a/README.md
+++ b/README.md
@@ -10,22 +10,24 @@ This theme is pretty basic and covers all of the essentials. All you have to do
 
 ---
 
-- [Features](#features)
-    - [Built-in shortcodes](#built-in-shortcodes)
-    - [Code highlighting](#code-highlighting)
-    - [Improved RSS Feed](#improved-rss-feed)
-- [How to start](#how-to-start)
-- [How to configure](#how-to-configure)
-- [How to add a cover image to your posts](#how-to-add-a-cover-image-to-your-posts)
-- [How to display the Last Modified Date in your posts](#how-to-display-the-last-modified-date-in-your-posts)
-- [How to hide "Read more" button](#how-to-hide-read-more-button)
-- [Add-ons](#add-ons)
-- [How to run your site](#how-to-run-your-site)
-- [How to edit the theme](#how-to-edit-the-theme)
-- [How to contribute](#how-to-contribute)
-- [`Hello Friend` theme user?](#hello-friend-theme-user)
-- [Sponsoring](#sponsoring)
-- [License](#license)
+- [Hello Friend](#hello-friend)
+  - [DEMO - https://hugo-hello-friend.now.sh/](#demo---httpshugo-hello-friendnowsh)
+  - [Features](#features)
+      - [Built-in shortcodes](#built-in-shortcodes)
+      - [Code highlighting](#code-highlighting)
+      - [Improved RSS Feed](#improved-rss-feed)
+  - [How to start](#how-to-start)
+  - [How to configure](#how-to-configure)
+  - [How to add a cover image to your posts](#how-to-add-a-cover-image-to-your-posts)
+  - [How to display the Last Modified Date in your posts](#how-to-display-the-last-modified-date-in-your-posts)
+  - [How to hide "Read more" button](#how-to-hide-read-more-button)
+  - [Add-ons](#add-ons)
+  - [How to run your site](#how-to-run-your-site)
+  - [How to edit the theme](#how-to-edit-the-theme)
+  - [How to contribute](#how-to-contribute)
+  - [`Hello Friend` theme user?](#hello-friend-theme-user)
+  - [Sponsoring](#sponsoring)
+  - [License](#license)
 
 ## Features
 
@@ -40,7 +42,9 @@ This theme is pretty basic and covers all of the essentials. All you have to do
   - eg: `{{< image src="/img/hello.png" alt="Hello Friend" position="center" style="border-radius: 8px;" >}}`
 - **`figure`** (same as `image`, plus few optional props: **`caption`**, **`captionPosition`** (left | **center** is default | right), **`captionStyle`**
   - eg: `{{< figure src="/img/hello.png" alt="Hello Friend" position="center" style="border-radius: 8px;" caption="Hello Friend!" captionPosition="right" captionStyle="color: red;" >}}`
-- **`imgproc`** Hugo shortcode for image processing. More info at [https://gohugo.io/content-management/image-processing/](https://gohugo.io/content-management/image-processing/)
+- **`imgproc`** Hugo shortcode for image processing, plus additional **`position`** param [ left | center | right ] (optional).
+  - eg: `{{< imgproc "img/hello.png" Resize "250x" center />}}`
+  - More detailed info on processing commands at [https://gohugo.io/content-management/image-processing/](https://gohugo.io/content-management/image-processing/)
 
 #### Code highlighting
 
diff --git a/USERS.md b/USERS.md
index 43ae30b..3694521 100644
--- a/USERS.md
+++ b/USERS.md
@@ -25,3 +25,4 @@ TEMPLATE:
 - https://mritd.com/ - **漠然** (Software Engineer and DevOps)
 - https://ilya-lesikov.com - **Ilya Lesikov** (DevOps, SRE)
 - https://www.adamormsby.com - **Adam Ormsby** (Generalist Programmer - Web, Mobile, Games)
+- https://kartiniteknologi.id/ - **Kartini Teknologi team** (Tech podcast)
diff --git a/layouts/404.html b/layouts/404.html
new file mode 100644
index 0000000..f63c85c
--- /dev/null
+++ b/layouts/404.html
@@ -0,0 +1,19 @@
+{{ define "main" }}
+<div class="post">
+    <h1 class="post-title"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h1>
+    <div class="post-content">
+        <p>{{ "Hmm... Sorry, this page seems to be missing." | markdownify }}
+        {{ if .Site.Taxonomies.tags }}
+        {{ "Maybe these tags will help you find what you're looking for. :smile:" | markdownify | emojify }}</p>
+        <h2>Tags</h2>
+        <div class="terms">
+            <ul class="terms__list">
+                {{ range .Site.Taxonomies.tags }}
+                    <li class="terms__term"><a href="{{ .Page.Permalink }}">#{{ .Page.Title }}</a><span class="terms__term-count">{{ .Count }}</span></li>
+                {{ end }}
+            </ul>
+        </div>
+        {{ end }}
+    </div>
+</div>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/shortcodes/imgproc.html b/layouts/shortcodes/imgproc.html
index d4ac2de..6681b0a 100644
--- a/layouts/shortcodes/imgproc.html
+++ b/layouts/shortcodes/imgproc.html
@@ -1,6 +1,7 @@
 {{ $original := .Page.Resources.GetMatch (printf "*%s*" (.Get 0)) }}
 {{ $command := .Get 1 }}
 {{ $options := .Get 2 }}
+{{ $position := .Get 3}}
 
 {{ if eq $command "Fit"}}
   {{ .Scratch.Set "image" ($original.Fit $options) }}
@@ -14,7 +15,7 @@
 
 {{ $image := .Scratch.Get "image" }}
 
-<figure>
+<figure class="{{ with $position }}{{ . }}{{ else -}} left {{- end }}" >
 	<img style="max-width: 100%; width: auto; height: auto; border-radius: 8px;" src="{{ $image.RelPermalink }}" width="{{ $image.Width }}" height="{{ $image.Height }}">
 	{{ with .Inner }}
     <figcaption>
diff --git a/source/css/menu.css b/source/css/menu.css
index a0b81a0..15e4824 100644
--- a/source/css/menu.css
+++ b/source/css/menu.css
@@ -112,7 +112,6 @@
       li {
         .menu__inner & {
           margin-left: 0;
-          padding: 10px;
           white-space: nowrap;
 
           &:hover {
@@ -126,6 +125,12 @@
           }
         }
       }
+
+      li a {
+        width: 100%;
+        display: inline-block;
+        padding: 10px;
+      }
     }
   }