removing instructions
This commit is contained in:
parent
9cda1eb6a5
commit
02b67bce24
1 changed files with 0 additions and 28 deletions
28
index.html
28
index.html
|
@ -76,22 +76,10 @@
|
||||||
color: #666;
|
color: #666;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
#install-instructions {
|
|
||||||
display: none;
|
|
||||||
text-align: center;
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Exchange Rate Calculator</h1>
|
<h1>Exchange Rate Calculator</h1>
|
||||||
|
|
||||||
<!-- Installation instructions (initially hidden) -->
|
|
||||||
<div id="install-instructions">
|
|
||||||
<p>For the best experience, add this web app to your home screen:</p>
|
|
||||||
<p>1. Tap the <strong>Share</strong> button.</p>
|
|
||||||
<p>2. Tap <strong>Add to Home Screen</strong>.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<form onsubmit="return convert(event)">
|
<form onsubmit="return convert(event)">
|
||||||
<label for="euro">Enter amount in Euro:</label>
|
<label for="euro">Enter amount in Euro:</label>
|
||||||
|
@ -161,22 +149,6 @@
|
||||||
calculationList.appendChild(li);
|
calculationList.appendChild(li);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Show installation instructions only if accessed via browser
|
|
||||||
if (window.matchMedia('(display-mode: browser)').matches) {
|
|
||||||
document.getElementById('install-instructions').style.display = 'block';
|
|
||||||
}
|
|
||||||
|
|
||||||
// Hide installation instructions once installed as standalone PWA
|
|
||||||
window.addEventListener('beforeinstallprompt', (event) => {
|
|
||||||
event.preventDefault(); // Prevent default browser prompt
|
|
||||||
document.getElementById('install-instructions').style.display = 'none';
|
|
||||||
});
|
|
||||||
|
|
||||||
// Check if launched from home screen and hide instructions
|
|
||||||
if (window.matchMedia('(display-mode: standalone)').matches) {
|
|
||||||
document.getElementById('install-instructions').style.display = 'none';
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in a new issue