update README

README.md

@@ -10,6 +10,8 @@ This theme is pretty basic and covers all of the essentials. All you have to do
 
 ---
 
+- [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)
@@ -20,9 +22,9 @@ This theme is pretty basic and covers all of the essentials. All you have to do
   - [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)
+  - [`Hello Friend` theme user?](#hello-friend-theme-user)
   - [Sponsoring](#sponsoring)
-- [Licence](#licence)
+  - [License](#license)
 
 ## Features
 
@@ -37,7 +39,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