Skip to content

Commit a691019

Browse files
DevLabStudyDevLabStudy
authored
Add kontakt.html for contact information page
1 parent 484e6b7 commit a691019

1 file changed

Lines changed: 228 additions & 0 deletions

File tree

‎kontakt.html‎

Lines changed: 228 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,228 @@
1+
---
2+
layout: default
3+
title: Kontakt
4+
---
5+
<style>
6+
.contact-intro {
7+
max-width: 800px;
8+
margin-bottom: 50px;
9+
}
10+
.contact-intro h1 {
11+
font-size: 3rem;
12+
font-weight: 900;
13+
margin: 0 0 15px 0;
14+
letter-spacing: -1px;
15+
}
16+
.contact-intro p {
17+
color: var(--text-muted);
18+
font-size: 1.05rem;
19+
line-height: 1.7;
20+
}
21+
22+
.contact-grid {
23+
display: grid;
24+
grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
25+
gap: 25px;
26+
margin-bottom: 60px;
27+
}
28+
29+
.contact-card {
30+
background: var(--card-bg);
31+
border: 1px solid var(--border);
32+
border-radius: 12px;
33+
padding: 30px;
34+
backdrop-filter: blur(10px);
35+
display: flex;
36+
flex-direction: column;
37+
justify-content: space-between;
38+
transition: 0.3s;
39+
}
40+
41+
.contact-card:hover {
42+
border-color: rgba(0, 210, 255, 0.4);
43+
transform: translateY(-3px);
44+
}
45+
46+
.contact-category {
47+
font-family: 'JetBrains Mono', monospace;
48+
font-size: 0.75rem;
49+
color: var(--accent-contrast);
50+
text-transform: uppercase;
51+
letter-spacing: 1.5px;
52+
margin-bottom: 10px;
53+
font-weight: 700;
54+
}
55+
56+
.contact-title {
57+
font-size: 1.2rem;
58+
font-weight: 800;
59+
margin: 0 0 12px 0;
60+
color: #fff;
61+
}
62+
63+
.contact-desc {
64+
color: var(--text-muted);
65+
font-size: 0.88rem;
66+
line-height: 1.6;
67+
margin-bottom: 25px;
68+
}
69+
70+
.email-box {
71+
background: rgba(0, 0, 0, 0.4);
72+
border: 1px dashed var(--border);
73+
padding: 12px 16px;
74+
border-radius: 8px;
75+
font-family: 'JetBrains Mono', monospace;
76+
font-size: 0.85rem;
77+
color: var(--accent-blue);
78+
display: flex;
79+
align-items: center;
80+
justify-content: space-between;
81+
word-break: break-all;
82+
}
83+
84+
.email-box a {
85+
color: var(--accent-blue);
86+
text-decoration: none;
87+
}
88+
.email-box a:hover {
89+
text-decoration: underline;
90+
}
91+
92+
@media (max-width: 768px) {
93+
.contact-grid { grid-template-columns: 1fr; }
94+
.contact-intro h1 { font-size: 2.2rem; }
95+
}
96+
</style>
97+
98+
<div class="contact-intro">
99+
<span class="section-tag">CENTRUM KOMUNIKACJI</span>
100+
<h1>Kanały Kontaktowe</h1>
101+
<p>
102+
W zależności od tego, z czym się do mnie zgłaszasz, wybierz odpowiedni adres e-mail poniżej. Pozwala mi to na szybkie sortowanie i obsługę zgłoszeń technicznych, błędów oraz propozycji współprac.
103+
</p>
104+
</div>
105+
106+
<div class="contact-grid">
107+
108+
<!-- DevLabStudy Główny -->
109+
<div class="contact-card">
110+
<div>
111+
<div class="contact-category">// OGÓLNE & BIZNES</div>
112+
<h3 class="contact-title">DevLabStudy - Kontakt Główny</h3>
113+
<p class="contact-desc">Główny adres do korespondencji ogólnej, oficjalnych zapytań i propozycji współpracy sponsorskiej.</p>
114+
</div>
115+
<div class="email-box">
116+
<a href="mailto:contact@devlabstudy.ovh">contact@devlabstudy.ovh</a>
117+
</div>
118+
</div>
119+
120+
<!-- DevLabStudy Ogólny / Alternate -->
121+
<div class="contact-card">
122+
<div>
123+
<div class="contact-category">// PORTAL / SYSTEM</div>
124+
<h3 class="contact-title">DevLabStudy System</h3>
125+
<p class="contact-desc">Zapasowy adres systemowy powiązany z domeną główną platformy.</p>
126+
</div>
127+
<div class="email-box">
128+
<a href="mailto:devlabstudy@devlabstudy.ovh">devlabstudy@devlabstudy.ovh</a>
129+
</div>
130+
</div>
131+
132+
<!-- Wsparcie / Błędy aplikacyjne -->
133+
<div class="contact-card">
134+
<div>
135+
<div class="contact-category">// SUPPORT & APPS</div>
136+
<h3 class="contact-title">Zgłaszanie Błędów (Aplikacje / Homelab)</h3>
137+
<p class="contact-desc">Znalazłeś buga w DevLab Network Toolkit lub masz problem z działaniem skryptu? Pisz tutaj.</p>
138+
</div>
139+
<div class="email-box">
140+
<a href="mailto:bledy@devlabstudy.ovh">bledy@devlabstudy.ovh</a>
141+
</div>
142+
</div>
143+
144+
<!-- Support Ogólny DevLab -->
145+
<div class="contact-card">
146+
<div>
147+
<div class="contact-category">// POMOC TECHNICZNA</div>
148+
<h3 class="contact-title">DevLab Support</h3>
149+
<p class="contact-desc">Ogólne wsparcie techniczne dla użytkowników i widzów korzystających z zasobów.</p>
150+
</div>
151+
<div class="email-box">
152+
<a href="mailto:support@devlabstudy.ovh">support@devlabstudy.ovh</a>
153+
</div>
154+
</div>
155+
156+
<!-- Widzowie DevLab -->
157+
<div class="contact-card">
158+
<div>
159+
<div class="contact-category">// SPOŁECZNOŚĆ</div>
160+
<h3 class="contact-title">Widzowie DevLabStudy</h3>
161+
<p class="contact-desc">Sekcja dedykowana społeczności, pytania od widzów i luźniejsze inicjatywy.</p>
162+
</div>
163+
<div class="email-box">
164+
<a href="mailto:widzowie@devlabstudy.ovh">widzowie@devlabstudy.ovh</a>
165+
</div>
166+
</div>
167+
168+
<!-- PC HUB Główny -->
169+
<div class="contact-card">
170+
<div>
171+
<div class="contact-category">// KANAŁ SPRZĘTOWY</div>
172+
<h3 class="contact-title">PC Hub</h3>
173+
<p class="contact-desc">Adres dedykowany projektowi drugiego kanału skupionego na testach hardware i retro PC.</p>
174+
</div>
175+
<div class="email-box">
176+
<a href="mailto:pc-hub@devlabstudy.ovh">pc-hub@devlabstudy.ovh</a>
177+
</div>
178+
</div>
179+
180+
<!-- PC HUB Collab -->
181+
<div class="contact-card">
182+
<div>
183+
<div class="contact-category">// PC HUB BIZNES</div>
184+
<h3 class="contact-title">PC Hub - Współpraca</h3>
185+
<p class="contact-desc">Zapytania komercyjne oraz testy sprzętu od producentów skierowane dla kanału PC Hub.</p>
186+
</div>
187+
<div class="email-box">
188+
<a href="mailto:contact.pc-hub@devlabstudy.ovh">contact.pc-hub@devlabstudy.ovh</a>
189+
</div>
190+
</div>
191+
192+
<!-- PC HUB Widzowie -->
193+
<div class="contact-card">
194+
<div>
195+
<div class="contact-category">// PC HUB SPOŁECZNOŚĆ</div>
196+
<h3 class="contact-title">PC Hub Widzowie</h3>
197+
<p class="contact-desc">Kontakt bezpośrednio od widzów i entuzjastów majsterkowania sprzętowego.</p>
198+
</div>
199+
<div class="email-box">
200+
<a href="mailto:widzowie.pc-hub@devlabstudy.ovh">widzowie.pc-hub@devlabstudy.ovh</a>
201+
</div>
202+
</div>
203+
204+
<!-- RokiTOS Support -->
205+
<div class="contact-card">
206+
<div>
207+
<div class="contact-category">// PROJEKT ROKITOS</div>
208+
<h3 class="contact-title">RokiTOS Support</h3>
209+
<p class="contact-desc">Wsparcie techniczne i zapytania dotyczące rozwoju i modyfikacji systemu RokiTOS.</p>
210+
</div>
211+
<div class="email-box">
212+
<a href="mailto:support.rokitos@devlabstudy.ovh">support.rokitos@devlabstudy.ovh</a>
213+
</div>
214+
</div>
215+
216+
<!-- RokiTOS Bugs -->
217+
<div class="contact-card">
218+
<div>
219+
<div class="contact-category">// PROJEKT ROKITOS</div>
220+
<h3 class="contact-title">RokiTOS Bug Tracker</h3>
221+
<p class="contact-desc">Zgłaszanie błędów, problemów z kompatybilnością oraz issue reports dla RokiTOS.</p>
222+
</div>
223+
<div class="email-box">
224+
<a href="mailto:bugs.rokitos@devlabstudy.ovh">bugs.rokitos@devlabstudy.ovh</a>
225+
</div>
226+
</div>
227+
228+
</div>

0 commit comments

Comments
 (0)