documentation technical

English

Domain 'similar-gray-44pqsorh-dpmmszt8jezd.edgeone.dev' uses the developer-focused generic top-level domain (.dev), featuring subdomain 'similar-gray-44pqsorh-dpmmszt8jezd'. The registrable portion 'edgeone' spans 7 characters containing 4 vowels alongside 3 consonants. Breaking it apart gives two words: edge, one. Average segment length settles at 3.5 characters. No strong language cues emerged from the frequency lists.

c0c6c55538a59815c64411fc6c9d4a710527eabad43f0b9190f52c79394db92a

viewport

HSTS header missing - vulnerable to protocol downgrade attacks

CSP header missing - vulnerable to XSS attacks

Prudence Malinki

MarkMonitor Inc.

edgeone.dev

IRT-SG-ACE

ACE administrator

ACE-SG


// ---------- tab switching ----------
const tabBtns = document.querySelectorAll('.tab-btn');
const panels = document.querySelectorAll('.tab-panel');
tabBtns.forEach(btn=>{
  btn.addEventListener('click', ()=>{
    tabBtns.forEach(b=>b.classList.remove('active'));
    panels.forEach(p=>p.classList.remove('active'));
    btn.classList.add('active');
    document.getElementById(btn.dataset.tab).classList.add('active');
    window.scrollTo({top:0, behavior:'smooth'});
  });
});

// ---------- 14.1 purpose flip tiles ----------
const purposes = [
  {title:"Consistency", detail:"Ensures every business communication — presentations, emails, brochures — looks like it came from the same place."},
  {title:"Brand identity", detail:"Lets customers instantly recognise content as belonging to a particular brand."},
  {title:"Professional look", detail:"Creates polished, professional-looking documents every time, not just when someone feels like designing carefully."},
  {title:"Product quality", detail:"Reduces errors in logos, slogans, and names — protecting the accuracy of the brand."}
];
const purposeGrid = document.getElementById('purpose-grid');
purposes.forEach(p=>{
  const tile = document.createElement('div');
  tile.className = 'flip-tile';
  tile.innerHTML = `
    <div class="flip-tile-inner">
      <div class="flip-face flip-front"><h4>${p.title}</h4><div class="tap">tap to reveal</div></div>
      <div class="flip-face flip-back"><p>${p.detail}</p></div>
    </div>`;
  tile.addEventListener('click', ()=> tile.classList.toggle('open'));
  purposeGrid.appendChild(tile);
});

// ---------- 14.1 bubbles ----------
const bubbles = [
  {label:"Letter Heads", size:90, color:"#2fa9d6", ex:"A letterhead repeats the logo, address, and colour scheme on every page of official correspondence."},
  {label:"Reports", size:78, color:"#7c5cf0", ex:"Reports use the same heading styles and cover design as every other formal document from the organisation."},
  {label:"Brochures", size:96, color:"#5cb85c", ex:"Brochures reuse brand colours and fonts so they're recognisable even without reading the text."},
  {label:"Presentations", size:112, color:"#c0392b", ex:"Slide templates carry the same colour palette and logo placement as printed materials."},
  {label:"Digital & Printed Docs", size:88, color:"#e0a800", ex:"Whether it's a PDF or a printed flyer, the same fonts and layout rules apply."},
  {label:"Technical & User Manuals", size:98, color:"#e67e22", ex:"Manuals follow house style so instructions feel trustworthy and consistent with the brand."},
  {label:"Business Cards", size:76, color:"#7098c9", ex:"A tiny card still carries the full brand identity — logo, colours, and typeface."},
  {label:"Ads & Banners", size:118, color:"#d64550", ex:"Adverts are often the first brand contact a customer has — consistency here builds recognition fast."}
];
const bubbleWrap = document.getElementById('bubble-wrap');
const bubbleDetail = document.getElementById('bubble-detail');
bubbles.forEach(b=>{
  const el = document.createElement('div');
  el.className = 'bubble';
  el.style.width = b.size+'px';
  el.style.height = b.size+'px';
  el.style.background = b.color;
  el.style.fontSize = (b.size < 90 ? 9.5 : 10.5)+'px';
  el.textContent = b.label;
  el.addEventListener('click', ()=>{
    bubbleDetail.textContent = b.label + ' — ' + b.ex;
    bubbleDetail.classList.add('show');
  });
  bubbleWrap.appendChild(el);
});

