-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
13 changed files
with
220 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,120 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <link rel="shortcut icon" href="images/lemonsoft-favicon.ico" type="image/x-icon"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Lemonsoft Stadion - Home</title> | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"> | ||
| <link rel="stylesheet" href="style/style.css"> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> | ||
| </head> | ||
| <body> | ||
| <nav class="navbar navbar-expand-lg bg-body-tertiary"> | ||
| <div class="container-fluid"> | ||
| <a class="navbar-brand" href="#"> | ||
| <img src="images/lemonsoft-stadion-logo.png" alt="lemonsoft" width="160px"> | ||
| </a> | ||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| <div class="collapse navbar-collapse justify-content-end" id="navbarNavAltMarkup"> | ||
| <div class="navbar-nav align-items-center"> | ||
| <a class="nav-link active" aria-current="page" href="#" id="booking-calendar"></a> | ||
| <a class="nav-link" href="#">#LEMONSOFTSTADION</a> | ||
| <a class="nav-link" href="#" id="getting-here"></a> | ||
| <li class="nav-item dropdown"> | ||
| <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="info"></a> | ||
| <ul class="dropdown-menu"> | ||
| <li><a class="dropdown-item" href="#" id="visitors"></a></li> | ||
| <li><a class="dropdown-item" href="#" id="sports-clubs"></a></li> | ||
| <li><a class="dropdown-item" href="#" id="event-holders"></a></li> | ||
| </ul> | ||
| </li> | ||
| <li class="nav-item dropdown"> | ||
| <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="vaasa-region-arenas"></a> | ||
| <ul class="dropdown-menu"> | ||
| <li><a class="dropdown-item" href="#" id="vaasan-sahko-areena"></a></li> | ||
| <li><a class="dropdown-item" href="#" id="botnia-hall"></a></li> | ||
| </ul> | ||
| </li> | ||
| <a class="nav-link" href="#" id="contact"></a> | ||
|
|
||
| <div class="btn-group ms-lg-4" role="group"> | ||
| <button type="button" class="btn btn-outline-secondary" id="btn-fi">FI</button> | ||
| <button type="button" class="btn btn-outline-secondary" id="btn-en">EN</button> | ||
| <button type="button" class="btn btn-outline-secondary" id="btn-se">SE</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <div id="carouselExampleCaptions" class="carousel slide carousel-fade"> | ||
| <div class="carousel-indicators"> | ||
| <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> | ||
| <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button> | ||
| <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button> | ||
| </div> | ||
| <div class="carousel-inner"> | ||
| <div class="carousel-item active"> | ||
| <img src="images/16x9stadion.jpg" class="d-block w-100" alt="stadion"> | ||
| <div class="carousel-caption d-md-block"> | ||
| <h1>First slide label</h1> | ||
| <p>Some representative placeholder content for the first slide.</p> | ||
| </div> | ||
| </div> | ||
| <div class="carousel-item"> | ||
| <img src="images/16x9stadion2nd.jpg" class="d-block w-100" alt="stadion"> | ||
| <div class="carousel-caption d-md-block"> | ||
| <h1>Second slide label</h1> | ||
| <p>Some representative placeholder content for the second slide.</p> | ||
| </div> | ||
| </div> | ||
| <div class="carousel-item"> | ||
| <img src="images/16x9stadion3rd.jpg" class="d-block w-100" alt="stadion"> | ||
| <div class="carousel-caption d-md-block"> | ||
| <h1>Third slide label</h1> | ||
| <p>Some representative placeholder content for the third slide.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev"> | ||
| <span class="carousel-control-prev-icon" aria-hidden="true"></span> | ||
| <span class="visually-hidden">Previous</span> | ||
| </button> | ||
| <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next"> | ||
| <span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
| <span class="visually-hidden">Next</span> | ||
| </button> | ||
| </div> | ||
|
|
||
| <footer class="container-fluid text-center py-2"> | ||
| <div class="row align-items-center"> | ||
| <div class="py-4"> | ||
| <img src="images/lemonsoft-stadion-footer-logo.png" alt="logo" width="100px"> | ||
| </div> | ||
| <div class=""> | ||
| Rantamaantie 6 | ||
| </div> | ||
| <div class=""> | ||
| 65100 Vaasa | ||
| </div> | ||
| <div class=""> | ||
| <a class="text-decoration-none" href="mailto:"><img src="images/envelope.svg" alt="envelope"> [email protected]</a> | ||
| </div> | ||
| <div class="text-decoration-none" class=""> | ||
| <a href="tel:0201 201 700"><img src="images/telephone.svg" alt="telephone"> 0201 201 700</a> | ||
| </div> | ||
| <div class=" py-4"> | ||
| <img src="images/vaasa-logo.png" alt="logo" width="100px"> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
|
|
||
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> | ||
| <script src="style/script.js"></script> | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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'); | ||
| }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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; | ||
| } |