diff --git a/README.md b/README.md index da38a8a..0eb4fbd 100644 --- a/README.md +++ b/README.md @@ -11,11 +11,12 @@ Tento projekt slúži ako základ na precvičenie práce s Gitom a GitHubom v t 5. V `script.js` pridaj jednoduchú interaktivitu (napr. zmena farby po kliknutí). 6. Commitni a pushni zmeny. 7. Otvor pull request do `main` vetvy. +8. Sprav salto na stole ## 💡 Úloha 2: Merge konflikt -1. Všetci študenti upravia prvź `
` v `index.html` na niečo vlastné. -2. Commitni zmeny v novej vetve (`feature--conflict`). -3. Vytvor pull request do `main`. +1. Vytvor novu vetvu (`feature--conflict`) z vetvy (`main-merge`). +2. Všetci študenti upravia prvý `
` v `index.html` na niečo vlastné. +3. Vytvor pull request do `main-merge`. 4. Prvý, kto mergne, bude v poriadku. Ostatní budú mať **merge conflict**. 5. Vyrieš konflikt ručne a dokonči merge. diff --git a/index.html b/index.html index 817bb50..f01395d 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,12 @@ + Sofia's Portfolio +

Sofia Kováčová

@@ -27,9 +29,14 @@

Vitajte na mojej stránke!

O mne

-

Volám sa Sofia, mám 16 rokov a navštevujem základnú školu. Baví ma tvoriť weby a učiť sa nové technológie.

+

Volám sa Sofia, mám 16 rokov a navštevujem základnú školu. Baví ma tvoriť weby a učiť sa nové + technológie.

Tento školský rok som sa naučila HTML, CSS a trošku JavaScriptu.

+
+

O mne

+

Ahoj, volám sa Milan. Baví ma život.

+

Moje Projekty

@@ -47,8 +54,10 @@

🎨 Farebný experiment

🎮 Záverečná práca – Hra: Witcher 4

-

Moja prvá hra napísaná v JavaScripte! Inšpirované Zaklínačom, no s mojím vlastným vymysleným dejom a jednoduchou grafikou.

- Witcher 4 +

Moja prvá hra napísaná v JavaScripte! Inšpirované Zaklínačom, no s mojím vlastným vymysleným dejom a + jednoduchou grafikou.

+ Witcher 4 (Odkaz na GitHub alebo projekt bude pridaný neskôr)
@@ -65,4 +74,5 @@

Kontakt

- + + \ No newline at end of file diff --git a/script.js b/script.js index b164e07..03bd001 100644 --- a/script.js +++ b/script.js @@ -2,3 +2,6 @@ document.querySelector('h1').addEventListener('click', function() { alert('Header clicked!'); }); +document.getElementById("milan-section").addEventListener("click", function () { + this.style.backgroundColor = "#ccffcc"; +}); diff --git a/style.css b/style.css index 3243b7d..cae50dd 100644 --- a/style.css +++ b/style.css @@ -55,3 +55,10 @@ footer { background-color: #eee; margin-top: 30px; } +#milan-section { + background-color: #e6ffe6; + color: #222; + padding: 20px; + border-left: 4px solid #00cc66; + transition: background-color 0.4s; +}