entertainment media

Korean

Domain 'collage-1bi.pages.dev' uses the developer-focused generic top-level domain (.dev), featuring subdomain 'collage-1bi'. Count 5 characters in 'pages' holding two vowels versus 3 consonants. Tokenizing the label suggests one word: pages. No strong language cues emerged from the frequency lists.

a252c42267b0ed1b6b8ae1c6b9c812781a80a3e0c7e5d5cef0e89ef5dcc79976

6a36222222aa35a27537b24ed6596d319eb86df0da541f6d67a2a0f41b23cad7

9222d58363981da4fe4b202f5c9b8ee39153f0c013a6a9897b19a412b89e2ea5

viewport

theme-color

apple-mobile-web-app-capable

apple-mobile-web-app-status-bar-style

apple-mobile-web-app-title

Abuse Team

CloudFlare, Inc.

pages.dev

Cloudflare Abuse Contact

MNT-CLOUDFLARE

Cloudflare Technical Contact

CLOUDFLARENET-EU


// ══════════════════════════════════════
//  크롭 기능
// ══════════════════════════════════════
let cropTargetCell = -1;
let cropAR = null;        // { w, h } or null (free)
let cropBox = { x:0, y:0, w:0, h:0 }; // canvas display px
let cropMeta = {};        // { dispW, dispH, scale, natW, natH, offX, offY }
let cropDrag = null;      // { type:'move'|'tl'|'tr'|'bl'|'br', startX, startY, origBox }

// ── 유효한 cropBox 범위 보정 ──
function clampCropBox(b, ar) {
  const MIN = 20;
  let { x, y, w, h } = b;
  const { dispW, dispH, offX, offY } = cropMeta;
  const imgR = offX + dispW, imgB = offY + dispH;

  // 최소 크기 보장
  w = Math.max(MIN, w);
  h = ar ? w * ar.h / ar.w : Math.max(MIN, h);
  if (ar && h < MIN) { h = MIN; w = h * ar.w / ar.h; }

  // 이미지 크기 안으로 제한 (AR 포함)
  if (ar) {
    const maxFitW = Math.min(dispW, dispH * ar.w / ar.h);
    w = Math.min(w, maxFitW);
    h = w * ar.h / ar.w;
  } else {
    w = Math.min(w, dispW);
    h = Math.min(h, dispH);
  }

  // 위치를 이미지 범위 안으로 제한
  x = Math.max(offX, Math.min(x, imgR - w));
  y = Math.max(offY, Math.min(y, imgB - h));

  return { x, y, w, h };
}

// ── 크롭박스 DOM 위치 갱신 ──
function renderCropBox() {
  const el = document.getElementById('cropBox');
  el.style.left   = cropBox.x + 'px';
  el.style.top    = cropBox.y + 'px';
  el.style.width  = cropBox.w + 'px';
  el.style.height = cropBox.h + 'px';
  // 크기 표시
  const { scale } = cropMeta;
  const iw = Math.round(cropBox.w / scale), ih = Math.round(cropBox.h / scale);
  document.getElementById('cropSizeLabel').textContent = `${iw} × ${ih} px`;
}

