Sitemap \u2014 Francesca Fabbrini Jewels<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prata&family=Mulish:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"sitemap-ff-jewels.css\">\r\n\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"top\">\r\n <span class=\"logo\">Francesca Fabbrini Jewels<\/span>\r\n <span class=\"tagline\">Sitemap Visuale \u00b7 francescafabbrini.com<\/span>\r\n<\/div>\r\n\r\n<div id=\"hint\">Scorri per zoom \u00b7 Trascina per navigare \u00b7 Click per aprire<\/div>\r\n\r\n<div id=\"legend\">\r\n <h4>Sezioni<\/h4>\r\n <div class=\"li\"><div class=\"ld\" style=\"background:#cc932c\"><\/div>Homepage<\/div>\r\n <div class=\"li\"><div class=\"ld\" style=\"background:#646E9D\"><\/div>Navigazione<\/div>\r\n <div class=\"li\"><div class=\"ld\" style=\"background:#7A5C30\"><\/div>Collezioni<\/div>\r\n <div class=\"li\"><div class=\"ld\" style=\"background:#3A6060\"><\/div>Prodotti<\/div>\r\n <div class=\"li\"><div class=\"ld\" style=\"background:#5A3A6A\"><\/div>Account<\/div>\r\n <div class=\"li\"><div class=\"ld\" style=\"background:#8A4050\"><\/div>Auth<\/div>\r\n <div class=\"li\"><div class=\"ld\" style=\"background:#3A5848\"><\/div>Legal<\/div>\r\n<\/div>\r\n\r\n<div id=\"zoom\">\r\n <button class=\"zb\" onclick=\"doZoom(1.2)\">+<\/button>\r\n <button class=\"zb\" onclick=\"doZoom(1\/1.2)\">\u2212<\/button>\r\n <button class=\"zb\" onclick=\"resetView()\">\u25ce<\/button>\r\n<\/div>\r\n\r\n<div id=\"tip\"><\/div>\r\n<canvas id=\"c\"><\/canvas>\r\n\r\n<script>\r\nconst BASE='https:\/\/francescafabbrini.com\/en_us';\r\n\r\nconst C={\r\n home: {fill:'#cc932c',border:'#F4E4A9',text:'#212121'},\r\n nav: {fill:'#646E9D',border:'#A0A8CC',text:'#F5F2EE'},\r\n cat: {fill:'#7A5C30',border:'#C4A060',text:'#F5F2EE'},\r\n prod: {fill:'#2E5858',border:'#70A8A8',text:'#F5F2EE'},\r\n acc: {fill:'#5A3A6A',border:'#A880C0',text:'#F5F2EE'},\r\n auth: {fill:'#7A3040',border:'#C07080',text:'#F5F2EE'},\r\n legal: {fill:'#3A5848',border:'#78A890',text:'#F5F2EE'},\r\n};\r\n\r\nconst nodes=[\r\n \/\/ Homepage\r\n {id:'home', label:'Homepage', url:BASE+'\/', type:'home', x:680, y:70, w:160,h:44},\r\n\r\n \/\/ Livello 1 \u2014 navigazione principale\r\n {id:'collections', label:'Collections', url:BASE+'\/shop\/', type:'nav', x:200, y:190, w:140,h:36},\r\n {id:'about', label:'About Us', url:BASE+'\/about\/', type:'nav', x:460, y:190, w:130,h:36},\r\n {id:'contact', label:'Contact Us', url:BASE+'\/contact\/', type:'nav', x:680, y:190, w:130,h:36},\r\n {id:'cart', label:'Carrello', url:BASE+'\/cart\/', type:'nav', x:900, y:190, w:120,h:36},\r\n {id:'signin', label:'Sign In', url:BASE+'\/sign-in\/', type:'auth', x:1110,y:190, w:120,h:36},\r\n\r\n \/\/ Livello 2 \u2014 categorie\r\n {id:'corinthia', label:'Corinthia', url:BASE+'\/product-category\/corinthia\/', type:'cat', x:60, y:330, w:130,h:36},\r\n {id:'colorbloom', label:'Color Bloom', url:BASE+'\/product-category\/color-bloom\/', type:'cat', x:210, y:330, w:130,h:36},\r\n {id:'colorflower', label:'Color Flower', url:BASE+'\/product-category\/color-flower\/', type:'cat', x:360, y:330, w:130,h:36},\r\n {id:'colorstone', label:'Color Stone', url:BASE+'\/product-category\/color-stone\/', type:'cat', x:510, y:330, w:130,h:36},\r\n\r\n \/\/ Prodotti\r\n {id:'prod_ring', label:'Anello', url:BASE+'\/product\/', type:'prod', x:60, y:440, w:110,h:32},\r\n {id:'prod_bangle', label:'Bracciale', url:BASE+'\/product\/', type:'prod', x:185, y:440, w:110,h:32},\r\n {id:'prod_earring', label:'Orecchini', url:BASE+'\/product\/', type:'prod', x:310, y:440, w:110,h:32},\r\n {id:'prod_necklace', label:'Collana', url:BASE+'\/product\/', type:'prod', x:435, y:440, w:110,h:32},\r\n {id:'prod_pendant', label:'Pendente', url:BASE+'\/product\/', type:'prod', x:560, y:440, w:110,h:32},\r\n\r\n \/\/ Checkout flow\r\n {id:'checkout', label:'Checkout', url:BASE+'\/checkout\/', type:'nav', x:900, y:330, w:130,h:36},\r\n {id:'order_ok', label:'Ordine ricevuto',url:BASE+'\/checkout\/order-received\/', type:'nav', x:900, y:440, w:150,h:36},\r\n\r\n \/\/ Auth flow\r\n {id:'signup', label:'Crea Account', url:BASE+'\/sign-up\/', type:'auth', x:990, y:330, w:130,h:36},\r\n {id:'signup_rep', label:'Diventa Rep.', url:BASE+'\/sign-up-representative\/', type:'auth', x:1130,y:330, w:130,h:36},\r\n {id:'lost_pw', label:'Password dimenticata', url:BASE+'\/lost-password\/', type:'auth', x:1110,y:440, w:140,h:36},\r\n {id:'check_email', label:'Controlla Email',url:BASE+'\/check-your-email\/', type:'auth', x:1110,y:540, w:140,h:36},\r\n {id:'reset_pw', label:'Reimposta Password',url:BASE+'\/reset-password\/', type:'auth', x:1110,y:640, w:150,h:36},\r\n {id:'reg_ok', label:'Registrazione ricevuta',url:BASE+'\/your-registration-was-received\/',type:'auth',x:1130,y:440,w:150,h:36},\r\n\r\n \/\/ My Account\r\n {id:'myaccount', label:'My Account', url:BASE+'\/my-account\/', type:'acc', x:680, y:580, w:150,h:44},\r\n\r\n \/\/ Sezioni account\r\n {id:'acc_dash', label:'Dashboard', url:BASE+'\/my-account\/', type:'acc', x:280, y:720, w:120,h:34},\r\n {id:'acc_orders', label:'Ordini', url:BASE+'\/my-account\/orders\/', type:'acc', x:420, y:720, w:110,h:34},\r\n {id:'acc_wish', label:'Wishlist', url:BASE+'\/my-account\/wishlist\/', type:'acc', x:545, y:720, w:110,h:34},\r\n {id:'acc_addr', label:'Indirizzi', url:BASE+'\/my-account\/edit-address\/', type:'acc', x:670, y:720, w:110,h:34},\r\n {id:'acc_detail', label:'Dettagli', url:BASE+'\/my-account\/edit-account\/', type:'acc', x:795, y:720, w:110,h:34},\r\n {id:'acc_pay', label:'Pagamento', url:BASE+'\/my-account\/payment-methods\/', type:'acc', x:920, y:720, w:110,h:34},\r\n {id:'acc_rep', label:'Area Rappresentante',url:BASE+'\/my-account\/representative-area\/',type:'acc',x:680, y:850, w:180,h:40},\r\n\r\n \/\/ Rep sub\r\n {id:'rep_cat', label:'Catalogo Digitale',url:'https:\/\/francescafabbrini.com\/representative-catalog\/',type:'acc',x:540,y:970,w:150,h:34},\r\n {id:'rep_terms', label:'Termini Rappresentante',url:BASE+'\/representative-terms\/', type:'legal',x:710,y:970, w:170,h:34},\r\n\r\n \/\/ Legal\r\n {id:'privacy', label:'Privacy Policy',url:BASE+'\/privacy-policy\/', type:'legal',x:60, y:580, w:140,h:34},\r\n {id:'cookie', label:'Cookie Policy', url:BASE+'\/cookie-statement\/', type:'legal',x:60, y:660, w:140,h:34},\r\n {id:'terms_gen', label:'Termini & Condizioni',url:BASE+'\/terms-and-conditions\/', type:'legal',x:60, y:740, w:160,h:34},\r\n {id:'refund', label:'Refund Policy', url:BASE+'\/refund-and-returns-policy\/', type:'legal',x:60, y:820, w:160,h:34},\r\n {id:'faq', label:'FAQ', url:BASE+'\/faq\/', type:'legal',x:60, y:900, w:160,h:34},\r\n {id:'jewelscode', label:'Jewels Code', url:BASE+'\/jewels-code\/', type:'legal',x:60, y:980, w:160,h:34},\r\n {id:'sizeguide', label:'Ring Size Guide',url:BASE+'\/size-guide\/', type:'legal',x:60, y:1060,w:160,h:34},\r\n];\r\n\r\nconst edges=[\r\n ['home','collections'],['home','about'],['home','contact'],['home','cart'],['home','signin'],\r\n ['home','privacy'],\r\n ['collections','corinthia'],['collections','colorbloom'],['collections','colorflower'],['collections','colorstone'],\r\n ['corinthia','prod_ring'],['corinthia','prod_necklace'],['corinthia','prod_pendant'],\r\n ['colorbloom','prod_bangle'],['colorbloom','prod_earring'],\r\n ['colorflower','prod_earring'],['colorflower','prod_bangle'],\r\n ['colorstone','prod_earring'],['colorstone','prod_ring'],\r\n ['cart','checkout'],['checkout','order_ok'],\r\n ['signin','myaccount'],['signin','signup'],['signin','signup_rep'],['signin','lost_pw'],\r\n ['lost_pw','check_email'],['check_email','reset_pw'],['reset_pw','signin'],\r\n ['signup','myaccount'],['signup_rep','reg_ok'],\r\n ['myaccount','acc_dash'],['myaccount','acc_orders'],['myaccount','acc_wish'],\r\n ['myaccount','acc_addr'],['myaccount','acc_detail'],['myaccount','acc_pay'],\r\n ['myaccount','acc_rep'],\r\n ['acc_rep','rep_cat'],['acc_rep','rep_terms'],\r\n ['privacy','cookie'],['cookie','terms_gen'],\r\n ['terms_gen','refund'],['refund','faq'],['faq','jewelscode'],['jewelscode','sizeguide'],\r\n];\r\n\r\nconst canvas=document.getElementById('c');\r\nconst ctx=canvas.getContext('2d');\r\nlet W,H,tx=0,ty=0,sc=1,drag=false,sx,sy,stx,sty,hovered=null;\r\n\r\nfunction resize(){\r\n W=canvas.width=window.innerWidth;\r\n H=canvas.height=window.innerHeight-58;\r\n draw();\r\n}\r\n\r\nfunction rr(x,y,w,h,r){\r\n ctx.beginPath();\r\n ctx.moveTo(x+r,y);ctx.lineTo(x+w-r,y);ctx.arcTo(x+w,y,x+w,y+r,r);\r\n ctx.lineTo(x+w,y+h-r);ctx.arcTo(x+w,y+h,x+w-r,y+h,r);\r\n ctx.lineTo(x+r,y+h);ctx.arcTo(x,y+h,x,y+h-r,r);\r\n ctx.lineTo(x,y+r);ctx.arcTo(x,y,x+r,y,r);\r\n ctx.closePath();\r\n}\r\n\r\nfunction getRect(n){return{x:n.x-n.w\/2,y:n.y-n.h\/2,w:n.w,h:n.h}}\r\n\r\nfunction s2w(x,y){return{x:(x-tx)\/sc,y:(y-ty)\/sc}}\r\n\r\nfunction drawEdge(a,b){\r\n const na=nodes.find(n=>n.id===a),nb=nodes.find(n=>n.id===b);\r\n if(!na||!nb)return;\r\n const ra=getRect(na),rb=getRect(nb);\r\n \/\/ connect closest sides\r\n const dx=nb.x-na.x,dy=nb.y-na.y;\r\n let x1,y1,x2,y2;\r\n if(Math.abs(dy)>Math.abs(dx)*0.5){\r\n \/\/ vertical\r\n if(dy>0){x1=na.x;y1=na.y+ra.h\/2;x2=nb.x;y2=nb.y-rb.h\/2}\r\n else{x1=na.x;y1=na.y-ra.h\/2;x2=nb.x;y2=nb.y+rb.h\/2}\r\n } else {\r\n if(dx>0){x1=na.x+ra.w\/2;y1=na.y;x2=nb.x-rb.w\/2;y2=nb.y}\r\n else{x1=na.x-ra.w\/2;y1=na.y;x2=nb.x+rb.w\/2;y2=nb.y}\r\n }\r\n const col=C[na.type];\r\n const ang=Math.atan2(y2-y1,x2-x1);\r\n const ar=14;\r\n const ex=x2-ar*Math.cos(ang),ey=y2-ar*Math.sin(ang);\r\n\r\n \/\/ line\r\n ctx.beginPath();\r\n ctx.moveTo(x1,y1);\r\n \/\/ slight bezier\r\n const mx=(x1+x2)\/2,my=(y1+y2)\/2;\r\n ctx.bezierCurveTo(mx,y1,mx,y2,ex,ey);\r\n ctx.strokeStyle=col.fill+'44';\r\n ctx.lineWidth=1;\r\n ctx.setLineDash([]);\r\n ctx.stroke();\r\n\r\n \/\/ arrowhead\r\n ctx.beginPath();\r\n const al=7,aw=4;\r\n ctx.moveTo(x2-ar*Math.cos(ang),y2-ar*Math.sin(ang));\r\n ctx.lineTo(x2-(ar+al)*Math.cos(ang)-aw*Math.cos(ang+Math.PI\/2),\r\n y2-(ar+al)*Math.sin(ang)-aw*Math.sin(ang+Math.PI\/2));\r\n ctx.lineTo(x2-(ar+al)*Math.cos(ang)-aw*Math.cos(ang-Math.PI\/2),\r\n y2-(ar+al)*Math.sin(ang)-aw*Math.sin(ang-Math.PI\/2));\r\n ctx.closePath();\r\n ctx.fillStyle=col.fill+'77';\r\n ctx.fill();\r\n}\r\n\r\nfunction draw(){\r\n ctx.clearRect(0,0,W,H);\r\n\r\n \/\/ bg\r\n ctx.fillStyle='#F5F2EE';\r\n ctx.fillRect(0,0,W,H);\r\n\r\n \/\/ dot grid\r\n ctx.fillStyle='#DDD8D066';\r\n const gs=50*sc;\r\n const ox=((tx%gs)+gs)%gs,oy=((ty%gs)+gs)%gs;\r\n for(let x=ox;x<W;x+=gs)for(let y=oy;y<H;y+=gs){\r\n ctx.beginPath();ctx.arc(x,y,1,0,Math.PI*2);ctx.fill();\r\n }\r\n\r\n ctx.save();\r\n ctx.translate(tx,ty);\r\n ctx.scale(sc,sc);\r\n\r\n \/\/ edges first\r\n edges.forEach(([a,b])=>drawEdge(a,b));\r\n\r\n \/\/ nodes\r\n nodes.forEach(n=>{\r\n const r=getRect(n);\r\n const col=C[n.type];\r\n const isH=hovered===n.id;\r\n\r\n if(isH){ctx.shadowColor=col.fill+'80';ctx.shadowBlur=20}\r\n\r\n \/\/ outer glow ring for home\r\n if(n.type==='home'){\r\n ctx.strokeStyle=col.border+'44';ctx.lineWidth=4;\r\n rr(r.x-4,r.y-4,r.w+8,r.h+8,6);ctx.stroke();\r\n }\r\n\r\n \/\/ fill\r\n ctx.fillStyle=isH?col.fill:col.fill+(n.type==='home'?'FF':'CC');\r\n rr(r.x,r.y,r.w,r.h,4);ctx.fill();\r\n\r\n \/\/ border line\r\n ctx.strokeStyle=col.border+(isH?'FF':'66');\r\n ctx.lineWidth=isH?1.5:0.8;\r\n rr(r.x,r.y,r.w,r.h,4);ctx.stroke();\r\n\r\n ctx.shadowBlur=0;\r\n\r\n \/\/ label\r\n const fs=n.type==='home'?13:10.5;\r\n const fw=n.type==='home'?'600':'400';\r\n ctx.font=`${fw} ${fs}px Mulish,sans-serif`;\r\n ctx.fillStyle=col.text;\r\n ctx.textAlign='center';ctx.textBaseline='middle';\r\n ctx.fillText(n.label,n.x,n.y,r.w-10);\r\n });\r\n\r\n ctx.restore();\r\n}\r\n\r\nfunction hitTest(wx,wy){\r\n for(let i=nodes.length-1;i>=0;i--){\r\n const n=nodes[i],r=getRect(n);\r\n if(wx>=r.x&&wx<=r.x+r.w&&wy>=r.y&&wy<=r.y+r.h)return n;\r\n }\r\n return null;\r\n}\r\n\r\nfunction resetView(){\r\n let mnX=Infinity,mnY=Infinity,mxX=-Infinity,mxY=-Infinity;\r\n nodes.forEach(n=>{\r\n const r=getRect(n);\r\n mnX=Math.min(mnX,r.x);mnY=Math.min(mnY,r.y);\r\n mxX=Math.max(mxX,r.x+r.w);mxY=Math.max(mxY,r.y+r.h);\r\n });\r\n const pw=mxX-mnX+120,ph=mxY-mnY+120;\r\n sc=Math.min(W\/pw,(H)\/ph,1.2);\r\n tx=(W-pw*sc)\/2-mnX*sc+60*sc;\r\n ty=(H-ph*sc)\/2-mnY*sc+60*sc;\r\n draw();\r\n}\r\n\r\nfunction doZoom(f){\r\n const cx=W\/2,cy=H\/2;\r\n tx=cx-(cx-tx)*f;ty=cy-(cy-ty)*f;sc*=f;draw();\r\n}\r\n\r\ncanvas.addEventListener('mousedown',e=>{\r\n if(e.button!==0)return;\r\n drag=true;sx=e.clientX;sy=e.clientY;stx=tx;sty=ty;\r\n document.body.classList.add('pan');\r\n});\r\n\r\nwindow.addEventListener('mousemove',e=>{\r\n const cr=canvas.getBoundingClientRect();\r\n const cx=e.clientX-cr.left,cy=e.clientY-cr.top;\r\n if(drag){tx=stx+(e.clientX-sx);ty=sty+(e.clientY-sy);draw();return}\r\n const w=s2w(cx,cy);\r\n const hit=hitTest(w.x,w.y);\r\n const prev=hovered;hovered=hit?hit.id:null;\r\n if(hovered!==prev)draw();\r\n canvas.style.cursor=hit?'pointer':'';\r\n const tip=document.getElementById('tip');\r\n if(hit){\r\n tip.style.display='block';\r\n tip.style.left=(e.clientX+14)+'px';\r\n tip.style.top=(e.clientY-8)+'px';\r\n tip.textContent=hit.url.replace('https:\/\/francescafabbrini.com','');\r\n } else tip.style.display='none';\r\n});\r\n\r\nwindow.addEventListener('mouseup',e=>{\r\n if(!drag)return;\r\n const moved=Math.abs(e.clientX-sx)+Math.abs(e.clientY-sy);\r\n drag=false;document.body.classList.remove('pan');\r\n if(moved<5){\r\n const cr=canvas.getBoundingClientRect();\r\n const w=s2w(e.clientX-cr.left,e.clientY-cr.top);\r\n const hit=hitTest(w.x,w.y);\r\n if(hit)window.open(hit.url,'_blank');\r\n }\r\n});\r\n\r\ncanvas.addEventListener('wheel',e=>{\r\n e.preventDefault();\r\n const cr=canvas.getBoundingClientRect();\r\n const cx=e.clientX-cr.left,cy=e.clientY-cr.top;\r\n const f=e.deltaY<0?1.12:1\/1.12;\r\n tx=cx-(cx-tx)*f;ty=cy-(cy-ty)*f;sc*=f;draw();\r\n},{passive:false});\r\n\r\nwindow.addEventListener('resize',resize);\r\nresize();\r\nsetTimeout(resetView,80);\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sitemap \u2014 Francesca Fabbrini Jewels Francesca Fabbrini Jewels Sitemap Visuale \u00b7 francescafabbrini.com Scorri per zoom \u00b7 Trascina per navigare \u00b7 Click per aprire Sezioni Homepage Navigazione Collezioni Prodotti Account Auth Legal + \u2212 \u25ce<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8010","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/pages\/8010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/comments?post=8010"}],"version-history":[{"count":26,"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/pages\/8010\/revisions"}],"predecessor-version":[{"id":8149,"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/pages\/8010\/revisions\/8149"}],"wp:attachment":[{"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/media?parent=8010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nSitemap \u2014 Francesca Fabbrini Jewels<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prata&family=Mulish:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"sitemap-ff-jewels.css\">\r\n\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"top\">\r\n <span class=\"logo\">Francesca Fabbrini Jewels<\/span>\r\n <span class=\"tagline\">Sitemap Visuale \u00b7 francescafabbrini.com<\/span>\r\n<\/div>\r\n\r\n<div id=\"hint\">Scorri per zoom \u00b7 Trascina per navigare \u00b7 Click per aprire<\/div>\r\n\r\n<div id=\"legend\">\r\n <h4>Sezioni<\/h4>\r\n <div class=\"li\"><div class=\"ld\" style=\"background:#cc932c\"><\/div>Homepage<\/div>\r\n <div class=\"li\"><div class=\"ld\" style=\"background:#646E9D\"><\/div>Navigazione<\/div>\r\n <div class=\"li\"><div class=\"ld\" style=\"background:#7A5C30\"><\/div>Collezioni<\/div>\r\n <div class=\"li\"><div class=\"ld\" style=\"background:#3A6060\"><\/div>Prodotti<\/div>\r\n <div class=\"li\"><div class=\"ld\" style=\"background:#5A3A6A\"><\/div>Account<\/div>\r\n <div class=\"li\"><div class=\"ld\" style=\"background:#8A4050\"><\/div>Auth<\/div>\r\n <div class=\"li\"><div class=\"ld\" style=\"background:#3A5848\"><\/div>Legal<\/div>\r\n<\/div>\r\n\r\n<div id=\"zoom\">\r\n <button class=\"zb\" onclick=\"doZoom(1.2)\">+<\/button>\r\n <button class=\"zb\" onclick=\"doZoom(1\/1.2)\">\u2212<\/button>\r\n <button class=\"zb\" onclick=\"resetView()\">\u25ce<\/button>\r\n<\/div>\r\n\r\n<div id=\"tip\"><\/div>\r\n<canvas id=\"c\"><\/canvas>\r\n\r\n<script>\r\nconst BASE='https:\/\/francescafabbrini.com\/en_us';\r\n\r\nconst C={\r\n home: {fill:'#cc932c',border:'#F4E4A9',text:'#212121'},\r\n nav: {fill:'#646E9D',border:'#A0A8CC',text:'#F5F2EE'},\r\n cat: {fill:'#7A5C30',border:'#C4A060',text:'#F5F2EE'},\r\n prod: {fill:'#2E5858',border:'#70A8A8',text:'#F5F2EE'},\r\n acc: {fill:'#5A3A6A',border:'#A880C0',text:'#F5F2EE'},\r\n auth: {fill:'#7A3040',border:'#C07080',text:'#F5F2EE'},\r\n legal: {fill:'#3A5848',border:'#78A890',text:'#F5F2EE'},\r\n};\r\n\r\nconst nodes=[\r\n \/\/ Homepage\r\n {id:'home', label:'Homepage', url:BASE+'\/', type:'home', x:680, y:70, w:160,h:44},\r\n\r\n \/\/ Livello 1 \u2014 navigazione principale\r\n {id:'collections', label:'Collections', url:BASE+'\/shop\/', type:'nav', x:200, y:190, w:140,h:36},\r\n {id:'about', label:'About Us', url:BASE+'\/about\/', type:'nav', x:460, y:190, w:130,h:36},\r\n {id:'contact', label:'Contact Us', url:BASE+'\/contact\/', type:'nav', x:680, y:190, w:130,h:36},\r\n {id:'cart', label:'Carrello', url:BASE+'\/cart\/', type:'nav', x:900, y:190, w:120,h:36},\r\n {id:'signin', label:'Sign In', url:BASE+'\/sign-in\/', type:'auth', x:1110,y:190, w:120,h:36},\r\n\r\n \/\/ Livello 2 \u2014 categorie\r\n {id:'corinthia', label:'Corinthia', url:BASE+'\/product-category\/corinthia\/', type:'cat', x:60, y:330, w:130,h:36},\r\n {id:'colorbloom', label:'Color Bloom', url:BASE+'\/product-category\/color-bloom\/', type:'cat', x:210, y:330, w:130,h:36},\r\n {id:'colorflower', label:'Color Flower', url:BASE+'\/product-category\/color-flower\/', type:'cat', x:360, y:330, w:130,h:36},\r\n {id:'colorstone', label:'Color Stone', url:BASE+'\/product-category\/color-stone\/', type:'cat', x:510, y:330, w:130,h:36},\r\n\r\n \/\/ Prodotti\r\n {id:'prod_ring', label:'Anello', url:BASE+'\/product\/', type:'prod', x:60, y:440, w:110,h:32},\r\n {id:'prod_bangle', label:'Bracciale', url:BASE+'\/product\/', type:'prod', x:185, y:440, w:110,h:32},\r\n {id:'prod_earring', label:'Orecchini', url:BASE+'\/product\/', type:'prod', x:310, y:440, w:110,h:32},\r\n {id:'prod_necklace', label:'Collana', url:BASE+'\/product\/', type:'prod', x:435, y:440, w:110,h:32},\r\n {id:'prod_pendant', label:'Pendente', url:BASE+'\/product\/', type:'prod', x:560, y:440, w:110,h:32},\r\n\r\n \/\/ Checkout flow\r\n {id:'checkout', label:'Checkout', url:BASE+'\/checkout\/', type:'nav', x:900, y:330, w:130,h:36},\r\n {id:'order_ok', label:'Ordine ricevuto',url:BASE+'\/checkout\/order-received\/', type:'nav', x:900, y:440, w:150,h:36},\r\n\r\n \/\/ Auth flow\r\n {id:'signup', label:'Crea Account', url:BASE+'\/sign-up\/', type:'auth', x:990, y:330, w:130,h:36},\r\n {id:'signup_rep', label:'Diventa Rep.', url:BASE+'\/sign-up-representative\/', type:'auth', x:1130,y:330, w:130,h:36},\r\n {id:'lost_pw', label:'Password dimenticata', url:BASE+'\/lost-password\/', type:'auth', x:1110,y:440, w:140,h:36},\r\n {id:'check_email', label:'Controlla Email',url:BASE+'\/check-your-email\/', type:'auth', x:1110,y:540, w:140,h:36},\r\n {id:'reset_pw', label:'Reimposta Password',url:BASE+'\/reset-password\/', type:'auth', x:1110,y:640, w:150,h:36},\r\n {id:'reg_ok', label:'Registrazione ricevuta',url:BASE+'\/your-registration-was-received\/',type:'auth',x:1130,y:440,w:150,h:36},\r\n\r\n \/\/ My Account\r\n {id:'myaccount', label:'My Account', url:BASE+'\/my-account\/', type:'acc', x:680, y:580, w:150,h:44},\r\n\r\n \/\/ Sezioni account\r\n {id:'acc_dash', label:'Dashboard', url:BASE+'\/my-account\/', type:'acc', x:280, y:720, w:120,h:34},\r\n {id:'acc_orders', label:'Ordini', url:BASE+'\/my-account\/orders\/', type:'acc', x:420, y:720, w:110,h:34},\r\n {id:'acc_wish', label:'Wishlist', url:BASE+'\/my-account\/wishlist\/', type:'acc', x:545, y:720, w:110,h:34},\r\n {id:'acc_addr', label:'Indirizzi', url:BASE+'\/my-account\/edit-address\/', type:'acc', x:670, y:720, w:110,h:34},\r\n {id:'acc_detail', label:'Dettagli', url:BASE+'\/my-account\/edit-account\/', type:'acc', x:795, y:720, w:110,h:34},\r\n {id:'acc_pay', label:'Pagamento', url:BASE+'\/my-account\/payment-methods\/', type:'acc', x:920, y:720, w:110,h:34},\r\n {id:'acc_rep', label:'Area Rappresentante',url:BASE+'\/my-account\/representative-area\/',type:'acc',x:680, y:850, w:180,h:40},\r\n\r\n \/\/ Rep sub\r\n {id:'rep_cat', label:'Catalogo Digitale',url:'https:\/\/francescafabbrini.com\/representative-catalog\/',type:'acc',x:540,y:970,w:150,h:34},\r\n {id:'rep_terms', label:'Termini Rappresentante',url:BASE+'\/representative-terms\/', type:'legal',x:710,y:970, w:170,h:34},\r\n\r\n \/\/ Legal\r\n {id:'privacy', label:'Privacy Policy',url:BASE+'\/privacy-policy\/', type:'legal',x:60, y:580, w:140,h:34},\r\n {id:'cookie', label:'Cookie Policy', url:BASE+'\/cookie-statement\/', type:'legal',x:60, y:660, w:140,h:34},\r\n {id:'terms_gen', label:'Termini & Condizioni',url:BASE+'\/terms-and-conditions\/', type:'legal',x:60, y:740, w:160,h:34},\r\n {id:'refund', label:'Refund Policy', url:BASE+'\/refund-and-returns-policy\/', type:'legal',x:60, y:820, w:160,h:34},\r\n {id:'faq', label:'FAQ', url:BASE+'\/faq\/', type:'legal',x:60, y:900, w:160,h:34},\r\n {id:'jewelscode', label:'Jewels Code', url:BASE+'\/jewels-code\/', type:'legal',x:60, y:980, w:160,h:34},\r\n {id:'sizeguide', label:'Ring Size Guide',url:BASE+'\/size-guide\/', type:'legal',x:60, y:1060,w:160,h:34},\r\n];\r\n\r\nconst edges=[\r\n ['home','collections'],['home','about'],['home','contact'],['home','cart'],['home','signin'],\r\n ['home','privacy'],\r\n ['collections','corinthia'],['collections','colorbloom'],['collections','colorflower'],['collections','colorstone'],\r\n ['corinthia','prod_ring'],['corinthia','prod_necklace'],['corinthia','prod_pendant'],\r\n ['colorbloom','prod_bangle'],['colorbloom','prod_earring'],\r\n ['colorflower','prod_earring'],['colorflower','prod_bangle'],\r\n ['colorstone','prod_earring'],['colorstone','prod_ring'],\r\n ['cart','checkout'],['checkout','order_ok'],\r\n ['signin','myaccount'],['signin','signup'],['signin','signup_rep'],['signin','lost_pw'],\r\n ['lost_pw','check_email'],['check_email','reset_pw'],['reset_pw','signin'],\r\n ['signup','myaccount'],['signup_rep','reg_ok'],\r\n ['myaccount','acc_dash'],['myaccount','acc_orders'],['myaccount','acc_wish'],\r\n ['myaccount','acc_addr'],['myaccount','acc_detail'],['myaccount','acc_pay'],\r\n ['myaccount','acc_rep'],\r\n ['acc_rep','rep_cat'],['acc_rep','rep_terms'],\r\n ['privacy','cookie'],['cookie','terms_gen'],\r\n ['terms_gen','refund'],['refund','faq'],['faq','jewelscode'],['jewelscode','sizeguide'],\r\n];\r\n\r\nconst canvas=document.getElementById('c');\r\nconst ctx=canvas.getContext('2d');\r\nlet W,H,tx=0,ty=0,sc=1,drag=false,sx,sy,stx,sty,hovered=null;\r\n\r\nfunction resize(){\r\n W=canvas.width=window.innerWidth;\r\n H=canvas.height=window.innerHeight-58;\r\n draw();\r\n}\r\n\r\nfunction rr(x,y,w,h,r){\r\n ctx.beginPath();\r\n ctx.moveTo(x+r,y);ctx.lineTo(x+w-r,y);ctx.arcTo(x+w,y,x+w,y+r,r);\r\n ctx.lineTo(x+w,y+h-r);ctx.arcTo(x+w,y+h,x+w-r,y+h,r);\r\n ctx.lineTo(x+r,y+h);ctx.arcTo(x,y+h,x,y+h-r,r);\r\n ctx.lineTo(x,y+r);ctx.arcTo(x,y,x+r,y,r);\r\n ctx.closePath();\r\n}\r\n\r\nfunction getRect(n){return{x:n.x-n.w\/2,y:n.y-n.h\/2,w:n.w,h:n.h}}\r\n\r\nfunction s2w(x,y){return{x:(x-tx)\/sc,y:(y-ty)\/sc}}\r\n\r\nfunction drawEdge(a,b){\r\n const na=nodes.find(n=>n.id===a),nb=nodes.find(n=>n.id===b);\r\n if(!na||!nb)return;\r\n const ra=getRect(na),rb=getRect(nb);\r\n \/\/ connect closest sides\r\n const dx=nb.x-na.x,dy=nb.y-na.y;\r\n let x1,y1,x2,y2;\r\n if(Math.abs(dy)>Math.abs(dx)*0.5){\r\n \/\/ vertical\r\n if(dy>0){x1=na.x;y1=na.y+ra.h\/2;x2=nb.x;y2=nb.y-rb.h\/2}\r\n else{x1=na.x;y1=na.y-ra.h\/2;x2=nb.x;y2=nb.y+rb.h\/2}\r\n } else {\r\n if(dx>0){x1=na.x+ra.w\/2;y1=na.y;x2=nb.x-rb.w\/2;y2=nb.y}\r\n else{x1=na.x-ra.w\/2;y1=na.y;x2=nb.x+rb.w\/2;y2=nb.y}\r\n }\r\n const col=C[na.type];\r\n const ang=Math.atan2(y2-y1,x2-x1);\r\n const ar=14;\r\n const ex=x2-ar*Math.cos(ang),ey=y2-ar*Math.sin(ang);\r\n\r\n \/\/ line\r\n ctx.beginPath();\r\n ctx.moveTo(x1,y1);\r\n \/\/ slight bezier\r\n const mx=(x1+x2)\/2,my=(y1+y2)\/2;\r\n ctx.bezierCurveTo(mx,y1,mx,y2,ex,ey);\r\n ctx.strokeStyle=col.fill+'44';\r\n ctx.lineWidth=1;\r\n ctx.setLineDash([]);\r\n ctx.stroke();\r\n\r\n \/\/ arrowhead\r\n ctx.beginPath();\r\n const al=7,aw=4;\r\n ctx.moveTo(x2-ar*Math.cos(ang),y2-ar*Math.sin(ang));\r\n ctx.lineTo(x2-(ar+al)*Math.cos(ang)-aw*Math.cos(ang+Math.PI\/2),\r\n y2-(ar+al)*Math.sin(ang)-aw*Math.sin(ang+Math.PI\/2));\r\n ctx.lineTo(x2-(ar+al)*Math.cos(ang)-aw*Math.cos(ang-Math.PI\/2),\r\n y2-(ar+al)*Math.sin(ang)-aw*Math.sin(ang-Math.PI\/2));\r\n ctx.closePath();\r\n ctx.fillStyle=col.fill+'77';\r\n ctx.fill();\r\n}\r\n\r\nfunction draw(){\r\n ctx.clearRect(0,0,W,H);\r\n\r\n \/\/ bg\r\n ctx.fillStyle='#F5F2EE';\r\n ctx.fillRect(0,0,W,H);\r\n\r\n \/\/ dot grid\r\n ctx.fillStyle='#DDD8D066';\r\n const gs=50*sc;\r\n const ox=((tx%gs)+gs)%gs,oy=((ty%gs)+gs)%gs;\r\n for(let x=ox;x<W;x+=gs)for(let y=oy;y<H;y+=gs){\r\n ctx.beginPath();ctx.arc(x,y,1,0,Math.PI*2);ctx.fill();\r\n }\r\n\r\n ctx.save();\r\n ctx.translate(tx,ty);\r\n ctx.scale(sc,sc);\r\n\r\n \/\/ edges first\r\n edges.forEach(([a,b])=>drawEdge(a,b));\r\n\r\n \/\/ nodes\r\n nodes.forEach(n=>{\r\n const r=getRect(n);\r\n const col=C[n.type];\r\n const isH=hovered===n.id;\r\n\r\n if(isH){ctx.shadowColor=col.fill+'80';ctx.shadowBlur=20}\r\n\r\n \/\/ outer glow ring for home\r\n if(n.type==='home'){\r\n ctx.strokeStyle=col.border+'44';ctx.lineWidth=4;\r\n rr(r.x-4,r.y-4,r.w+8,r.h+8,6);ctx.stroke();\r\n }\r\n\r\n \/\/ fill\r\n ctx.fillStyle=isH?col.fill:col.fill+(n.type==='home'?'FF':'CC');\r\n rr(r.x,r.y,r.w,r.h,4);ctx.fill();\r\n\r\n \/\/ border line\r\n ctx.strokeStyle=col.border+(isH?'FF':'66');\r\n ctx.lineWidth=isH?1.5:0.8;\r\n rr(r.x,r.y,r.w,r.h,4);ctx.stroke();\r\n\r\n ctx.shadowBlur=0;\r\n\r\n \/\/ label\r\n const fs=n.type==='home'?13:10.5;\r\n const fw=n.type==='home'?'600':'400';\r\n ctx.font=`${fw} ${fs}px Mulish,sans-serif`;\r\n ctx.fillStyle=col.text;\r\n ctx.textAlign='center';ctx.textBaseline='middle';\r\n ctx.fillText(n.label,n.x,n.y,r.w-10);\r\n });\r\n\r\n ctx.restore();\r\n}\r\n\r\nfunction hitTest(wx,wy){\r\n for(let i=nodes.length-1;i>=0;i--){\r\n const n=nodes[i],r=getRect(n);\r\n if(wx>=r.x&&wx<=r.x+r.w&&wy>=r.y&&wy<=r.y+r.h)return n;\r\n }\r\n return null;\r\n}\r\n\r\nfunction resetView(){\r\n let mnX=Infinity,mnY=Infinity,mxX=-Infinity,mxY=-Infinity;\r\n nodes.forEach(n=>{\r\n const r=getRect(n);\r\n mnX=Math.min(mnX,r.x);mnY=Math.min(mnY,r.y);\r\n mxX=Math.max(mxX,r.x+r.w);mxY=Math.max(mxY,r.y+r.h);\r\n });\r\n const pw=mxX-mnX+120,ph=mxY-mnY+120;\r\n sc=Math.min(W\/pw,(H)\/ph,1.2);\r\n tx=(W-pw*sc)\/2-mnX*sc+60*sc;\r\n ty=(H-ph*sc)\/2-mnY*sc+60*sc;\r\n draw();\r\n}\r\n\r\nfunction doZoom(f){\r\n const cx=W\/2,cy=H\/2;\r\n tx=cx-(cx-tx)*f;ty=cy-(cy-ty)*f;sc*=f;draw();\r\n}\r\n\r\ncanvas.addEventListener('mousedown',e=>{\r\n if(e.button!==0)return;\r\n drag=true;sx=e.clientX;sy=e.clientY;stx=tx;sty=ty;\r\n document.body.classList.add('pan');\r\n});\r\n\r\nwindow.addEventListener('mousemove',e=>{\r\n const cr=canvas.getBoundingClientRect();\r\n const cx=e.clientX-cr.left,cy=e.clientY-cr.top;\r\n if(drag){tx=stx+(e.clientX-sx);ty=sty+(e.clientY-sy);draw();return}\r\n const w=s2w(cx,cy);\r\n const hit=hitTest(w.x,w.y);\r\n const prev=hovered;hovered=hit?hit.id:null;\r\n if(hovered!==prev)draw();\r\n canvas.style.cursor=hit?'pointer':'';\r\n const tip=document.getElementById('tip');\r\n if(hit){\r\n tip.style.display='block';\r\n tip.style.left=(e.clientX+14)+'px';\r\n tip.style.top=(e.clientY-8)+'px';\r\n tip.textContent=hit.url.replace('https:\/\/francescafabbrini.com','');\r\n } else tip.style.display='none';\r\n});\r\n\r\nwindow.addEventListener('mouseup',e=>{\r\n if(!drag)return;\r\n const moved=Math.abs(e.clientX-sx)+Math.abs(e.clientY-sy);\r\n drag=false;document.body.classList.remove('pan');\r\n if(moved<5){\r\n const cr=canvas.getBoundingClientRect();\r\n const w=s2w(e.clientX-cr.left,e.clientY-cr.top);\r\n const hit=hitTest(w.x,w.y);\r\n if(hit)window.open(hit.url,'_blank');\r\n }\r\n});\r\n\r\ncanvas.addEventListener('wheel',e=>{\r\n e.preventDefault();\r\n const cr=canvas.getBoundingClientRect();\r\n const cx=e.clientX-cr.left,cy=e.clientY-cr.top;\r\n const f=e.deltaY<0?1.12:1\/1.12;\r\n tx=cx-(cx-tx)*f;ty=cy-(cy-ty)*f;sc*=f;draw();\r\n},{passive:false});\r\n\r\nwindow.addEventListener('resize',resize);\r\nresize();\r\nsetTimeout(resetView,80);\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sitemap \u2014 Francesca Fabbrini Jewels Francesca Fabbrini Jewels Sitemap Visuale \u00b7 francescafabbrini.com Scorri per zoom \u00b7 Trascina per navigare \u00b7 Click per aprire Sezioni Homepage Navigazione Collezioni Prodotti Account Auth Legal + \u2212 \u25ce<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8010","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/pages\/8010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/comments?post=8010"}],"version-history":[{"count":26,"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/pages\/8010\/revisions"}],"predecessor-version":[{"id":8149,"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/pages\/8010\/revisions\/8149"}],"wp:attachment":[{"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/media?parent=8010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}