Skip to content

Commit ed41880

Browse files
DevLabStudyDevLabStudy
authored
Update sponsors.html
1 parent 3168431 commit ed41880

1 file changed

Lines changed: 27 additions & 159 deletions

File tree

‎sponsors.html‎

Lines changed: 27 additions & 159 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828
content: '';
2929
flex: 1;
3030
height: 1px;
31-
background: var(--border-color);
31+
background: var(--border);
3232
}
3333

3434
.sponsor-section-desc {
@@ -46,7 +46,7 @@
4646

4747
.sponsor-card {
4848
background: rgba(15, 15, 15, 0.8);
49-
border: 1px solid var(--border-color);
49+
border: 1px solid var(--border);
5050
border-radius: 12px;
5151
padding: 15px;
5252
display: flex;
@@ -67,7 +67,7 @@
6767
.sponsor-card:hover {
6868
border-color: var(--accent-blue);
6969
transform: translateY(-2px);
70-
box-shadow: 0 4px 20px rgba(59, 130, 246, 0.25);
70+
box-shadow: 0 4px 20px rgba(0, 210, 255, 0.25);
7171
}
7272

7373
.sponsor-logo-img {
@@ -79,17 +79,22 @@
7979
}
8080

8181
.sponsor-card-placeholder {
82-
background: rgba(15, 15, 15, 0.6);
83-
border: 1px dashed var(--border-color);
82+
background: var(--card-bg);
83+
border: 1px dashed var(--border);
8484
border-radius: 12px;
8585
padding: 30px 20px;
8686
text-align: center;
8787
transition: all 0.3s ease;
88+
display: flex;
89+
align-items: center;
90+
justify-content: center;
91+
min-height: 90px;
92+
backdrop-filter: blur(10px);
8893
}
8994

9095
.sponsor-card-placeholder:hover {
91-
border-color: rgba(255, 255, 255, 0.2);
92-
background: rgba(20, 20, 20, 0.8);
96+
border-color: var(--accent-blue);
97+
background: rgba(10, 15, 25, 0.8);
9398
}
9499

95100
.placeholder-badge {
@@ -100,18 +105,20 @@
100105
}
101106

102107
.become-sponsor-card {
103-
background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.1), rgba(10, 10, 10, 0.8));
108+
background: radial-gradient(circle at top left, rgba(0, 210, 255, 0.08), rgba(10, 15, 25, 0.8));
104109
border: 1px solid var(--accent-blue);
105110
border-radius: 12px;
106-
padding: 30px;
111+
padding: 35px;
107112
margin-top: 20px;
108113
text-align: center;
114+
backdrop-filter: blur(10px);
109115
}
110116

111117
.become-sponsor-card h2 {
112118
font-size: 1.4rem;
113119
margin: 0 0 10px 0;
114120
color: #fff;
121+
font-family: 'JetBrains Mono', monospace;
115122
}
116123

117124
.become-sponsor-card p {
@@ -124,117 +131,23 @@
124131

125132
.contact-btn {
126133
display: inline-block;
127-
background: var(--accent-blue);
128-
color: #fff;
129-
font-weight: 700;
134+
background: var(--accent-contrast);
135+
color: #000;
136+
font-weight: 800;
130137
font-size: 0.9rem;
131-
padding: 12px 24px;
138+
padding: 14px 28px;
132139
border-radius: 8px;
133140
text-decoration: none;
134-
transition: background 0.3s ease;
135-
}
136-
137-
.contact-btn:hover {
138-
background: #2563eb;
139-
}
140-
141-
/* Footer styling */
142-
.page-footer {
143-
margin-top: 50px;
144-
padding-top: 20px;
145-
border-top: 1px solid var(--border-color);
146-
text-align: center;
147-
font-size: 0.8rem;
148-
color: var(--text-muted);
149-
}
150-
151-
.page-footer a {
152-
color: var(--text-secondary);
153-
text-decoration: none;
154-
margin: 0 8px;
155-
transition: color 0.2s;
156-
}
157-
158-
.page-footer a:hover {
159-
color: var(--accent-blue);
160-
}
161-
162-
/* Native Cookie Banner Styles */
163-
#cookie-banner {
164-
position: fixed;
165-
bottom: 20px;
166-
left: 50%;
167-
transform: translateX(-50%);
168-
width: calc(100% - 40px);
169-
max-width: 580px;
170-
background-color: #12161f;
171-
border: 1px solid var(--border-color);
172-
border-radius: 12px;
173-
padding: 20px;
174-
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
175-
z-index: 999999;
176-
display: none;
177-
font-family: 'JetBrains Mono', monospace;
178-
color: var(--text-primary);
179-
}
180-
181-
.cookie-title {
182-
font-size: 0.95rem;
183-
font-weight: 700;
184-
color: var(--text-primary);
185-
margin-bottom: 8px;
186-
display: flex;
187-
align-items: center;
188-
gap: 8px;
189-
}
190-
191-
.cookie-content {
192-
font-size: 0.8rem;
193-
line-height: 1.5;
194-
color: var(--text-secondary);
195-
margin-bottom: 16px;
196-
}
197-
198-
.cookie-content a {
199-
color: var(--accent-cyan);
200-
text-decoration: underline;
201-
}
202-
203-
.cookie-actions {
204-
display: flex;
205-
gap: 10px;
206-
justify-content: flex-end;
207-
}
208-
209-
.cookie-btn {
210-
padding: 8px 16px;
211-
border-radius: 6px;
212-
font-size: 0.78rem;
213-
font-weight: 600;
141+
transition: all 0.3s ease;
214142
font-family: 'JetBrains Mono', monospace;
215-
cursor: pointer;
216-
border: none;
217-
transition: all 0.2s ease;
218-
}
219-
220-
.cookie-btn-accept {
221-
background-color: var(--accent-green);
222-
color: #000;
223-
}
224-
225-
.cookie-btn-accept:hover {
226-
background-color: #16a34a;
227-
}
228-
229-
.cookie-btn-reject {
230-
background-color: rgba(255, 255, 255, 0.05);
231-
color: var(--text-primary);
232-
border: 1px solid var(--border-color);
143+
text-transform: uppercase;
144+
letter-spacing: 1px;
233145
}
234146

