shaarli / Shaarli

The personal, minimalist, super-fast, database free, bookmarking service - community repo
https://shaarli.readthedocs.io/
Other
3.4k stars 287 forks source link

enable Web-App in Apple devices #2075

Open jimToo opened 6 months ago

jimToo commented 6 months ago

Hello, does anybody know how to enable shaarli as a web-app in iOS?

e.g. here is an example: https://forums.developer.apple.com/forums/thread/104611

Is this possible to implement it in shaarli?

Jim

RolandTi commented 6 months ago

You can give a look and feel of an app by using somes <head> attribute, see on Stack theme : https://github.com/RolandTi/shaarli-stack/blob/main/stack/_inc/includes.html

<!-- Favicons & cie -->
<link rel="apple-touch-icon" sizes="180x180" href="{$asset_path}/favicons/apple-touch-icon.png?v=4#">
<link rel="icon" type="image/png" sizes="32x32" href="{$asset_path}/favicons/favicon-32x32.png?v=3#">
<link rel="icon" href="{$asset_path}/favicons/favicon.svg?v=3#" type="image/svg+xml"><!-- New responsive icon -->
<link rel="manifest" href="{$asset_path}/favicons/site.webmanifest?v=3#">
<link rel="shortcut icon" href="{$asset_path}/favicons/favicon.ico?v=3#">
<meta name="apple-mobile-web-app-title" content="{$shaarlititle}">
<meta name="application-name" content="{$shaarlititle}">
<meta name="theme-color" content="#ffffff" />

(Generated from https://realfavicongenerator.net/)

If you want offline cache and the ability to share a link from the share menu, it's a completely different thing.

Here is a preview from my "web-app".

Capture d’écran   2024-03-11 à 18 46 21 jpeg