// ---------- 14.2 serif/sans demo ----------
function setFontDemo(kind){
  document.getElementById('btn-serif').classList.toggle('active', kind==='serif');
  document.getElementById('btn-sans').classList.toggle('active', kind==='sans');
  const el = document.getElementById('font-demo-text');
  el.style.fontFamily = kind==='serif' ? 'var(--serif-demo)' : 'var(--sans-demo)';
}
document.getElementById('font-demo-input').addEventListener('input', function(){
  document.getElementById('font-demo-text').textContent = this.value || 'Thing';
});

// ---------- classify game ----------
const classifyData = [
  {text:"Sample Text", font:"var(--serif-demo)", answer:"serif"},
  {text:"Sample Text", font:"var(--sans-demo)", answer:"sans"},
  {text:"Sample Text", font:"Georgia, serif", answer:"serif"},
  {text:"Sample Text", font:"Verdana, sans-serif", answer:"sans"},
  {text:"Sample Text", font:"'Times New Roman', serif", answer:"serif"}
];
const classifyList = document.getElementById('classify-list');
let classifyScore = 0, classifyAnswered = 0;
classifyData.forEach((c,i)=>{
  const row = document.createElement('div');
  row.className = 'classify-item';
  row.innerHTML = `
    <div class="sample" style="font-family:${c.font};">${c.text}</div>
    <div class="classify-btns">
      <button onclick="classifyCheck(${i}, 'serif', this)">Serif</button>
      <button onclick="classifyCheck(${i}, 'sans', this)">Sans Serif</button>
    </div>`;
  classifyList.appendChild(row);
});
function classifyCheck(i, guess, btn){
  const row = btn.closest('.classify-item');
  if(row.classList.contains('answered')) return;
  row.classList.add('answered');
  classifyAnswered++;
  if(guess === classifyData[i].answer){
    row.classList.add('correct');
    classifyScore++;
  } else {
    row.classList.add('incorrect');
  }
  document.getElementById('classify-score').textContent = `Score: ${classifyScore} / ${classifyData.length}`;
}

// ---------- font size slider ----------
function updateSize(val){
  document.getElementById('size-val').textContent = val + 'pt';
  document.getElementById('size-demo-text').style.fontSize = val + 'px';
}

// ---------- colour swatches ----------
const colours = ["#eaf2fa","#2fd6c4","#f5a623","#ef6b6b","#a78bfa","#7c5cf0","#e0a800","#5cb85c"];
const swatchRow = document.getElementById('colour-swatches');
colours.forEach((c,i)=>{
  const sw = document.createElement('div');
  sw.className = 'swatch' + (i===0 ? ' active' : '');
  sw.style.background = c;
  sw.style.color = c;
  sw.addEventListener('click', ()=>{
    document.querySelectorAll('.swatch').forEach(s=>s.classList.remove('active'));
    sw.classList.add('active');
    document.getElementById('colour-demo-text').style.color = c;
  });
  swatchRow.appendChild(sw);
});

// ---------- alignment ----------
function setAlign(val, btn){
  document.querySelectorAll('#t142 .demo-card .demo-controls .demo-btn').forEach(b=>{
    if(b.closest('.demo-card') === btn.closest('.demo-card')) b.classList.remove('active');
  });
  btn.classList.add('active');
  document.getElementById('align-preview').style.textAlign = val;
}

// ---------- text enhancement ----------
const enhState = {bold:false, italic:false, underline:false, strike:false};
function toggleStyle(kind, btn){
  enhState[kind] = !enhState[kind];
  btn.classList.toggle('on', enhState[kind]);
  const el = document.getElementById('enh-demo-text');
  el.style.fontWeight = enhState.bold ? '800' : '400';
  el.style.fontStyle = enhState.italic ? 'italic' : 'normal';
  let deco = [];
  if(enhState.underline) deco.push('underline');
  if(enhState.strike) deco.push('line-through');
  el.style.textDecoration = deco.join(' ') || 'none';
}

