Spaces:
Running
Running
File size: 5,658 Bytes
31b3c47 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 | <!DOCTYPE html>
<html lang="en" class="device-desktop">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, viewport-fit=cover"
/>
<meta name="color-scheme" content="dark" />
<meta name="theme-color" content="#000000" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-title" content="{{APP_NAME}}" />
<title>Add {{APP_NAME}} to your Home Screen</title>
<link rel="manifest" href="/__grok/manifest.webmanifest" />
<link rel="apple-touch-icon" href="/__grok/icon-180.png" />
<link rel="stylesheet" href="/__grok/install/styles.css" />
<script>
(function () {
var ua = navigator.userAgent || "";
var touch = navigator.maxTouchPoints || 0;
var isiPad = /iPad/.test(ua) || (/Macintosh/.test(ua) && touch > 1);
var isiPhone = /iPhone|iPod/.test(ua);
var isIOS = isiPhone || isiPad;
var isAndroid = /Android/i.test(ua);
var isAndroidPhone = isAndroid && /Mobile/i.test(ua);
var isAndroidTablet = isAndroid && !/Mobile/i.test(ua);
var minSide = Math.min(screen.width || 0, screen.height || 0);
var maxSide = Math.max(screen.width || 0, screen.height || 0);
var type = "desktop";
if (isiPhone) type = "phone";
else if (isiPad || isAndroidTablet) type = "tablet";
else if (isAndroidPhone) type = "phone";
else if (touch > 0 && minSide > 0 && minSide <= 500) type = "phone";
else if (touch > 0 && minSide > 500 && maxSide <= 1400) type = "tablet";
var iosMajor = null;
var osToken = null;
var safariToken = null;
var iphoneOs = ua.match(/iPhone OS (\d+)[._]/);
var ipadOs = ua.match(/CPU OS (\d+)[._](\d+) like Mac OS X/);
var safariVer = ua.match(/Version\/(\d+)[._]/);
if (iphoneOs) osToken = parseInt(iphoneOs[1], 10);
else if (ipadOs) osToken = parseInt(ipadOs[1], 10);
if (isIOS && safariVer) safariToken = parseInt(safariVer[1], 10);
if (osToken != null || safariToken != null) {
iosMajor = Math.max(osToken || 0, safariToken || 0);
}
var root = document.documentElement;
var classes = ["device-" + type];
if (iosMajor != null) {
root.dataset.ios = String(iosMajor);
classes.push(iosMajor >= 27 ? "ios-27-plus" : "ios-below-27");
}
root.className = classes.join(" ");
})();
</script>
</head>
<body>
<div class="page">
<header class="powered" aria-label="Powered by Grok">
<span class="powered-by">Powered by</span>
<span class="powered-brand">
<img
class="grok-logo"
src="/__grok/install/assets/homescreen/logo-grok.svg"
width="14"
height="14"
alt=""
/>
<span class="powered-grok">Grok</span>
</span>
</header>
<main class="content">
<div class="ob" aria-hidden="true">
<img
class="ob-img ob-phone"
src="/__grok/install/assets/homescreen/ob-phone.png"
width="338"
height="294"
alt=""
/>
<img
class="ob-img ob-ipad"
src="/__grok/install/assets/homescreen/ob-ipad.png"
width="634"
height="294"
alt=""
/>
</div>
<section class="copy">
<h1>Add {{APP_NAME}} to your Home Screen</h1>
<div class="steps">
<p class="step step-tap step-ios27">
<span class="muted">Tap</span>
<span class="glass glass--icon" aria-hidden="true">
<img src="/__grok/install/assets/homescreen/glass-puzzle.svg" width="24" height="24" alt="" />
</span>
<span class="muted loc loc-phone">in the bottom bar, then</span>
<span class="muted loc loc-ipad">in the tool bar, then</span>
<span class="glass glass--icon" aria-hidden="true">
<img src="/__grok/install/assets/homescreen/glass-share.svg" width="24" height="24" alt="" />
</span>
</p>
<p class="step step-tap step-ios-legacy">
<span class="muted">Tap</span>
<span class="glass glass--icon" aria-hidden="true">
<img src="/__grok/install/assets/homescreen/glass-share.svg" width="24" height="24" alt="" />
</span>
<span class="muted loc loc-phone">in the bottom bar</span>
<span class="muted loc loc-ipad">in the tool bar</span>
</p>
<p class="step step-select">
<span class="muted">Select</span>
<span class="add-label">
<img
class="plus-icon"
src="/__grok/install/assets/homescreen/plus.svg"
width="16"
height="16"
alt=""
/>
<span class="add-text">Add to Home Screen</span>
</span>
</p>
</div>
</section>
</main>
<main class="content content-desktop">
<section class="copy">
<h1>Open this link on your iPhone or iPad</h1>
<p class="desktop-note">
This page shows how to add {{APP_NAME}} to an iOS Home Screen.
</p>
<a class="desktop-open" href="{{APP_URL}}">Open {{APP_NAME}}</a>
</section>
</main>
</div>
</body>
</html>
|