lol-cup-post-2024-static/index.html

<!doctype html>
<html lang="pl">
  <head>
    <title>ZSŁ LOL CUP</title>

    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="Turniej w jedną z najpopularniejszych gier komputerowych organizowany przez Zespół Szkół Łączności w Gdańsku."
    />
    <meta name="theme-color" content="#405260" />

    <link rel="icon" href="https://www.zsl.gda.pl/themes/zsl/images/favicon.ico" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
    <link rel="stylesheet" href="/index.css" />
    <link rel="stylesheet" href=" https://unpkg.com/photoswipe@5.2.2/dist/photoswipe.css" />

    <script defer type="module" src="/scripts/gallery.js"></script>
  </head>
  <body>
    <main>
      <section class="general">
        <img id="title" alt="ZSŁ LOL CUP" src="/images/title.png" height="200" draggable="false" />
        <img id="icon" alt="ZSŁ LOL CUP" src="/images/icon.png" width="400" height="400" draggable="false" />
        <div class="sm">
          <a href="https://twitch.tv/zsllolcup" target="_blank"><i class="bi bi-twitch"></i> zsllolcup</a>
          <a href="https://facebook.com/zsllolcup" target="_blank"><i class="bi bi-facebook"></i> zsllolcup</a>
          <a href="https://instagram.com/zsllolcup" target="_blank"><i class="bi bi-instagram"></i> zsllolcup</a>
          <a href="https://x.com/zsllolcup" target="_blank"><i class="bi bi-twitter-x"></i> @zsllolcup</a>
          <a href="https://youtube.com/@zsllolcup" target="_blank"><i class="bi bi-youtube"></i> @zsllolcup</a>
        </div>
        <button
          class="scroll-chevron"
          onclick="document.querySelector('section.lc2024').scrollIntoView({ behavior: 'smooth' })"
          title="Przewiń do dołu"
        >
          <i class="bi bi-chevron-down"></i>
        </button>
      </section>
      <section class="lc2024">
        <div class="layout">
          <img draggable="false" alt="ZSŁ LOL CUP 2024" src="/images/2024/title.png" height="120" width="390" />
          <p>
            Siódma&nbsp;edycja turnieju, w&nbsp;której uczestniczyło niemalże 300&nbsp;zawodników ze szkół średnich w
            Gdańsku oraz Pruszczu Gdańskim. Podczas 107&nbsp;godzin transmisji drużyny rozegrały łącznie
            170&nbsp;spotkań. Finał turnieju odbył się 27.&nbsp;marca&nbsp;2024 w&nbsp;szkolnej auli. Turniej wygrała
            drużyna "PDF&nbsp;Files", która w&nbsp;spotkaniu finałowym pokonała zeszłorocznego
            zwycięzcę&nbsp;-&nbsp;drużynę "Spółka&nbsp;i&nbsp;Wiktor". Zapis transmisji jest dostępny na&nbsp;platformie
            <a target="_blank" href="https://youtu.be/GtFXBLGOMtY">YouTube</a>.
          </p>
          <a href="https://youtu.be/NgGWu9R02WY" target="_blank"
            ><button class="cta"><i class="bi bi-play-fill"></i> ZOBACZ AFTERMOVIE</button></a
          >
          <div data-gallery-year="2024" class="gallery">
            <a
              target="_blank"
              href="/images/2024/gallery/1.jpg"
              data-pswp-width="1200"
              data-pswp-height="674"
              data-cropped="true"
            >
              <img alt="1" src="/images/2024/gallery/1.jpg" />
            </a>
            <a
              target="_blank"
              href="/images/2024/gallery/2.jpg"
              data-pswp-width="1200"
              data-pswp-height="797"
              data-cropped="true"
            >
              <img alt="2" src="/images/2024/gallery/2.jpg" />
            </a>
            <a
              target="_blank"
              href="/images/2024/gallery/3.jpg"
              data-pswp-width="1200"
              data-pswp-height="674"
              data-cropped="true"
            >
              <img alt="3" src="/images/2024/gallery/3.jpg" />
            </a>
            <a
              target="_blank"
              href="/images/2024/gallery/4.jpg"
              data-pswp-width="1200"
              data-pswp-height="800"
              data-cropped="true"
            >
              <img alt="4" src="/images/2024/gallery/4.jpg" />
            </a>
            <a
              target="_blank"
              href="/images/2024/gallery/5.jpg"
              data-pswp-width="1200"
              data-pswp-height="675"
              data-cropped="true"
            >
              <img alt="5" src="/images/2024/gallery/5.jpg" />
            </a>
            <a
              target="_blank"
              href="/images/2024/gallery/6.jpg"
              data-pswp-width="1200"
              data-pswp-height="800"
              data-cropped="true"
            >
              <img alt="6" src="/images/2024/gallery/6.jpg" />
            </a>
            <a
              target="_blank"
              href="/images/2024/gallery/7.jpg"
              data-pswp-width="1200"
              data-pswp-height="675"
              data-cropped="true"
            >
              <img alt="7" src="/images/2024/gallery/7.jpg" />
            </a>
            <a
              target="_blank"
              href="/images/2024/gallery/8.jpg"
              data-pswp-width="1200"
              data-pswp-height="797"
              data-cropped="true"
            >
              <img alt="8" src="/images/2024/gallery/8.jpg" />
            </a>
            <a
              target="_blank"
              href="/images/2024/gallery/9.webp"
              data-pswp-width="1808"
              data-pswp-height="1000"
              data-cropped="true"
            >
              <img alt="9" src="/images/2024/gallery/9.webp" />
            </a>
          </div>
        </div>
      </section>
      <section class="lc2023">
        <div class="layout">
          <img draggable="false" alt="ZSŁ LOL CUP 2023" src="/images/2023/title.png" height="300" width="250" />
          <p>
            Do turnieju zaprosiliśmy wszystkich graczy ze szkół średnich uczących się na&nbsp;terenie Gdańska.
            Uczestniczyło 252&nbsp;zawodników, którzy&nbsp;rozegrali łącznie 111&nbsp;spotkań. Finał odbył
            się&nbsp;8.&nbsp;marca&nbsp;2023 w szkolnej auli. Turniej wygrała drużyna "Wiktor&nbsp;i&nbsp;Spółka"
            pokonując "Petardy&nbsp;Piotrusia" z&nbsp;ZSE&nbsp;Gdańsk.
          </p>
          <a href="https://youtu.be/WTBIt5F6Jb8" target="_blank"
            ><button class="cta"><i class="bi bi-play-fill"></i> ZOBACZ ZAPIS FINAŁU</button></a
          >
          <div data-gallery-year="2023" class="gallery">
            <a
              target="_blank"
              href="/images/2023/gallery/1.webp"
              data-pswp-width="1920"
              data-pswp-height="1080"
              data-cropped="true"
            >
              <img alt="1" src="/images/2023/gallery/1.webp" />
            </a>
            <a
              target="_blank"
              href="/images/2023/gallery/2.webp"
              data-pswp-width="1920"
              data-pswp-height="1080"
              data-cropped="true"
            >
              <img alt="2" src="/images/2023/gallery/2.webp" />
            </a>
            <a
              target="_blank"
              href="/images/2023/gallery/3.webp"
              data-pswp-width="1920"
              data-pswp-height="1080"
              data-cropped="true"
            >
              <img alt="3" src="/images/2023/gallery/3.webp" />
            </a>
            <a
              target="_blank"
              href="/images/2023/gallery/4.webp"
              data-pswp-width="1920"
              data-pswp-height="1080"
              data-cropped="true"
            >
              <img alt="4" src="/images/2023/gallery/4.webp" />
            </a>
            <a
              target="_blank"
              href="/images/2023/gallery/5.webp"
              data-pswp-width="1920"
              data-pswp-height="1080"
              data-cropped="true"
            >
              <img alt="5" src="/images/2023/gallery/5.webp" />
            </a>
            <a
              target="_blank"
              href="/images/2023/gallery/6.webp"
              data-pswp-width="1920"
              data-pswp-height="1044"
              data-cropped="true"
            >
              <img alt="6" src="/images/2023/gallery/6.webp" />
            </a>
          </div>
        </div>
      </section>
      <section class="lc2022">
        <div class="layout">
          <img draggable="false" alt="ZSŁ LOL CUP 2022" src="/images/2022/logo.png" height="300" width="250" />
          <p>
            Piąta edycja turnieju organizowanego dla&nbsp;uczniów Zespołu Szkół Łączności w Gdańsku była pierwszą, która
            została zorganizowana po pandemii COVID-19. Wzięło w niej udział 28&nbsp;drużyn, które rozegrały łącznie
            58&nbsp;spotkań. Finał odbył się 27.&nbsp;kwietnia&nbsp;2022. Turniej wygrała drużyna&nbsp;"KeepYetisSafe".
          </p>
          <a href="https://youtu.be/Fr_MF7dd14w" target="_blank"
            ><button class="cta"><i class="bi bi-play-fill"></i> ZOBACZ AFTERMOVIE</button></a
          >
          <div data-gallery-year="2022" class="gallery">
            <a
              target="_blank"
              href="/images/2022/gallery/1.webp"
              data-pswp-width="1280"
              data-pswp-height="689"
              data-cropped="true"
            >
              <img alt="1" src="/images/2022/gallery/1.webp" />
            </a>
            <a
              target="_blank"
              href="/images/2022/gallery/2.webp"
              data-pswp-width="1280"
              data-pswp-height="720"
              data-cropped="true"
            >
              <img alt="2" src="/images/2022/gallery/2.webp" />
            </a>
            <a
              target="_blank"
              href="/images/2022/gallery/3.webp"
              data-pswp-width="1280"
              data-pswp-height="720"
              data-cropped="true"
            >
              <img alt="3" src="/images/2022/gallery/3.webp" />
            </a>
            <a
              target="_blank"
              href="/images/2022/gallery/4.webp"
              data-pswp-width="1280"
              data-pswp-height="720"
              data-cropped="true"
            >
              <img alt="4" src="/images/2022/gallery/4.webp" />
            </a>
            <a
              target="_blank"
              href="/images/2022/gallery/5.webp"
              data-pswp-width="1280"
              data-pswp-height="720"
              data-cropped="true"
            >
              <img alt="5" src="/images/2022/gallery/5.webp" />
            </a>
            <a
              target="_blank"
              href="/images/2022/gallery/6.webp"
              data-pswp-width="2536"
              data-pswp-height="1129"
              data-cropped="true"
            >
              <img alt="6" src="/images/2022/gallery/6.webp" />
            </a>
          </div>
        </div>
      </section>
    </main>
    <footer>
      <p>
        Turniej organizowany przez
        <a target="_blank" href="https://www.zsl.gda.pl"
          >Zespół&nbsp;Szkół&nbsp;Łączności im.&nbsp;Obrońców&nbsp;Poczty&nbsp;Polskiej w&nbsp;Gdańsku</a
        >
      </p>
      <p>Strona wykonana przez <a href="mailto:mmacierzanka@grzana.dev">Marcina Macierzanka</a></p>
    </footer>
  </body>
</html>