const puppeteer=require('puppeteer');
(async()=>{
const b=await puppeteer.launch({headless:'new',args:['--no-sandbox','--disable-setuid-sandbox','--host-resolver-rules=MAP www.safemyident.de 127.0.0.1','--ignore-certificate-errors']});
async function check(url,label){
  const p=await b.newPage(); await p.setViewport({width:1280,height:800});
  await p.goto(url,{waitUntil:'networkidle2',timeout:60000});
  const r=await p.evaluate(()=>{
    const h=document.querySelector('.site-header'); const cs=getComputedStyle(h);
    const nav=document.querySelector('.site-nav__menu .nav-link'); const name=document.querySelector('.site-brand__name');
    return {hdrBg:cs.backgroundColor, blur:cs.backdropFilter, navColor:nav?getComputedStyle(nav).color:'-', nameColor:name?getComputedStyle(name).color:'-', htmlBg:getComputedStyle(document.documentElement).backgroundColor};
  });
  console.log(label,JSON.stringify(r));
  await p.screenshot({path:'/tmp/smi-shot/hdr-'+label+'.png',clip:{x:0,y:0,width:1280,height:110}});
  await p.close();
}
await check('https://www.safemyident.de/','home');       // hero page
await check('https://www.safemyident.de/datenschutz/','content'); // content page
await b.close();
})().catch(e=>{console.error('ERR',e.message);process.exit(1);});