feat: Implement desktop-only mode for the ASCII art generator and sidebar, update breakpoints to 1600px, and simplify the blog page layout with a new back link.

src/pages/blog/index.astro

@@ -1,6 +1,5 @@
 ---
 import Layout from "../../layouts/Layout.astro";
-import Sidebar from "../../components/Sidebar.astro";
 import { getCollection, type CollectionEntry } from "astro:content";
 
 const posts = (await getCollection("blog")).sort(
@@ -11,11 +10,10 @@ const posts = (await getCollection("blog")).sort(
 
 <Layout title="System Logs">
     <div class="split-layout">
-        <Sidebar />
-
         <main class="content-workspace">
             <div class="content-container">
                 <header class="page-header">
+                    <a href="/" class="back-link"> &larr; Back to Home </a>
                     <h1>Blog Articles</h1>
                     <div class="divider"></div>
                 </header>
@@ -74,7 +72,6 @@ const posts = (await getCollection("blog")).sort(
         position: relative;
         display: flex;
         flex-direction: column;
-        background: #050505;
         overflow-y: auto; /* Enable scrolling for content */
         overflow-x: hidden;
     }
@@ -85,6 +82,9 @@ const posts = (await getCollection("blog")).sort(
         margin: 0 auto;
         padding: 4rem 2rem;
         box-sizing: border-box;
+        display: flex;
+        flex-direction: column;
+        min-height: 100%;
     }
 
     /* Header Styling */
@@ -92,6 +92,23 @@ const posts = (await getCollection("blog")).sort(
         margin-bottom: 3rem;
     }
 
+    .back-link {
+        display: inline-block;
+        margin-bottom: 1.5rem;
+        font-family:
+            system-ui,
+            -apple-system,
+            sans-serif;
+        font-size: 0.9rem;
+        color: rgba(255, 255, 255, 0.6);
+        text-decoration: none;
+        transition: color 0.2s;
+    }
+
+    .back-link:hover {
+        color: #fff;
+    }
+
     h1 {
         font-size: 2.5rem;
         font-weight: 700;
@@ -114,6 +131,7 @@ const posts = (await getCollection("blog")).sort(
         display: flex;
         flex-direction: column;
         gap: 1.5rem;
+        flex-grow: 1;
     }
 
     .post-link {