61 lines
2.4 KiB
Markdown
61 lines
2.4 KiB
Markdown
# Install MAZANOKE as Web App
|
||
|
||
MAZANOKE can be installed as a Progressive Web App (PWA), letting you use it like a native app on your device.
|
||
|
||
Visit [MAZANOKE.com](https://mazanoke.com) and click the "Install" button in the top-right corner. This button appears when MAZANOKE detects browser support for PWA.
|
||
|
||
**If you don’t see the "Install" button, you can still manually install MAZANOKE in just a few simple clicks**, see how in the section "[Manual install](#manual-install)".
|
||
|
||
<img src="../.github/images/install-web-app/capture-install-pwa-button.png" alt="Install MAZANOKE progressive web app button" height="100">
|
||
|
||
## Manual Install
|
||
|
||
Instructions are provided for all major browsers, but the steps are similar for derivative browsers. As of writing, the desktop version of Firefox does not natively support PWA.
|
||
|
||
**Desktop**
|
||
- [Chrome](#chrome-desktop)
|
||
- [Safari](#safari-desktop)
|
||
|
||
**Mobile**
|
||
- [Firefox](#firefox-mobile)
|
||
- [Chrome](#chrome-mobile)
|
||
- [Safari](#safari-mobile)
|
||
|
||
### Chrome (Desktop)
|
||
|
||
1. Click the three-dot icon to open the more menu.
|
||
1. Move the cursor to hover "Cast, save, and share".
|
||
1. Click "Install page as app".
|
||
1. A prompt will show up, click "Install".
|
||
|
||
<img src="../.github/images/install-web-app/install-pwa-chrome-desktop.jpg" alt="Install MAZANOKE progressive web app on Chrome desktop" width="1200">
|
||
|
||
### Safari (Desktop)
|
||
|
||
1. Click and open the share sheet.
|
||
1. Click "Add to Dock".
|
||
1. A prompt will show up, click "Add".
|
||
|
||
<img src="../.github/images/install-web-app/install-pwa-safari-desktop.jpg" alt="Install MAZANOKE progressive web app on Safari desktop" width="1200">
|
||
|
||
### Firefox (Mobile)
|
||
1. Tap the three-dot icon to open the more menu.
|
||
1. Tap "Add App to Home Screen".
|
||
1. A prompt will show up, tap "Add".
|
||
|
||
<img src="../.github/images/install-web-app/install-pwa-firefox-mobile.jpg" alt="Install MAZANOKE progressive web app on Firefox mobile" width="1200">
|
||
|
||
### Chrome (Mobile)
|
||
1. Tap the three-dot icon to open the more menu.
|
||
1. Tap "Add to Home screen".
|
||
1. A prompt will show up, tap "Install".
|
||
|
||
<img src="../.github/images/install-web-app/install-pwa-chrome-mobile.jpg" alt="Install MAZANOKE progressive web app on Chrome mobile" width="1200">
|
||
|
||
|
||
### Safari (Mobile)
|
||
1. Tap and open the share sheet.
|
||
1. Tap "Add to Home Screen".
|
||
1. A prompt will show up, tap "Add".
|
||
|
||
<img src="../.github/images/install-web-app/install-pwa-safari-mobile.jpg" alt="Install MAZANOKE progressive web app on Safari mobile" width="1200"> |