Small tweaks

posts/2024/hello-world.mdx

@@ -14,3 +14,7 @@ fn main() {
     println!("Hello, world!");
 }
 ```
+
+```js
+console.log("Hello, world!");
+```

posts/2024/test.mdx

@@ -238,9 +238,9 @@ easy to include example HTML source code using Markdown -- just paste
 it and indent it, and Markdown will handle the hassle of encoding the
 ampersands and angle brackets. For example, this:
 
-    <div class="footer">
-        &copy; 2004 Foo Corporation
-    </div>
+```html
+<div class="footer">&copy; 2004 Foo Corporation</div>
+```
 
 Regular Markdown syntax is not processed within code blocks. E.g.,
 asterisks are just literal asterisks within a code block. This means

src/shell.rs

@@ -31,7 +31,7 @@ pub fn Route(route: ReadSignal<Routes>) -> View {
 #[component]
 fn Header() -> View {
     view! {
-        header(class="p-2 border-b-2 border-slate-500 text-sm font-mono") {
+        header(class="p-2 border-b-2 border-slate-500 text-sm font-mono sm:px-5") {
             nav(class="flex flex-row justify-between items-center") {
                 div(class="self-start") {
                     a(class="hover:underline font-bold", href="/") { "$ cd /home/lukechu" }
@@ -53,9 +53,9 @@ fn Footer() -> View {
                 div { "© 2024 Luke Chu" }
                 div {
                     "Made with "
-                    a(class="hover:underline", href="https://rust-lang.org") { "Rust" }
+                    a(class="hover:underline font-bold", href="https://rust-lang.org") { "Rust" }
                     " and "
-                    a(class="hover:underline", href="https://github.com/sycamore-rs/sycamore") { "Sycamore" }
+                    a(class="hover:underline font-bold", href="https://github.com/sycamore-rs/sycamore") { "Sycamore" }
                 }
             }
         }