[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6},"actionData","errors","routes/templates.$id_.preview",{"_7":8,"_9":10,"_11":12,"_13":14},"entry",{"_15":75,"_11":12,"_16":17,"_18":19,"_121":122,"_123":124,"_37":21,"_25":26,"_22":125,"_126":127,"_27":128,"_129":104,"_130":30,"_131":73,"_132":-5,"_133":-5},"revision",{"_15":73,"_74":75,"_76":77,"_78":79,"_80":81,"_82":83,"_84":77,"_85":-5,"_31":86,"_87":88,"_89":88,"_90":91,"_92":93,"_94":95,"_96":97,"_98":99,"_100":101},"slug","navbar-silt-compound","template",{"_15":12,"_16":17,"_18":19,"_20":21,"_22":23,"_24":21,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38},"id","name","Silt Compound Archive Navigation","description","Compact archive navigation with a restrained desktop index, red mobile overlay, and a fully local preview bag.","category","navigation","industries",[69],"useCase","mood","editorial","tags",[69,70,21,71,72],"thumbnail","https://pcx-assets.trylexsis.com/template-catalog/media/0902f4e90ca1a985bd2d9e163350abff032a76a8c077a53faa5e7010cc021d8e.webp","islands_used",[],"props_used",{},"theme",{"_45":46,"_47":48},"section",{"_15":12,"_39":40,"_41":42,"_43":44},"html","

\n \n \n \n

