Advanced GPU VFX System

technology software

documentation technical

entertainment media

English

The domain '3retr.pages.dev' uses the developer-focused generic top-level domain (.dev) and includes subdomain '3retr'. The second-level label 'pages' is 5 characters long containing two vowels alongside 3 consonants. Breaking it apart gives 1 word: pages. No strong language cues emerged from the frequency lists.

html/63/c9/63c9100d-06f3-4dac-8e52-35b66ee51912.html.gz

require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/apps-themes

attachment; filename="calming-rain-257596.mp3"

attachment; filename="snowing-on-a-windscreen-cover-148033.mp3"

attachment; filename="030822_leaves-rustling-in-wind-79518.mp3"

176e894661aa9cdc9a5cba6c720044cbbf7b8bd80d1c9a142a7c24b1b6c50d15

3ed40678f4e0b3c2cc99c7982e2b80f339c055d09467ab4bfca225649eb48e3e

9274bbcec8d96168626c732b5d31c775aa8cfb7eaa0599bec0c175908a2c1ce2

6c16f95a8ef0f8ed9aaeebeb130c1919e0400cce6ffb01b3c7092efb0bcfcc00

e8568d9f013ac7d279cf0d825e0c7e9d8a228419e8cdf58926df2da4ce340d18

98f7639bf97f574efbd0e6dec6043fb420dceee8d28ce027a45eb9febc9f59c7

986555e545cf4b11a67158f598c4ff20fb807217f6eb8df861cdc67d7648af20

dbd64c67adddf59af117db571ce80e8b67ff425119ceb10351b60d07453f2051

08ab22cbc89b93317b541098d73446555aea9b33d3314bd88353bc6d8a5101b8

cee4b66ac8abb94cf7e5212fb780a2afdb2aacf505a14c8083678a4021a3ee6a

1011a6c70c024fbfc6f76c51ed4c11a3b0f8158b87590e922071e8d33eaeef62

26c393b6fa7c57dd904764ca859f2875cb08338803958e0e46a63141f37f36ef

f678921ddf1545103ac34663929fb36d4cdedfd5cb05bea4275b7b63afc35190

096173f4ddfe79b396efd33e123910d0bd3df04f8b0ad0cd24e5b493b24472a6

f0ec6342e658d9e99684c0168af14b25e0391c5b307d88ff8424dd97fc72697b

viewport

HSTS header missing - vulnerable to protocol downgrade attacks

CSP header missing - vulnerable to XSS attacks

child-src https:  chrome-untrusted://new-tab-page/ chrome-untrusted://ntp-microsoft-auth/;connect-src chrome://webui-test chrome://resources chrome://theme 'self';default-src 'self';font-src chrome://resources 'self';img-src chrome://resources chrome://theme chrome://image chrome://favicon2 chrome://app-icon chrome://extension-icon chrome://fileicon blob: data: 'self';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources chrome://webui-test 'self';style-src chrome://resources chrome://theme 'self' 'unsafe-inline';trusted-types parse-html-subset sanitize-inner-html static-types lottie-worker-script-loader webui-test-script webui-test-html polymer-html-literal polymer-template-event-attribute-policy lit-html-desktop;frame-ancestors 'none';

child-src 'none';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources 'self';trusted-types;worker-src blob: 'self';frame-ancestors 'none';

base-uri 'none';child-src https:;form-action https://ogs.google.com https://*.corp.google.com;object-src 'none';script-src 'self' 'unsafe-inline' https:;frame-ancestors chrome://new-tab-page/

child-src 'none';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources 'self';trusted-types;frame-ancestors 'none';

Abuse Team

CloudFlare, Inc.

pages.dev

Abuse

Admin

Cloudflare-NOC

Cloudflare, Inc.

