diff --git a/screenshots/connect-desktop.png b/screenshots/connect-desktop.png new file mode 100644 index 00000000..58c44b05 Binary files /dev/null and b/screenshots/connect-desktop.png differ diff --git a/screenshots/connect-mobile.png b/screenshots/connect-mobile.png new file mode 100644 index 00000000..d56c9917 Binary files /dev/null and b/screenshots/connect-mobile.png differ diff --git a/screenshots/connect-social-1200x630.png b/screenshots/connect-social-1200x630.png new file mode 100644 index 00000000..116f82bc Binary files /dev/null and b/screenshots/connect-social-1200x630.png differ diff --git a/screenshots/marketplace-desktop.png b/screenshots/marketplace-desktop.png new file mode 100644 index 00000000..dd00608a Binary files /dev/null and b/screenshots/marketplace-desktop.png differ diff --git a/screenshots/marketplace-mobile.png b/screenshots/marketplace-mobile.png new file mode 100644 index 00000000..b83576c2 Binary files /dev/null and b/screenshots/marketplace-mobile.png differ diff --git a/screenshots/marketplace-social-1200x630.png b/screenshots/marketplace-social-1200x630.png new file mode 100644 index 00000000..8b6e5d26 Binary files /dev/null and b/screenshots/marketplace-social-1200x630.png differ diff --git a/scripts/capture-extra.mjs b/scripts/capture-extra.mjs new file mode 100644 index 00000000..9ec3c7c0 --- /dev/null +++ b/scripts/capture-extra.mjs @@ -0,0 +1,32 @@ +import puppeteer from 'puppeteer'; + +const BASE = 'http://127.0.0.1:8080'; +const OUT = 'screenshots'; + +const pages = [ + { name: 'marketplace', path: '/marketplace' }, + { name: 'connect', path: '/connect' }, +]; + +const browser = await puppeteer.launch({ + headless: true, + args: ['--no-sandbox', '--disable-setuid-sandbox', '--hide-scrollbars', '--force-color-profile=srgb'], +}); + +for (const p of pages) { + const url = BASE + p.path; + const d = await browser.newPage(); + await d.setViewport({ width: 1440, height: 900, deviceScaleFactor: 2 }); + await d.goto(url, { waitUntil: 'networkidle2', timeout: 60000 }); + await d.evaluate(() => document.fonts && document.fonts.ready); + await new Promise((r) => setTimeout(r, 6000)); + await d.screenshot({ path: `${OUT}/${p.name}-desktop.png` }); + await d.setViewport({ width: 390, height: 844, deviceScaleFactor: 3, isMobile: true, hasTouch: true }); + await d.goto(url, { waitUntil: 'networkidle2', timeout: 60000 }); + await new Promise((r) => setTimeout(r, 6000)); + await d.screenshot({ path: `${OUT}/${p.name}-mobile.png` }); + console.log('OK ' + p.name); + await d.close(); +} +await browser.close(); +console.log('done');