D.</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź <body> jest prawidłowa, ponieważ to właśnie w tej sekcji dokumentu HTML umieszczana jest właściwa treść strony internetowej, która jest wyświetlana użytkownikom. Znaczniki w obrębie <body> definiują wszystkie elementy, które będą widoczne na stronie, takie jak teksty, obrazy, linki, formularze i inne komponenty interaktywne. W praktyce, to właśnie w <body> implementuje się różnorodne style i skrypty, które wpływają na wygląd i funkcjonalność witryny. Dobrą praktyką jest również organizowanie treści w odpowiednie struktury, takie jak nagłówki (np. <h1>, <h2>), akapity (<p>) oraz listy (<ul>, <ol>), co wspomaga zarówno dostępność treści, jak i SEO. Warto pamiętać, że semantyka HTML ułatwia przetwarzanie treści przez wyszukiwarki oraz czytniki ekranowe, co z kolei pozytywnie wpływa na doświadczenia użytkowników. W związku z tym, umiejętne zarządzanie zawartością w sekcji <body> jest kluczowym aspektem projektowania stron internetowych. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 33</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="w-ktorej-kolumnie-tabeli-poprawnie-przypisano-zrod-00ba593c" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>W której kolumnie tabeli poprawnie przypisano źródła światła do temperatur barwowych? <br><br> <table style="border-collapse: collapse; border: 2px solid black;" aria-label="Tabela temperatur barwowych i źródeł światła"> <tr> <th style="border: 1px solid black; padding: 8px; text-align: left;">Temperatura<br>barwowa [K]</th> <th style="border: 1px solid black; padding: 8px; text-align: center;" colspan="4">Źródła światła</th> </tr> <tr> <td style="border: 1px solid black; padding: 8px; text-align: left;">2 800÷3 800</td> <td style="border: 1px solid black; padding: 8px; text-align: center;">światło słoneczne po<br>zachodzie słońca</td> <td style="border: 1px solid black; padding: 8px; text-align: center;">światło słoneczne<br>w pochmurny dzień</td> <td style="border: 1px solid black; padding: 8px; text-align: center;">światło halogenowe</td> <td style="border: 1px solid black; padding: 8px; text-align: center;">światło słoneczne po<br>zachodzie słońca</td> </tr> <tr> <td style="border: 1px solid black; padding: 8px; text-align: left;">5 000÷6 500</td> <td style="border: 1px solid black; padding: 8px; text-align: center;">światło słoneczne<br>w pochmurny dzień</td> <td style="border: 1px solid black; padding: 8px; text-align: center;">światło słoneczne po<br>zachodzie słońca</td> <td style="border: 1px solid black; padding: 8px; text-align: center;">światło słoneczne<br>w południe</td> <td style="border: 1px solid black; padding: 8px; text-align: center;">światło słoneczne<br>w pochmurny dzień</td> </tr> <tr> <td style="border: 1px solid black; padding: 8px; text-align: left;">6 500÷8 000</td> <td style="border: 1px solid black; padding: 8px; text-align: center;">światło halogenowe</td> <td style="border: 1px solid black; padding: 8px; text-align: center;">światło halogenowe</td> <td style="border: 1px solid black; padding: 8px; text-align: center;">światło słoneczne<br>w pochmurny dzień</td> <td style="border: 1px solid black; padding: 8px; text-align: center;">światło słoneczne<br>w południe</td> </tr> <tr> <td style="border: 1px solid black; padding: 8px; text-align: left;">8 000÷10 000</td> <td style="border: 1px solid black; padding: 8px; text-align: center;">światło słoneczne<br>w południe</td> <td style="border: 1px solid black; padding: 8px; text-align: center;">światło słoneczne<br>w południe</td> <td style="border: 1px solid black; padding: 8px; text-align: center;">światło słoneczne po<br>zachodzie słońca</td> <td style="border: 1px solid black; padding: 8px; text-align: center;">światło halogenowe</td> </tr> <tr><td></td> <td style="border: 1px solid black; padding: 8px; text-align: center;" colspan="1">A.</td> <td style="border: 1px solid black; padding: 8px; text-align: center;" colspan="1">B.</td> <td style="border: 1px solid black; padding: 8px; text-align: center;" colspan="1">C.</td> <td style="border: 1px solid black; padding: 8px; text-align: center;" colspan="1">D.</td> </tr> </table></p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>A. C.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. A.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. D.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. B.</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź C jest prawidłowa, ponieważ dokładnie odzwierciedla temperatury barwowe przypisane do odpowiednich źródeł światła. Światło halogenowe, które emituje ciepłe światło, znajduje się w zakresie od 5 000 do 6 500 K. Wartością referencyjną jest światło słoneczne w południe, które osiąga wyższą temperaturę barwową, sięgając 8 000-10 000 K, co skutkuje jego chłodniejszym i bardziej niebieskim odcieniem. Z kolei światło słoneczne po zachodzie słońca, charakteryzujące się temperaturą barwową od 2 800 do 3 800 K, postrzegane jest jako cieplejsze, z dominującymi tonami żółtymi i czerwonymi. Wiedza ta jest istotna w kontekście projektowania oświetlenia, gdzie dobór odpowiedniej temperatury barwowej wpływa na atmosferę pomieszczenia, funkcjonalność oraz komfort użytkowników. Przykładowo, w przestrzeniach biurowych preferuje się wyższe temperatury barwowe, sprzyjające koncentracji, natomiast w strefach relaksu często wybiera się ciepłe światło, które sprzyja odprężeniu. Zrozumienie tych zasad pomaga w praktycznym zastosowaniu technologii oświetleniowej zgodnie z aktualnymi standardami branżowymi. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 34</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktora-cecha-obrazu-cyfrowego-unieu-zalezy-od-46fc0268" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Która właściwość obrazu cyfrowego <u>nie</u> jest uzależniona od modyfikacji wprowadzanych podczas jego korekcji kolorystycznej?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. Rozkład jasności na obrazie</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. Tonacja obrazu</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>C. Odwzorowanie kolorów</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>D. Tryb koloru</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-danger mb-0"> Kiedy mówimy o odwzorowaniu barw, tonacji obrazu i rozkładzie jasności, to wszystko jest ze sobą powiązane. Odwzorowanie barw to tak naprawdę to, jak kolory w obrazie pasują do rzeczywistych kolorów, a ich zmiana to efekt użycia różnych filtrów i narzędzi. Tonacja obrazu? To, jak manipulujesz jasnością i kontrastem, i też się zmienia w trakcie korekcji barwnej, co wpływa na to, jak oglądamy zdjęcie. Rozkład jasności pokazuje, jak jasne lub ciemne są różne fragmenty obrazu - zmienia się to podczas korekcji z powodu zmian w oświetleniu i kontrastach, co z kolei wpływa na postrzeganą głębię. Często jest błąd w myśleniu, że te rzeczy są od siebie niezależne, a tu się mylisz! One są ze sobą bardzo związane, a zmiany w jednym parametrze zawsze wpływają na inne. To ważne, żeby to ogarnąć, bo profesjonalna edycja zdjęć czy postprodukcja wideo wymaga zrozumienia tych wszystkich powiązań. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 35</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktory-zestaw-formatow-zapisu-dotyczy-archiwizacji-ee939df9" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Jakie formaty zapisu są używane do archiwizacji i kompresji danych?</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>A. 7Z, RAR, ZIP</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. 7Z, OGG, TAR</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. PSD, RAR, TAR</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. PSD, RAR, AIFF</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź 7Z, RAR, ZIP jest poprawna, ponieważ wszystkie te formaty plików są powszechnie stosowane do archiwizacji i kompresji danych. Format 7Z, wprowadzony przez program 7-Zip, charakteryzuje się wysokim współczynnikiem kompresji, co czyni go idealnym do przechowywania dużych zbiorów danych. RAR to format, który oferuje bogate możliwości kompresji i jest często wykorzystywany do przesyłania plików przez internet. ZIP, z kolei, jest jednym z najstarszych i najczęściej używanych formatów, wspieranym przez wiele systemów operacyjnych i aplikacji. Te formaty są zgodne z różnorodnymi algorytmami kompresji oraz standardami branżowymi, co ułatwia ich zastosowanie w codziennych operacjach związanych z zarządzaniem plikami. Na przykład, kompresując plik w formacie ZIP, użytkownik może zmniejszyć jego rozmiar, co pozwala na oszczędność miejsca na dysku oraz ułatwia przesyłanie plików przez e-mail. Dlatego wybór odpowiednich formatów archiwizacji jest kluczowy dla efektywnego zarządzania danymi. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 36</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="na-rysunku-przedstawiono-projekt-multimedialny-bef0a3a8" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Informacja o ograniczonym dostępie dla pytań premium --> <div class="alert alert-info"> <p class="mb-0"> <i class="fas fa-lock me-2"></i> To pytanie jest dostępne tylko dla zalogowanych użytkowników. <a href="/login/?next=/egzamin/21c4b3e3-f111-4714-8e86-c7c9f9d32da5/wyniki/" class="alert-link">Zaloguj się</a> lub <a href="/register/student/" class="alert-link">utwórz konto</a> aby zobaczyć pełną treść pytania. </p> </div> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Ukryte odpowiedzi dla premium pytań --> <div class="text-muted fst-italic"> <p>Odpowiedzi dostępne po zalogowaniu.</p> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Ukryty feedback dla premium pytań --> <div class="text-muted fst-italic"> <p>Wyjaśnienie dostępne po zalogowaniu.</p> </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 37</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="redukcja-szumu-korekcja-graficzna-echo-zniekszt-21349718" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>Efekty takie jak redukcja szumu, graficzna korekcja, echo, zniekształcenie oraz pogłos są wykorzystywane podczas edytowania</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>A. dźwięku w oprogramowaniu Audacity</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. obiektów w programie do edycji grafiki wektorowej</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. obiektów 3D w aplikacji AutoCAD</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. obrazu w programie do edycji plików rastrowych</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Odpowiedź "dźwięku w programie Audacity" jest prawidłowa, ponieważ redukcja szumu, korekcja graficzna, echo, zniekształcenie i pogłos to efekty, które są szeroko stosowane w edycji dźwięku. Audacity, jako popularny program do edycji audio, umożliwia użytkownikom na łatwe zastosowanie tych efektów w celu poprawy jakości dźwięku. Na przykład, redukcja szumu jest kluczowa w nagraniach w warunkach domowych, gdzie tło może być hałaśliwe. Użytkownik może wykorzystać tę funkcję, aby wyeliminować niepożądane dźwięki, co znacząco poprawia ogólną jakość nagrania. Korekcja graficzna pozwala na dostosowanie poziomów dźwięku w różnych częstotliwościach, umożliwiając uzyskanie zbalansowanego brzmienia. Efekty takie jak echo i pogłos dodają głębi do dźwięku, co jest istotne w produkcji muzycznej. Warto zaznaczyć, że zgodnie z najlepszymi praktykami w branży audio, umiejętność korzystania z tych efektów jest niezbędna dla profesjonalnych producentów dźwięku, co czyni Audacity idealnym narzędziem dla początkujących oraz zaawansowanych użytkowników. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 38</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="mp3-to-format-zapisu-materiau-audio-ktory-785bc10c" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>MP3 to format zapisu dźwięku, który</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. jest wykorzystywany ze względu na bezstratny zapis danych w pliku</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. pozwala na zapis dźwięków przypisanych wyłącznie do standardowych instrumentów muzycznych</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. produkuje pliki zajmujące znacznie więcej przestrzeni na dysku niż pliki audio zapisane w formacie FLAC</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>D. generuje pliki zajmujące znacznie mniej przestrzeni na dysku w porównaniu do plików audio zapisanych w formacie WAV</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Format MP3 (MPEG Audio Layer III) jest popularnym formatem zapisu dźwięku, który skutecznie kompresuje pliki audio, co pozwala na zmniejszenie ich rozmiaru w porównaniu do formatów bezstratnych, takich jak WAV. Pliki WAV są surowymi, niekompresowanymi nagraniami, które zajmują znacznie więcej miejsca na dysku, co może być problematyczne w przypadku przechowywania dużych zbiorów muzycznych lub dźwięków. MP3 wykorzystuje stratną kompresję, co oznacza, że niektóre dane są usuwane z oryginalnego sygnału audio, aby zmniejszyć jego wielkość. Dzięki temu możliwe jest uzyskanie plików, które zajmują nawet 90% mniej miejsca niż ich odpowiedniki w formacie WAV, przy akceptowalnej jakości dźwięku dla przeciętnego słuchacza. Przykładowo, album muzyczny w formacie WAV może zajmować kilka gigabajtów, podczas gdy ten sam album zapisany w formacie MP3 może ważyć zaledwie kilkaset megabajtów. W praktyce MP3 jest szeroko stosowany w serwisach streamingowych i w aplikacjach do odtwarzania multimediów, co czyni go standardem w przemyśle muzycznym. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 39</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="na-skutek-zwiekszenia-gebi-bitowej-obrazu-dc4bdf92" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Wyświetl pełną treść pytania dla widocznych pytań --> <p>W wyniku podwyższenia głębi bitowej obrazu</p> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Wyświetl odpowiedzi dla widocznych pytań --> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. zwiększa się wyrazistość obrazu i maleje ilość wyświetlanych kolorów</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>B. zwiększa się rozmiar pliku oraz ilość wyświetlanych kolorów</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. zmniejsza się rozmiar pliku oraz ilość wyświetlanych kolorów</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. zwiększa się ilość wyświetlanych kolorów i maleje wyrazistość obrazu</span> </div> </div> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Wyświetl feedback dla widocznych pytań --> <div class="alert alert-success mb-0"> Zwiększenie głębi bitowej obrazu oznacza, że każdy piksel jest reprezentowany przez większą liczbę bitów, co przekłada się na szerszą paletę kolorów, które mogą być wyświetlane. Na przykład w przypadku obrazu 8-bitowego mamy 256 kolorów, podczas gdy w obrazie 16-bitowym liczba ta wzrasta do 65 536 kolorów. Taka różnorodność barw pozwala na uzyskanie bardziej szczegółowych i realistycznych obrazów, co jest szczególnie istotne w zastosowaniach takich jak fotografia cyfrowa, grafika komputerowa czy medycyna. Ponadto, większa głębia bitowa skutkuje również zwiększeniem rozmiaru pliku, ponieważ więcej danych jest potrzebne do przechowywania informacji o każdym pikselu. Na przykład, obrazy RAW w fotografii często mają głębokość bitową 14 lub 16 bitów na kanał, co pozwala na zachowanie większej ilości informacji o kolorze i detalu. W praktyce, zastosowanie zaawansowanych formatów obrazu, takich jak TIFF czy PNG, pozwala na efektywne zarządzanie dużymi plikami, które korzystają z wyższej głębi bitowej, co jest zgodne z najlepszymi praktykami w branży. </div> </div> </article> <hr class="my-4"> <article class="mb-4"> <!-- Pytanie --> <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 40</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktory-z-obrazow-przedstawia-metamorfoze-aa49cb4d" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div> <!-- Informacja o ograniczonym dostępie dla pytań premium --> <div class="alert alert-info"> <p class="mb-0"> <i class="fas fa-lock me-2"></i> To pytanie jest dostępne tylko dla zalogowanych użytkowników. <a href="/login/?next=/egzamin/21c4b3e3-f111-4714-8e86-c7c9f9d32da5/wyniki/" class="alert-link">Zaloguj się</a> lub <a href="/register/student/" class="alert-link">utwórz konto</a> aby zobaczyć pełną treść pytania. </p> </div> </div> <!-- Odpowiedzi --> <div class="mb-3"> <!-- Ukryte odpowiedzi dla premium pytań --> <div class="text-muted fst-italic"> <p>Odpowiedzi dostępne po zalogowaniu.</p> </div> </div> <!-- Feedback --> <div class="mt-3"> <!-- Ukryty feedback dla premium pytań --> <div class="text-muted fst-italic"> <p>Wyjaśnienie dostępne po zalogowaniu.</p> </div> </div> </article> <!-- Przyciski nawigacyjne --> <div class="d-grid gap-2 mt-4"> <div class="d-inline-block mb-2"> <a href="/egzamin/?profession=technik-fotografii-i-multimediow&qualification=aud-05" class="btn btn-outline-primary"> <i class="fas fa-redo me-2"></i>Rozpocznij nowy egzamin </a> </div> <div class="d-inline-block"> <a href="/" class="btn btn-outline-secondary"> <i class="fas fa-home me-2"></i>Powrót do strony głównej </a> </div> </div> </div> </div> </div> </main> <!-- Footer --> <footer class="footer mt-auto py-4"> <div class="container"> <div class="row"> <!-- About Section --> <div class="col-lg-4 footer-section"> <h2 class="h5">O Egzaminach Zawodowych</h2> <p> Portal z kompleksową bazą pytań egzaminacyjnych dla uczniów szkół technicznych. Przygotuj się do egzaminu zawodowego z naszymi materiałami. </p> </div> <!-- Popular Qualifications --> <div class="col-lg-4 footer-section"> <h2 class="h5">Losowe kwalifikacje</h2> <div class="row"> <div class="col-6"> <a href="/technik-technologii-chemicznej/CHM.02/" class="footer-link"> <span>CHM.02</span> <small class="text-muted">(296)</small> </a> </div> <div class="col-6"> <a href="/technik-technologii-zywnosci/SPC.02/" class="footer-link"> <span>SPC.02</span> <small class="text-muted">(290)</small> </a> </div> <div class="col-6"> <a href="/technik-bezpieczenstwa-i-higieny-pracy/BPO.01/" class="footer-link"> <span>BPO.01</span> <small class="text-muted">(1 108)</small> </a> </div> <div class="col-6"> <a href="/technik-mechanik/MEC.05/" class="footer-link"> <span>MEC.05</span> <small class="text-muted">(340)</small> </a> </div> <div class="col-6"> <a href="/technik-drog-kolejowych-i-obiektow-inzynieryjnych/TKO.03/" class="footer-link"> <span>TKO.03</span> <small class="text-muted">(230)</small> </a> </div> <div class="col-6"> <a href="/technik-farmaceutyczny/MED.09/" class="footer-link"> <span>MED.09</span> <small class="text-muted">(1 227)</small> </a> </div> <div class="col-6"> <a href="/technik-elektroenergetyk-transportu-szynowego/TKO.05/" class="footer-link"> <span>TKO.05</span> <small class="text-muted">(90)</small> </a> </div> <div class="col-6"> <a href="/technik-technologii-zywnosci/SPC.04/" class="footer-link"> <span>SPC.04</span> <small class="text-muted">(293)</small> </a> </div> <div class="col-6"> <a href="/technik-technologii-drewna/DRM.04/" class="footer-link"> <span>DRM.04</span> <small class="text-muted">(332)</small> </a> </div> <div class="col-6"> <a href="/technik-mechanik-lotniczy/TLO.03/" class="footer-link"> <span>TLO.03</span> <small class="text-muted">(170)</small> </a> </div> </div> </div> <!-- Additional Info --> <div class="col-lg-4 footer-section"> <h2 class="h5">O portalu</h2> <p> Baza pytań do egzaminów zawodowych dla uczniów szkół technicznych i branżowych. Materiały zgodne z wymaganiami CKE. </p> </div> </div> <!-- Copyright & Links --> <hr class="footer-divider"> <div class="row align-items-center"> <div class="col-md-8 text-center text-md-start"> <p class="mb-0">© 2025 <a href="https://brylka.net" class="footer-link" aria-label="brylka.net">brylka.net</a> | <a href="/about-me/" class="footer-link" aria-label="O mnie i zawodowe.edu.pl">Bartosz Bryniarski</a></p> </div> <div class="col-md-4 text-center text-md-end"> <!-- <a href="/sitemap.xml" class="footer-link" aria-label="Mapa strony"> <i class="fas fa-sitemap" aria-hidden="true"></i> <span>Mapa strony</span> </a> --> </div> </div> </div> </footer> <!-- Back to top button --> <button id="backToTop" class="btn btn-outline-primary back-to-top" aria-label="Przewiń do góry strony" style="display: none;"> <i class="fas fa-arrow-up" aria-hidden="true"></i> </button> <!-- Cookie Banner --> <div id="cookieConsent" class="position-fixed start-0 bottom-0 py-3 shadow rounded-end" style="display: none; z-index: 1050; max-width: 50%; background-color: rgba(248, 249, 250, 0.95);"> <div class="container-fluid px-4"> <div class="d-flex flex-column gap-2"> <div> <i class="fas fa-cookie-bite me-2 text-secondary" aria-hidden="true"></i> <span class="small"> Strona wykorzystuje pliki cookies do poprawy doświadczenia użytkownika oraz analizy ruchu. <a href="#" class="footer-link" id="cookieDetails" data-bs-toggle="modal" data-bs-target="#cookieModal"> Szczegóły </a> </span> </div> <div class="d-flex gap-2 justify-content-end"> <button id="cookieAccept" class="btn btn-outline-primary btn-sm">Akceptuję</button> <button id="cookieReject" class="btn btn-outline-secondary btn-sm">Odrzuć</button> </div> </div> </div> </div> <!-- Modal z informacjami o cookies --> <div class="modal fade" id="cookieModal" tabindex="-1" aria-labelledby="cookieModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h2 class="modal-title fs-5" id="cookieModalLabel">Polityka plików cookies</h2> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Zamknij"></button> </div> <div class="modal-body"> <h6 class="fw-bold">Czym są pliki cookies?</h6> <p> Cookies to małe pliki tekstowe, które są zapisywane na urządzeniu użytkownika podczas przeglądania stron internetowych. Służą one do zapamiętywania preferencji, śledzenia zachowań użytkowników oraz poprawy funkcjonalności serwisu. </p> <h6 class="fw-bold mt-4">Jakie cookies wykorzystujemy?</h6> <ul class="list-unstyled ps-3"> <li><i class="fas fa-check-circle text-success me-2"></i><strong>Niezbędne cookies</strong> - konieczne do prawidłowego działania strony</li> <li><i class="fas fa-check-circle text-success me-2"></i><strong>Funkcjonalne cookies</strong> - umożliwiające zapamiętanie wybranych ustawień (np. wybrany motyw)</li> <li><i class="fas fa-check-circle text-success me-2"></i><strong>Analityczne cookies</strong> - pozwalające zbierać informacje o sposobie korzystania ze strony</li> </ul> <h6 class="fw-bold mt-4">Jak długo przechowujemy cookies?</h6> <p> Pliki cookies wykorzystywane w naszym serwisie mogą być sesyjne (usuwane po zamknięciu przeglądarki) lub stałe (pozostają na urządzeniu przez określony czas). </p> <h6 class="fw-bold mt-4">Jak zarządzać cookies?</h6> <p> Możesz zarządzać ustawieniami plików cookies w swojej przeglądarce internetowej. Większość przeglądarek domyślnie dopuszcza przechowywanie plików cookies, ale możliwe jest również całkowite zablokowanie tych plików lub usunięcie wybranych z nich. </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Zamknij</button> <button type="button" class="btn btn-outline-primary" id="acceptCookiesModal">Akceptuję wszystkie</button> </div> </div> </div> </div> <!-- JavaScript --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" defer></script> <script src="/static/exams/js/code.js" defer></script> <script src="/static/exams/js/report_modal.js" defer></script> <script> document.addEventListener('DOMContentLoaded', function() { // Dodaj obsługę motywów dla banera cookie function updateCookieBannerTheme() { const cookieBanner = document.getElementById('cookieConsent'); const currentTheme = document.body.getAttribute('data-theme'); if (!cookieBanner) return; // Ustaw domyślny jasny styl cookieBanner.style.backgroundColor = 'rgba(248, 249, 250, 0.95)'; cookieBanner.style.color = '#212529'; cookieBanner.classList.remove('border-top', 'border-white'); // Zastosuj style zgodnie z motywem if (currentTheme === 'dark') { cookieBanner.style.backgroundColor = 'rgba(52, 58, 64, 0.95)'; cookieBanner.style.color = '#fff'; } else if (currentTheme === 'high-contrast') { cookieBanner.style.backgroundColor = '#000'; cookieBanner.style.color = '#fff'; cookieBanner.classList.add('border-top', 'border-white'); } } // Sprawdź, czy użytkownik już dokonał wyboru if (!localStorage.getItem('cookieConsent')) { // Jeśli nie, pokaż banner const cookieBanner = document.getElementById('cookieConsent'); if (cookieBanner) { cookieBanner.style.display = 'block'; updateCookieBannerTheme(); // Dostosuj szerokość na małych ekranach function adjustWidth() { if (window.innerWidth < 768) { cookieBanner.style.maxWidth = '100%'; } else { cookieBanner.style.maxWidth = '50%'; } } // Wywołaj przy ładowaniu i przy zmianie rozmiaru okna adjustWidth(); window.addEventListener('resize', adjustWidth); } } // Obsługa zmiany motywu const themeButtons = document.querySelectorAll('.theme-btn'); themeButtons.forEach(btn => { btn.addEventListener('click', function() { setTimeout(updateCookieBannerTheme, 50); }); }); // Obsługa przycisku akceptacji document.getElementById('cookieAccept')?.addEventListener('click', function() { localStorage.setItem('cookieConsent', 'accepted'); document.getElementById('cookieConsent').style.display = 'none'; }); // Obsługa przycisku odrzucenia document.getElementById('cookieReject')?.addEventListener('click', function() { localStorage.setItem('cookieConsent', 'rejected'); document.getElementById('cookieConsent').style.display = 'none'; }); // Obsługa przycisku akceptacji w modalu document.getElementById('acceptCookiesModal')?.addEventListener('click', function() { localStorage.setItem('cookieConsent', 'accepted'); document.getElementById('cookieConsent').style.display = 'none'; // Zamknij modal var cookieModal = bootstrap.Modal.getInstance(document.getElementById('cookieModal')); cookieModal?.hide(); }); }); </script> <!-- Toast messages initialization --> <script> document.addEventListener('DOMContentLoaded', function() { const copyButton = document.getElementById('copy-link-button'); if (copyButton) { copyButton.addEventListener('click', function() { const input = document.getElementById('share-link-input'); input.select(); document.execCommand('copy'); // Zmień tekst przycisku na potwierdzenie const originalText = this.innerHTML; this.innerHTML = '<i class="fas fa-check me-1"></i> Skopiowano!'; // Przywróć oryginalny tekst po 2 sekundach setTimeout(() => { this.innerHTML = originalText; }, 2000); }); } }); </script> </body> </html>
