diff --git a/index.html b/index.html index 1842522..677f719 100644 --- a/index.html +++ b/index.html @@ -142,7 +142,7 @@

-
+
diff --git a/lemonsoft-stadion/home.html b/lemonsoft-stadion/home.html new file mode 100644 index 0000000..4b54e2e --- /dev/null +++ b/lemonsoft-stadion/home.html @@ -0,0 +1,120 @@ + + + + + + + Lemonsoft Stadion - Home + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/lemonsoft-stadion/images/16x9stadion.jpg b/lemonsoft-stadion/images/16x9stadion.jpg new file mode 100644 index 0000000..672c65e Binary files /dev/null and b/lemonsoft-stadion/images/16x9stadion.jpg differ diff --git a/lemonsoft-stadion/images/16x9stadion2nd.jpg b/lemonsoft-stadion/images/16x9stadion2nd.jpg new file mode 100644 index 0000000..4e44443 Binary files /dev/null and b/lemonsoft-stadion/images/16x9stadion2nd.jpg differ diff --git a/lemonsoft-stadion/images/16x9stadion3rd.jpg b/lemonsoft-stadion/images/16x9stadion3rd.jpg new file mode 100644 index 0000000..392398a Binary files /dev/null and b/lemonsoft-stadion/images/16x9stadion3rd.jpg differ diff --git a/lemonsoft-stadion/images/envelope.svg b/lemonsoft-stadion/images/envelope.svg new file mode 100644 index 0000000..78bf1de --- /dev/null +++ b/lemonsoft-stadion/images/envelope.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/lemonsoft-stadion/images/lemonsoft-favicon.ico b/lemonsoft-stadion/images/lemonsoft-favicon.ico new file mode 100644 index 0000000..3e15928 Binary files /dev/null and b/lemonsoft-stadion/images/lemonsoft-favicon.ico differ diff --git a/lemonsoft-stadion/images/lemonsoft-stadion-footer-logo.png b/lemonsoft-stadion/images/lemonsoft-stadion-footer-logo.png new file mode 100644 index 0000000..12cc597 Binary files /dev/null and b/lemonsoft-stadion/images/lemonsoft-stadion-footer-logo.png differ diff --git a/lemonsoft-stadion/images/lemonsoft-stadion-logo.png b/lemonsoft-stadion/images/lemonsoft-stadion-logo.png new file mode 100644 index 0000000..668c400 Binary files /dev/null and b/lemonsoft-stadion/images/lemonsoft-stadion-logo.png differ diff --git a/lemonsoft-stadion/images/telephone.svg b/lemonsoft-stadion/images/telephone.svg new file mode 100644 index 0000000..679e8a9 --- /dev/null +++ b/lemonsoft-stadion/images/telephone.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/lemonsoft-stadion/images/vaasa-logo.png b/lemonsoft-stadion/images/vaasa-logo.png new file mode 100644 index 0000000..44b4bbc Binary files /dev/null and b/lemonsoft-stadion/images/vaasa-logo.png differ diff --git a/lemonsoft-stadion/style/script.js b/lemonsoft-stadion/style/script.js new file mode 100644 index 0000000..682c4af --- /dev/null +++ b/lemonsoft-stadion/style/script.js @@ -0,0 +1,79 @@ +const translations = { + fi: { + "booking-calendar": "VARAUSKALENTERI", + "getting-here": "SAAPUMINEN", + "info": "INFO", + "visitors": "VIERAILIJAT", + "sports-clubs": "URHEILUSEURAT", + "event-holders": "TAPAHTUMAJÄRJESTÄJÄT", + "vaasa-region-arenas": "VAASANSEUDUN AREENAT", + "vaasan-sahko-areena": "VAASAN SÄHKÖ AREENA", + "botnia-hall": "BOTNIA HALLI", + "contact": "YHTEYSTIEDOT" + }, + en: { + "booking-calendar": "BOOKING CALENDAR", + "getting-here": "GETTING HERE", + "info": "INFO", + "visitors": "VISITORS", + "sports-clubs": "SPORTS CLUBS", + "event-holders": "EVENT HOLDERS", + "vaasa-region-arenas": "VAASA REGION ARENAS", + "vaasan-sahko-areena": "VAASAN SÄHKÖ AREENA", + "botnia-hall": "BOTNIA HALL", + "contact": "CONTACT" + }, + se: { + "booking-calendar": "BOKNINGSKALENDER", + "getting-here": "HITTA HIT", + "info": "INFO", + "visitors": "BESÖKARE", + "sports-clubs": "IDROTTSSÄLLSKAP", + "event-holders": "EVENEMANGSARRANGÖRER", + "vaasa-region-arenas": "ARENARNA I VAASAN REGIONEN", + "vaasan-sahko-areena": "VAASAN ELEKTRISKA AREENA", + "botnia-hall": "BOTNIA HALLEN", + "contact": "KONTAKT" + } +}; + +document.getElementById('btn-fi').addEventListener('click', function() { + switchLanguage('fi'); +}); +document.getElementById('btn-en').addEventListener('click', function() { + switchLanguage('en'); +}); +document.getElementById('btn-se').addEventListener('click', function() { + switchLanguage('se'); +}); + +function switchLanguage(language) { + document.querySelectorAll('[id]').forEach(function(element) { + const key = element.id; + if (translations[language][key]) { + element.textContent = translations[language][key]; + } + }); +} + +function switchLanguage(language) { +document.querySelectorAll('[id]').forEach(function(element) { + const key = element.id; + if (translations[language][key]) { + element.textContent = translations[language][key]; + } +}); + +// Remove active class from all buttons +document.querySelectorAll('.btn-outline-secondary').forEach(function(button) { + button.classList.remove('active'); +}); + +// Add active class to the selected button +document.getElementById('btn-' + language).classList.add('active'); +} + +// Set default language to English on initial load +document.addEventListener('DOMContentLoaded', function() { + switchLanguage('en'); +}); \ No newline at end of file diff --git a/lemonsoft-stadion/style/style.css b/lemonsoft-stadion/style/style.css new file mode 100644 index 0000000..a74f548 --- /dev/null +++ b/lemonsoft-stadion/style/style.css @@ -0,0 +1,13 @@ +body { + font-family: "Montserrat", sans-serif; + font-optical-sizing: auto; + font-weight: 400; + font-style: normal; +} +.btn-outline-secondary.active { + background-color: #F8C121; /* lemonsoft brand color */ + color: white; +} +footer { + background-color: #F8C121; +} \ No newline at end of file