Skip to content

Commit 011200d

Browse files
DevLabStudyDevLabStudy
authored
Update blog.html
1 parent bcb1978 commit 011200d

1 file changed

Lines changed: 20 additions & 52 deletions

File tree

‎blog.html‎

Lines changed: 20 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -1,93 +1,61 @@
11
---
22
layout: null
3-
permalink: /blog/
3+
permalink: /blog
44
---
55
<!DOCTYPE html>
66
<html lang="en">
77
<head>
88
<meta charset="UTF-8">
99
<meta name="viewport" content="width=device-width, initial-scale=1.0">
1010
<title>Blog | DevLabStudy©</title>
11-
12-
<link rel="icon" type="image/png" href="qr-code.png?v=fixed_buttons">
13-
<link rel="shortcut icon" type="image/png" href="qr-code.png?v=fixed_buttons">
14-
11+
<link rel="icon" type="image/png" href="/qr-code.png?v=fixed_buttons">
1512
<style>
1613
:root {
1714
--bg-body: #f4f7fa; --bg-nav: #ffffff; --bg-card: #ffffff;
1815
--text-main: #1e293b; --text-muted: #64748b; --border-color: #e2e8f0;
19-
--accent-blue: #2563eb; --accent-purple: #4b0082; --accent-green: #10b981;
20-
--shadow-sm: 0 1px 3px rgba(0,0,0,0.1); --shadow-md: 0 10px 25px rgba(0,0,0,0.05);
21-
--radius: 12px;
16+
--accent-blue: #2563eb; --radius: 12px;
2217
}
23-
2418
@media (prefers-color-scheme: dark) {
2519
:root {
2620
--bg-body: #0f172a; --bg-nav: #1e293b; --bg-card: #1e293b;
2721
--text-main: #f8fafc; --text-muted: #94a3b8; --border-color: #334155;
28-
--accent-blue: #3b82f6; --accent-green: #10b981;
29-
--shadow-sm: 0 4px 6px rgba(0,0,0,0.3); --shadow-md: 0 10px 25px rgba(0,0,0,0.4);
22+
--accent-blue: #3b82f6;
3023
}
3124
}
32-
33-
body {
34-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
35-
background: var(--bg-body); color: var(--text-main);
36-
margin: 0; padding: 0; line-height: 1.6; -webkit-font-smoothing: antialiased;
37-
}
38-
39-
.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); }
25+
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; }
26+
.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; }
4027
.nav-brand { font-size: 1.5rem; font-weight: 800; color: var(--text-main); text-decoration: none; }
41-
.nav-links { display: flex; gap: 20px; align-items: center; }
42-
.nav-links a { text-decoration: none; color: var(--text-muted); font-weight: 600; transition: color 0.2s; }
43-
.nav-links a:hover, .nav-links a.active { color: var(--accent-blue); }
44-
28+
.nav-links a { margin-left: 20px; text-decoration: none; color: var(--text-muted); font-weight: 600; }
29+
.nav-links a.active { color: var(--accent-blue); }
4530
.container { max-width: 900px; margin: 40px auto; padding: 0 20px; min-height: 60vh; }
46-
.section-title { font-size: 1.8rem; font-weight: 700; border-bottom: 2px solid var(--border-color); padding-bottom: 10px; margin-bottom: 25px; color: var(--text-main); }
47-
48-
.post-list { list-style: none; padding: 0; margin: 0; }
49-
.post-item { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius); padding: 25px; margin-bottom: 20px; box-shadow: var(--shadow-sm); transition: all 0.2s ease; }
50-
.post-item:hover { border-color: var(--accent-blue); transform: translateY(-3px); box-shadow: var(--shadow-md); }
51-
.post-title { font-size: 1.4rem; font-weight: 700; margin: 0 0 10px 0; }
52-
.post-title a { color: var(--text-main); text-decoration: none; }
53-
.post-title a:hover { color: var(--accent-blue); }
54-
.post-meta { font-size: 0.9rem; color: var(--text-muted); margin-bottom: 12px; font-weight: 600; }
55-
.post-excerpt { color: var(--text-main); opacity: 0.85; font-size: 1rem; margin: 0; }
56-
57-
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); }
58-
59-
@media (max-width: 768px) { .navbar { flex-direction: column; gap: 15px; padding: 15px; } .nav-links { justify-content: center; flex-wrap: wrap; } }
31+
.post-item { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius); padding: 25px; margin-bottom: 20px; transition: 0.2s; }
32+
.post-item:hover { border-color: var(--accent-blue); transform: translateY(-3px); }
33+
.post-title a { color: var(--text-main); text-decoration: none; font-size: 1.4rem; font-weight: 700; }
34+
footer { text-align: center; color: var(--text-muted); font-size: 0.85rem; margin-top: 50px; padding: 20px; border-top: 1px solid var(--border-color); }
6035
</style>
6136
</head>
6237
<body>
63-
6438
<nav class="navbar">
6539
<a href="/" class="nav-brand">DevLabStudy©</a>
6640
<div class="nav-links">
6741
<a href="/">Hub</a>
68-
<a href="/blog">Blog</a>
69-
<a href="/homelab.html">HomeLab</a>
70-
<a href="/orbit.html">Orbit™</a>
42+
<a href="/blog" class="active">Blog</a>
43+
<a href="/homelab">HomeLab</a>
44+
<a href="/orbit">Orbit™</a>
7145
</div>
7246
</nav>
73-
7447
<main class="container">
75-
<h1 class="section-title">DevLab Notes & Articles</h1>
76-
77-
<ul class="post-list">
48+
<h1>Articles & Research</h1>
49+
<ul style="list-style: none; padding: 0;">
7850
{% for post in site.posts %}
7951
<li class="post-item">
80-
<div class="post-meta">{{ post.date | date: "%B %d, %Y" }}</div>
52+
<div style="font-size: 0.9rem; color: var(--text-muted);">{{ post.date | date: "%B %d, %Y" }}</div>
8153
<h2 class="post-title"><a href="{{ post.url }}">{{ post.title }}</a></h2>
82-
<p class="post-excerpt">{{ post.excerpt | strip_html | truncatewords: 35 }}</p>
54+
<p>{{ post.excerpt | strip_html | truncatewords: 30 }}</p>
8355
</li>
8456
{% endfor %}
8557
</ul>
8658
</main>
87-
88-
<footer>
89-
<p>1 Gbps Fiber - Linux Mint 22.3 - Orbit™ Project 2026</p>
90-
</footer>
91-
59+
<footer><p>Orbit™ Project 2026</p></footer>
9260
</body>
9361
</html>

0 commit comments

Comments
 (0)