From 64527f454fb00725ac9b3af2591c959d70e37ce8 Mon Sep 17 00:00:00 2001
From: Tomas Bortoli <tomasbortoli@tutanota.com>
Date: Thu, 14 Dec 2023 20:07:31 +0100
Subject: [PATCH] Fixed iPad detection and layout (search bar & co. were
 hidden)

---
 contatti.html              |  2 +-
 dicono-di-me.html          |  2 +-
 index.html                 |  2 +-
 scripts/mobile_who_am_i.js | 12 ++++++++++--
 4 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/contatti.html b/contatti.html
index 8c83240..8216a74 100644
--- a/contatti.html
+++ b/contatti.html
@@ -35,7 +35,7 @@
         <tr box-shadow="1px 1px 8px rgba(0,0,0,0.3)">
             <td id="ideavideo-home" valign="middle" align="center"><img
                 src="images/logoideavideo2017.png" id="ideavideo-logo"
-                alt="" style="margin-left: 25%;" width="301"
+                alt="" style="margin-left: 5%;" width="301"
                 height="58" align="middle"><br>
             </td>
             <td id="menu-servizi" class="menu-button" bgcolor="#ffffff" valign="middle"
diff --git a/dicono-di-me.html b/dicono-di-me.html
index e72eb56..c878238 100644
--- a/dicono-di-me.html
+++ b/dicono-di-me.html
@@ -94,7 +94,7 @@
             <tr box-shadow="1px 1px 8px rgba(0,0,0,0.3)">
                 <td id="ideavideo-home" valign="middle" align="center"><img id="ideavideo-logo"
                     src="images/logoideavideo2017.png"
-                    alt="" style="margin-left: 25%;" width="301"
+                    alt="" style="margin-left: 5%;" width="301"
                     height="58" align="middle"><br>
                 </td>
                 <td id="menu-servizi" class="menu-button" bgcolor="#ffffff" valign="middle"
diff --git a/index.html b/index.html
index 3e53b53..6d5ded1 100644
--- a/index.html
+++ b/index.html
@@ -44,7 +44,7 @@
     <tr box-shadow="1px 1px 8px rgba(0,0,0,0.3)">
         <td id="ideavideo-home" valign="middle" align="center"><img id="ideavideo-logo"
             src="images/logoideavideo2017.png"
-            alt="" style="margin-left: 25%;" width="301"
+            alt="" style="margin-left: 5%;" width="301"
             height="58" align="middle"><br>
         </td>
         <td id="menu-servizi" class="menu-button" bgcolor="#ffffff" valign="middle"
diff --git a/scripts/mobile_who_am_i.js b/scripts/mobile_who_am_i.js
index 4bf4405..e88fdbd 100644
--- a/scripts/mobile_who_am_i.js
+++ b/scripts/mobile_who_am_i.js
@@ -1,7 +1,8 @@
 function setup_tablet(){
     const userAgent = navigator.userAgent.toLowerCase();
-    const isTablet = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/.test(userAgent);
-    if (isTablet){
+    const isTablet = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/i.test(userAgent);
+    const isIpad = navigator.maxTouchPoints && navigator.maxTouchPoints > 2 && /MacIntel/.test(navigator.platform)
+    if (isTablet || isIpad){
         // if landscape
         if(window.innerHeight < window.innerWidth){
             document.getElementsByClassName('block3')[0].style.marginTop = '110%'
@@ -16,6 +17,13 @@ function setup_tablet(){
             document.getElementsByClassName('block5')[0].style.marginTop = '110%'
             getById('bottom-table').style.marginTop = '280%'
         }
+
+        if(isIpad){
+            elems = document.getElementsByClassName('common-block')
+            for(i=0;i<elems.length;i++){
+                elems[i].style.backgroundAttachment = 'scroll'
+            }
+        }
     }
 }