several changes

Author: Ruben Kharel

src/_post/hyprland_productivity.toml

@@ -1,7 +1,7 @@
 [Blog]
 layout = "post"
 title = "For the love of Tiling Window Managers (Hyprland)"
-description = "Say goodbye to cluttered screens and hello to smooth sailing"
+description = "Say goodbye to cluttered screens and hello to smooth sailing. Might be a flex post"
 date = "2022-01-15T12:30:00+05:45"
 tags = ["Linux"]
 image = "img/postbanners/oss.png"
@@ -13,13 +13,13 @@ The joy and struggle of linux is found in its freedom. The joy of using what you
 
 ### Journey
 
-I used to jump from one Linux distribution to another, always looking for the perfect desktop. I didn't know much about window managers or desktop environments back then. I tried popular options like GNOME and KDE, but nothing felt quite right.
+I used to jump from one Linux distribution to another, always looking for the perfect desktop. I didn't know much about window managers or desktop environments back then. I tried popular options like GNOME and KDE and XFCE but none feel much polished. (Controversial statement ik. but its subjective)
 
-Then I discovered i3, my first tiling window manager. At first, it was strange. Everything was controlled by keyboard shortcuts, and I had to learn a whole new way of managing windows. It was tough at the beginning, but after a few days, something clicked.
+Then I discovered i3, my first tiling window manager. At first, it was strange. Everything was controlled with keyboard shortcuts, and I had to learn a whole new way of managing windows. It was tough at the beginning, but after a few days... my muscle memory was learning.
 
 I felt the need of mouse to move around was little to none. Windows automatically organized themselves on the screen, and I could do everything with just the keyboard. It was so much faster and more efficient.
 
-I was amazed by how simple and elegant it was. I was hooked on tiling window managers, and I knew I wouldn't go back. (and i cannot atm, because i find other WM unusable now)
+I was amazed by how simple and elegant it was. I was hooked on tiling window managers, and I knew I wouldn't go back. (and i cannot atm, because i find other WM hard to navigate now)
 
 ### Tiling Window Manager
 
