Skip to content

Commit a951108

Browse files
DevLabStudyDevLabStudy
authored
Update post.html
1 parent b8b3caa commit a951108

1 file changed

Lines changed: 23 additions & 29 deletions

File tree

‎_layouts/post.html‎

Lines changed: 23 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -3,56 +3,50 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>{{ page.title }} | DevLabStudy©</title>
6+
<title>{{ page.title }} | DevLabStudy</title>
77

8-
<link rel="icon" type="image/png" href="/qr-code.png?v=fixed_buttons">
9-
<link rel="shortcut icon" type="image/png" href="/qr-code.png?v=fixed_buttons">
8+
<link rel="icon" type="image/jpeg" href="/profileIcon_g3ffyg7edeeg1.jpeg">
109

1110
<style>
12-
/* Te same zmienne co na stronie głównej */
1311
:root {
14-
--bg-body: #f4f7fa; --bg-nav: #ffffff; --bg-card: #ffffff;
15-
--text-main: #1e293b; --text-muted: #64748b; --border-color: #e2e8f0;
16-
--accent-blue: #2563eb; --shadow-sm: 0 1px 3px rgba(0,0,0,0.1); --radius: 12px;
12+
--bg-nav: rgba(5, 5, 5, 0.85); --text-main: #f8fafc; --text-muted: #94a3b8;
13+
--border-color: rgba(255, 255, 255, 0.1); --accent-blue: #3b82f6; --bg-card: #111;
1714
}
18-
@media (prefers-color-scheme: dark) {
19-
:root {
20-
--bg-body: #0f172a; --bg-nav: #1e293b; --bg-card: #1e293b;
21-
--text-main: #f8fafc; --text-muted: #94a3b8; --border-color: #334155;
22-
--accent-blue: #3b82f6; --shadow-sm: 0 4px 6px rgba(0,0,0,0.3);
23-
}
15+
16+
body {
17+
font-family: 'Inter', -apple-system, sans-serif; margin: 0; min-height: 100vh;
18+
background: #000 url('/background.png') no-repeat center center fixed;
19+
background-size: cover; color: var(--text-main); overflow-x: hidden;
20+
line-height: 1.6;
2421
}
2522

26-
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; }
27-
28-
.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); }
29-
.nav-brand { font-size: 1.5rem; font-weight: 800; letter-spacing: -0.5px; color: var(--text-main); text-decoration: none; }
30-
.back-link { color: var(--accent-blue); text-decoration: none; font-weight: 600; }
23+
.navbar { position: sticky; top: 0; z-index: 100; background: var(--bg-nav); backdrop-filter: blur(15px); border-bottom: 1px solid var(--border-color); padding: 15px 40px; display: flex; align-items: center; justify-content: space-between; }
24+
.nav-brand { font-size: 1.5rem; font-weight: 800; text-decoration: none; color: var(--text-main); letter-spacing: -0.5px; }
25+
.back-link { color: var(--accent-blue); text-decoration: none; font-weight: 600; font-size: 0.95rem;}
3126
.back-link:hover { text-decoration: underline; }
3227

33-
.container { max-width: 800px; margin: 40px auto; padding: 0 20px; }
28+
.container { max-width: 800px; margin: 40px auto; padding: 40px; background: rgba(5, 5, 5, 0.8); backdrop-filter: blur(10px); border-radius: 12px; border: 1px solid var(--border-color); }
3429

35-
/* Styl treści artykułu */
3630
.article-header { border-bottom: 1px solid var(--border-color); padding-bottom: 20px; margin-bottom: 30px; }
37-
.article-title { font-size: 2.2rem; margin: 0 0 10px 0; line-height: 1.2; }
31+
.article-title { font-size: 2.2rem; margin: 0 0 10px 0; line-height: 1.2; font-weight: 800; }
3832
.article-date { color: var(--text-muted); font-size: 0.95rem; }
3933

40-
.article-content { font-size: 1.1rem; line-height: 1.8; color: var(--text-main); }
41-
.article-content h2 { margin-top: 40px; color: var(--accent-blue); }
34+
.article-content { font-size: 1.1rem; line-height: 1.8; color: #cbd5e1; }
35+
.article-content h2, .article-content h3 { margin-top: 40px; color: var(--text-main); }
4236
.article-content a { color: var(--accent-blue); text-decoration: none; }
4337
.article-content a:hover { text-decoration: underline; }
44-
.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; }
45-
.article-content pre { background: var(--bg-card); border: 1px solid var(--border-color); padding: 15px; border-radius: 8px; overflow-x: auto; }
46-
.article-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; }
38+
.article-content code { background: rgba(255,255,255,0.1); border: 1px solid var(--border-color); padding: 2px 6px; border-radius: 4px; font-family: monospace; font-size: 0.9em; color: #f8fafc; }
39+
.article-content pre { background: rgba(0,0,0,0.8); border: 1px solid var(--border-color); padding: 15px; border-radius: 8px; overflow-x: auto; }
40+
.article-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; border: 1px solid var(--border-color); }
4741

4842
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); }
4943
</style>
5044
</head>
5145
<body>
5246

5347
<nav class="navbar">
54-
<a href="/" class="nav-brand">DevLabStudy©</a>
55-
<a href="/blog.html" class="back-link">&larr; Back to Blog</a>
48+
<a href="/" class="nav-brand">DevLabStudy</a>
49+
<a href="/blog" class="back-link">&larr; Back to Blog</a>
5650
</nav>
5751

5852
<main class="container">
@@ -67,7 +61,7 @@ <h1 class="article-title">{{ page.title }}</h1>
6761
</main>
6862

6963
<footer>
70-
<p>1 Gbps Fiber - Linux Mint 22.3 - Orbit™ Project 2026</p>
64+
<p>1 Gbps Fiber - Linux Mint - Orbit™ Project 2026</p>
7165
</footer>
7266

7367
</body>

0 commit comments

Comments
 (0)