Update layouts/home.html to include featured.html in template

- Update other popular articles with featured.html include
- Fix typo in filename of TCP chat server article

_layouts/home.html

@@ -4,10 +4,15 @@
 
 <div class="home">
 
-    <h1 class="page-heading">{{ page.title | default: "All Content" }}</h1>
+    <h1 class="page-heading">{{ page.title }}</h1>
+    <!-- <h1 class="page-heading">{{ page.title }}</h1> -->
 
     {%- include search.html -%}
 
+    {%- include featured.html -%}
+
+    <br/>
+
     {{ content }}
 
     {%- if site.posts.size > 0 -%}

_posts/2018-08-15-introduction-to-vue.md

@@ -44,6 +44,8 @@ can scale up or down depending on your needs, which makes it easy to get started
 handle demanding use cases when you get there. Also it's published under the MIT license
 ([which is React is too now](https://medium.freecodecamp.org/facebook-just-changed-the-license-on-react-heres-a-2-minute-explanation-why-5878478913b2)).
 
+{%- include featured.html -%}
+
 ## Getting started quickly (single HTML file)
 
 The simplest way to get started with Vue is to grab the development version script for it and add it
@@ -372,3 +374,5 @@ new Vue({
 
 You can get the code used in this tutorial in the
 [<i class="fab fa-github"></i> vue_intro](https://github.com/nazmulidris/vue_intro) GiHub repo.
+
+{%- include featured.html -%}

_posts/2019-10-20-idea-plugin-example-intro.md

@@ -83,6 +83,8 @@ Once you are done with the basics, and want to get into more advanced topics, pl
 [Advanced guide to creating IntelliJ IDEA
 plugins]({{ '2021/03/13/ij-idea-plugin-advanced/' | relative_url }}).
 
+{%- include featured.html -%}
+
 ## What are plugins?
 
 IntelliJ IDEA is a very powerful IDE platform. This platform is used to roll out a variety of IDEs
@@ -1212,6 +1214,8 @@ fun testSelectedTextIsSearchedOnStackOverflow() {
 }
 ```
 
+{%- include featured.html -%}
+
 ## References
 
 There aren't many publicly available resources outside of JetBrains official docs (which are sparse,

_posts/2021-02-05-publish-kotlin-library-as-gradle-dep.md

@@ -50,6 +50,8 @@ In this tutorial I will create the `color-console` library that allows console m
 colorized using ANSI color codes. Here is the end result snippet that we are looking to enable for
 our `color-console` library.
 
+{%- include featured.html -%}
+
 ## Using JitPack 👍
 
 > ✨ This is much simpler than [GPR](#using-github-package-registry-gpr-) and the way to go for
@@ -470,6 +472,8 @@ dependencies {
 }
 ```
 
+{%- include featured.html -%}
+
 ### References
 
 - [Tutorial on using GitHub Package Registry to publish and import Android Kotlin library](https://medium.com/@stpatrck/publish-an-android-library-to-github-packages-8dfff3ececcb)

_posts/2021-03-04-customize-ubuntu.md

@@ -47,6 +47,8 @@ interacting w/ a desktop OS as fun and productive as possible (for me). I've com
 change that I've made to my Ubuntu desktop environment to make it a pleasure for me to use and I'm
 sharing them here. YMMV 🙂.
 
+{%- include featured.html -%}
+
 ## Fonts
 
 I tend to install a collection of fonts that I've been curating over the years on every system that
@@ -665,3 +667,5 @@ presses that you have configured on your system to do whatever it is that you wa
 management things (like switch workspaces, switch windows between workspaces, etc) and I use my
 custom key mappings for these `xdotool` commands. Here is a [my review of the UHK
 v1]({{ '/2021/03/09/mechanical-keyboard-review/' | relative_url}}).
+
+{%- include featured.html -%}

_posts/2021-03-13-IJ-idea-plugin-advanced.md

@@ -120,6 +120,8 @@ In order to be successful creating advanced plugins, this is what I suggest:
    find some functionality in IDEA that is similar to what you are looking to build, and then locate
    the source code for that feature in the repo and see how JetBrains has done it.
 
+{%- include featured.html -%}
+
 ## IDEA threading model
 
 For the most part, the code that you write in your plugins is executed on the main thread. Some
@@ -3047,6 +3049,8 @@ class OpenUrlAction(val linkDestination: String?) :
 }
 ```
 
+{%- include featured.html -%}
+
 #### References
 
 Docs
@@ -3066,3 +3070,4 @@ Discussions
 - [JB forums: Adding "Actions" to Line Markers](https://tinyurl.com/y8gqlz3y)
 - [JB forums: Is it possible to add line markers (gutter icons) without a file change?](https://tinyurl.com/ydhmzew9)
 - [JB forums: Set a LineMarker on click, similar to bookmark](https://tinyurl.com/yd49fc44)
+

_posts/2023-08-11-chrome-extension-shortlink.md

@@ -47,6 +47,8 @@ Before we get started, here are some good references to take a look at:
 > [Chrome Extension](https://chrome.google.com/webstore/detail/r3bl-shortlink/ffhfkgcfbjoadmhdmdcmigopbfkddial?hl=en-US&gl=US)
 > 🛠️
 
+{%- include featured.html -%}
+
 ## Step 1: Create a new Chrome Extension
 <a id="markdown-step-1%3A-create-a-new-chrome-extension" name="step-1%3A-create-a-new-chrome-extension"></a>
 
@@ -205,7 +207,6 @@ for the end user, and also for the review process to take less time.
 ## Next steps: Contribute to the Shortlink project
 <a id="markdown-next-steps%3A-contribute-to-the-shortlink-project" name="next-steps%3A-contribute-to-the-shortlink-project"></a>
 
-
 > 🚀 Please star and fork / clone the [Shortlink repo](https://github.com/r3bl-org/shortlink) 🌟
 > Install the
 > [Chrome Extension](https://chrome.google.com/webstore/detail/r3bl-shortlink/ffhfkgcfbjoadmhdmdcmigopbfkddial?hl=en-US&gl=US)
@@ -215,3 +216,5 @@ If you would like to get involved in an open source project and like Chrome exte
 free to contribute to the [Shortlink repo](https://github.com/r3bl-org/shortlink/issues). There are
 a lot of small features that need to be added. And they can be a nice stepping stone into the world
 of open source contribution 🎉.
+
+{%- include featured.html -%}

_posts/2024-01-13-write-simple-char-server-in-rust.md → _posts/2024-01-13-write-simple-chat-server-in-rust.md

@@ -45,16 +45,16 @@ Read [this tutorial]({{ '/2024/01/13/write-simple-netcat-in-rust/' | relative_ur
 learn more about the basics of TCP client and server programming in Rust (without using
 Tokio).
 
-{%- include featured.html -%}
-
-Here's a video of the app that we will build in action.
 <!--
 simple-netcat-in-rust video
 Source: https://github.com/nazmulidris/developerlife.com/issues/4
 -->
-<video width="100%" controls>
-  <source src="https://github.com/nazmulidris/developerlife.com/assets/2966499/14ce32ce-0988-4853-acd5-1174b1864d57" type="video/mp4"/>
-</video>
+> Here's a video of the app that we are going to build in action.
+> <video width="100%" controls>
+>   <source src="https://github.com/nazmulidris/developerlife.com/assets/2966499/14ce32ce-0988-4853-acd5-1174b1864d57" type="video/mp4"/>
+> </video>
+
+{%- include featured.html -%}
 
 > You can find the finished source code for this tutorial
 > [here](https://github.com/nazmulidris/rust-scratch/tree/main/tcp-server-netcat-client).

_posts/2024-01-13-write-simple-netcat-in-rust.md

@@ -37,16 +37,17 @@ send and receive data. We will create an app that can behave both as a client an
 2. Our server will listen for incoming TCP connections from clients, and display the
    message from the client, and send a response back to the client.
 
-{%- include featured.html -%}
 
-Here's a video of the app that we will build in action.
 <!--
 simple-netcat-in-rust video
 Source: https://github.com/nazmulidris/developerlife.com/issues/3
 -->
-<video width="100%" controls>
-  <source src="https://github.com/nazmulidris/developerlife.com/assets/2966499/ffe83b3e-6997-4afc-bdf3-5d867f995611" type="video/mp4"/>
-</video>
+> Here's a video of the app that we are going to build in action.
+> <video width="100%" controls>
+>   <source src="https://github.com/nazmulidris/developerlife.com/assets/2966499/ffe83b3e-6997-4afc-bdf3-5d867f995611" type="video/mp4"/>
+> </video>
+
+{%- include featured.html -%}
 
 > You can find the finished source code for this tutorial
 > [here](https://github.com/nazmulidris/rust-scratch/tree/main/rtelnet).
@@ -372,7 +373,7 @@ Here are a few things to note about the server code:
   incoming connection. We spawn a new thread for each incoming connection. This is [not a
   scalable solution](https://g.co/bard/share/74f433bad400), but it is good enough for this
   pedagogical example. We will learn about more scalable solutions in a the [Write a
-  simple TCP chat server in Rust]({{ '/2024/01/13/write-simple-char-server-in-rust/' |
+  simple TCP chat server in Rust]({{ '/2024/01/13/write-simple-chat-server-in-rust/' |
   relative_url}}) tutorial.
 
 Now, let's look at the `handle_connection()` function that is called by the spawned
@@ -460,7 +461,7 @@ fn process(incoming: &Vec<u8>) -> Vec<u8> {
 <a id="markdown-next-steps" name="next-steps"></a>
 
 Now that you have a handle on the basics of writing a simple netcat client and server, you
-can read [this tutorial]({{ '/2024/01/13/write-simple-char-server-in-rust/' |
+can read [this tutorial]({{ '/2024/01/13/write-simple-chat-server-in-rust/' |
 relative_url}}) to learn more about creating a more advanced TCP server that netcat,
 telnet, or PuTTY clients can connect to, in order to have multiple client apps chat with
 each other.