Update post.html

Author: DevLabStudy

_layouts/post.html

@@ -2,19 +2,73 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>{{ page.title }} | DevLabStudy</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ page.title }} | DevLabStudy©</title>
+    
+    <link rel="icon" type="image/png" href="/qr-code.png?v=fixed_buttons">
+    <link rel="shortcut icon" type="image/png" href="/qr-code.png?v=fixed_buttons">
+
     <style>
-        body { font-family: -apple-system, sans-serif; max-width: 800px; margin: 40px auto; padding: 20px; line-height: 1.6; }
-        a { color: #2563eb; text-decoration: none; }
+        /* Te same zmienne co na stronie głównej */
+        :root {
+            --bg-body: #f4f7fa; --bg-nav: #ffffff; --bg-card: #ffffff;
+            --text-main: #1e293b; --text-muted: #64748b; --border-color: #e2e8f0;
+            --accent-blue: #2563eb; --shadow-sm: 0 1px 3px rgba(0,0,0,0.1); --radius: 12px;
+        }
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --bg-body: #0f172a; --bg-nav: #1e293b; --bg-card: #1e293b;
+                --text-main: #f8fafc; --text-muted: #94a3b8; --border-color: #334155;
+                --accent-blue: #3b82f6; --shadow-sm: 0 4px 6px rgba(0,0,0,0.3);
+            }
+        }
+
+        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: var(--bg-body); color: var(--text-main); margin: 0; padding: 0; line-height: 1.6; -webkit-font-smoothing: antialiased; }
+        
+        .navbar { background: var(--bg-nav); border-bottom: 1px solid var(--border-color); padding: 15px 30px; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 100; box-shadow: var(--shadow-sm); }
+        .nav-brand { font-size: 1.5rem; font-weight: 800; letter-spacing: -0.5px; color: var(--text-main); text-decoration: none; }
+        .back-link { color: var(--accent-blue); text-decoration: none; font-weight: 600; }
+        .back-link:hover { text-decoration: underline; }
+
+        .container { max-width: 800px; margin: 40px auto; padding: 0 20px; }
+        
+        /* Styl treści artykułu */
+        .article-header { border-bottom: 1px solid var(--border-color); padding-bottom: 20px; margin-bottom: 30px; }
+        .article-title { font-size: 2.2rem; margin: 0 0 10px 0; line-height: 1.2; }
+        .article-date { color: var(--text-muted); font-size: 0.95rem; }
+        
+        .article-content { font-size: 1.1rem; line-height: 1.8; color: var(--text-main); }
+        .article-content h2 { margin-top: 40px; color: var(--accent-blue); }
+        .article-content a { color: var(--accent-blue); text-decoration: none; }
+        .article-content a:hover { text-decoration: underline; }
+        .article-content code { background: var(--bg-card); border: 1px solid var(--border-color); padding: 2px 6px; border-radius: 4px; font-family: monospace; font-size: 0.9em; }
+        .article-content pre { background: var(--bg-card); border: 1px solid var(--border-color); padding: 15px; border-radius: 8px; overflow-x: auto; }
+        .article-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; }
+
+        footer { text-align: center; color: var(--text-muted); font-size: 0.85rem; margin: 50px 0 30px 0; padding-top: 20px; border-top: 1px solid var(--border-color); }
     </style>
 </head>
 <body>
-    <a href="/">&larr; Wróć do Dashboardu</a>
-    <h1>{{ page.title }}</h1>
-    <p><em>{{ page.date | date: "%Y-%m-%d" }}</em></p>
-    
-    <article>
-        {{ content }}
-    </article>
+
+    <nav class="navbar">
+        <a href="/" class="nav-brand">DevLabStudy©</a>
+        <a href="/blog.html" class="back-link">&larr; Back to Blog</a>
+    </nav>
+
+    <main class="container">
+        <header class="article-header">
+            <h1 class="article-title">{{ page.title }}</h1>
+            <div class="article-date">{{ page.date | date: "%B %d, %Y" }}</div>
+        </header>
+
+        <article class="article-content">
+            {{ content }}
+        </article>
+    </main>
+
+    <footer>
+        <p>1 Gbps Fiber - Linux Mint 22.3 - Orbit™ Project 2026</p>
+    </footer>
+
 </body>
 </html>