documentation technical

English

Within the developer-focused generic top-level domain (.dev), 'minimal-white-4yi2cgno-dpzhke89k6ae.edgeone.dev' is registered; it also runs on subdomain 'minimal-white-4yi2cgno-dpzhke89k6ae'. The second-level label 'edgeone' is 7 characters long containing four vowels alongside 3 consonants. Tokenizing the label suggests two words: edge, one. Average segment length settles at 3.5 characters. No strong language cues emerged from the frequency lists.

18aa2e2d51b69c11be454adf6770cbf94f1eac7245d51690c6bac554dfc6d9ee

viewport

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');
    });
  });
}
const autoScores = {}; // stores latest score per scoreId, e.g. autoScores['ao1-score'] = 4
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++;
  });
  autoScores[scoreId] = 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);

// ---------- flashcard data ----------
const cardData = [
  {term:"House Style", zh_term:"企业统一风格", ja_term:"ハウススタイル", tag:"14.1",
   def:"The designs and layout used across all of an organisation's written communications.",
   zh_def:"机构在所有书面communications中统一使用的设计与版式规范。",
   ja_def:"組織のすべての文書に共通して使われる、デザインとレイアウトのルール。"},
  {term:"Style Sheet", zh_term:"格式规范表", ja_term:"スタイルシート", tag:"14.1",
   def:"A template that gives font and layout settings to keep documents looking uniform.",
   zh_def:"提供字体和版式设置、使文件外观保持统一的模板。",
   ja_def:"文書の見た目を統一するための、フォントやレイアウトの設定をまとめたテンプレート。"},
  {term:"Corporate Branding", zh_term:"企业品牌形象", ja_term:"企業ブランディング", tag:"14.1",
   def:"The visual identity — logo, colours, and style — that makes a company instantly recognisable.",
   zh_def:"由标志、色彩和风格组成、使企业能被立即识别的视觉形象。",
   ja_def:"ロゴ・色・スタイルなど、企業をひと目で認識できるようにする視覚的アイデンティティ。"},
  {term:"Style", zh_term:"样式", ja_term:"スタイル", tag:"14.2",
   def:"The overall appearance of text or an object in a document.",
   zh_def:"文件中文字或对象的整体外观。",
   ja_def:"文書内の文字やオブジェクトの全体的な見た目。"},
  {term:"Font", zh_term:"字体", ja_term:"フォント", tag:"14.2",
   def:"A set of text characters in a specific style and size.",
   zh_def:"具有特定样式和大小的一组文字字符。",
   ja_def:"特定のスタイルとサイズを持つ文字の集合。"},
  {term:"Typeface", zh_term:"字型", ja_term:"書体", tag:"14.2",
   def:"Letters and numbers designed in a specific visual style, grouped into font families.",
   zh_def:"以特定视觉风格设计的字母与数字，归类为字体家族。",
   ja_def:"特定の視覚スタイルでデザインされた文字や数字。フォントファミリーにまとめられる。"},
  {term:"Serif", zh_term:"衬线字体", ja_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。",
   ja_def:"Times New Romanのように、文字の端に小さな飾り線があるフォントスタイル。"},
  {term:"Sans Serif", zh_term:"无衬线字体", ja_term:"サンセリフ体", tag:"14.2",
   def:"A font style with no end-strokes and even-width curves, e.g. Arial.",
   zh_def:"没有末端装饰笔画、曲线粗细一致的字体风格，例如Arial。",
   ja_def:"Arialのように、端の飾り線がなく、線の太さが均一なフォントスタイル。"},
  {term:"Font Size", zh_term:"字号", ja_term:"フォントサイズ", tag:"14.2",
   def:"How big or small text appears, measured in points (pt).",
   zh_def:"文字显示的大小，以磅（pt）为单位。",
   ja_def:"文字の大きさ。ポイント（pt）で測定される。"},
  {term:"Text Alignment", zh_term:"文本对齐", ja_term:"文字揃え", tag:"14.2",
   def:"The position of text relative to the page margins — left, right, centre, or justified.",
   zh_def:"文字相对于页边距的位置——左对齐、右对齐、居中或两端对齐。",
   ja_def:"ページの余白に対する文字の位置——左揃え、右揃え、中央揃え、両端揃え。"},
  {term:"Justify", zh_term:"两端对齐", ja_term:"両端揃え", tag:"14.2",
   def:"Aligning text so it is evenly distributed between both margins.",
   zh_def:"使文字在左右页边距之间均匀分布的对齐方式。",
   ja_def:"文字が左右の余白の間に均等に配置されるように揃えること。"},
  {term:"Bulleted List", zh_term:"项目符号列表", ja_term:"箇条書きリスト", tag:"14.2",
   def:"A list used when the order of items does not matter.",
   zh_def:"当项目顺序不重要时使用的列表形式。",
   ja_def:"項目の順序が重要でないときに使うリスト形式。"},
  {term:"Numbered List", zh_term:"编号列表", ja_term:"番号付きリスト", tag:"14.2",
   def:"A list used when items must appear in a specific sequence.",
   zh_def:"当项目必须按特定顺序排列时使用的列表形式。",
   ja_def:"項目を特定の順序で並べる必要があるときに使うリスト形式。"},
  {term:"Predefined Style", zh_term:"预定义样式", ja_term:"定義済みスタイル", tag:"14.2",
   def:"A saved set of formatting choices that can be applied to text with a single click.",
   zh_def:"一组已保存的格式设置，只需单击即可应用于文字。",
   ja_def:"一度設定しておけば、ワンクリックで文字に適用できる書式のまとまり。"},
  {term:"Modify Style", zh_term:"修改样式", ja_term:"スタイルの変更", tag:"14.2",
   def:"Changing the formatting of an existing style so every use of it updates automatically.",
   zh_def:"更改现有样式的格式，使所有使用该样式的位置自动更新。",
   ja_def:"既存のスタイルの書式を変更すると、そのスタイルを使う箇所がすべて自動的に更新される。"}
];

