Tap Share in Safari\u2019s toolbar

"; ss.appendChild(st1); var st2 = document.createElement("div"); st2.className="tbi-step"; st2.innerHTML = "" + ADD_SVG + "

Choose Add to Home Screen

"; ss.appendChild(st2); morph.appendChild(sd); morph.appendChild(ss); var cta = document.createElement("div"); cta.className = "tbi-cta"; var btnAdd = document.createElement("button"); btnAdd.type="button"; btnAdd.className="tbi-btn"; btnAdd.textContent = "Add to homescreen"; var btnDone = document.createElement("button"); btnDone.type="button"; btnDone.className="tbi-btn tbi-hide"; btnDone.textContent = "Done"; cta.appendChild(btnAdd); cta.appendChild(btnDone); body.appendChild(morph); body.appendChild(cta); sheet.appendChild(close); sheet.appendChild(hdr); sheet.appendChild(body); var backdrop = document.createElement("div"); backdrop.style.cssText = "position:fixed;inset:0;z-index:2147483599;background:rgba(0,0,0,0);transition:background .42s ease;"; document.body.appendChild(backdrop); document.body.appendChild(sheet); var prevTheme = null; var themeRead = false; function setTheme(v){ try { var m = document.querySelector("meta[name=\"theme-color\"]"); if (!themeRead) { prevTheme = m ? m.getAttribute("content") : null; themeRead = true; } if (!m) { m = document.createElement("meta"); m.setAttribute("name","theme-color"); document.head.appendChild(m); } if (v === null) { if (prevTheme === null) { if (m.parentNode) m.parentNode.removeChild(m); } else { m.setAttribute("content", prevTheme); } } else { m.setAttribute("content", v); } } catch (e) {} } function teardown(){ try{ sheet.classList.remove("tbi-in"); backdrop.style.background = "rgba(0,0,0,0)"; setTheme(null); }catch(e){} cardShown = false; setTimeout(function(){ if(sheet.parentNode) sheet.parentNode.removeChild(sheet); if(backdrop.parentNode) backdrop.parentNode.removeChild(backdrop); }, 420); } function doInstall(){ ss.classList.remove("tbi-hide"); sd.classList.add("tbi-hide"); btnAdd.classList.add("tbi-hide"); btnDone.classList.remove("tbi-hide"); sheet.classList.add("tbi-steps"); morph.style.height = ss.offsetHeight + "px"; } function resetCard(){ sd.classList.remove("tbi-hide"); ss.classList.add("tbi-hide"); btnDone.classList.add("tbi-hide"); btnAdd.classList.remove("tbi-hide"); sheet.classList.remove("tbi-steps"); morph.style.height = sd.offsetHeight + "px"; } btnAdd.addEventListener("click", function(){ doInstall(); }); btnDone.addEventListener("click", function(){ resetCard(); }); close.addEventListener("click", function(){ remember(); teardown(); }); backdrop.addEventListener("click", function(){ teardown(); }); setTimeout(function(){ morph.style.height = sd.offsetHeight + "px"; }, 0); requestAnimationFrame(function(){ setTimeout(function(){ sheet.classList.add("tbi-in"); backdrop.style.background = "rgba(0,0,0,0.7)"; setTheme("#3d3d3d"); }, 60); }); return { el: sheet, close: teardown }; } window.tbltapInstall = function(ctxKey){ try { if (cardShown) return; if (!document.body) return; if (isStandalone()) return; cardShown = true; showCard(ctxKey || "default"); } catch (e) {} }; } catch (e) {} })();

Support documents

Documents

Installation & Care