2323 .dropdown { position : relative; display : inline-block; }
2424 .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 ; }
2525
26- .dropdown-content {
27- position : absolute; right : 0 ; top : 100% ; padding-top : 15px ; min-width : 180px ;
28- opacity : 0 ; visibility : hidden; transition : opacity 0.25s ease, visibility 0.25s ease; transition-delay : 0.5s ;
29- }
30-
26+ .dropdown-content { position : absolute; right : 0 ; top : 100% ; padding-top : 15px ; min-width : 180px ; opacity : 0 ; visibility : hidden; transition : opacity 0.25s ease, visibility 0.25s ease; transition-delay : 0.5s ; }
3127 .dropdown-links-wrapper { background : # 0a0a0a ; border : 1px solid rgba (255 , 255 , 255 , 0.1 ); border-radius : 6px ; box-shadow : 0 10px 30px rgba (0 , 0 , 0 , 0.8 ); overflow : hidden; }
3228
3329 .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 ); transition : color 0.2s , background 0.2s ; }
3834 .hero-title { font-size : 3.5rem ; font-weight : 900 ; margin : 0 ; letter-spacing : -2px ; line-height : 1 ; color : # fff ; }
3935 .hero-title span { color : var (--accent-blue ); }
4036
41- .dashboard { width : 100% ; max-width : 100 % ; padding : 0 40px ; margin : 0 auto 40px auto; box-sizing : border-box; }
37+ .dashboard { width : 100% ; max-width : 1200 px ; padding : 0 40px ; margin : 0 auto 40px auto; box-sizing : border-box; }
4238 .grid-container { display : grid; grid-template-columns : 240px 1px 1fr ; gap : 50px ; align-items : start; }
4339 .vertical-divider { background : var (--border-color ); width : 1px ; height : 100% ; min-height : 400px ; }
4440 .left-sidebar { display : flex; flex-direction : column; gap : 20px ; position : sticky; top : 100px ; }
45- .main-content { display : flex; flex-direction : column; gap : 30px ; max-width : 1200px ; }
46-
41+
4742 .card { background : rgba (10 , 10 , 10 , 0.7 ); border : 1px solid var (--border-color ); padding : 20px ; border-radius : 12px ; backdrop-filter : blur (10px ); }
4843 .vinted-card { border-color : # 00bfb2 !important ; background : transparent !important ; }
4944 .support-btn { display : block; text-decoration : none; padding : 12px ; border-radius : 8px ; font-weight : 800 ; font-size : 0.8rem ; text-align : center; margin-top : 10px ; transition : 0.3s ; }
5045 .do-badge { display : block; margin-top : 10px ; transition : 0.3s ; }
5146 .do-badge img { width : 100% ; border-radius : 8px ; }
5247
53- .contact-section { max-width : 1000px ; margin : 0 auto 40px auto; padding : 0 40px ; }
54- .contact-card { border-style : dashed; border-color : rgba (255 , 255 , 255 , 0.15 ); text-align : center; padding : 30px ; }
55-
5648 @media (max-width : 1024px ) {
5749 .grid-container { grid-template-columns : 1fr ; gap : 20px ; }
5850 .vertical-divider { display : none; }
7870 < div class ="dropdown-links-wrapper ">
7971 < a href ="https://github.com/DevLabStudy " target ="_blank "> GitHub < span > ↗</ span > </ a >
8072 < a href ="https://www.youtube.com/@devlabstudy " target ="_blank "> YouTube < span > ↗</ span > </ a >
81- < a href ="https://www.tiktok.com/@devlabstudy " target ="blank "> TikTok < span > ↗</ span > < a / >
82- < a href ="https://www.reddit.com/user/TobiMessi201/ " target ="blank "> Reddit < span > ↗</ span > < a / >
83- < a href ="https://x.com/DevLabStudy " target ="blank "> X/Twitter < span > ↗</ span > < a / >
84- < a href ="https://www.instagram.com/devlabstudy?igsh=YnVpZGUzY2g0enpk " target ="blank "> Instagram < span > ↗</ span > < a / >
73+ < a href ="https://www.tiktok.com/@devlabstudy " target ="_blank "> TikTok < span > ↗</ span > </ a >
74+ < a href ="https://www.reddit.com/user/TobiMessi201/ " target ="_blank "> Reddit < span > ↗</ span > </ a >
75+ < a href ="https://x.com/DevLabStudy " target ="_blank "> X/Twitter < span > ↗</ span > </ a >
76+ < a href ="https://www.instagram.com/devlabstudy " target ="_blank "> Instagram < span > ↗</ span > </ a >
8577 </ div >
8678 </ div >
8779 </ div >
@@ -108,11 +100,6 @@ <h3 style="font-size: 0.8rem; color: var(--accent-blue); margin: 0 0 10px 0; tex
108100 < a href ="https://www.digitalocean.com/?refcode=6fd6e2226432 " class ="do-badge " target ="_blank "> < img src ="https://web-platforms.sfo2.cdn.digitaloceanspaces.com/WWW/Badge%201.svg " /> </ a >
109101 < a href ="https://www.buymeacoffee.com/DevLabStudy " target ="_blank " class ="support-btn " style ="background: #FFDD00; color: #000; "> BUY ME A COFFEE</ a >
110102 </ div >
111-
112- < div class ="card " style ="border-color: var(--text-muted); ">
113- < h3 style ="font-size: 0.8rem; color: var(--text-muted); margin: 0 0 10px 0; text-transform: uppercase; font-family: 'JetBrains Mono', monospace; "> System:</ h3 >
114- < a href ="/updates " class ="support-btn " style ="background: transparent; border: 1px solid var(--text-muted); color: var(--text-main); "> [ SYSTEM_UPDATES ]</ a >
115- </ div >
116103 </ aside >
117104
118105 < div class ="vertical-divider "> </ div >
@@ -121,5 +108,21 @@ <h3 style="font-size: 0.8rem; color: var(--text-muted); margin: 0 0 10px 0; text
121108 </ section >
122109 </ div >
123110 </ main >
111+
112+ < footer style ="max-width: 1200px; margin: 60px auto 40px auto; padding: 0 40px; ">
113+ < div class ="card " style ="border-style: dashed; text-align: center; padding: 40px; background: rgba(10, 10, 10, 0.5); ">
114+ < h3 style ="font-size: 0.8rem; color: var(--text-muted); margin-bottom: 25px; text-transform: uppercase; "> [ Communication_Channels ]</ h3 >
115+ < div style ="display: flex; flex-wrap: wrap; justify-content: center; gap: 60px; ">
116+ < div style ="text-align: center; ">
117+ < div style ="font-size: 0.7rem; color: var(--text-muted); margin-bottom: 5px; "> BUSINESS / COLLABORATION</ div >
118+ < a href ="mailto:contact@devlabstudy.ovh " style ="color: #fff; font-weight: 700; text-decoration: none; border-bottom: 2px solid var(--accent-blue); "> contact@devlabstudy.ovh</ a >
119+ </ div >
120+ < div style ="text-align: center; ">
121+ < div style ="font-size: 0.7rem; color: var(--text-muted); margin-bottom: 5px; "> COMMUNITY / SUPPORT</ div >
122+ < a href ="mailto:widzowie@devlabstudy.ovh " style ="color: #fff; font-weight: 700; text-decoration: none; border-bottom: 2px solid #64748b; "> widzowie@devlabstudy.ovh</ a >
123+ </ div >
124+ </ div >
125+ </ div >
126+ </ footer >
124127</ body >
125128</ html >
0 commit comments