Skip to content

Commit eb8e137

Browse files
DevLabStudyDevLabStudy
authored
Update index.html
1 parent e3ef3d4 commit eb8e137

1 file changed

Lines changed: 23 additions & 91 deletions

File tree

‎index.html‎

Lines changed: 23 additions & 91 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@
3030
}
3131

3232
/* ------------------------------------ */
33-
/* NAVBAR */
33+
/* NAVBAR */
3434
/* ------------------------------------ */
3535
.navbar {
3636
background: var(--bg-nav);
@@ -44,76 +44,19 @@
4444
z-index: 1000;
4545
}
4646

47-
/* LEWA STRONA (Tylko Logo tekstowe) */
48-
.nav-left {
49-
display: flex;
50-
align-items: center;
51-
justify-content: flex-start;
52-
}
53-
.nav-brand {
54-
font-size: 1.5rem;
55-
font-weight: 900;
56-
text-decoration: none;
57-
color: #fff;
58-
letter-spacing: -0.5px;
59-
}
47+
.nav-left { display: flex; align-items: center; justify-content: flex-start; }
48+
.nav-brand { font-size: 1.5rem; font-weight: 900; text-decoration: none; color: #fff; letter-spacing: -0.5px; }
6049

61-
/* ŚRODEK (Menu bez separatorów) */
62-
.nav-center {
63-
display: flex;
64-
justify-content: center;
65-
align-items: center;
66-
gap: 25px;
67-
}
68-
.nav-center a {
69-
text-decoration: none;
70-
color: var(--text-muted);
71-
font-weight: 600;
72-
font-size: 0.95rem;
73-
transition: 0.3s;
74-
}
50+
.nav-center { display: flex; justify-content: center; align-items: center; gap: 25px; }
51+
.nav-center a { text-decoration: none; color: var(--text-muted); font-weight: 600; font-size: 0.95rem; transition: 0.3s; }
7552
.nav-center a:hover, .nav-center a.active { color: var(--accent-blue); }
7653

77-
/* PRAWA STRONA (Community) */
78-
.nav-right {
79-
display: flex;
80-
justify-content: flex-end;
81-
}
54+
.nav-right { display: flex; justify-content: flex-end; }
8255
.dropdown { position: relative; display: inline-block; }
83-
.dropbtn {
84-
background: #111;
85-
color: #fff;
86-
padding: 8px 16px;
87-
border-radius: 6px;
88-
border: 1px solid rgba(255, 255, 255, 0.1);
89-
cursor: pointer;
90-
font-family: 'Inter', sans-serif;
91-
font-weight: 600;
92-
font-size: 0.9rem;
93-
}
56+
.dropbtn { background: #111; color: #fff; padding: 8px 16px; border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.1); cursor: pointer; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 0.9rem; }
9457

95-
.dropdown-content {
96-
display: none;
97-
position: absolute;
98-
right: 0;
99-
top: 130%;
100-
background: #0a0a0a;
101-
min-width: 180px;
102-
border: 1px solid rgba(255, 255, 255, 0.1);
103-
border-radius: 6px;
104-
box-shadow: 0 10px 30px rgba(0,0,0,0.8);
105-
}
106-
.dropdown-content a {
107-
display: flex;
108-
justify-content: space-between;
109-
align-items: center;
110-
color: #fff;
111-
padding: 12px 16px;
112-
text-decoration: none;
113-
font-size: 0.85rem;
114-
font-weight: 600;
115-
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
116-
}
58+
.dropdown-content { display: none; position: absolute; right: 0; top: 130%; background: #0a0a0a; min-width: 180px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,0.8); }
59+
.dropdown-content a { display: flex; justify-content: space-between; align-items: center; color: #fff; padding: 12px 16px; text-decoration: none; font-size: 0.85rem; font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
11760
.dropdown-content a:last-child { border-bottom: none; }
11861
.dropdown-content a:hover { background: #1a1a1a; color: var(--accent-blue); }
11962
.dropdown:hover .dropdown-content { display: block; }
@@ -129,35 +72,19 @@
12972
.dashboard { max-width: 1300px; margin: 0 auto 60px auto; padding: 0 20px; }
13073
.grid-container { display: grid; grid-template-columns: 1.8fr 1fr; gap: 25px; }
13174

132-
.card {
133-
background: rgba(10, 10, 10, 0.7);
134-
border: 1px solid var(--border-color);
135-
padding: 25px;
136-
border-radius: 12px;
137-
backdrop-filter: blur(10px);
138-
}
75+
.card { background: rgba(10, 10, 10, 0.7); border: 1px solid var(--border-color); padding: 25px; border-radius: 12px; backdrop-filter: blur(10px); }
13976

140-
.hero-project {
141-
height: 480px;
142-
background: url('/assets/images/IMG_20260304_153435_hdr.jpg') center/cover;
143-
display: flex;
144-
align-items: flex-end;
145-
border-radius: 12px;
146-
border: 1px solid var(--border-color);
147-
}
77+
.hero-project { height: 480px; background: url('/assets/images/IMG_20260304_153435_hdr.jpg') center/cover; display: flex; align-items: flex-end; border-radius: 12px; border: 1px solid var(--border-color); }
14878
.hero-overlay { width: 100%; background: linear-gradient(transparent, rgba(0,0,0,0.95)); padding: 40px; border-radius: 0 0 12px 12px; }
14979

150-
.btn-blue {
151-
display: inline-block; background: var(--accent-blue); color: #fff;
152-
padding: 12px 28px; border-radius: 8px; text-decoration: none;
153-
font-weight: 800; font-size: 0.95rem; transition: 0.3s;
154-
}
80+
.btn-blue { display: inline-block; background: var(--accent-blue); color: #fff; padding: 12px 28px; border-radius: 8px; text-decoration: none; font-weight: 800; font-size: 0.95rem; transition: 0.3s; }
15581
.btn-blue:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(59, 130, 246, 0.3); }
15682

157-
.support-btn {
158-
display: block; text-decoration: none; padding: 14px; border-radius: 8px;
159-
font-weight: 800; font-size: 0.85rem; text-align: center; margin-top: 10px; transition: 0.3s;
160-
}
83+
.support-btn { display: block; text-decoration: none; padding: 14px; border-radius: 8px; font-weight: 800; font-size: 0.85rem; text-align: center; margin-top: 10px; transition: 0.3s; }
84+
85+
/* Styl dla odznaki DigitalOcean, żeby pasowała do reszty */
86+
.do-badge { display: flex; justify-content: center; margin-top: 10px; transition: 0.3s; }
87+
.do-badge:hover { transform: scale(1.02); filter: brightness(1.1); }
16188

16289
@media (max-width: 1024px) {
16390
.navbar { display: flex; flex-direction: column; gap: 15px; align-items: center; padding: 15px; }
@@ -227,7 +154,12 @@ <h3 style="font-size: 0.85rem; color: var(--text-muted); margin: 0 0 20px 0; tex
227154

228155
<div class="card" style="border-color: var(--accent-blue); background: rgba(59, 130, 246, 0.05);">
229156
<h3 style="font-size: 0.85rem; color: var(--accent-blue); margin: 0 0 15px 0; text-transform: uppercase; font-family: 'JetBrains Mono', monospace;">Support_Lab:</h3>
230-
<a href="https://patreon.com/DevLabStudy" target="_blank" class="support-btn" style="background: #e11d48; color: #fff;">PATREON / PATRONITE</a>
157+
<a href="https://patreon.com/DevLabStudy" target="_blank" class="support-btn" style="background: #e11d48; color: #fff;">PATREON</a>
158+
159+
<a href="https://www.digitalocean.com/?refcode=6fd6e2226432&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge" class="do-badge" target="_blank">
160+
<img src="https://web-platforms.sfo2.cdn.digitaloceanspaces.com/WWW/Badge%201.svg" alt="DigitalOcean Referral Badge" style="width: 100%; border-radius: 8px;" />
161+
</a>
162+
231163
<a href="https://www.buymeacoffee.com/DevLabStudy" target="_blank" class="support-btn" style="background: #FFDD00; color: #000;">BUY ME A COFFEE</a>
232164
</div>
233165
</aside>

0 commit comments

Comments
 (0)