@@ -33,7 +33,6 @@ Let's look at the below screenshot to give a gist of what it is.
 ![Dwm-screenshot](https://en.wikipedia.org/wiki/Tiling_window_manager#/media/File:Dwm-screenshot.png)
 
 
-
 ### Journy continues on Tiling WM
 
 For many, the journey into the world of tiling window managers begins with the renowned [i3wm](https://i3wm.org/). It's a fantastic option, known for its stability and robust features, especially for those using the [X11 display server](https://www.x.org/wiki/). However, as I got into [Wayland](https://wayland.freedesktop.org/), the search for the perfect tiling companion continued. While [Sway](https://swaywm.org/) presented itself as a compelling alternative with its i3-compatible configuration, my exploration ultimately led me to [Hyprland](https://hyprland.org/).
@@ -42,8 +41,7 @@ For many, the journey into the world of tiling window managers begins with the r
 
 Hyprland caught my eye because it's a really attractive window manager, even without any extra setup. It's exactly what I was looking for: a customizable yet beautiful window manager.
 
-Hyprland is special because it lets you personalize almost everything while still being easy to use and **looking great**. It's similar to other window managers in what it can do, but it stands out because it runs so smoothly. ([not sure if you have nvidia](https://www.youtube.com/watch?v=xPh-5P4XH6o))
-
+Hyprland is special because it lets you personalize almost everything while still being easy to use and **looking great**. It's similar to other window managers in what it can do, But I will lean towards Hyprland because it looks amazing with its animation and all that. ([not sure if you have nvidia](https://www.youtube.com/watch?v=xPh-5P4XH6o))
 
 #### Setup hyprland
 
@@ -86,33 +84,4 @@ While the basic features of Hyprland are powerful on their own, there's so much
 Hyprland has been a game-changer for me. It's fast, efficient, and beautiful, and it has completely transformed the way I work on my computer. If you're looking to supercharge your productivity and streamline your workflow, I highly recommend giving Hyprland (Or any other tiling window manager) a try.
 
 I encourage you to explore the world of tiling window managers and find what works best for you. It may take some time to
-
-==== Outline ====
-- opening window
-- moving windows
-- resizing windows
-- changing workspaces
-- secret workspace
-- bindings
-
-
----
-
-Provide a basic overview of the installation process (depending on the user's distro).
-Mention any dependencies or configuration files needed.
-Point to resources like the official documentation or community guides.
-Hyprland in Action:
-
-Showcase your personal Hyprland setup with screenshots or even a short video demonstration.
-Highlight your favorite features and customizations.
-Explain how Hyprland improves your workflow and productivity.
-Beyond the Basics:
-
-Discuss more advanced Hyprland features like scripting, custom layouts, and integrations with other tools.
-Offer tips and tricks for optimizing your Hyprland experience.
-Conclusion:
-
-Summarize your overall experience with Hyprland and why you recommend it.
-Encourage readers to explore the world of tiling window managers and find what works best for them.
-End with a call to action, inviting readers to share their own Hyprland setups or ask questions.
 """

src/_post/published/aws_ses.toml

@@ -3,6 +3,7 @@ title = "Tips to get out of AWS SES sandbox environment."
 description = "If you are struggling with getting access to production environment for AWS SES, then this post might be helpful for you."
 date = "2023-01-24T01:04:03+05:45"
 tags = ["AWS"]
+slug = "tips-to-get-out-of-aws-ses-sandbox-environment"
 image = "img/postbanners/awsses.png"
 markdown = """
 # Getting out of AWS SES sandbox environment

src/_post/published/notes-iproute.toml

@@ -3,6 +3,7 @@ title = "Routing Traffic to Raspberry Pi via VPS and WireGuard: IPTables Setup N
 description = "I wrote some notes while setting up port forwarding for my Raspberry Pi. After facing issues, I used a public VPS and connected my Raspberry Pi to the network with WireGuard. These notes detail the IPTables configuration to route traffic from the VPS to the Raspberry Pi."
 date = "2024-05-15"
 tags = ["iptables", "raspberrypi", "port forwarding", "vps", "wireguard"]
+slug = "routing-traffic-to-raspberrypi-via-vps-wireguard-iptable-setup-notes"
 image = "img/postbanners/python_plus_toml.png"
 markdown = """
 ## Routing Traffic from WAN to a Local Network Device using IPTables

src/_post/published/py_publish.toml

@@ -2,6 +2,7 @@
 title = "Python Packaging and Publishing CLI Package with pyproject.toml"
 description = "This blog is focused on step to step guide to package and publish python CLI tool/package with pyproject.toml."
 date = "2023-04-07 11:12:03 +0545"
+slug = "python-packaging-and-publishing-cli-package-with-pyproject"
 tags = ["Python"]
 image = "img/postbanners/python_plus_toml.png"
 markdown = """

src/_post/published/sane_apps.toml

@@ -1,6 +1,7 @@
 [Blog]
 title = "Apps that keeps me sane"
 date = "2022-01-15T12:30:00+05:45"
+slug = "apps-that-keeps-me-sane"
 image = "img/postbanners/oss.png"
 description = "The list of apps and softwares I use."
 tags = ["Opensource"]

src/_post/published/spf_dkim.toml

@@ -1,6 +1,7 @@
 [Blog]
 title = "What is SPF, DKIM and DMARC?"
 description = "Let's understand the ABC of email security."
+slug = "what-is-spf-dkim-dmarc"
 date = "2023-05-03 04:03:03 +0545"
 tags = ["EmailSecurity"]
 image = "img/postbanners/secure-email.jpg"

src/_post/temp.md

@@ -0,0 +1,78 @@
+`
+The joy and struggle of linux is found in its freedom. The joy of using what you like. The struggle of finding what that is.`
+
+- u/Own-Cupcake7586
+
+### Journey
+
+I used to jump from one Linux distribution to another, always looking for the perfect desktop. I didn't know much about window managers or desktop environments back then. I tried popular options like GNOME and KDE and XFCE but none feel much polished. (Controversial statement ik. but its subjective)
+
+Then I discovered i3, my first tiling window manager. At first, it was strange. Everything was controlled with keyboard shortcuts, and I had to learn a whole new way of managing windows. It was tough at the beginning, but after a few days... my muscle memory was learning.
+
+I felt the need of mouse to move around was little to none. Windows automatically organized themselves on the screen, and I could do everything with just the keyboard. It was so much faster and more efficient.
+
+I was amazed by how simple and elegant it was. I was hooked on tiling window managers, and I knew I wouldn't go back. (and i cannot atm, because i find other WM hard to navigate now)
+
+### Tiling Window Manager
+
+https://en.wikipedia.org/wiki/Tiling_window_manager
+
+Wikipedia defines a tiling window manager as a system that organizes windows into non-overlapping frames, unlike the usual way of stacking windows on top of each other. That's exactly what it is, But let's break it down into simpler terms for the less geeky peps. 
+
+Let's look at the below screenshot to give a gist of what it is. 
+
+
+![Dwm-screenshot](https://en.wikipedia.org/wiki/Tiling_window_manager#/media/File:Dwm-screenshot.png)
+
+
+### Journy continues on Tiling WM
+
+For many, the journey into the world of tiling window managers begins with the renowned [i3wm](https://i3wm.org/). It's a fantastic option, known for its stability and robust features, especially for those using the [X11 display server](https://www.x.org/wiki/). However, as I got into [Wayland](https://wayland.freedesktop.org/), the search for the perfect tiling companion continued. While [Sway](https://swaywm.org/) presented itself as a compelling alternative with its i3-compatible configuration, my exploration ultimately led me to [Hyprland](https://hyprland.org/).
+
+### ...and now Hyprland
+
+Hyprland caught my eye because it's a really attractive window manager, even without any extra setup. It's exactly what I was looking for: a customizable yet beautiful window manager.
+
+Hyprland is special because it lets you personalize almost everything while still being easy to use and **looking great**. It's similar to other window managers in what it can do, But I will lean towards Hyprland because it looks amazing with its animation and all that. ([not sure if you have nvidia](https://www.youtube.com/watch?v=xPh-5P4XH6o))
+
+#### Setup hyprland
+
+[official documentation](https://wiki.hyprland.org/Getting-Started/Installation/) to setup hyprland is here if you happen to try it out.
+
+##### Opening window
+
+To open a new window, press `mod+enter`. This opens a terminal by default, but you can customize it to open any application you want. It's a quick and easy way to launch programs without using the mouse.
+
+##### Moving windows
+
+To move a window, press `mod+shift+arrow keys`. This allows you to quickly rearrange windows on the screen. It's a simple but powerful feature that makes multitasking a breeze.
+
+##### Resizing windows
+
+To resize a window, press `mod+r` to enter resize mode, then use the arrow keys to adjust the size. This is a great way to customize your workspace and make the most of your screen real estate.
+
+##### Changing workspaces
+
+To switch between workspaces, press `mod+number`. This lets you organize your windows into different groups, so you can keep your workflow organized and efficient.
+
+##### Secret workspace
+
+Hyprland has a secret workspace feature that lets you hide windows from view. To activate it, press `mod+shift+s`. This is a handy way to keep your desktop clutter-free and focus on the task at hand.
+
+##### Bindings
+
+Hyprland lets you create custom key bindings to suit your workflow. You can remap keys, create new shortcuts, and customize the window manager to your heart's content. This level of customization is what sets Hyprland apart from other window managers.
+
+### Beyond the Basics
+
+While the basic features of Hyprland are powerful on their own, there's so much more you can do with this window manager. Here are a few advanced features that can take your productivity to the next level:
+
+- **Scripting**: Hyprland supports scripting languages like Python and Lua, allowing you to automate tasks and create custom workflows.
+- **Custom layouts**: You can create custom layouts to organize your windows in unique ways. This is great for multitasking and keeping your workspace tidy.
+- **Integrations**: Hyprland integrates with other tools and applications, allowing you to create a seamless workflow across different programs.
+
+### Conclusion
+
+Hyprland has been a game-changer for me. It's fast, efficient, and beautiful, and it has completely transformed the way I work on my computer. If you're looking to supercharge your productivity and streamline your workflow, I highly recommend giving Hyprland (Or any other tiling window manager) a try.
+
+I encourage you to explore the world of tiling window managers and find what works best for you. It may take some time to

src/pages/blog.rs

@@ -1,7 +1,9 @@
+use std::fmt::format;
+
 use egui_commonmark::{CommonMarkCache, CommonMarkViewer};
 use include_dir::{include_dir, Dir};
 
-use crate::custom_widgets::{powered_by_egui_and_eframe, footer};
+use crate::custom_widgets::{footer, powered_by_egui_and_eframe};
 
 #[derive(Debug, serde::Deserialize, serde::Serialize)]
 pub struct Blogs {
@@ -17,6 +19,7 @@ pub struct Blog {
     pub tags: Vec<String>,
     pub markdown: String,
     pub show_full: bool,
+    pub slug: String,
 }
 
 impl Blog {
@@ -27,6 +30,7 @@ impl Blog {
         description: String,
         tags: Vec<String>,
         markdown: String,
+        slug: String,
     ) -> Self {
         Blog {
             title,
@@ -36,6 +40,7 @@ impl Blog {
             tags,
             markdown,
             show_full: false,
+            slug,
         }
     }
 }
@@ -65,6 +70,7 @@ impl Default for Blogs {
 
             let blog_item = blog_toml["Blog"].as_table().unwrap();
             let title = blog_item["title"].as_str().unwrap().to_string();
+            let slug = blog_item["slug"].as_str().unwrap().to_string();
             let date = blog_item["date"].as_str().unwrap().to_string();
             let image = blog_item["image"].as_str().unwrap().to_string();
             let description = blog_item["description"].as_str().unwrap().to_string();
@@ -76,7 +82,7 @@ impl Default for Blogs {
                 .collect();
             let markdown = blog_item["markdown"].as_str().unwrap().to_string();
 
-            let blog = Blog::new(title, date, image, description, tags, markdown);
+            let blog = Blog::new(title, date, image, description, tags, markdown, slug);
             blogs.all_blogs.push(blog);
         });
         blogs
@@ -130,13 +136,24 @@ impl eframe::App for BlogPage {
         eframe::set_value(storage, eframe::APP_KEY, self);
     }
 
-    fn update(&mut self, ctx: &egui::Context, _frame: &mut eframe::Frame) {
+    fn update(&mut self, ctx: &egui::Context, frame: &mut eframe::Frame) {
         egui::CentralPanel::default().show(ctx, |ui| {
             footer(ui);
 
             powered_by_egui_and_eframe(ui);
-            // let mut cache = CommonMarkCache::default();
+
             for blog in &mut self.blogs.all_blogs {
+                #[cfg(target_arch = "wasm32")]
+                if let Some(slug) = frame.info().web_info.location.hash.strip_prefix('#') {
+                    let parts: Vec<&str> = slug.split("/").collect();
+
+                    if parts.len() == 2 && parts[0] == "Blog" {
+                        if parts[1] == blog.slug {
+                            blog.show_full = true;
+                        }
+                    }
+                }
+
                 egui::Window::new(blog.title.clone())
                     .enabled(true)
                     .collapsible(true)
@@ -154,6 +171,7 @@ impl eframe::App for BlogPage {
                         if &blog.show_full == &true {
                             if ui.button("Collapse").clicked() {
                                 blog.show_full = false;
+                                ui.ctx().open_url(egui::OpenUrl::same_tab(format!("#Blog")));
                             }
                             egui::ScrollArea::vertical().show(ui, |ui| {
                                 CommonMarkViewer::new(blog.title.clone()).show(
@@ -165,6 +183,10 @@ impl eframe::App for BlogPage {
                         } else {
                             if ui.button("Read More").clicked() {
                                 blog.show_full = true;
+                                ui.ctx().open_url(egui::OpenUrl::same_tab(format!(
+                                    "#Blog/{}",
+                                    blog.slug
+                                )));
                             }
                         }
                     });