","css","#sc-nav{position:sticky;top:0;z-index:90;background:var(--lx-bg,#F7F7F4);color:var(--lx-text,#0B0B0B);font-family:var(--lx-font-body,'Archivo',sans-serif);border-bottom:2px solid var(--lx-text,#0B0B0B)}\n#sc-nav .sc-nav-bar{height:72px;padding:0 17px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}\n#sc-nav a,#sc-nav button{color:inherit;text-decoration:none;font:800 11px/1 var(--lx-font-body,'Archivo',sans-serif);letter-spacing:0;background:transparent;border:0;cursor:pointer}\n#sc-nav .sc-mark{font-family:var(--lx-font-heading,'Archivo Black',sans-serif);font-size:27px;line-height:.85;white-space:nowrap}\n#sc-nav .sc-links{display:flex;gap:26px;align-items:center}\n#sc-nav .sc-links a,#sc-nav .sc-tools button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}\n#sc-nav .sc-links a:hover,#sc-nav .sc-links a:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}\n#sc-nav .sc-tools{justify-self:end;display:flex;align-items:center;gap:24px}\n#sc-nav .sc-tools button{gap:7px}\n#sc-nav .sc-tools button span{min-width:19px;height:19px;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-size:9px}\n#sc-nav .sc-tools [data-sc-menu-toggle]{display:none}\n#sc-nav .sc-menu-panel{position:fixed;z-index:3;inset:0;background:var(--lx-accent,#F1421F);color:var(--lx-text,#0B0B0B);display:flex;flex-direction:column;visibility:hidden;opacity:0;transform:translateY(-18px);transition:visibility 0s linear .22s,opacity .22s ease,transform .22s ease}\n#sc-nav .sc-menu-panel.is-open{visibility:visible;opacity:1;transform:none;transition-delay:0s}\n#sc-nav .sc-menu-panel header{height:72px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid currentColor}\n#sc-nav .sc-menu-mark{font-family:var(--lx-font-heading,'Archivo Black',sans-serif);font-size:27px;line-height:.85}\n#sc-nav .sc-menu-panel header button{min-width:44px;min-height:44px;font-size:10px}\n#sc-nav .sc-menu-panel nav{padding:70px 18px 28px;display:flex;flex:1;flex-direction:column;align-items:flex-start}\n#sc-nav .sc-menu-panel nav a,#sc-nav .sc-menu-panel nav button{min-height:80px;width:100%;display:grid;grid-template-columns:44px 1fr auto;align-items:center;border-bottom:2px solid currentColor;text-align:left;font-family:var(--lx-font-heading,'Archivo Black',sans-serif);font-size:44px;line-height:.9}\n#sc-nav .sc-menu-panel nav span{font-family:var(--lx-font-body,'Archivo',sans-serif);font-size:10px}\n#sc-nav .sc-menu-panel nav b{font-size:23px}\n#sc-nav .sc-bag-panel{position:fixed;z-index:4;top:0;right:0;bottom:0;width:min(440px,100vw);background:var(--lx-text,#0B0B0B);color:var(--lx-bg,#F7F7F4);padding:18px;display:flex;flex-direction:column;transform:translateX(101%);transition:transform .26s cubic-bezier(.2,.8,.2,1);box-shadow:-30px 0 70px rgba(0,0,0,.23)}\n#sc-nav .sc-bag-panel.is-open{transform:none}\n#sc-nav .sc-bag-panel header,#sc-nav .sc-bag-panel footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px}\n#sc-nav .sc-bag-panel header{padding-bottom:17px;border-bottom:1px solid rgba(247,247,244,.5)}\n#sc-nav .sc-bag-panel header button{color:inherit;min-height:40px}\n#sc-nav .sc-bag-lines{flex:1;padding:24px 0;overflow:auto}\n#sc-nav .sc-bag-lines p{margin:0;font-size:11px;font-weight:700}\n#sc-nav .sc-bag-line{padding:18px 0;border-bottom:1px solid rgba(247,247,244,.28);display:grid;grid-template-columns:1fr auto;gap:12px}\n#sc-nav .sc-bag-line strong,#sc-nav .sc-bag-line span{display:block;font-size:11px}\n#sc-nav .sc-bag-line small{display:block;margin-top:6px;font-size:9px;color:#B6B6B1}\n#sc-nav .sc-bag-line button{color:inherit;text-decoration:underline;font-size:9px;text-underline-offset:4px}\n#sc-nav .sc-bag-panel footer{padding-top:17px;border-top:1px solid rgba(247,247,244,.5)}\n#sc-nav .sc-bag-panel footer a{min-height:44px;padding:0 14px;background:var(--lx-accent,#F1421F);display:inline-flex;align-items:center}\n#sc-nav .sc-toast{position:fixed;z-index:7;right:20px;bottom:20px;padding:13px 16px;background:var(--lx-text,#0B0B0B);color:var(--lx-bg,#F7F7F4);font-size:10px;font-weight:800;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}\n#sc-nav .sc-toast.is-visible{opacity:1;transform:none}\n@media(max-width:760px){#sc-nav .sc-nav-bar{height:64px;padding:0 9px;grid-template-columns:1fr auto;gap:10px}#sc-nav .sc-mark{font-size:25px}#sc-nav .sc-links{display:none}#sc-nav .sc-tools{gap:4px}#sc-nav .sc-tools [data-sc-bag-toggle]{font-size:0;min-width:44px}#sc-nav .sc-tools [data-sc-bag-toggle] span{font-size:9px}#sc-nav .sc-tools [data-sc-menu-toggle]{display:inline-flex;font-size:0;min-width:44px}#sc-nav .sc-tools [data-sc-menu-toggle]:after{content:\"MENU\";font:800 10px/1 var(--lx-font-body,'Archivo',sans-serif)}#sc-nav .sc-menu-panel header{height:64px;padding:0 9px}#sc-nav .sc-menu-mark{font-size:25px}#sc-nav .sc-menu-panel nav{padding:55px 9px 20px}#sc-nav .sc-menu-panel nav a,#sc-nav .sc-menu-panel nav button{min-height:71px;font-size:37px;grid-template-columns:36px 1fr auto}#sc-nav .sc-bag-panel{padding:15px}}\n@media(prefers-reduced-motion:reduce){#sc-nav .sc-menu-panel,#sc-nav .sc-bag-panel,#sc-nav .sc-toast{transition:none}}","js","(function scNavBoot(attempt){\n var root=document.getElementById('sc-nav');\n if(!root){if(attempt<120)window.setTimeout(function(){scNavBoot(attempt+1);},50);return;}\n if(root.dataset.wired)return;\n root.dataset.wired='1';\n var menu=root.querySelector('[data-sc-menu-panel]');\n var bag=root.querySelector('[data-sc-bag-panel]');\n var menuToggle=root.querySelector('[data-sc-menu-toggle]');\n var bagToggle=root.querySelector('[data-sc-bag-toggle]');\n var countNodes=root.querySelectorAll('[data-sc-bag-count],[data-sc-menu-count]');\n var lineBox=root.querySelector('[data-sc-bag-lines]');\n var total=root.querySelector('[data-sc-bag-total]');\n var toast=root.querySelector('[data-sc-toast]');\n var cart=[];\n function currency(value){return '$'+value.toFixed(2);}\n function setMenu(open){menu.classList.toggle('is-open',open);menu.setAttribute('aria-hidden',open?'false':'true');menuToggle.setAttribute('aria-expanded',open?'true':'false');document.documentElement.style.overflow=open?'hidden':'';}\n function setBag(open){bag.classList.toggle('is-open',open);bag.setAttribute('aria-hidden',open?'false':'true');bagToggle.setAttribute('aria-expanded',open?'true':'false');}\n function renderBag(){\n countNodes.forEach(function(node){node.textContent=String(cart.length);});\n if(!cart.length){lineBox.innerHTML='

