diff --git a/salih-hasicic-app.css b/salih-hasicic-app.css index 06f0cbc..7efc3cc 100644 --- a/salih-hasicic-app.css +++ b/salih-hasicic-app.css @@ -40,4 +40,26 @@ h3 { font-size: 1.1rem; font-weight: 300; opacity: 0.9; +} + +.buttons { + margin-top: 25px; + display: flex; + flex-direction: column; + gap: 12px; +} + +button { + padding: 12px; + border: none; + border-radius: 10px; + font-size: 1rem; + cursor: pointer; + background: white; + color: #333; + transition: 0.3s; +} + +button:hover { + transform: scale(1.03); } \ No newline at end of file diff --git a/salih-hasicic.html b/salih-hasicic.html index d8fc5c6..8978716 100644 --- a/salih-hasicic.html +++ b/salih-hasicic.html @@ -8,9 +8,17 @@
-

Das ist meine hunderste Webseite

-

Schön, dass du da bist!

-

Have fun on here

+

Das ist meine hunderste Webseite

+

Schön, dass du da bist!

+

Have fun on here

+ +
+ + + +
+ + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..faeb7a7 --- /dev/null +++ b/script.js @@ -0,0 +1,34 @@ +function changeGreeting() { + const greeting = document.getElementById("greeting"); + const hour = new Date().getHours(); + + if (hour < 12) { + greeting.textContent = "Guten Morgen und willkommen!"; + } else if (hour < 18) { + greeting.textContent = "Guten Tag und schön, dass du da bist!"; + } else { + greeting.textContent = "Guten Abend und viel Spass hier!"; + } +} + +function changeBackground() { + const colors = [ + "linear-gradient(135deg, #74ebd5, #9face6)", + "linear-gradient(135deg, #ff9a9e, #fad0c4)", + "linear-gradient(135deg, #a18cd1, #fbc2eb)", + "linear-gradient(135deg, #f6d365, #fda085)" + ]; + + const randomColor = colors[Math.floor(Math.random() * colors.length)]; + document.body.style.background = randomColor; +} + +function toggleText() { + const text = document.getElementById("fun-text"); + + if (text.style.display === "none") { + text.style.display = "block"; + } else { + text.style.display = "none"; + } +} \ No newline at end of file