5555 transition : all 0.3s ease;
5656 text-decoration : none;
5757 min-height : 90px ;
58+ cursor : pointer;
5859 }
5960
6061 /* Karta z białym tłem dla logotypów o ciemnej kolorystyce */
6667 .sponsor-card : hover {
6768 border-color : var (--accent-blue );
6869 transform : translateY (-2px );
69- box-shadow : 0 4px 20px rgba (59 , 130 , 246 , 0.15 );
70+ box-shadow : 0 4px 20px rgba (59 , 130 , 246 , 0.25 );
7071 }
7172
7273 .sponsor-logo-img {
136137 .contact-btn : hover {
137138 background : # 2563eb ;
138139 }
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 ;
214+ 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 );
233+ }
234+
235+ .cookie-btn-reject : hover {
236+ background-color : rgba (255 , 255 , 255 , 0.1 );
237+ border-color : var (--text-muted );
238+ }
139239</ style >
140240
141241< div class ="sponsors-container ">
@@ -146,10 +246,10 @@ <h2 class="sponsor-section-title">[ Dostawcy_Sprzętu ]</h2>
146246 < p class ="sponsor-section-desc "> Partnerzy wspierający rozwój infrastruktury DevLab Study poprzez udostępnianie lub przekazywanie sprzętu sieciowego, serwerowego oraz podzespołów komputerowych.</ p >
147247
148248 < div class ="sponsor-grid ">
149- < a href ="https://lanberg.pl " target ="_blank " rel ="noopener noreferrer " class ="sponsor-card sponsor-card-light ">
249+ < a href ="https://lanberg.eu " target ="_blank " rel ="noopener noreferrer " class ="sponsor-card sponsor-card-light ">
150250 < img src ="{{ '/assets/images/LOGO_LANBERG.jpg' | relative_url }} " alt ="Lanberg " class ="sponsor-logo-img ">
151251 </ a >
152- < a href ="https://eupress .ifixit.com " target ="_blank " rel ="noopener noreferrer " class ="sponsor-card sponsor-card-light ">
252+ < a href ="https://www .ifixit.com " target ="_blank " rel ="noopener noreferrer " class ="sponsor-card sponsor-card-light ">
153253 < img src ="{{ '/assets/images/IFixit.webp' | relative_url }} " alt ="iFixit " class ="sponsor-logo-img ">
154254 </ a >
155255 < div class ="sponsor-card-placeholder ">
@@ -180,4 +280,46 @@ <h2>Chcesz zostać partnerem DevLab Study?</h2>
180280 < a href ="mailto:contact@devlabstudy.ovh " class ="contact-btn "> Nawiąż współpracę ➔</ a >
181281 </ div >
182282
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+
183292</ 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 >
304+ </ 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