From a44753b2f2998bf358e0ca86207001fc5b9f3226 Mon Sep 17 00:00:00 2001 From: Your Name Date: Fri, 10 Apr 2026 13:12:18 +0200 Subject: [PATCH] priprave spletne strani --- website/index.html | 25 ++++++++++++++++++ website/script.js | 0 website/style.css | 65 ++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 90 insertions(+) create mode 100644 website/index.html create mode 100644 website/script.js create mode 100644 website/style.css diff --git a/website/index.html b/website/index.html new file mode 100644 index 0000000..b5e5965 --- /dev/null +++ b/website/index.html @@ -0,0 +1,25 @@ + + + + + + brum brum + + + +
+ + + + +
+ + \ No newline at end of file diff --git a/website/script.js b/website/script.js new file mode 100644 index 0000000..e69de29 diff --git a/website/style.css b/website/style.css new file mode 100644 index 0000000..6f54341 --- /dev/null +++ b/website/style.css @@ -0,0 +1,65 @@ +body { + background-color: #3a3a3a; +} +.button { + position: absolute; + width: 200px; + height: 200px; + border-radius: 25px; + font-size: 100px; + background-color: #8a0261; + border: none; + color: rgba(255, 255, 255, 0.92); + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; +} +button.button:hover{ + background-color: #bb0284; +} +button.button:active{ + background-color: #d10594; +} +#dalinec { + display: block; + margin: auto; + background-color: #333; + border-radius: 25px; + width: 800px; + height: 800px; + position: relative; +} +#levo { + left: 25%; + top: 50%; + transform: translate(-50%, -50%); +} +#desno { + left: 75%; + top: 50%; + transform: translate(-50%, -50%); +} +#gor { + left: 50%; + top: 25%; + transform: translate(-50%, -50%); +} +#dol { + left: 50%; + top: 75%; + transform: translate(-50%, -50%); +} + +/* Responsive: scale down container and button sizes on small screens */ +@media (max-width: 900px) { + #dalinec { + width: 90vw; + height: 90vw; + } + .button { + width: 20vw; + height: 20vw; + font-size: 8vw; + } +} \ No newline at end of file