diff options
| author | Rasmus Luha <rasmus.luha@gmail.com> | 2022-12-21 00:54:11 +0200 |
|---|---|---|
| committer | Rasmus Luha <rasmus.luha@gmail.com> | 2022-12-21 00:54:11 +0200 |
| commit | 707ece8e5b4eeeb7967f7802dec53f2ba75a3757 (patch) | |
| tree | 4899162f315d8016127c2063bd183a75923f4844 | |
| parent | 9f6ff0f0ec88e43abae24b1e99a629bd42867dab (diff) | |
Add no Phones page
| -rw-r--r-- | rannak/kaart/js/kaart.js | 7 | ||||
| -rw-r--r-- | rannak/mangud/uliopilane/tSark/index.html | 5 | ||||
| -rw-r--r-- | rannak/noMobiles/index.html | 24 | ||||
| -rw-r--r-- | rannak/noMobiles/style.css | 28 |
4 files changed, 60 insertions, 4 deletions
diff --git a/rannak/kaart/js/kaart.js b/rannak/kaart/js/kaart.js index 4bb0afe..5183643 100644 --- a/rannak/kaart/js/kaart.js +++ b/rannak/kaart/js/kaart.js @@ -26,5 +26,10 @@ for (let i = 0; i < riigid.length; i++){ function moveOnEnable(){ const btn = document.querySelector(".moveOn"); btn.disabled = false; - btn.onclick = () => location.href = "../rolliValik"; + + if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)) { + btn.onclick = () => location.href = "../noMobiles"; + } + else + btn.onclick = () => location.href = "../rolliValik"; } diff --git a/rannak/mangud/uliopilane/tSark/index.html b/rannak/mangud/uliopilane/tSark/index.html index dc2aafb..2206025 100644 --- a/rannak/mangud/uliopilane/tSark/index.html +++ b/rannak/mangud/uliopilane/tSark/index.html @@ -27,7 +27,7 @@ <div class="modal-content"> <div class="modal-header"> - <h5 class="modal-title" id="myModalLabel">Sissejuhatav info Kuulsuste Mängule</h5> + <h5 class="modal-title" id="myModalLabel">Sissejuhatav info T-särgi Mängule</h5> <button type="button" class="closeModalButton" data-bs-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> @@ -153,8 +153,7 @@ <script src="main.js"></script> - <!-- + <!-- --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> - --> </body> </html> diff --git a/rannak/noMobiles/index.html b/rannak/noMobiles/index.html new file mode 100644 index 0000000..de64f39 --- /dev/null +++ b/rannak/noMobiles/index.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>No Mobiles</title> + <link rel="stylesheet" href="style.css" type="text/css"/> +</head> + +<body> + + <div class="wrapper"> + <div> + <h1>Vabandame</h1> + <p>Kahjuks ei saa Digirännakut läbida mobiilseadmel.</p> + <a href="../.."> + <button>Tagasi</button> + </a> + </div> + </div> + + </body> +</html> diff --git a/rannak/noMobiles/style.css b/rannak/noMobiles/style.css new file mode 100644 index 0000000..78daa4c --- /dev/null +++ b/rannak/noMobiles/style.css @@ -0,0 +1,28 @@ +body { + padding: 0; + margin: 0; + box-sixing: border-box; + background-color: #0A0A0A; +} + +.wrapper { + display: flex; + justify-content: center; + align-items: center; + height: 200px; + width: 100%; + height: 100vh; + color: #fff; + text-align: center; + font-size: 1.2rem; +} + + +button { + border-radius: 50px; + padding: 15px; + background-color: rgba(0,136,169,1); + border: none; + cursor: pointer; + font-size: 1.1rem; +} |