// ── 모달 열기 ──
function openCropModal(cellIdx) {
  if (!images[cellIdx]) return;
  cropTargetCell = cellIdx;
  const imgObj = images[cellIdx].img;

  // 셀 비율 계산
  const { cells } = getCurrentCells();
  if (cellIdx < cells.length) {
    const [,,cw,ch] = cells[cellIdx];
    cropAR = { w: cw, h: ch };
  } else { cropAR = null; }

  // 비율 버튼 초기화
  document.querySelectorAll('.crop-ratio-btn').forEach(b => b.classList.remove('active'));
  document.querySelector('.crop-ratio-btn[data-r="cell"]').classList.add('active');

  const cvs  = document.getElementById('cropCanvas');
  // 모달이 hidden 상태라 ws.clientWidth=0이 되는 문제 방지: CSS 수식으로 직접 계산
  // .crop-inner { width: min(92vw, 720px); padding: 22px } → workspace width = min(92vw,720) - 44
  const maxW = Math.round(Math.min(window.innerWidth * 0.92, 720) - 44);
  const maxH = Math.min(window.innerHeight * 0.55, 480);
  const scale = Math.min(maxW / imgObj.naturalWidth, maxH / imgObj.naturalHeight, 1);
  const dw = imgObj.naturalWidth  * scale;
  const dh = imgObj.naturalHeight * scale;

  cvs.width  = maxW;
  cvs.height = Math.round(dh);   // 캔버스 높이 = 이미지 높이 (여백 없음)
  cvs.style.width  = cvs.width  + 'px';
  cvs.style.height = cvs.height + 'px';
  const offX = (cvs.width - dw) / 2;
  const offY = 0;                // 세로 여백 제거: 이미지가 canvas 상단부터 시작

  const ctx = cvs.getContext('2d');
  ctx.clearRect(0, 0, cvs.width, cvs.height);
  ctx.drawImage(imgObj, offX, offY, dw, dh);

  cropMeta = { scale, dispW: dw, dispH: dh, natW: imgObj.naturalWidth, natH: imgObj.naturalHeight, offX, offY };

  // 초기 크롭박스 (셀 비율로 이미지 중앙)
  initCropBoxForAR(cropAR, dw, dh, offX, offY);

  document.getElementById('cropModal').style.display = 'flex';
}

function initCropBoxForAR(ar, dw, dh, offX, offY) {
  let bw, bh;
  if (ar) {
    const s = Math.min(dw / ar.w, dh / ar.h);
    bw = ar.w * s; bh = ar.h * s;
  } else { bw = dw; bh = dh; }
  cropBox = clampCropBox({ x: offX + (dw - bw) / 2, y: offY + (dh - bh) / 2, w: bw, h: bh }, ar);
  renderCropBox();
}

function closeCropModal() {
  document.getElementById('cropModal').style.display = 'none';
  cropTargetCell = -1; cropDrag = null;
}

// ── 크롭 적용 ──
function applyCrop() {
  const { scale, offX, offY } = cropMeta;
  const ix = Math.round((cropBox.x - offX) / scale);
  const iy = Math.round((cropBox.y - offY) / scale);
  const iw = Math.round(cropBox.w / scale);
  const ih = Math.round(cropBox.h / scale);
  const srcImg = images[cropTargetCell].img;

  const off = document.createElement('canvas');
  off.width = iw; off.height = ih;
  off.getContext('2d').drawImage(srcImg, ix, iy, iw, ih, 0, 0, iw, ih);

  const croppedImg = new Image();
  croppedImg.onload = () => {
    const cd = getCellData(cropTargetCell);
    cd.cropImg = croppedImg;
    cd.zoom = 1; cd.offsetX = 0; cd.offsetY = 0;
    if (selectedCell >= 0) syncZoomSlider(1);
    closeCropModal();
    renderCanvas();
  };
  croppedImg.src = off.toDataURL();
}

// ── 크롭박스 드래그 ──
const cropWs = document.getElementById('cropWorkspace');
const cropEl = document.getElementById('cropBox');

cropEl.addEventListener('mousedown', e => {
  const handle = e.target.dataset.h;
  cropDrag = {
    type: handle || 'move',
    startX: e.clientX, startY: e.clientY,
    origBox: { ...cropBox }
  };
  e.stopPropagation(); e.preventDefault();
});