235-
.cookie-btn-reject:hover {
236-
background-color: rgba(255, 255, 255, 0.1);
237-
border-color: var(--text-muted);
147+
.contact-btn:hover {
148+
background: #ff7a2e;
149+
transform: translateY(-2px);
150+
box-shadow: 0 4px 20px rgba(255, 94, 0, 0.4);
238151
}
239152
</style>
240153

@@ -249,9 +162,6 @@ <h2 class="sponsor-section-title">[ Dostawcy_Sprzętu ]</h2>
249162
<a href="https://lanberg.eu" target="_blank" rel="noopener noreferrer" class="sponsor-card sponsor-card-light">
250163
<img src="{{ '/assets/images/LOGO_LANBERG.jpg' | relative_url }}" alt="Lanberg" class="sponsor-logo-img">
251164
</a>
252-
<a href="https://www.ifixit.com" target="_blank" rel="noopener noreferrer" class="sponsor-card sponsor-card-light">
253-
<img src="{{ '/assets/images/IFixit.webp' | relative_url }}" alt="iFixit" class="sponsor-logo-img">
254-
</a>
255165
<div class="sponsor-card-placeholder">
256166
<div class="placeholder-badge">[ MIEJSCE_NA_LOGO ]</div>
257167
</div>
@@ -280,46 +190,4 @@ <h2>Chcesz zostać partnerem DevLab Study?</h2>
280190
<a href="mailto:contact@devlabstudy.ovh" class="contact-btn">Nawiąż współpracę ➔</a>
281191
</div>
282192

283-
<!-- Footer z linkami do RODO/Cookies -->
284-
<footer class="page-footer">
285-
<p>
286-
© DevLabStudy |
287-
<a href="/polityka-prywatnosci">Polityka Prywatności</a> |
288-
<a href="#" onclick="openCookieSettings(event)">Ustawienia Cookies</a>
289-
</p>
290-
</footer>
291-
292-
</div>
293-
294-
<!-- Baner Cookie -->
295-
<div id="cookie-banner">
296-
<div class="cookie-title">🍪 Strona używa plików cookie</div>
297-
<div class="cookie-content">
298-
Używamy plików cookie w celu zapewnienia prawidłowego działania witryny oraz multimediów. Więcej szczegółów znajdziesz w naszej <a href="/polityka-prywatnosci">Polityce Prywatności</a>.
299-
</div>
300-
<div class="cookie-actions">
301-
<button class="cookie-btn cookie-btn-reject" onclick="setCookieConsent('necessary')">Tylko niezbędne</button>
302-
<button class="cookie-btn cookie-btn-accept" onclick="setCookieConsent('all')">Akceptuję</button>
303-
</div>
304193
</div>
305-
306-
<script>
307-
function checkCookieConsent() {
308-
var consent = localStorage.getItem('devlab_cookie_consent');
309-
if (!consent) {
310-
document.getElementById('cookie-banner').style.display = 'block';
311-
}
312-
}
313-
314-
function setCookieConsent(type) {
315-
localStorage.setItem('devlab_cookie_consent', type);
316-
document.getElementById('cookie-banner').style.display = 'none';
317-
}
318-
319-
function openCookieSettings(e) {
320-
if (e) e.preventDefault();
321-
document.getElementById('cookie-banner').style.display = 'block';
322-
}
323-
324-
document.addEventListener('DOMContentLoaded', checkCookieConsent);
325-
</script>

0 commit comments

Comments
 (0)