CLOUDFLARENET


  (async () => {
  const params = new URLSearchParams(location.search);
  const campaignId = params.get("campaign");
  const source = params.get("source");

  // 🚫 IMPORTANT: do NOTHING unless coming from subdomain
  if (source !== "subdomain" || !campaignId) {
    return;
  }

  // Default: audience mode (editor hidden)
  hideEditorUI();
  disableAllInputs();

  const res = await fetch(
    "https://story-api.story-backend.workers.dev/getPublishedCampaign?id=" +
      campaignId
  );

  if (!res.ok) {
    document.body.innerHTML =
      "<h2 style='color:white;text-align:center;margin-top:20vh'>Campaign not found</h2>";
    return;
  }

  const snapshot = await res.json();

  // ✅ SINGLE, DETERMINISTIC RENDER
  loadProject(snapshot);
})();




  (async function enforceDraftOnly() {
  const params = new URLSearchParams(location.search);
  const campaignId = params.get("campaign");
  const token = params.get("token");

  if (!campaignId || !token) return;

  const res = await fetch(
    "https://story-api.story-backend.workers.dev/verifyEditorToken",
    {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ campaign_id: campaignId, token })
    }
  );

  const data = await res.json();

  if (!data.ok) {
    document.body.innerHTML =
      "<h2 style='color:white;text-align:center;margin-top:20vh'>Editor access denied</h2>";
    throw new Error("Editor blocked");
  }
})();




// Simple async IndexedDB wrapper
const VideoDB = {
    db: null,

    async init() {
        return new Promise((resolve) => {
            const request = indexedDB.open("BubbleVideosDB", 1);
            request.onupgradeneeded = function(e) {
    const db = e.target.result;
    const store = db.createObjectStore("videos", { keyPath: "id" });
};
            request.onsuccess = function(e) {
                VideoDB.db = e.target.result;
                resolve();
            };
        });
    },

    async saveVideo(
  id,
  blob,
  placement = "center",
  type = "video",
  transform = { zoom: 1, x: 0, y: 0, rotation: 0 }
) {
  return new Promise((resolve) => {
    const tx = VideoDB.db.transaction("videos", "readwrite");
    tx.objectStore("videos").put({
      id,
      blob,
      placement,
      type,
      transform
    });
    tx.oncomplete = resolve;
  });
},

async loadVideo(id) {
  return new Promise((resolve) => {
    const tx = VideoDB.db.transaction("videos", "readonly");
    const req = tx.objectStore("videos").get(id);

    req.onsuccess = () => {
      const result = req.result;

      if (!result) {
        resolve(null);
        return;
      }

      // 🟢 NEW FORMAT: { id, blob, placement, type }
      if (result.blob instanceof Blob) {
        const t = result.transform || {};
        resolve({
          blob:      result.blob,
          placement: result.placement || "center",
          type:      result.type      || "video",
          transform: {
            zoom:     t.zoom     ?? 1,
            x:        t.x        ?? 0,
            y:        t.y        ?? 0,
            rotation: t.rotation ?? 0
          }
        });
        return;
      }

      // 🟡 OLD FORMAT: { id, blob }
      if (result instanceof Object && result.blob instanceof Blob) {
        resolve({
          blob: result.blob,
          placement: "center",
          type: "video"
        });
        return;
      }

      // 🔴 VERY OLD FORMAT: Blob only
      if (result instanceof Blob) {
        resolve({
          blob: result,
          placement: "center",
          type: "video"
        });
        return;
      }

      console.warn("⚠️ Unknown video record format:", result);
      resolve(null);
    };
  });
}
};



  // ===============================
// 🔊 Bubble Narration IndexedDB
// ===============================
const BubbleNarrationDB = {
  db: null,

  async init() {
    return new Promise((resolve) => {
      const req = indexedDB.open("BubbleNarrationDB", 1);

      req.onupgradeneeded = e => {
        const db = e.target.result;
        db.createObjectStore("narrations", { keyPath: "id" });
      };

      req.onsuccess = e => {
        this.db = e.target.result;
        resolve();
      };
    });
  },

  async save(id, data) {
  if (!this.db) await this.init();

  return new Promise(resolve => {
    const tx = this.db.transaction("narrations", "readwrite");
      tx.objectStore("narrations").put({ id, ...data });
      tx.oncomplete = resolve;
    });
  },

  async load(id) {
  if (!this.db) await this.init();

  return new Promise(resolve => {
    const tx = this.db.transaction("narrations", "readonly");
      const req = tx.objectStore("narrations").get(id);
      req.onsuccess = () => resolve(req.result || null);
    });
  }
};




  // ===============================
