---
layout: default
title: Sponsors
permalink: /sponsors
---

<style>
    .sponsors-container {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    .sponsor-section-title {
        font-family: 'JetBrains Mono', monospace;
        font-size: 0.95rem;
        font-weight: 800;
        text-transform: uppercase;
        color: var(--accent-blue);
        letter-spacing: -0.5px;
        margin: 0 0 10px 0;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .sponsor-section-title::after {
        content: '';
        flex: 1;
        height: 1px;
        background: var(--border);
    }

    .sponsor-section-desc {
        color: var(--text-muted);
        font-size: 0.85rem;
        line-height: 1.4;
        margin-bottom: 14px;
    }

    /* Siatka kart partnerów - zbalansowana szerokość kolumn */
    .sponsor-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 14px;
    }

    /* Karty głównych partnerów - zaokrąglenie 6px, wycięcie nadmiaru przy skalowaniu */
    .sponsor-card {
        background: rgba(15, 15, 15, 0.8);
        border: 1px solid var(--border);
        border-radius: 6px;
        padding: 10px 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.25s ease;
        text-decoration: none;
        min-height: 75px;
        cursor: pointer;
        backdrop-filter: blur(8px);
        overflow: hidden;
    }

    /* Biała karta pod logo z ciemną grafiką (Lanberg, Fygo) */
    .sponsor-card-light {
        background: #ffffff !important;
        border-color: #ffffff !important;
    }

    /* Karta w kolorze marki Tapelark: Label Cream #F4EEE2 */
    .sponsor-card-cream {
        background: #F4EEE2 !important;
        border-color: #F4EEE2 !important;
    }

    .sponsor-card:hover {
        border-color: var(--accent-blue) !important;
        transform: translateY(-2px);
        box-shadow: 0 4px 14px rgba(0, 210, 255, 0.25);
    }

    /* Domyślne wymiary logo */
    .sponsor-logo-img {
        max-width: 90%;
        max-height: 52px;
        width: auto;
        height: auto;
        object-fit: contain;
    }

    /* Wymuszenie powiększenia logo Tapelark (omijanie pustych marginesów pliku) */
    .sponsor-logo-tapelark {
        width: 80% !important;
        max-width: none !important;
        max-height: none !important;
        height: auto !important;
        transform: scale(1.65);
        object-fit: contain;
    }

    /* Okienka zastępcze (placeholdery) */
    .sponsor-card-placeholder {
        background: var(--card-bg);
        border: 1px dashed var(--border);
        border-radius: 6px;
        padding: 10px 14px;
        text-align: center;
        transition: all 0.25s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 75px;
        backdrop-filter: blur(8px);
    }

    .sponsor-card-placeholder:hover {
        border-color: var(--accent-blue);
        background: rgba(10, 15, 25, 0.6);
    }

    .placeholder-badge {
        font-family: 'JetBrains Mono', monospace;
        font-size: 0.7rem;
        color: var(--text-muted);
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .become-sponsor-card {
        background: radial-gradient(circle at top left, rgba(0, 210, 255, 0.08), rgba(10, 15, 25, 0.8));
        border: 1px solid var(--accent-blue);
        border-radius: 8px;
        padding: 22px 18px;
        margin-top: 10px;
        text-align: center;
        backdrop-filter: blur(8px);
    }

    .become-sponsor-card h2 {
        font-size: 1.15rem;
        margin: 0 0 6px 0;
        color: #fff;
        font-family: 'JetBrains Mono', monospace;
    }

    .become-sponsor-card p {
        color: var(--text-muted);
        font-size: 0.85rem;
        max-width: 550px;
        margin: 0 auto 14px auto;
        line-height: 1.4;
    }

    .contact-btn {
        display: inline-block;
        background: var(--accent-contrast);
        color: #000;
        font-weight: 800;
        font-size: 0.8rem;
        padding: 9px 20px;
        border-radius: 6px;
        text-decoration: none;
        transition: all 0.25s ease;
        font-family: 'JetBrains Mono', monospace;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .contact-btn:hover {
        background: #ff7a2e;
        transform: translateY(-2px);
        box-shadow: 0 4px 14px rgba(255, 94, 0, 0.35);
    }
</style>

<div class="sponsors-container">

    <!-- SEKCJA 1: DOSTAWCY SPRZĘTU -->
    <div class="sponsor-category">
        <h2 class="sponsor-section-title">[ Dostawcy_Sprzętu ]</h2>
        <p class="sponsor-section-desc">Partnerzy wspierający rozwój infrastruktury DevLab Study poprzez udostępnianie sprzętu sieciowego, serwerowego oraz podzespołów komputerowych.</p>
        
        <div class="sponsor-grid">
            <a href="https://lanberg.eu" target="_blank" rel="noopener noreferrer" class="sponsor-card sponsor-card-light" title="Lanberg - Sprzęt sieciowy i szafy RACK">
                <img src="{{ '/assets/images/LOGO_LANBERG.jpg' | relative_url }}" alt="Lanberg Logo" class="sponsor-logo-img">
            </a>
            <div class="sponsor-card-placeholder">
                <div class="placeholder-badge">[ MIEJSCE_NA_LOGO ]</div>
            </div>
            <div class="sponsor-card-placeholder">
                <div class="placeholder-badge">[ MIEJSCE_NA_LOGO ]</div>
            </div>
            <div class="sponsor-card-placeholder">
                <div class="placeholder-badge">[ MIEJSCE_NA_LOGO ]</div>
            </div>
        </div>
    </div>

    <!-- SEKCJA 2: DOSTAWCY OPROGRAMOWANIA I USŁUG -->
    <div class="sponsor-category">
        <h2 class="sponsor-section-title">[ Dostawcy_Oprogramowania ]</h2>
        <p class="sponsor-section-desc">Partnerzy udostępniający systemy operacyjne, rozwiązania pamięci masowej (NAS/ZFS) oraz narzędzia do wirtualizacji i infrastruktury.</p>
        
        <div class="sponsor-grid">
            <a href="https://fygonas.com/" target="_blank" rel="noopener noreferrer" class="sponsor-card sponsor-card-light" title="FygoOS - System zarządzania pamięcią masową i NAS">
                <img src="{{ '/assets/images/logo.png' | relative_url }}" alt="FygoOS Logo" class="sponsor-logo-img">
            </a>
            <a href="https://tapelark.com/pl/" target="_blank" rel="noopener noreferrer" class="sponsor-card sponsor-card-cream" title="Tapelark - rejestrator dźwięku dla Linuksa i macOS">
                <img src="{{ '/assets/images/tepelark.png' | relative_url }}" alt="Tapelark Logo" class="sponsor-logo-img sponsor-logo-tapelark">
            </a>
            <div class="sponsor-card-placeholder">
                <div class="placeholder-badge">[ MIEJSCE_NA_LOGO ]</div>
            </div>
            <div class="sponsor-card-placeholder">
                <div class="placeholder-badge">[ MIEJSCE_NA_LOGO ]</div>
            </div>
        </div>
    </div>

    <!-- SEKCJA 3: STALI SPONSORZY -->
    <div class="sponsor-category">
        <h2 class="sponsor-section-title">[ Stali_Sponsorzy ]</h2>
        <p class="sponsor-section-desc">Firmy i organizacje wspierające stałe prowadzenie badań, testów technicznych oraz rozwój kanału.</p>
        
        <div class="sponsor-grid">
            <div class="sponsor-card-placeholder">
                <div class="placeholder-badge">[ MIEJSCE_NA_LOGO ]</div>
            </div>
            <div class="sponsor-card-placeholder">
                <div class="placeholder-badge">[ MIEJSCE_NA_LOGO ]</div>
            </div>
            <div class="sponsor-card-placeholder">
                <div class="placeholder-badge">[ MIEJSCE_NA_LOGO ]</div>
            </div>
            <div class="sponsor-card-placeholder">
                <div class="placeholder-badge">[ MIEJSCE_NA_LOGO ]</div>
            </div>
        </div>
    </div>

    <!-- WEZWANIE DO DZIAŁANIA (CTA) -->
    <div class="become-sponsor-card">
        <h2>Chcesz zostać partnerem DevLab Study?</h2>
        <p>Tworzymy przestrzeń dedykowaną sieciom, wirtualizacji (Proxmox VE), homelabom i projektom open-source. Zapraszamy do wspólnego budowania środowiska.</p>
        <a href="mailto:contact@devlabstudy.ovh" class="contact-btn">Nawiąż współpracę ➔</a>
    </div>

</div>