document.addEventListener('mousemove', e => {
  if (!cropDrag) return;
  const dx = e.clientX - cropDrag.startX;
  const dy = e.clientY - cropDrag.startY;
  const o = cropDrag.origBox;
  let nb;

  if (cropDrag.type === 'move') {
    nb = { x: o.x + dx, y: o.y + dy, w: o.w, h: o.h };
  } else {
    let x = o.x, y = o.y, w = o.w, h = o.h;
    switch (cropDrag.type) {
      case 'br': w = o.w + dx; h = cropAR ? w * cropAR.h / cropAR.w : o.h + dy; break;
      case 'bl': x = o.x + dx; w = o.w - dx; h = cropAR ? w * cropAR.h / cropAR.w : o.h + dy; break;
      case 'tr': w = o.w + dx; h = cropAR ? w * cropAR.h / cropAR.w : o.h - dy;
                 y = cropAR ? o.y + o.h - h : o.y + dy; break;
      case 'tl': w = o.w - dx; h = cropAR ? w * cropAR.h / cropAR.w : o.h - dy;
                 x = o.x + dx; y = cropAR ? o.y + o.h - h : o.y + dy; break;
    }
    nb = { x, y, w, h };
  }
  cropBox = clampCropBox(nb, cropAR);
  renderCropBox();
});

document.addEventListener('mouseup', () => { cropDrag = null; });

// ── 비율 버튼 ──
document.querySelectorAll('.crop-ratio-btn').forEach(btn => {
  btn.addEventListener('click', () => {
    document.querySelectorAll('.crop-ratio-btn').forEach(b => b.classList.remove('active'));
    btn.classList.add('active');
    const r = btn.dataset.r;
    if (r === 'free')     cropAR = null;
    else if (r === 'cell') {
      const { cells } = getCurrentCells();
      if (cropTargetCell < cells.length) {
        const [,,cw,ch] = cells[cropTargetCell]; cropAR = { w: cw, h: ch };
      }
    }
    else if (r === '1:1')  cropAR = { w:1, h:1 };
    else if (r === '4:3')  cropAR = { w:4, h:3 };
    else if (r === '3:4')  cropAR = { w:3, h:4 };
    else if (r === '16:9') cropAR = { w:16, h:9 };
    const { dispW, dispH, offX, offY } = cropMeta;
    initCropBoxForAR(cropAR, dispW, dispH, offX, offY);
  });
});

// ── 버튼 이벤트 ──
document.getElementById('cropBtn').onclick = () => {
  if (selectedCell >= 0) openCropModal(selectedCell);
};
document.getElementById('clearCropBtn').onclick = () => {
  if (selectedCell >= 0) { delete getCellData(selectedCell).cropImg; renderCanvas(); }
};
document.getElementById('cropApplyBtn').onclick  = applyCrop;
document.getElementById('cropCancelBtn').onclick  = closeCropModal;
document.getElementById('cropCloseBtn').onclick   = closeCropModal;
document.getElementById('cropResetBtn').onclick = () => {
  const cd = getCellData(cropTargetCell);
  delete cd.cropImg;
  cd.zoom = 1; cd.offsetX = 0; cd.offsetY = 0;
  if (selectedCell >= 0) syncZoomSlider(1);
  closeCropModal();
  renderCanvas();
};
document.getElementById('cropModal').addEventListener('mousedown', e => {
  if (e.target === document.getElementById('cropModal')) closeCropModal();
});

// ══════════════════════════════════════
//  같은 사이즈로 맞추기 (사진 수 → 균일 zoom)
// ══════════════════════════════════════
document.getElementById('resetCellBtn').addEventListener('click', () => {}, { once: false });
// (기존 onclick 은 유지, 아래에서 추가 버튼으로 처리)

// ══ PWA Service Worker 등록 (로컬 파일로 열면 스킵) ══
if ('serviceWorker' in navigator && location.protocol !== 'file:') {
  window.addEventListener('load', () => {
    navigator.serviceWorker.register('sw.js').catch(() => {});
  });
}


Requests	IP Address	Location	AS Autonomous System
3	188.114.96.3	United States	AS13335Cloudflare, Inc.
3	1	-	-

Security Scan Report: collage-1bi.pages.dev

Summary

AI Security Verdict

Low Risk

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies3

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