Initial commit
No files matched your search
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 48 KiB |
|
After Width: | Height: | Size: 105 KiB |
|
After Width: | Height: | Size: 87 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 310 KiB |
|
After Width: | Height: | Size: 230 KiB |
|
After Width: | Height: | Size: 128 KiB |
|
After Width: | Height: | Size: 128 KiB |
|
After Width: | Height: | Size: 171 KiB |
|
After Width: | Height: | Size: 194 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 315 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 1.8 MiB |
|
After Width: | Height: | Size: 55 KiB |
|
After Width: | Height: | Size: 89 KiB |
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 77 KiB |
|
After Width: | Height: | Size: 97 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 111 KiB |
|
After Width: | Height: | Size: 77 KiB |
|
After Width: | Height: | Size: 341 KiB |
|
After Width: | Height: | Size: 101 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 30 KiB |
@@ -0,0 +1,197 @@
|
||||
* {
|
||||
margin: 0;
|
||||
color: #405260;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Roboto, sans-serif;
|
||||
font-size: 1.3rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
main {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
iframe {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
img {
|
||||
object-fit: contain;
|
||||
max-width: 95vw;
|
||||
}
|
||||
|
||||
section {
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
box-sizing: border-box;
|
||||
padding: 6rem 1rem;
|
||||
|
||||
&.general {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #fff;
|
||||
position: relative;
|
||||
|
||||
#title {
|
||||
display: none;
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
#icon {
|
||||
display: block;
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.sm {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 0.3rem;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
flex-direction: row;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.scroll-chevron {
|
||||
position: absolute;
|
||||
bottom: 1rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
border: 0;
|
||||
padding: 1rem;
|
||||
background: none;
|
||||
font-size: 3rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
&.lc2024 {
|
||||
background-image: url("/images/2024/background.png");
|
||||
background-size: cover;
|
||||
background-position: 50% 50%;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
.cta {
|
||||
color: #000;
|
||||
border: 0;
|
||||
background-color: #1affaf;
|
||||
padding: 1rem 1.5rem;
|
||||
font-size: 1.2rem;
|
||||
border-radius: 0.25rem;
|
||||
|
||||
i {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
* {
|
||||
color: #c2c2c2;
|
||||
}
|
||||
}
|
||||
|
||||
&.lc2023 {
|
||||
background-image: radial-gradient(circle at bottom, #109969 10%, #000 100%);
|
||||
|
||||
.cta {
|
||||
color: #1affaf;
|
||||
border: 0;
|
||||
background-color: #222;
|
||||
padding: 1rem 1.5rem;
|
||||
font-size: 1.2rem;
|
||||
|
||||
i {
|
||||
color: #1affaf;
|
||||
}
|
||||
}
|
||||
|
||||
* {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&.lc2022 {
|
||||
background-image: url("/images/2022/background.webp");
|
||||
background-size: cover;
|
||||
background-position: 50% 50%;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
.cta {
|
||||
border: solid 0.1rem #ffd54a;
|
||||
padding: 1rem 1.5rem;
|
||||
font-size: 1.2rem;
|
||||
background: none;
|
||||
}
|
||||
|
||||
* {
|
||||
color: #ffd54a;
|
||||
}
|
||||
}
|
||||
|
||||
.layout {
|
||||
max-width: 1200px;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 3rem;
|
||||
}
|
||||
|
||||
.gallery {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
align-items: center;
|
||||
|
||||
a {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
padding: 3.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
font-size: 1rem;
|
||||
padding: 2rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
@@ -0,0 +1,296 @@
|
||||
<!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 edycja turnieju, w której uczestniczyło niemalże 300 zawodników ze szkół średnich w
|
||||
Gdańsku oraz Pruszczu Gdańskim. Podczas 107 godzin transmisji drużyny rozegrały łącznie
|
||||
170 spotkań. Finał turnieju odbył się 27. marca 2024 w szkolnej auli. Turniej wygrała
|
||||
drużyna "PDF Files", która w spotkaniu finałowym pokonała zeszłorocznego
|
||||
zwycięzcę - drużynę "Spółka i Wiktor". Zapis transmisji jest dostępny na 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 terenie Gdańska.
|
||||
Uczestniczyło 252 zawodników, którzy rozegrali łącznie 111 spotkań. Finał odbył
|
||||
się 8. marca 2023 w szkolnej auli. Turniej wygrała drużyna "Wiktor i Spółka"
|
||||
pokonując "Petardy Piotrusia" z ZSE 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 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 drużyn, które rozegrały łącznie
|
||||
58 spotkań. Finał odbył się 27. kwietnia 2022. Turniej wygrała drużyna "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ół Szkół Łączności im. Obrońców Poczty Polskiej w Gdańsku</a
|
||||
>
|
||||
</p>
|
||||
<p>Strona wykonana przez <a href="mailto:mmacierzanka@grzana.dev">Marcina Macierzanka</a></p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,25 @@
|
||||
import PhotoSwipeLightbox from "https://unpkg.com/photoswipe/dist/photoswipe-lightbox.esm.js";
|
||||
|
||||
// 2024
|
||||
const lightbox2024 = new PhotoSwipeLightbox({
|
||||
gallery: '[data-gallery-year="2024"]',
|
||||
children: "a",
|
||||
pswpModule: () => import("https://unpkg.com/photoswipe"),
|
||||
});
|
||||
lightbox2024.init();
|
||||
|
||||
// 2023
|
||||
const lightbox2023 = new PhotoSwipeLightbox({
|
||||
gallery: '[data-gallery-year="2023"]',
|
||||
children: "a",
|
||||
pswpModule: () => import("https://unpkg.com/photoswipe"),
|
||||
});
|
||||
lightbox2023.init();
|
||||
|
||||
// 2022
|
||||
const lightbox2022 = new PhotoSwipeLightbox({
|
||||
gallery: '[data-gallery-year="2022"]',
|
||||
children: "a",
|
||||
pswpModule: () => import("https://unpkg.com/photoswipe"),
|
||||
});
|
||||
lightbox2022.init();
|
||||