Original six-path website inventory reconciled from eight fictional source entries
HTML for this example
Select the code and use your copy shortcut. Changes in this preview are temporary.
<!doctype html><html lang="en"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Website inventory source reconciliation</title><style>*{box-sizing:border-box}body{margin:0;background:#f5f7f8;color:#24313b;font:17px/1.55 system-ui}main{max-width:960px;padding:26px 22px;margin:auto}h1{font-size:31px;line-height:1.2}h2{font-size:23px}p{max-width:74ch}.boundary{padding-left:15px;border-left:4px solid #416979}.controls{display:flex;gap:24px;flex-wrap:wrap}label{display:block}select{display:block;padding:9px;font:inherit;max-width:100%;background:white}table{border-collapse:collapse;width:100%;margin-top:20px;text-align:left}caption{text-align:left;font-weight:650;margin-bottom:12px}th,td{padding:12px 10px;border-bottom:1px solid #b6c3c8;vertical-align:top}code{overflow-wrap:anywhere}td:nth-child(2){min-width:120px}details{margin-top:28px}summary{cursor:pointer;font-weight:650}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}#shown{font-weight:650}#empty{padding:20px;border:1px solid #416979}@media(max-width:650px){main{padding:22px 18px}h1{font-size:27px}table,tbody,tr,td{display:block}thead{display:none}tr{padding:12px 0;border-bottom:2px solid #b6c3c8}td{padding:7px 0;border:0}td::before{content:attr(data-label);display:block;font-weight:650}caption{display:block}td:nth-child(2){min-width:0}}[hidden]{display:none!important}</style><main><p>ORIGINAL FICTIONAL SOURCE RECONCILIATION</p><h1>Eight source entries, six distinct paths</h1><p>Four pages and two files recorded from CMS-v1, Files-v1 and Nav-v1. Repeated exact paths retain both source references.</p><p class="boundary">Collection boundary: supplied lists only. Search-only routes, other sections and unlisted assets remain unchecked. Total site size is unknown; this is not a coverage percentage.</p><div class="controls"><label for="source">Found in source<select id="source"><option value="all">All sources</option><option>CMS-v1</option><option>Files-v1</option><option>Nav-v1</option></select></label><label for="kind">Content type<select id="kind"><option value="all">Pages and files</option><option value="page">Pages</option><option value="file">Files</option></select></label></div><p id="shown" aria-live="polite"></p><table id="inventory"><caption>Reconciled inventory · supplied titles</caption><thead><tr><th>Item and exact path</th><th>Type / title</th><th>Source references</th></tr></thead><tbody></tbody></table><p id="empty" hidden>No supplied records in this source/type selection.</p><h2>A discrepancy to investigate</h2><p>/contact appears in Nav-v1 only. The CMS list does not explain why. Owner, collection dates and actual URL response checks are not supplied.</p><details id="raw"><summary>Read the eight source entries</summary><pre>source_id,path,kind,title
CMS-v1,/classes,page,Classes
CMS-v1,/visit,page,Visit
CMS-v1,/news/winter,page,Winter news
Files-v1,/files/workshop-guide.pdf,file,Workshop guide
Files-v1,/files/access-map.pdf,file,Access map
Nav-v1,/classes,page,Classes
Nav-v1,/visit,page,Visit
Nav-v1,/contact,page,Contact</pre></details><p>Reading filters only. No crawling, CMS connection, URL check, editing, saving or content decision is performed.</p></main><script>const rows=[{"id":"W01","path":"/classes","kind":"page","title":"Classes","sources":["CMS-v1","Nav-v1"]},{"id":"W02","path":"/visit","kind":"page","title":"Visit","sources":["CMS-v1","Nav-v1"]},{"id":"W03","path":"/news/winter","kind":"page","title":"Winter news","sources":["CMS-v1"]},{"id":"W04","path":"/files/workshop-guide.pdf","kind":"file","title":"Workshop guide","sources":["Files-v1"]},{"id":"W05","path":"/files/access-map.pdf","kind":"file","title":"Access map","sources":["Files-v1"]},{"id":"W06","path":"/contact","kind":"page","title":"Contact","sources":["Nav-v1"]}];const source=document.querySelector("#source"),kind=document.querySelector("#kind");function render(){const visible=rows.filter(r=>(source.value==="all"||r.sources.includes(source.value))&&(kind.value==="all"||r.kind===kind.value));const body=document.querySelector("tbody");body.replaceChildren();for(const r of visible){const tr=document.createElement("tr");tr.dataset.id=r.id;for(const[label,text]of [["Item and exact path",r.id+" · "+r.path],["Type / title",r.kind+" · "+r.title],["Source references",r.sources.join(" + ")]]){const td=document.createElement("td");td.dataset.label=label;td.textContent=text;tr.append(td);}body.append(tr);}document.querySelector("#shown").textContent="Showing "+visible.length+" of 6 inventoried items";document.querySelector("#inventory").hidden=visible.length===0;document.querySelector("#empty").hidden=visible.length!==0;}source.addEventListener("change",render);kind.addEventListener("change",render);render();</script></html>