😁
Leon
Młodszy brat · Mistrz machania koszulką
Uśmiech
100
Machanie flagą
99
Odporność na zimno
90
Energia
100
⚡ Supermoc: zamienia zwykłą koszulkę we flagę na wietrze.
Poznaj braci
Dwóch odważnych chłopaków, jeden zimny Bałtyk i wiatr, który nie daje spokoju koszulkom.
😎
Mikołaj
Starszy brat · Spokój w każdą pogodę
Wzrost
MAX
Spokój
98
Odporność na zimno
95
Fryzura na wietrze
92
⚡ Supermoc: stoi spokojnie z ręką w kieszeni, nawet gdy morze ma 2°C.
Morsometr 🌡️
Przesuń suwak i sprawdź, jak bracia reagują na temperaturę wody. W ferie Bałtyk ma około 2 stopni!
2°C
Leon:
Mikołaj:
Liczba skoków: 0
Od zdjęcia do strony
To zdjęcie było jedyną inspiracją. Każdy jego kawałek zamienił się w coś, co rusza się na górze strony:
- ☁️ Chmury na niebie płyną szybciej, gdy wieje wiatr
- 🌊 Bałtyk to trzy warstwy fal i błyski słońca na wodzie
- 🪵 Pomost to deski narysowane w perspektywie i barierka
- 👕 Koszulka Leona powiewa jako flaga na maszcie
- 🕊️ Mewy dodało AI od siebie, bo nad morzem zawsze jakaś jest
Zajrzyj pod maskę 🔧
Każda strona ma trzy warstwy. Naciśnij Ctrl + U w przeglądarce, żeby zobaczyć cały kod tej strony. Znajdziesz w nim komentarze po polsku.
HTML = szkielet
Mówi, CO jest na stronie: nagłówki, akapity, przyciski.
<h1>Witaj świecie!</h1>
<p>Mój akapit.</p>
<button>Kliknij</button>CSS = wygląd
Mówi, JAK to wygląda: kolory, czcionki, animacje.
h1 {
color: white;
font-size: 60px;
}JavaScript = ruch
Sprawia, że strona reaguje na kliknięcia i się porusza.
przycisk.onclick = () => {
alert('Brrr!');
};Spróbuj sam ✍️
Pisz HTML po lewej, a wynik pojawi się od razu po prawej.
Wyzwania dla Leona 🏆
Otwórz plik morze.html w edytorze i zaznacz, co już umiesz. Za komplet czeka niespodzianka.