Add blog to terminal

Author: safstromo

src/app.rs

@@ -65,14 +65,14 @@ fn HomePage() -> impl IntoView {
             <div class="md:w-1/2 w-5/6 flex flex-col justify-center items-center">
                 <NameHeader/>
                 <Links/>
-                <div class="w-44 mb-6">
+                <div class="w-44 mb-4">
                     <a href="https://ko-fi.com/safstromo" target="_blank">
                         <img src="kofi_button_blue.png"/>
                     </a>
                 </div>
 
-                <nav class="mt-4 text-white text-2xl font-semibold hover:border-peach hover:text-maroon border-base border-2 rounded-lg">
-                    <a class="mx-1 text-white" href="/blog">
+                <nav class="my-4 text-white text-2xl font-semibold hover:border-peach border-base border-2 rounded-lg">
+                    <a class="mx-1 text-white hover:text-maroon" href="/blog">
                         Blog
                     </a>
                 </nav>

src/components/terminal.rs

@@ -47,7 +47,7 @@ pub fn TerminalInput(
                 let help_command = Command {
                     command: value.clone(),
                     component: HtmlTag::P,
-                    value: "Available commands: help, pwd, git, vim, email, sudo, linkedin, clear"
+                    value: "Available commands: help, pwd, git, vim, email, blog, sudo, linkedin, clear"
                         .to_string(),
                     name: "help".to_string(),
                 };
@@ -117,7 +117,16 @@ pub fn TerminalInput(
                 };
                 set_command_history.update(|commands| commands.push(vim_command));
             }
-
+            "blog" => {
+                open_link("https://rabbitnook.com/blog".to_string());
+                let blog_command = Command {
+                    command: value.clone(),
+                    component: HtmlTag::A,
+                    value: "https://rabbitnook.com/blog".to_string(),
+                    name: "blog".to_string(),
+                };
+                set_command_history.update(|commands| commands.push(blog_command));
+            }
             _ => {
                 let invalid_command = Command {
                     command: value.clone(),