Skip to content

Commit 253ea0a

Browse files
DevLabStudyDevLabStudy
authored
Update index.html
1 parent 59c8b9b commit 253ea0a

1 file changed

Lines changed: 15 additions & 53 deletions

File tree

‎index.html‎

Lines changed: 15 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,14 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>DevLabStudy© | Hub</title>
7-
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">
10-
7+
<link rel="icon" type="image/png" href="/qr-code.png?v=fixed_buttons">
118
<style>
129
:root {
1310
--bg-body: #f4f7fa; --bg-card: #ffffff;
1411
--text-main: #1e293b; --text-muted: #64748b; --border-color: #e2e8f0;
1512
--accent-blue: #2563eb; --accent-purple: #4b0082; --accent-green: #10b981;
1613
--shadow-sm: 0 4px 6px rgba(0,0,0,0.05); --shadow-md: 0 10px 25px rgba(0,0,0,0.1);
1714
}
18-
1915
@media (prefers-color-scheme: dark) {
2016
:root {
2117
--bg-body: #0f172a; --bg-card: #1e293b;
@@ -24,81 +20,47 @@
2420
--shadow-sm: 0 4px 6px rgba(0,0,0,0.3); --shadow-md: 0 10px 25px rgba(0,0,0,0.4);
2521
}
2622
}
27-
28-
body {
29-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
30-
background: var(--bg-body); color: var(--text-main);
31-
margin: 0; padding: 0; display: flex; flex-direction: column;
32-
min-height: 100vh; justify-content: center; align-items: center;
33-
-webkit-font-smoothing: antialiased;
34-
}
35-
36-
.hub-container {
37-
max-width: 800px; width: 100%; padding: 40px 20px;
38-
text-align: center; box-sizing: border-box;
39-
}
40-
23+
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; display: flex; flex-direction: column; min-height: 100vh; justify-content: center; align-items: center; -webkit-font-smoothing: antialiased; }
24+
.hub-container { max-width: 800px; width: 100%; padding: 40px 20px; text-align: center; box-sizing: border-box; }
4125
.brand-title { font-size: 3rem; font-weight: 800; margin-bottom: 10px; letter-spacing: -1px; }
4226
.brand-subtitle { font-size: 1.2rem; color: var(--text-muted); margin-bottom: 50px; }
43-
44-
.path-grid {
45-
display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
46-
gap: 20px; margin-bottom: 50px;
47-
}
48-
49-
.path-card {
50-
background: var(--bg-card); border: 1px solid var(--border-color);
51-
border-radius: 16px; padding: 30px 20px; text-decoration: none;
52-
color: var(--text-main); transition: all 0.3s ease;
53-
box-shadow: var(--shadow-sm); display: flex; flex-direction: column; align-items: center;
54-
}
55-
27+
.path-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-bottom: 50px; }
28+
.path-card { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 16px; padding: 30px 20px; text-decoration: none; color: var(--text-main); transition: all 0.3s ease; box-shadow: var(--shadow-sm); display: flex; flex-direction: column; align-items: center; }
5629
.path-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); border-color: var(--accent-blue); }
5730
.path-icon { font-size: 2.5rem; margin-bottom: 15px; }
5831
.path-title { font-size: 1.3rem; font-weight: 700; margin-bottom: 10px; }
5932
.path-desc { font-size: 0.9rem; color: var(--text-muted); margin: 0; }
60-
6133
.social-links { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }
62-
.social-btn {
63-
background: var(--bg-card); border: 1px solid var(--border-color);
64-
color: var(--text-main); text-decoration: none; padding: 8px 16px;
65-
border-radius: 8px; font-weight: 600; font-size: 0.9rem; transition: 0.2s;
66-
}
34+
.social-btn { background: var(--bg-card); border: 1px solid var(--border-color); color: var(--text-main); text-decoration: none; padding: 8px 16px; border-radius: 8px; font-weight: 600; font-size: 0.9rem; transition: 0.2s; }
6735
.social-btn:hover { background: var(--border-color); }
6836
</style>
6937
</head>
7038
<body>
71-
7239
<div class="hub-container">
7340
<div class="brand-title">DevLabStudy©</div>
7441
<div class="brand-subtitle">Self-Taught Infrastructure Enthusiast</div>
75-
7642
<div class="path-grid">
77-
<a href="/blog">Blog</a>
43+
<a href="/blog" class="path-card" style="border-top: 4px solid var(--accent-blue);">
7844
<div class="path-icon">📚</div>
7945
<div class="path-title">DevLab Blog</div>
80-
<p class="path-desc">Artykuły, wiedza, optymalizacja Dockera i IT.</p>
46+
<p class="path-desc">Articles, insights, Docker optimization, and IT knowledge.</p>
8147
</a>
82-
83-
<a href="/homelab.html" class="path-card" style="border-top: 4px solid var(--accent-green);">
48+
<a href="/homelab" class="path-card" style="border-top: 4px solid var(--accent-green);">
8449
<div class="path-icon">🖥️</div>
85-
<div class="path-title">Mój HomeLab</div>
86-
<p class="path-desc">Infrastruktura, serwery Proxmox i status węzłów.</p>
50+
<div class="path-title">My HomeLab</div>
51+
<p class="path-desc">Infrastructure, Proxmox servers, and node status.</p>
8752
</a>
88-
89-
<a href="/orbit.html" class="path-card" style="border-top: 4px solid var(--accent-purple);">
53+
<a href="/orbit" class="path-card" style="border-top: 4px solid var(--accent-purple);">
9054
<div class="path-icon">🚀</div>
91-
<div class="path-title">Projekt Orbit™</div>
92-
<p class="path-desc">Aplikacja w budowie. Roadmapa i architektura.</p>
55+
<div class="path-title">Orbit™ Project</div>
56+
<p class="path-desc">Work in progress. Project roadmap and architecture.</p>
9357
</a>
9458
</div>
95-
9659
<div class="social-links">
9760
<a href="https://github.com/DevLabStudy" class="social-btn">GitHub</a>
98-
<a href="https://www.youtube.com/channel/UCisFPSU_Y8hznpqrcewcJAg?app=desktop" class="social-btn">YouTube</a>
61+
<a href="https://www.youtube.com/@devlabstudy" class="social-btn">YouTube</a>
9962
<a href="https://x.com/DevLabStudy" class="social-btn">X / Twitter</a>
10063
</div>
10164
</div>
102-
10365
</body>
10466
</html>

0 commit comments

Comments
 (0)