From 707ece8e5b4eeeb7967f7802dec53f2ba75a3757 Mon Sep 17 00:00:00 2001 From: Rasmus Luha Date: Wed, 21 Dec 2022 00:54:11 +0200 Subject: Add no Phones page --- rannak/kaart/js/kaart.js | 7 ++++++- rannak/mangud/uliopilane/tSark/index.html | 5 ++--- rannak/noMobiles/index.html | 24 ++++++++++++++++++++++++ rannak/noMobiles/style.css | 28 ++++++++++++++++++++++++++++ 4 files changed, 60 insertions(+), 4 deletions(-) create mode 100644 rannak/noMobiles/index.html create mode 100644 rannak/noMobiles/style.css 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 @@
- + @@ -153,8 +153,7 @@ - - --> 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 @@ + + + + + + + No Mobiles + + + + + +
+
+

Vabandame

+

Kahjuks ei saa Digirännakut läbida mobiilseadmel.

+ + + +
+
+ + + 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; +} -- cgit v1.2.3