let currentLang = "en";
const fcGrid = document.getElementById('fc-grid');
const tapHints = {en:"tap to flip", zh:"点击翻转", ja:"タップして裏返す"};
function renderCards(){
  fcGrid.innerHTML = "";
  cardData.forEach((c)=>{
    const el = document.createElement('div');
    el.className = 'fc';
    const term = currentLang === "zh" ? c.zh_term : currentLang === "ja" ? c.ja_term : c.term;
    const def  = currentLang === "zh" ? c.zh_def  : currentLang === "ja" ? c.ja_def  : c.def;
    const tapHint = tapHints[currentLang];
    el.innerHTML = `
      <div class="fc-inner">
        <div class="fc-face fc-front">
          <div class="term" lang="${currentLang}">${term}</div>
          <div class="hint">${c.tag} · ${tapHint}</div>
        </div>
        <div class="fc-face fc-back">
          <p lang="${currentLang}">${def}</p>
        </div>
      </div>`;
    el.addEventListener('click', ()=> el.classList.toggle('flipped'));
    fcGrid.appendChild(el);
  });
}
renderCards();
const fcSubtitles = {
  en:"Tap a card to flip it. Filter by lesson, or switch the whole set to 中文 / 日本語 for students who need it.",
  zh:"点击卡片进行翻转。可随时切换回 EN 或 日本語。",
  ja:"カードをタップすると裏返ります。EN や 中文 にいつでも切り替えできます。"
};
function setLang(lang){
  currentLang = lang;
  document.querySelectorAll('.lang-opt').forEach(b=>{
    b.classList.toggle('active', b.dataset.lang === lang);
  });
  document.getElementById('fc-subtitle').textContent = fcSubtitles[lang];
  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

⚡ Medium Risk - https://minimal-white-4yi2cgno-dpzhke89k6ae.edgeone.dev/

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

Security Scan Report: minimal-white-4yi2cgno-dpzhke89k6ae.edgeone.dev

Summary

AI Security Verdict

Low Risk

Risk Factors

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

Page Statistics

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