Visual Showcase

Step into Recalli

See how Recalli helps you organize your life with speed and clarity. Click any image to view it in full size.

(function () { const locale = RecalliI18n.detectLocale(); const images = { "en": { path: "assets/screenshots/iPhone17/", list: [ "Simulator Screenshot - iPhone 17 Pro Max - 2026-03-07 at 16.09.44.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-03-07 at 16.14.56.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-01-18 at 12.04.05.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-01-18 at 12.04.27.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-01-18 at 12.04.50.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-01-18 at 12.05.25.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-01-18 at 12.39.29.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-01-18 at 12.45.29.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-01-18 at 12.46.19.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-01-18 at 12.46.47.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-01-18 at 12.56.35.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-01-18 at 12.57.34.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-01-18 at 12.57.54.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-01-18 at 12.58.23.png" ], newCount: 2 }, "zh-Hans": { path: "assets/screenshots/iPhone17_zh_hans/", list: [ "Simulator Screenshot - iPhone 17 Pro Max - 2026-03-30 at 00.18.03.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-03-30 at 00.18.38.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-03-30 at 00.18.50.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-03-30 at 00.19.09.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-03-30 at 00.19.59.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-03-30 at 00.20.31.png" ], newCount: 0 }, "zh-Hant": { path: "assets/screenshots/iPhone17_zh_hant/", list: [ "Simulator Screenshot - iPhone 17 Pro Max - 2026-03-30 at 00.24.28.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-03-30 at 00.24.35.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-03-30 at 00.24.41.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-03-30 at 00.25.08.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-03-30 at 00.25.24.png", "Simulator Screenshot - iPhone 17 Pro Max - 2026-03-30 at 00.25.37.png" ], newCount: 0 } }; const copy = { "zh-Hans": { title: "展示 — 提神截图", description: "查看提神的实际界面。高质量截图展示应用清晰直观的体验。", nav: ["展示", "价格", "博客", "支持", "隐私", "获取 App"], kicker: "视觉展示", heroTitle: "走进提神", heroBody: "看看提神如何用速度与清晰感帮助你整理生活。点击任意图片可查看大图。", newLabel: "新", footer: ["支持", "隐私", "条款"], copyright: "Minsoft Studio。保留所有权利。" }, "zh-Hant": { title: "展示 — 提神截圖", description: "查看提神的實際介面。高品質截圖展示應用清楚直覺的體驗。", nav: ["展示", "價格", "部落格", "支援", "隱私", "下載 App"], kicker: "視覺展示", heroTitle: "走進提神", heroBody: "看看提神如何以速度與清晰感幫助你整理生活。點擊任一圖片即可查看大圖。", newLabel: "新", footer: ["支援", "隱私", "條款"], copyright: "Minsoft Studio。版權所有。" } }[locale]; // Select image set const imageSet = images[locale] || images["en"]; const gallery = document.getElementById("gallery"); gallery.innerHTML = ""; // Clear any static placeholder imageSet.list.forEach((imgName, index) => { const fullPath = imageSet.path + imgName; const item = document.createElement("div"); item.className = "gallery-item"; item.onclick = () => openLightbox(fullPath); const img = document.createElement("img"); img.src = fullPath; img.alt = "Recalli Screenshot"; item.appendChild(img); // Add "New" tag if applicable if (index < imageSet.newCount) { const tag = document.createElement("div"); tag.className = "feature-tag"; tag.style = "position: absolute; top: 12px; left: 12px; z-index: 5;"; tag.textContent = copy ? copy.newLabel : "New"; item.appendChild(tag); } gallery.appendChild(item); }); if (copy) { document.title = copy.title; document.querySelector('meta[name="description"]').setAttribute("content", copy.description); document.querySelectorAll(".nav-links a").forEach((link, index) => { if (copy.nav[index]) link.textContent = copy.nav[index]; }); document.querySelector(".kicker").textContent = copy.kicker; document.querySelector(".section-title").textContent = copy.heroTitle; document.querySelector(".section-subtitle").textContent = copy.heroBody; const footer = document.querySelector(".footer .meta"); footer.childNodes[0].textContent = `© ${new Date().getFullYear()} ${copy.copyright} `; footer.querySelectorAll("a").forEach((link, index) => { if (copy.footer[index]) link.textContent = copy.footer[index]; }); } document.getElementById("y").textContent = new Date().getFullYear(); })(); function openLightbox(src) { const lightbox = document.getElementById('lightbox'); const img = document.getElementById('lightbox-img'); img.src = src; lightbox.classList.add('active'); document.body.style.overflow = 'hidden'; // Prevent scrolling when open } function closeLightbox() { const lightbox = document.getElementById('lightbox'); lightbox.classList.remove('active'); document.body.style.overflow = ''; // Restore scrolling } // Close on Escape key document.addEventListener('keydown', (e) => { if (e.key === 'Escape') closeLightbox(); });