NO OBJECTS SELECTED.

';total.textContent='$0.00';return;}\n lineBox.innerHTML=cart.map(function(item,index){return '

'+item.name+''+item.code+' / SELECTED OBJECT

'+item.price+'

';}).join('');\n total.textContent=currency(cart.reduce(function(sum,item){return sum+item.value;},0));\n }\n function showToast(message){toast.textContent=message;toast.classList.add('is-visible');window.clearTimeout(showToast.timer);showToast.timer=window.setTimeout(function(){toast.classList.remove('is-visible');},1800);}\n menuToggle.addEventListener('click',function(){setMenu(!menu.classList.contains('is-open'));});\n root.querySelector('[data-sc-menu-close]').addEventListener('click',function(){setMenu(false);});\n bagToggle.addEventListener('click',function(){setBag(!bag.classList.contains('is-open'));});\n root.querySelector('[data-sc-bag-close]').addEventListener('click',function(){setBag(false);});\n root.querySelector('[data-sc-menu-bag]').addEventListener('click',function(){setMenu(false);setBag(true);});\n root.querySelectorAll('.sc-menu-panel a').forEach(function(link){link.addEventListener('click',function(){setMenu(false);});});\n document.addEventListener('click',function(event){\n var button=event.target.closest('[data-sc-add]');\n if(button){var item={name:button.dataset.scName,code:button.dataset.scCode,price:button.dataset.scPrice,value:Number(button.dataset.scValue)};cart.push(item);renderBag();showToast(item.name+' ADDED TO BAG');button.setAttribute('data-sc-added','true');button.textContent='ADDED';window.setTimeout(function(){button.removeAttribute('data-sc-added');button.textContent='ADD OBJECT';},1100);return;}\n var remove=event.target.closest('[data-sc-remove]');\n if(remove){cart.splice(Number(remove.dataset.scRemove),1);renderBag();showToast('OBJECT REMOVED');}\n });\n window.addEventListener('keydown',function(event){if(event.key==='Escape'){setMenu(false);setBag(false);}});\n renderBag();\n})(0);","palette",{"_53":54,"_55":56,"_57":58,"_59":60,"_61":62,"_63":64,"_65":66,"_67":68},"fonts",{"_49":50,"_51":52},"display","Archivo Black","body","Archivo","bg","#F7F7F4","accent","#F1421F","text","#0B0B0B","surface","#E4E5E1","border","#141414","highlight","#6D90F5","secondary","#B5CA67","muted","#555555","fashion","archive","mobile-menu","preview-bag","f1ed5a60-2a26-49d2-95a0-24760f018467","template_id","42a169a2-e394-47ce-8a3a-96fa8a1516bb","version",1,"artifact_key","template-catalog/templates/42a169a2-e394-47ce-8a3a-96fa8a1516bb/revisions/1/template.json","manifest_key","template-catalog/templates/42a169a2-e394-47ce-8a3a-96fa8a1516bb/revisions/1/manifest.json","artifact_sha256","825ca099bd426d8f22f3ae1d0d8103f556e22955f0b9a454ec82f1fd0ab99d30","schema_version","renderer_version",[],"themable",true,"has_js","size_kb",11.23,"validation_status","valid","validation_report",{"_93":88,"_4":117,"_118":119,"_31":120},"media_manifest",[102],"created_at","2026-08-23T07:40:37.610417+00:00","published_at","2026-08-23T07:40:37.728852+00:00",{"_103":104,"_105":30,"_106":107,"_108":109,"_110":-5,"_111":112,"_113":114,"_115":116},"key","template-catalog/media/0902f4e90ca1a985bd2d9e163350abff032a76a8c077a53faa5e7010cc021d8e.webp","url","sha256","0902f4e90ca1a985bd2d9e163350abff032a76a8c077a53faa5e7010cc021d8e","source","/templates/thumbs/navbar-silt-compound.webp","alt_text","provenance","repository migration","size_bytes",29096,"content_type","image/webp",[],"warnings",[],[],"visibility","global","status","published",[69],"page_types",[134],[69,70,21,71,72],"thumbnail_key","thumbnail_url","current_revision_id","workspace_id","created_by_user_id","homepage"]