// ---------- bullets/numbering ----------
const listItems = ["Align left","Align right","Centre","Justify"];
function setListType(kind, btn){
  document.querySelectorAll('#t142 .demo-card .demo-controls .demo-btn').forEach(b=>{
    if(b.closest('.demo-card') === btn.closest('.demo-card')) b.classList.remove('active');
  });
  btn.classList.add('active');
  const target = document.getElementById('list-demo');
  if(kind === 'bullet'){
    target.innerHTML = '<ul style="margin:0; padding-left:22px;">' + listItems.map(i=>`<li style="margin-bottom:4px;">${i}</li>`).join('') + '</ul>';
  } else {
    target.innerHTML = '<ol style="margin:0; padding-left:22px;">' + listItems.map(i=>`<li style="margin-bottom:4px;">${i}</li>`).join('') + '</ol>';
  }
}
setListType('bullet', document.querySelector('#t142 .demo-card .demo-btn'));

// ---------- accordion ----------
function toggleAcc(id){
  document.getElementById(id).classList.toggle('open');
}

// ---------- assessment quiz engine (shared by pre-assessment and AO1/AO2 sections) ----------
const preQuizData = [
  {q:"What do you think a 'font' is?", opts:["A set of text characters in a specific style and size","A type of printer","A colour palette","A page margin setting"], correct:0},
  {q:"Which of these fonts has small 'feet' (strokes) on the ends of letters?", opts:["Arial","Times New Roman","Calibri","Verdana"], correct:1},
  {q:"Which alignment spreads text evenly between both page margins?", opts:["Align left","Align right","Centre","Justify"], correct:3},
  {q:"True or False: A numbered list should be used when the order of items doesn't matter.", opts:["True","False"], correct:1},
  {q:"Why might a company want every document to look the same?", opts:["It's required by law","So customers instantly recognise the brand","It makes files smaller","It's the only option in Word"], correct:1},
  {q:"Which tool would you use to make a heading stand out?", opts:["Bold","Spell check","Page number","Track changes"], correct:0}
];

const ao1Data = [
  {q:"What is the overall appearance of text or an object in a document called?", opts:["A font","A style","A margin","A template"], correct:1},
  {q:"Which of these is a sans-serif font?", opts:["Times New Roman","Georgia","Arial","Century"], correct:2},
  {q:"What term describes letters and numbers designed in a specific visual style?", opts:["Typeface","Alignment","Style sheet","Justification"], correct:0},
  {q:"Font size is measured in which unit?", opts:["Pixels only","Points (pt)","Centimetres","Percent"], correct:1}
];

const ao2McqData = [
  {q:"A poster needs its main heading to stand out immediately. Which combination best achieves this?", opts:["Small serif font, no bold","Large sans-serif font, bold, coloured","Italic 10pt Times New Roman","Underlined 8pt Arial"], correct:1},
  {q:"You're listing steps that must be followed in order to bake a cake. Which list type is correct?", opts:["Bulleted list","Numbered list","No list needed","Table of contents"], correct:1},
  {q:"A report will be read mostly as small body text on paper. Which font family is traditionally easier to read at small sizes?", opts:["Sans serif","Serif","Handwriting fonts","It never matters"], correct:1}
];