// 🎇 Bubble VFX IndexedDB
// ===============================
const BubbleVFXDB = {
  db: null,

  async init() {
    return new Promise(resolve => {
      const req = indexedDB.open("BubbleVFXDB", 1);

      req.onupgradeneeded = e => {
        const db = e.target.result;
        db.createObjectStore("vfx", { keyPath: "id" });
      };

      req.onsuccess = e => {
        this.db = e.target.result;
        resolve();
      };
    });
  },

  async save(id, data) {
    if (!this.db) await this.init();

    return new Promise(resolve => {
      const tx = this.db.transaction("vfx", "readwrite");
      tx.objectStore("vfx").put({ id, ...data });
      tx.oncomplete = resolve;
    });
  },

  async load(id) {
    if (!this.db) await this.init();

    return new Promise(resolve => {
      const tx = this.db.transaction("vfx", "readonly");
      const req = tx.objectStore("vfx").get(id);
      req.onsuccess = () => resolve(req.result || null);
    });
  }
};




    (function() {
    // --- CORE VARIABLES AND CONSTANTS ---
    let EDITOR_PASSWORD = localStorage.getItem("EDITOR_PASSWORD") || "12345NME09876";
    const MAX_ALLOWED_BUBBLES = 50; 
    let isEdit


/* ==========================================================
   VFX UI TOGGLE ON BACKGROUND CLICK (Now independent)
   ========================================================== */
(function () {
    const root = document.getElementById('narrative-engine-root');
    const vfxControls = document.getElementById('ui-controls');

    if (!root || !vfxControls) return;

    // Start hidden
    vfxControls.style.display = 'none';
    vfxControls.classList.remove('editor-mode-only');

    root.addEventListener('click', function (event) {
        const isBackgroundClick =
            event.target.id === 'vfx-container' ||
            event.target.classList.contains('background-ui') ||
            event.target.closest('#vfx-container');

        if (isBackgroundClick) {
            event.stopPropagation();
            vfxControls.style.display =
                vfxControls.style.display === 'none' ? 'block' : 'none';
        }
    });
})();



  /* ── Re-sync gate UI from DB after a published restore ──────────
   Called by _reloadInMemoryGlobals() after restoring a published
   campaign. authorGateBoot already ran at page load with empty DB;
   this re-applies whatever was written by the restore to the live UI.
───────────────────────────────────────────────────────────────── */
async function _resyncGateUIFromDB() {
  await GateDB.init();
  const stored = await GateDB.load();
  if (!stored) return;

  const cfg = stored;

  /* ── Re-apply product image ── */
  const shell = document.getElementById('gateProductShell');
  const img   = document.getElementById('gateProductImage');
  const blurBg = document.getElementById('gate-blur-bg');

  if (img && cfg.productImage) {
    img.src = cfg.productImage;
    if (shell) shell.classList.add('has-image');
    if (blurBg) {
      blurBg.style.backgroundImage = `url("${cfg.productImage}")`;
      blurBg.style.opacity = '0.75';
    }
    console.log('✅ Gate productImage re-applied after restore, length:', cfg.productImage.length);
  } else if (img) {
    img.removeAttribute('src');
    if (shell) shell.classList.remove('has-image');
    if (blurBg) { blurBg.style.backgroundImage = 'none'; blurBg.style.opacity = '0'; }
  }

  /* ── Re-apply brand logo ── */
  const brandLogoImg   = document.getElementById('gateBrandLogoImg');
  const brandLogoEmpty = document.getElementById('gateBrandLogoEmpty');

  if (brandLogoImg && cfg.brandLogo) {
    brandLogoImg.src = cfg.brandLogo;
    brandLogoImg.style.display = 'block';
    if (brandLogoEmpty) brandLogoEmpty.style.display = 'none';
    console.log('✅ Gate brandLogo re-applied after restore, length:', cfg.brandLogo.length);
  } else if (brandLogoImg) {
    brandLogoImg.style.display = 'none';
    if (brandLogoEmpty) brandLogoEmpty.style.display = 'flex';
  }

  /* ── Re-apply text fields ── */
  const titleEl    = document.getElementById('gateTitle');
  const subtitleEl = document.getElementById('gateSubtitle');
  const enterBtn   = document.getElementById('ag-enter-btn');
  const exitBtn    = document.getElementById('ag-exit-btn');
  const overlay    = document.getElementById('author-gate-overlay');

  if (titleEl    && cfg.title)      titleEl.textContent    = cfg.title;
  if (subtitleEl && cfg.subtitle)   subtitleEl.textContent = cfg.subtitle;
  if (enterBtn   && cfg.enterLabel) enterBtn.textContent   = cfg.enterLabel;
  if (exitBtn    && cfg.exitLabel)  exitBtn.textContent    = cfg.exitLabel;

  /* ── Re-apply theme colors ── */
  if (overlay && cfg.bgColor1) {
    if (cfg.bgMode === 'gradient') {
      overlay.classList.add('gradient-bg');
      overlay.style.background = `linear-gradient(${cfg.bgAngle ?? 135}deg, ${cfg.bgColor1}, ${cfg.bgColor2 || cfg.bgColor1})`;
    } else {
      overlay.classList.remove('gradient-bg');
      overlay.style.background = cfg.bgColor1;
    }
  }

  if (overlay && cfg.glowColor) {
    const r = parseInt(cfg.glowColor.slice(1,3),16);
    const g = parseInt(cfg.glowColor.slice(3,5),16);
    const b = parseInt(cfg.glowColor.slice(5,7),16);
    overlay.style.setProperty('--gate-glow-color', `rgba(${r},${g},${b},.38)`);
  }

  if (enterBtn && cfg.enterText && cfg.enterBg1) {
    enterBtn.style.color      = cfg.enterText;
    enterBtn.style.background = `linear-gradient(${cfg.enterAngle ?? 90}deg, ${cfg.enterBg1}, ${cfg.enterBg2 || cfg.enterBg1})`;
  }
  
  /* Patch live cfg closure so gate editor popup reflects restored values */
  if (window._authorGateCfgRef) {
    const freshCfg = stored; /* `stored` is the GateDB.load() result already in scope */
    const ref = window._authorGateCfgRef;
    if (freshCfg.title)           ref.title           = freshCfg.title;
    if (freshCfg.subtitle)        ref.subtitle        = freshCfg.subtitle;
    if (freshCfg.enterLabel)      ref.enterLabel      = freshCfg.enterLabel;
    if (freshCfg.exitLabel)       ref.exitLabel       = freshCfg.exitLabel;
    if (freshCfg.exitFallbackUrl) ref.exitFallbackUrl = freshCfg.exitFallbackUrl;
    if (freshCfg.productImage)    ref.productImage    = freshCfg.productImage;
    if (freshCfg.brandLogo)       ref.brandLogo       = freshCfg.brandLogo;
    if (freshCfg.glowColor)       ref.glowColor       = freshCfg.glowColor;
    if (freshCfg.bgMode)          ref.bgMode          = freshCfg.bgMode;
    if (freshCfg.bgColor1)        ref.bgColor1        = freshCfg.bgColor1;
    if (freshCfg.bgColor2)        ref.bgColor2        = freshCfg.bgColor2;
    if (freshCfg.bgAngle != null) ref.bgAngle         = freshCfg.bgAngle;
    if (freshCfg.enterText)       ref.enterText       = freshCfg.enterText;
    if (freshCfg.enterBg1)        ref.enterBg1        = freshCfg.enterBg1;
    if (freshCfg.enterBg2)        ref.enterBg2        = freshCfg.enterBg2;
    if (freshCfg.enterAngle != null) ref.enterAngle   = freshCfg.enterAngle;
  }

  console.log('✅ Gate UI fully re-synced from DB after published restore');
}

(async function authorGateBoot() {
  const overlay      = document.getElementById('author-gate-overlay');
  const blurBg       = document.getElementById('gate-blur-bg');
  const enterBtn     = document.getElementById('ag-enter-btn');
  const exitBtn      = document.getElementById('ag-exit-btn');
  const shell        = document.getElementById('gateProductShell');
  const img          = document.getElementById('gateProductImage');
  const upload       = document.getElementById('gateProductUpload');
  const titleEl      = document.getElementById('gateTitle');
  const subtitleEl   = document.getElementById('gateSubtitle');
  const miniEditor   = document.getElementById('gate-mini-editor');
  const toggleBtn    = document.getElementById('gate-editor-toggle-btn');
  const miniTitle    = document.getElementById('gate-mini-title');
  const miniSubtitle = document.getElementById('gate-mini-subtitle');
  const miniEnter    = document.getElementById('gate-mini-enter');
  const miniExit     = document.getElementById('gate-mini-exit');
  const miniUpload   = document.getElementById('gate-mini-upload');
  const miniDeleteBtn= document.getElementById('gate-delete-image-btn');
  const miniSaveBtn  = document.getElementById('gate-mini-save');

  // Brand logo elements
  const brandLogoWrap  = document.getElementById('gateBrandLogoWrap');
  const brandLogoImg   = document.getElementById('gateBrandLogoImg');
  const brandLogoEmpty = document.getElementById('gateBrandLogoEmpty');
  const brandLogoUpload= document.getElementById('gateBrandLogoUpload');
  const miniLogoUpload = document.getElementById('gate-mini-logo-upload');
  const deleteLogoBtn  = document.getElementById('gate-delete-logo-btn');

  const enterTextColorInput = document.getElementById('gate-enter-text-color');
  const enterBg1Input = document.getElementById('gate-enter-bg1');
  const enterBg2Input = document.getElementById('gate-enter-bg2');
  const bgModeInput   = document.getElementById('gate-bg-mode');
  const bgColor1Input = document.getElementById('gate-bg-color1');
  const bgColor2Input = document.getElementById('gate-bg-color2');
  const glowColorInput= document.getElementById('gate-glow-color');

  await GateDB.init();

  const defaults = {
    title: "You've been invited.",
    subtitle: "This experience is built for this product. It takes about 90 seconds.",
    enterLabel: "Enter Experience",
    exitLabel: "Exit — take me back",
    productImage: "",
    brandLogo: "",
    glowColor: "#147EF5",
    bgMode: "solid",
    bgColor1: "#0a0a0a",
    bgColor2: "#1a1a1a",
    bgAngle: 135,
    enterText: "#000000",
    enterBg1: "#147EF5",
    enterBg2: "#00C2A8",
    enterAngle: 90
  };

  let cfg = { ...defaults, ...(await GateDB.load() || {}) };
  window._authorGateCfgRef = cfg;

  function applyGlowColor(hex) {
    if (!hex) return;
    const r = parseInt(hex.slice(1,3),16);
    const g = parseInt(hex.slice(3,5),16);
    const b = parseInt(hex.slice(5,7),16);
    overlay.style.setProperty('--gate-glow-color', `rgba(${r},${g},${b},.38)`);
  }

  function applyGateTheme() {
    overlay.style.setProperty('--gate-enter-text', cfg.enterText);
    overlay.style.setProperty('--gate-enter-bg1',  cfg.enterBg1);
    overlay.style.setProperty('--gate-enter-bg2',  cfg.enterBg2);
    overlay.style.setProperty('--gate-enter-angle',`${cfg.enterAngle}deg`);

    applyGlowColor(cfg.glowColor || '#147EF5');

    if (cfg.bgMode === 'gradient') {
      overlay.classList.add('gradient-bg');
      overlay.style.background = `linear-gradient(${cfg.bgAngle}deg, ${cfg.bgColor1}, ${cfg.bgColor2})`;
    } else {
      overlay.classList.remove('gradient-bg');
      overlay.style.background = cfg.bgColor1;
    }

    enterBtn.style.color = cfg.enterText;
    enterBtn.style.background = `linear-gradient(${cfg.enterAngle}deg, ${cfg.enterBg1}, ${cfg.enterBg2})`;
  }

  function applyBrandLogo() {
    if (cfg.brandLogo) {
      brandLogoImg.src = cfg.brandLogo;
      brandLogoImg.style.display = 'block';
      brandLogoEmpty.style.display = 'none';
    } else {
      brandLogoImg.style.display = 'none';
      brandLogoEmpty.style.display = 'flex';
    }
  }

  function syncGateToScreen() {
    titleEl.textContent    = cfg.title;
    subtitleEl.textContent = cfg.subtitle;
    enterBtn.textContent   = cfg.enterLabel;
    exitBtn.textContent    = cfg.exitLabel;

    applyBrandLogo();

    if (cfg.productImage) {
      img.src = cfg.productImage;
      shell.classList.add('has-image');
      if (blurBg) {
        blurBg.style.backgroundImage = `url("${cfg.productImage}")`;
        blurBg.style.opacity = '0.75';
      }
    } else {
      img.removeAttribute('src');
      shell.classList.remove('has-image');
      if (blurBg) { blurBg.style.backgroundImage = 'none'; blurBg.style.opacity = '0'; }
    }

    applyGateTheme();
  }

  async function saveGateConfig() {
    await GateDB.save({
      title:           cfg.title,
      subtitle:        cfg.subtitle,
      enterLabel:      cfg.enterLabel,
      exitLabel:       cfg.exitLabel,
      exitFallbackUrl: cfg.exitFallbackUrl || "",
      productImage:    cfg.productImage || "",
      brandLogo:       cfg.brandLogo || "",
      glowColor:       cfg.glowColor || "#147EF5",
      bgMode:          cfg.bgMode,
      bgColor1:        cfg.bgColor1,
      bgColor2:        cfg.bgColor2,
      bgAngle:         Number(cfg.bgAngle ?? 135),
      enterText:       cfg.enterText,
      enterBg1:        cfg.enterBg1,
      enterBg2:        cfg.enterBg2,
      enterAngle:      Number(cfg.enterAngle ?? 90)
    });
  }

  syncGateToScreen();

  // Live edit title/subtitle
  titleEl.addEventListener('blur', async () => {
    cfg.title = titleEl.textContent.trim() || defaults.title;
    await saveGateConfig();
  });
  subtitleEl.addEventListener('blur', async () => {
    cfg.subtitle = subtitleEl.textContent.trim() || defaults.subtitle;
    await saveGateConfig();
  });

  // Product image upload (main)
  upload.addEventListener('change', e => {
    const file = e.target.files?.[0];
    if (!file) return;
    const reader = new FileReader();
    reader.onload = async ev => {
      cfg.productImage = ev.target.result;
      syncGateToScreen();
      await saveGateConfig();
    };
    reader.readAsDataURL(file);
  });

  // Brand logo upload (main gate top-left)
  brandLogoUpload.addEventListener('change', e => {
    const file = e.target.files?.[0];
    if (!file) return;
    const reader = new FileReader();
    reader.onload = async ev => {
      cfg.brandLogo = ev.target.result;
      applyBrandLogo();
      await saveGateConfig();
    };
    reader.readAsDataURL(file);
  });

  // Mini editor open/close
  let editorOpen = false;
  function openMiniEditor() {
    editorOpen = true;
    miniEditor.style.display = 'block';
    miniTitle.value    = cfg.title;
    miniSubtitle.value = cfg.subtitle;
    miniEnter.value    = cfg.enterLabel;
    miniExit.value     = cfg.exitLabel;
    const exitUrlEl = document.getElementById('gate-mini-exit-url');
    if (exitUrlEl) exitUrlEl.value = cfg.exitFallbackUrl || '';
    enterTextColorInput.value = cfg.enterText;
    enterBg1Input.value       = cfg.enterBg1;
    enterBg2Input.value       = cfg.enterBg2;
    bgModeInput.value         = cfg.bgMode;
    bgColor1Input.value       = cfg.bgColor1;
    bgColor2Input.value       = cfg.bgColor2;
    if (glowColorInput) glowColorInput.value = cfg.glowColor || '#147EF5';
  }
  function closeMiniEditor() { editorOpen = false; miniEditor.style.display = 'none'; }

  toggleBtn.addEventListener('click', () => {
    if (editorOpen) { closeMiniEditor(); return; }
    overlay.classList.remove('gate-gone','gate-opening','gate-entering');
    overlay.style.display = '';
    overlay.style.opacity = '1';
    enterBtn.disabled = false;
    exitBtn.style.opacity = '1';
    openMiniEditor();
  });

  // Live preview on color changes
  [enterTextColorInput, enterBg1Input, enterBg2Input, bgModeInput, bgColor1Input, bgColor2Input, glowColorInput]
    .filter(Boolean).forEach(el => {
      el.addEventListener('input', () => {
        cfg.enterText = enterTextColorInput.value;
        cfg.enterBg1  = enterBg1Input.value;
        cfg.enterBg2  = enterBg2Input.value;
        cfg.bgMode    = bgModeInput.value;
        cfg.bgColor1  = bgColor1Input.value;
        cfg.bgColor2  = bgColor2Input.value;
        if (glowColorInput) cfg.glowColor = glowColorInput.value;
        applyGateTheme();
      });
    });

  // Delete product image
  miniDeleteBtn.addEventListener('click', async () => {
    cfg.productImage = '';
    syncGateToScreen();
    await saveGateConfig();
  });

  // Delete brand logo
  if (deleteLogoBtn) {
    deleteLogoBtn.addEventListener('click', async () => {
      cfg.brandLogo = '';
      applyBrandLogo();
      await saveGateConfig();
    });
  }

  // Mini logo upload
  if (miniLogoUpload) {
    miniLogoUpload.addEventListener('change', e => {
      const file = e.target.files?.[0];
      if (!file) return;
      const reader = new FileReader();
      reader.onload = async ev => {
        cfg.brandLogo = ev.target.result;
        applyBrandLogo();
        await saveGateConfig();
      };
      reader.readAsDataURL(file);
    });
  }

  // Mini product image upload
  miniUpload.addEventListener('change', e => {
    const file = e.target.files?.[0];
    if (!file) return;
    const reader = new FileReader();
    reader.onload = async ev => {
      cfg.productImage = ev.target.result;
      syncGateToScreen();
      await saveGateConfig();
    };
    reader.readAsDataURL(file);
  });

  // Save & close
  miniSaveBtn.addEventListener('click', async () => {
    cfg.title       = miniTitle.value.trim()    || defaults.title;
    cfg.subtitle    = miniSubtitle.value.trim() || defaults.subtitle;
    cfg.enterLabel  = miniEnter.value.trim()    || defaults.enterLabel;
    cfg.exitLabel   = miniExit.value.trim()     || defaults.exitLabel;
    const exitUrlEl = document.getElementById('gate-mini-exit-url');
    if (exitUrlEl) cfg.exitFallbackUrl = exitUrlEl.value.trim();
    cfg.enterText = enterTextColorInput.value;
    cfg.enterBg1  = enterBg1Input.value;
    cfg.enterBg2  = enterBg2Input.value;
    cfg.bgMode    = bgModeInput.value;
    cfg.bgColor1  = bgColor1Input.value;
    cfg.bgColor2  = bgColor2Input.value;
    if (glowColorInput) cfg.glowColor = glowColorInput.value;
    /* PRESERVE existing images — never overwrite with empty string */
    /* cfg.productImage and cfg.brandLogo are only changed by their own upload handlers */
    syncGateToScreen();
    await saveGateConfig();
    closeMiniEditor();
  });

  // Enter experience
  enterBtn.addEventListener('click', () => {
    enterBtn.disabled = true;
    exitBtn.style.opacity = '0.2';
    overlay.classList.add('gate-entering');
    setTimeout(() => overlay.classList.add('gate-opening'), 180);
    setTimeout(() => overlay.classList.add('gate-gone'), 1100);
  });

  // Exit experience
  exitBtn.addEventListener('click', () => {
    const url = cfg.exitFallbackUrl || cfg.exitUrl || document.referrer || 'about:blank';
    overlay.style.opacity = '0';
    setTimeout(() => { location.replace(url); }, 300);
  });

  window.getGateExportData = function() {
    return {
      title:           cfg.title,
      subtitle:        cfg.subtitle,
      enterLabel:      cfg.enterLabel,
      exitLabel:       cfg.exitLabel,
      exitFallbackUrl: cfg.exitFallbackUrl || "",
      productImage:    cfg.productImage || "",
      brandLogo:       cfg.brandLogo || "",
      glowColor:       cfg.glowColor || "#147EF5",
      bgMode:          cfg.bgMode,
      bgColor1:        cfg.bgColor1,
      bgColor2:        cfg.bgColor2,
      bgAngle:         Number(cfg.bgAngle ?? 135),
      enterText:       cfg.enterText,
      enterBg1:        cfg.enterBg1,
      enterBg2:        cfg.enterBg2,
      enterAngle:      Number(cfg.enterAngle ?? 90)
    };
  };
})();


Requests	IP Address	Location	AS Autonomous System
5	104.26.2.143	United States	AS13335Cloudflare, Inc.
1	172.64.147.160	United States	AS13335Cloudflare, Inc.
1	192.163.208.117	United States	AS46606Unified Layer
1	104.18.40.96	United States	AS13335Cloudflare, Inc.
1	104.17.25.14	United States	AS13335Cloudflare, Inc.
1	172.67.68.11	United States	AS13335Cloudflare, Inc.
1	172.66.47.88	United States	AS13335Cloudflare, Inc.
1	142.251.110.94	United States	AS15169Google LLC
1	142.251.14.95	United States	AS15169Google LLC
13	9	-	-

Security Scan Report: 3retr.pages.dev

Summary

AI Security Verdict

Low Risk

Risk Factors

Safety Factors

Details

Bot Protection Detected

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies6

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History