The Appview for the kipclip.com atproto bookmarking service

Update Tools page with iOS home screen instructions, add PWA FAQ entry

Changed files
+46 -3
frontend
components
+17
frontend/components/FAQ.tsx
··· 211 211 Social PBC. 212 212 </p> 213 213 </div> 214 + 215 + <div> 216 + <h3 className="text-xl font-bold text-gray-800 mb-2"> 217 + Can I install kipclip as an app on my phone? 218 + </h3> 219 + <p className="text-gray-700"> 220 + Yes! kipclip works as a Progressive Web App (PWA) on both Android 221 + and iOS. On Android, you can add it to your home screen and it 222 + will appear in your share menu, letting you save bookmarks 223 + directly from any app. On iOS, you can add it to your home screen 224 + and use the iOS Shortcut to save from Safari. See the{" "} 225 + <a href="/tools" className="underline hover:text-gray-800"> 226 + Tools page 227 + </a>{" "} 228 + for detailed installation instructions. 229 + </p> 230 + </div> 214 231 </section> 215 232 216 233 <section className="bg-white rounded-lg shadow-md p-6">
+29 -3
frontend/components/Tools.tsx
··· 265 265 266 266 <div className="bg-gray-50 rounded-lg p-4"> 267 267 <h4 className="font-semibold text-gray-800 mb-2"> 268 + iOS (Add to Home Screen): 269 + </h4> 270 + <ol className="space-y-2 text-sm text-gray-700"> 271 + <li className="flex items-start gap-2"> 272 + <span className="font-bold text-coral min-w-[20px]">1.</span> 273 + <span>Open kipclip.com in Safari</span> 274 + </li> 275 + <li className="flex items-start gap-2"> 276 + <span className="font-bold text-coral min-w-[20px]">2.</span> 277 + <span> 278 + Tap the Share button (square with arrow), then "Add to Home 279 + Screen" 280 + </span> 281 + </li> 282 + <li className="flex items-start gap-2"> 283 + <span className="font-bold text-coral min-w-[20px]">3.</span> 284 + <span> 285 + kipclip opens as a standalone app - use the iOS Shortcut 286 + above to save bookmarks from Safari 287 + </span> 288 + </li> 289 + </ol> 290 + </div> 291 + 292 + <div className="bg-gray-50 rounded-lg p-4"> 293 + <h4 className="font-semibold text-gray-800 mb-2"> 268 294 Android (Chrome): 269 295 </h4> 270 296 <ol className="space-y-2 text-sm text-gray-700"> ··· 275 301 <li className="flex items-start gap-2"> 276 302 <span className="font-bold text-coral min-w-[20px]">2.</span> 277 303 <span> 278 - Tap the menu (⋮), then "Add to Home screen" 304 + Tap the menu (⋮), then "Add to Home screen" or "Install app" 279 305 </span> 280 306 </li> 281 307 <li className="flex items-start gap-2"> 282 308 <span className="font-bold text-coral min-w-[20px]">3.</span> 283 309 <span> 284 - When sharing URLs from other apps, kipclip will appear as a 285 - share target 310 + kipclip opens as a standalone app and appears in your share 311 + menu - share URLs directly from any app 286 312 </span> 287 313 </li> 288 314 </ol>