function renderQuiz(containerId, data){
  const container = document.getElementById(containerId);
  container.innerHTML = "";
  data.forEach((item, qi)=>{
    const card = document.createElement('div');
    card.className = 'q-card';
    card.innerHTML = `<div class="q-text">${qi+1}. ${item.q}</div>
      <div class="q-opts" data-q="${qi}">
        ${item.opts.map((o,oi)=>`<div class="q-opt" data-o="${oi}">${o}</div>`).join('')}
      </div>`;
    container.appendChild(card);
  });
  container.querySelectorAll('.q-opts').forEach(group=>{
    group.addEventListener('click', (e)=>{
      const opt = e.target.closest('.q-opt');
      if(!opt) return;
      group.querySelectorAll('.q-opt').forEach(o=>o.classList.remove('selected'));
      opt.classList.add('selected');
    });
  });
}
function markQuiz(containerId, data, scoreId){
  const container = document.getElementById(containerId);
  let score = 0;
  data.forEach((item, qi)=>{
    const group = container.querySelector(`.q-opts[data-q="${qi}"]`);
    const selected = group.querySelector('.q-opt.selected');
    group.querySelectorAll('.q-opt').forEach((o,oi)=>{
      o.style.pointerEvents = 'none';
      if(oi === item.correct) o.classList.add('correct');
      else if(o === selected) o.classList.add('incorrect');
    });
    if(selected && parseInt(selected.dataset.o) === item.correct) score++;
  });
  document.getElementById(scoreId).innerHTML = `<div class="score-banner">Score: ${score} / ${data.length}</div>`;
  return score;
}
function resetQuiz(containerId, data){
  renderQuiz(containerId, data);
  const scoreEl = containerId === 'pre-quiz-container' ? 'pre-score' : (containerId === 'ao1-container' ? 'ao1-score' : 'ao2-score');
  const el = document.getElementById(scoreEl);
  if(el) el.innerHTML = "";
}
renderQuiz('pre-quiz-container', preQuizData);
renderQuiz('ao1-container', ao1Data);
renderQuiz('ao2-mcq-container', ao2McqData);

// ---------- export written answers ----------
function exportAnswers(){
  const name = document.getElementById('post-name').value.trim() || "Unnamed student";
  const ao2Written = document.getElementById('ao2-written').value.trim() || "(no answer written)";
  const ao3Written1 = document.getElementById('ao3-written-1').value.trim() || "(no answer written)";
  const ao3Written2 = document.getElementById('ao3-written-2').value.trim() || "(no answer written)";

  const lines = [
    `Chapter 14 — Styles: Post-Assessment`,
    `Student name: ${name}`,
    `Exported: ${new Date().toLocaleString()}`,
    ``,
    `--- AO2 (3 marks, teacher-marked) ---`,
    `Q: Explain two reasons a café would benefit from a house style.`,
    `A: ${ao2Written}`,
    ``,
    `--- AO3 (6 marks, teacher-marked) ---`,
    `Q: Evaluate the risks of no house style; justify two features of a new guide.`,
    `A: ${ao3Written1}`,
    ``,
    `--- AO3 (4 marks, teacher-marked) ---`,
    `Q: Predefined style vs manual formatting for a 50-page report — compare and recommend.`,
    `A: ${ao3Written2}`
  ];
  const blob = new Blob([lines.join('\n')], {type:'text/plain'});
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.href = url;
  a.download = `${name.replace(/\s+/g,'_')}_Ch14_PostAssessment.txt`;
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
  URL.revokeObjectURL(url);
}

// ---------- flashcard data ----------
const cardData = [
  {term:"House Style", zh_term:"企业统一风格", tag:"14.1",
   def:"The designs and layout used across all of an organisation's written communications.",
   zh_def:"机构在所有书面communications中统一使用的设计与版式规范。"},
  {term:"Style Sheet", zh_term:"格式规范表", tag:"14.1",
   def:"A template that gives font and layout settings to keep documents looking uniform.",
   zh_def:"提供字体和版式设置、使文件外观保持统一的模板。"},
  {term:"Corporate Branding", zh_term:"企业品牌形象", tag:"14.1",
   def:"The visual identity — logo, colours, and style — that makes a company instantly recognisable.",
   zh_def:"由标志、色彩和风格组成、使企业能被立即识别的视觉形象。"},
  {term:"Style", zh_term:"样式", tag:"14.2",
   def:"The overall appearance of text or an object in a document.",
   zh_def:"文件中文字或对象的整体外观。"},
  {term:"Font", zh_term:"字体", tag:"14.2",
   def:"A set of text characters in a specific style and size.",
   zh_def:"具有特定样式和大小的一组文字字符。"},
  {term:"Typeface", zh_term:"字型", tag:"14.2",
   def:"Letters and numbers designed in a specific visual style, grouped into font families.",
   zh_def:"以特定视觉风格设计的字母与数字，归类为字体家族。"},
  {term:"Serif", zh_term:"衬线字体", tag:"14.2",
   def:"A font style with small end-strokes on each character, e.g. Times New Roman.",
   zh_def:"每个字符末端带有小笔画装饰的字体风格，例如Times New Roman。"},
  {term:"Sans Serif", zh_term:"无衬线字体", tag:"14.2",
   def:"A font style with no end-strokes and even-width curves, e.g. Arial.",
   zh_def:"没有末端装饰笔画、曲线粗细一致的字体风格，例如Arial。"},
  {term:"Font Size", zh_term:"字号", tag:"14.2",
   def:"How big or small text appears, measured in points (pt).",
   zh_def:"文字显示的大小，以磅（pt）为单位。"},
  {term:"Text Alignment", zh_term:"文本对齐", tag:"14.2",
   def:"The position of text relative to the page margins — left, right, centre, or justified.",
   zh_def:"文字相对于页边距的位置——左对齐、右对齐、居中或两端对齐。"},
  {term:"Justify", zh_term:"两端对齐", tag:"14.2",
   def:"Aligning text so it is evenly distributed between both margins.",
   zh_def:"使文字在左右页边距之间均匀分布的对齐方式。"},
  {term:"Bulleted List", zh_term:"项目符号列表", tag:"14.2",
   def:"A list used when the order of items does not matter.",
   zh_def:"当项目顺序不重要时使用的列表形式。"},
  {term:"Numbered List", zh_term:"编号列表", tag:"14.2",
   def:"A list used when items must appear in a specific sequence.",
   zh_def:"当项目必须按特定顺序排列时使用的列表形式。"},
  {term:"Predefined Style", zh_term:"预定义样式", tag:"14.2",
   def:"A saved set of formatting choices that can be applied to text with a single click.",
   zh_def:"一组已保存的格式设置，只需单击即可应用于文字。"},
  {term:"Modify Style", zh_term:"修改样式", tag:"14.2",
   def:"Changing the formatting of an existing style so every use of it updates automatically.",
   zh_def:"更改现有样式的格式，使所有使用该样式的位置自动更新。"}
];

let currentLang = "en";
const fcGrid = document.getElementById('fc-grid');
function renderCards(){
  const isZh = currentLang === "zh";
  fcGrid.innerHTML = "";
  cardData.forEach((c)=>{
    const el = document.createElement('div');
    el.className = 'fc';
    const term = isZh ? c.zh_term : c.term;
    const def  = isZh ? c.zh_def  : c.def;
    const tapHint = isZh ? "点击翻转" : "tap to flip";
    el.innerHTML = `
      <div class="fc-inner">
        <div class="fc-face fc-front">
          <div class="term" lang="${isZh ? 'zh' : 'en'}">${term}</div>
          <div class="hint">${c.tag} · ${tapHint}</div>
        </div>
        <div class="fc-face fc-back">
          <p lang="${isZh ? 'zh' : 'en'}">${def}</p>
        </div>
      </div>`;
    el.addEventListener('click', ()=> el.classList.toggle('flipped'));
    fcGrid.appendChild(el);
  });
}
renderCards();
function setLang(lang){
  currentLang = lang;
  document.querySelectorAll('.lang-opt').forEach(b=>{
    b.classList.toggle('active', b.dataset.lang === lang);
  });
  document.getElementById('fc-subtitle').textContent = lang === "zh"
    ? "点击卡片进行翻转。可随时切换回 EN。"
    : "Tap a card to flip it. Filter by lesson, or switch the whole set to 中文 for students who need it.";
  renderCards();
}
function flipAll(state){
  document.querySelectorAll('.fc').forEach(c=> c.classList.toggle('flipped', state));
}
function shuffleCards(){
  for(let i=cardData.length-1;i>0;i--){
    const j = Math.floor(Math.random()*(i+1));
    [cardData[i],cardData[j]] = [cardData[j],cardData[i]];
  }
  renderCards();
}


Chapter 14 · Styles — IGCSE ICT

regular

✅ Low Risk - https://similar-gray-44pqsorh-dpmmszt8jezd.edgeone.dev/

Requests	IP Address	Location	AS Autonomous System
2	43.174.246.29	Singapore	AS139341ACE
2	1	-	-

Security Scan Report: similar-gray-44pqsorh-dpmmszt8jezd.edgeone.dev

Summary

AI Security Verdict

Safe Website

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

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