{"id":19,"date":"2026-09-19T20:03:31","date_gmt":"2026-09-19T20:03:31","guid":{"rendered":"https:\/\/pattern64.com\/?page_id=19"},"modified":"2026-09-22T00:17:09","modified_gmt":"2026-09-22T00:17:09","slug":"my-account","status":"publish","type":"page","link":"https:\/\/pattern64.com\/?page_id=19","title":{"rendered":"My Account"},"content":{"rendered":"<style data-wp-block-html=\"css\">.pt64-account-action[href=\"\/?page_id=16\"]{display:none!important}<\/style>\n<style data-wp-block-html=\"css\">.pt64-account-page{position:relative!important;left:50%!important;width:100vw!important;max-width:none!important;margin-left:-50vw!important;margin-right:-50vw!important}.pt64-account-page:not(.is-signed-in){display:flex!important;flex-direction:column!important;align-items:center!important}.pt64-auth-shell{margin-left:auto!important;margin-right:auto!important}<\/style>\n<style data-wp-block-html=\"css\">.pt64-auth-shell{box-sizing:border-box!important;width:clamp(460px,34vw,520px)!important;max-width:calc(100vw - 40px)!important}.pt64-auth-tabs{width:100%!important}.pt64-auth-form{width:100%!important}.pt64-code-row{grid-template-columns:minmax(0,1fr) 140px!important;gap:12px!important}.pt64-auth-field input{min-width:0!important}.pt64-auth-back{margin-top:30px!important}@media(max-width:620px){.pt64-auth-shell{width:100%!important;max-width:100%!important}.pt64-code-row{grid-template-columns:minmax(0,1fr) 112px!important;gap:8px!important}}@media(max-width:390px){.pt64-code-row{grid-template-columns:1fr!important}.pt64-code-send{width:100%!important}}<\/style>\n<style data-wp-block-html=\"css\">.pt64-code-row{display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:10px}.pt64-code-send{height:42px;border:1px solid #8dbcf0;border-radius:10px;background:#eef6ff;color:#0759b8;font:700 12px\/1 Inter,Arial,sans-serif;cursor:pointer}.pt64-code-send:disabled{cursor:default;opacity:.65}.pt64-forgot-link{display:block;margin-top:-7px;border:0;background:transparent;color:#0759b8;font:600 12px\/1 Inter,Arial,sans-serif;text-align:right;cursor:pointer}.pt64-reset-modal{position:fixed;inset:0;z-index:100002;display:none;align-items:center;justify-content:center;padding:20px;font-family:Inter,Arial,sans-serif}.pt64-reset-modal.is-open{display:flex}.pt64-reset-backdrop{position:absolute;inset:0;border:0;background:rgba(7,28,51,.46);backdrop-filter:blur(3px)}.pt64-reset-dialog{position:relative;box-sizing:border-box;width:min(440px,100%);padding:28px;border:1px solid #d0dce9;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(7,28,51,.24)}.pt64-reset-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.pt64-reset-head h2{margin:0 0 7px;color:#0c1d33;font-size:24px;line-height:1.15}.pt64-reset-head p{margin:0;color:#60738d;font-size:13px;line-height:1.55}.pt64-reset-close{width:34px;height:34px;flex:0 0 auto;border:1px solid #d0dce9;border-radius:9px;background:#f8fafc;color:#526b8c;font-size:22px;line-height:1;cursor:pointer}.pt64-reset-form{display:grid;gap:16px}.pt64-reset-submit{height:44px;border:0;border-radius:10px;background:linear-gradient(120deg,#0759b8,#2784db);color:#fff;font:700 13px\/1 Inter,Arial,sans-serif;cursor:pointer}.pt64-reset-message{min-height:16px;margin:0;color:#198754;font-size:12px;text-align:center}@media(max-width:480px){.pt64-code-row{grid-template-columns:minmax(0,1fr) 112px}.pt64-reset-dialog{padding:22px}}<\/style>\n<style data-wp-block-html=\"css\">.pt64-auth-form[data-form=\"create\"]{display:none}.pt64-auth-form[data-form=\"create\"].is-active{display:grid}.pt64-auth-form[data-form=\"signin\"].is-inactive{display:none}<\/style>\n<style data-wp-block-html=\"css\">.pt64-auth-divider,.pt64-auth-google{display:none!important}<\/style>\n<style data-wp-block-html=\"css\">.pt64-account-page,.pt64-reset-modal{font-family:Inter,Arial,sans-serif!important}.pt64-account-page h1,.pt64-account-page h2,.pt64-account-page h3,.pt64-reset-modal h1,.pt64-reset-modal h2,.pt64-reset-modal h3,.pt64-order-status strong{font-family:\"Space Grotesk\",Inter,Arial,sans-serif!important}.pt64-account-page button,.pt64-account-page input,.pt64-account-page select,.pt64-account-page textarea,.pt64-reset-modal button,.pt64-reset-modal input{font-family:Inter,Arial,sans-serif!important}<\/style>\n<style data-wp-block-html=\"css\">\n.pt64-account-page{box-sizing:border-box;min-height:calc(100vh - 104px);padding:64px max(20px,calc((100vw - 1480px)\/2)) 90px;background:#f1f5f9;color:#0c1d33;font-family:Inter,Arial,sans-serif}.pt64-auth-shell{width:min(420px,100%);margin:0 auto}.pt64-auth-head{text-align:center;margin-bottom:32px}.pt64-auth-head h1{margin:0 0 8px;font-size:32px;line-height:1.1;letter-spacing:-.03em}.pt64-auth-head p{margin:0;color:#60738d;font-size:15px}.pt64-auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:28px;padding:4px;border-radius:11px;background:#e4ebf3}.pt64-auth-tab{height:36px;border:0;border-radius:8px;background:transparent;color:#526b8c;font:500 14px\/1 Inter,Arial,sans-serif;cursor:pointer}.pt64-auth-tab.is-active{background:#fff;color:#0c1d33;box-shadow:0 1px 3px rgba(7,28,51,.08)}.pt64-auth-form{display:grid;gap:18px}.pt64-auth-form[hidden]{display:none}.pt64-auth-field{display:grid;gap:7px}.pt64-auth-field label{font-size:13px;font-weight:600}.pt64-auth-field input{box-sizing:border-box;width:100%;height:42px;padding:0 13px;border:1px solid #ccd8e6;border-radius:10px;background:#f5f8fc;color:#0c1d33;font:14px\/1 Inter,Arial,sans-serif;outline:none}.pt64-auth-field input:focus{border-color:#2784db;box-shadow:0 0 0 3px rgba(39,132,219,.1)}.pt64-auth-primary,.pt64-auth-google{box-sizing:border-box;width:100%;height:42px;border-radius:10px;font:700 13px\/1 Inter,Arial,sans-serif;cursor:pointer}.pt64-auth-primary{border:0;background:linear-gradient(120deg,#0759b8,#2784db);color:#fff}.pt64-auth-divider{display:flex;align-items:center;gap:12px;margin:12px 0;color:#60738d;font-size:11px}.pt64-auth-divider:before,.pt64-auth-divider:after{content:\"\";height:1px;flex:1;background:#d1dce8}.pt64-auth-google{border:1px solid #ccd8e6;background:#fff;color:#0c1d33}.pt64-auth-back{display:block;margin-top:24px;color:#60738d;font-size:12px;text-align:center;text-decoration:none}.pt64-auth-message{min-height:17px;margin:0;color:#b43c3c;font-size:12px;text-align:center}.pt64-account-dashboard{display:none;width:100%;max-width:1480px;margin:0 auto}.pt64-account-page.is-signed-in .pt64-auth-shell{display:none}.pt64-account-page.is-signed-in .pt64-account-dashboard{display:block}.pt64-account-top{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:36px}.pt64-account-identity h1{margin:0 0 6px;font-size:38px;line-height:1.1;letter-spacing:-.035em}.pt64-account-identity p{margin:0;color:#60738d;font-size:15px}.pt64-account-actions{display:flex;align-items:center;gap:12px}.pt64-account-action{height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ccd8e6;border-radius:10px;background:#fff;color:#0c1d33;font:600 13px\/1 Inter,Arial,sans-serif;text-decoration:none;cursor:pointer}.pt64-account-action.is-plain{border-color:transparent;background:transparent}.pt64-account-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.pt64-orders h2{margin:0 0 18px;font-size:24px;line-height:1.2}.pt64-orders-list{display:grid;gap:12px}.pt64-order-empty,.pt64-order-row{border:1px solid #d0dce9;border-radius:14px;background:#fff}.pt64-order-empty{padding:52px 24px;color:#60738d;text-align:center}.pt64-order-empty p{margin:0 0 18px}.pt64-order-empty a{color:#0759b8;font-weight:700;text-decoration:none}.pt64-order-row{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:24px}.pt64-order-meta strong{display:block;margin-bottom:4px;font-size:13px}.pt64-order-meta span{color:#60738d;font-size:12px}.pt64-order-status{display:flex;align-items:center;gap:14px}.pt64-order-status span{padding:5px 10px;border:1px solid #d0dce9;border-radius:999px;background:#f8fafc;font-size:11px}.pt64-order-status strong{color:#0759b8;font-size:16px}@media(max-width:680px){.pt64-account-page{min-height:calc(100vh - 98px);padding:44px 16px 70px}.pt64-account-top{align-items:flex-start;flex-direction:row;gap:12px}.pt64-account-identity{min-width:0}.pt64-account-identity h1{font-size:32px}.pt64-account-actions{width:auto;margin-left:auto;flex:0 0 auto}.pt64-account-action{flex:0 0 auto}.pt64-account-action.is-plain{padding:0 4px}.pt64-order-row{align-items:flex-start;flex-direction:column}.pt64-order-status{width:100%;justify-content:space-between}}\n<\/style>\n\n<main class=\"pt64-account-page\">\n<section class=\"pt64-auth-shell\">\n<header class=\"pt64-auth-head\">\n<h1>Welcome<\/h1>\n\n\n<p>Sign in to your account or create one to order.<\/p>\n<\/header>\n\n\n<div class=\"pt64-auth-tabs\">\n<button class=\"pt64-auth-tab is-active\" type=\"button\" data-tab=\"signin\">Sign In<\/button>\n\n\n<button class=\"pt64-auth-tab\" type=\"button\" data-tab=\"create\">Create Account<\/button>\n<\/div>\n\n\n<form class=\"pt64-auth-form\" method=\"get\" action=\"\" data-form=\"signin\">\n<div class=\"pt64-auth-field\">\n<label>Email<\/label>\n\n\n<input id=\"pt64-signin-email\" type=\"email\" name=\"email\" required\/>\n<\/div>\n\n\n<div class=\"pt64-auth-field\">\n<label>Password<\/label>\n\n\n<input id=\"pt64-signin-password\" type=\"password\" name=\"password\" required\/>\n<\/div>\n\n\n<button class=\"pt64-auth-primary\" type=\"submit\">Sign In<\/button>\n<\/form>\n\n\n<form class=\"pt64-auth-form\" method=\"get\" action=\"\" data-form=\"create\">\n<div class=\"pt64-auth-field\">\n<label>Full name<\/label>\n\n\n<input id=\"pt64-create-name\" type=\"text\" name=\"name\" required\/>\n<\/div>\n\n\n<div class=\"pt64-auth-field\">\n<label>Email<\/label>\n\n\n<input id=\"pt64-create-email\" type=\"email\" name=\"email\" required\/>\n<\/div>\n\n\n<div class=\"pt64-auth-field\">\n<label>Password<\/label>\n\n\n<input id=\"pt64-create-password\" type=\"password\" name=\"password\" required\/>\n<\/div>\n\n\n<button class=\"pt64-auth-primary\" type=\"submit\">Create Account<\/button>\n<\/form>\n\n\n<div class=\"pt64-auth-divider\">OR<\/div>\n\n\n<button class=\"pt64-auth-google\" type=\"button\">Continue with Google<\/button>\n\n\n<p class=\"pt64-auth-message\" aria-live=\"polite\"><\/p>\n\n\n<a class=\"pt64-auth-back\" href=\"\/\">\u2190 Back to home<\/a>\n<\/section>\n\n\n<section class=\"pt64-account-dashboard\">\n<div class=\"pt64-account-top\">\n<div class=\"pt64-account-identity\">\n<h1>My Account<\/h1>\n\n\n<p class=\"pt64-account-email\"><\/p>\n<\/div>\n\n\n<div class=\"pt64-account-actions\">\n<a class=\"pt64-account-action\" href=\"\/?page_id=16\">\n<svg viewBox=\"0 0 24 24\"><circle cx=\"6\" cy=\"12\" r=\"2\"><\/circle><circle cx=\"18\" cy=\"6\" r=\"2\"><\/circle><circle cx=\"18\" cy=\"18\" r=\"2\"><\/circle><path d=\"m8 11 8-4M8 13l8 4\"><\/path><\/svg>\n\n\n<span>Affiliate<\/span>\n<\/a>\n\n\n<button class=\"pt64-account-action is-plain pt64-signout\" type=\"button\">\n<svg viewBox=\"0 0 24 24\"><path d=\"M10 4H5v16h5M14 8l4 4-4 4M8 12h10\"><\/path><\/svg>\n\n\n<span>Sign out<\/span>\n<\/button>\n<\/div>\n<\/div>\n\n\n<div class=\"pt64-orders\">\n<h2>Order History<\/h2>\n\n\n<div class=\"pt64-orders-list\"><\/div>\n<\/div>\n<\/section>\n<\/main>\n\n<script data-wp-block-html=\"js\">\n(function(){var root=document.querySelector('.pt64-account-page');if(!root)return;var userKey='pt64_user_v1',orderKey='pt64_orders_v1';function read(key,fallback){try{return JSON.parse(localStorage.getItem(key)||JSON.stringify(fallback))}catch(e){return fallback}}function renderOrders(){var list=root.querySelector('.pt64-orders-list'),orders=read(orderKey,[]);if(!orders.length){list.innerHTML='<div class=\"pt64-order-empty\"><p>You have no orders yet.<\/p><a href=\"\/?page_id=12\">Browse the shop<\/a><\/div>';return}list.innerHTML=orders.map(function(order){return'<article class=\"pt64-order-row\"><div class=\"pt64-order-meta\"><strong>'+String(order.id||'')+'<\/strong><span>'+String(order.date||'')+'<\/span><\/div><div class=\"pt64-order-status\"><span>'+String(order.status||'pending payment')+'<\/span><strong>US$'+Number(order.total||0).toLocaleString('en-US')+'<\/strong><\/div><\/article>'}).join('')}function render(){var user=read(userKey,null),signed=!!(user&&user.email);root.classList.toggle('is-signed-in',signed);if(signed){root.querySelector('.pt64-account-email').textContent=user.email;renderOrders()}}function selectTab(name){root.querySelectorAll('.pt64-auth-tab').forEach(function(button){button.classList.toggle('is-active',button.dataset.tab===name)});root.querySelectorAll('.pt64-auth-form').forEach(function(form){form.hidden=form.dataset.form!==name});root.querySelector('.pt64-auth-message').textContent=''}root.addEventListener('click',function(event){var tab=event.target.closest('.pt64-auth-tab');if(tab){selectTab(tab.dataset.tab);return}if(event.target.closest('.pt64-signout')){localStorage.removeItem(userKey);render();return}if(event.target.closest('.pt64-auth-google'))root.querySelector('.pt64-auth-message').textContent='Google sign-in will be available after account connection is configured.'});root.addEventListener('submit',function(event){var form=event.target.closest('.pt64-auth-form');if(!form)return;event.preventDefault();var data=new FormData(form),email=String(data.get('email')||'').trim();if(!email)return;localStorage.setItem(userKey,JSON.stringify({email:email,name:String(data.get('name')||'').trim()}));render()});render()})();\n<\/script>\n<script data-wp-block-html=\"js\">\n(function(){var root=document.querySelector('.pt64-account-page');if(!root)return;function show(name){root.querySelectorAll('.pt64-auth-tab').forEach(function(tab){tab.classList.toggle('is-active',tab.dataset.tab===name)});root.querySelectorAll('.pt64-auth-form').forEach(function(form){var active=form.dataset.form===name;form.classList.toggle('is-active',active);form.classList.toggle('is-inactive',!active);form.style.display=active?'grid':'none'})}root.addEventListener('click',function(event){var tab=event.target.closest('.pt64-auth-tab');if(tab)show(tab.dataset.tab)});show('signin')})();\n<\/script>\n<script data-wp-block-html=\"js\">\n(function(){var root=document.querySelector('.pt64-account-page'),signin=root&&root.querySelector('[data-form=\"signin\"]'),create=root&&root.querySelector('[data-form=\"create\"]');if(!root||!signin||!create)return;var nameInput=create.querySelector('#pt64-create-name');if(nameInput){var nameField=nameInput.closest('.pt64-auth-field');if(nameField)nameField.remove()}var createEmail=create.querySelector('#pt64-create-email'),createEmailField=createEmail&&createEmail.closest('.pt64-auth-field'),passwordField=create.querySelector('#pt64-create-password')&&create.querySelector('#pt64-create-password').closest('.pt64-auth-field');if(createEmailField&&passwordField&&!create.querySelector('#pt64-create-code')){var code=document.createElement('div');code.className='pt64-auth-field';code.innerHTML='<label for=\"pt64-create-code\">Verification code<\/label><div class=\"pt64-code-row\"><input id=\"pt64-create-code\" name=\"code\" type=\"text\" inputmode=\"numeric\" maxlength=\"6\" placeholder=\"6-digit code\"><button class=\"pt64-code-send\" type=\"button\">Send code<\/button><\/div>';create.insertBefore(code,passwordField)}var signinPassword=signin.querySelector('#pt64-signin-password'),signinPasswordField=signinPassword&&signinPassword.closest('.pt64-auth-field');if(signinPasswordField&&!signin.querySelector('.pt64-forgot-link'))signinPasswordField.insertAdjacentHTML('afterend','<button class=\"pt64-forgot-link\" type=\"button\">Forgot password?<\/button>');if(!document.querySelector('.pt64-reset-modal'))document.body.insertAdjacentHTML('beforeend','<div class=\"pt64-reset-modal\" aria-hidden=\"true\"><button class=\"pt64-reset-backdrop\" type=\"button\" aria-label=\"Close\"><\/button><section class=\"pt64-reset-dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"pt64-reset-title\"><header class=\"pt64-reset-head\"><div><h2 id=\"pt64-reset-title\">Reset password<\/h2><p>Verify your email, then set a new password.<\/p><\/div><button class=\"pt64-reset-close\" type=\"button\" aria-label=\"Close\">\u00d7<\/button><\/header><form class=\"pt64-reset-form\"><div class=\"pt64-auth-field\"><label for=\"pt64-reset-email\">Email<\/label><input id=\"pt64-reset-email\" type=\"email\" autocomplete=\"email\" required><\/div><div class=\"pt64-auth-field\"><label for=\"pt64-reset-code\">Verification code<\/label><div class=\"pt64-code-row\"><input id=\"pt64-reset-code\" type=\"text\" inputmode=\"numeric\" maxlength=\"6\" placeholder=\"6-digit code\" required><button class=\"pt64-code-send\" type=\"button\">Send code<\/button><\/div><\/div><div class=\"pt64-auth-field\"><label for=\"pt64-reset-password\">New password<\/label><input id=\"pt64-reset-password\" type=\"password\" autocomplete=\"new-password\" minlength=\"8\" required><\/div><button class=\"pt64-reset-submit\" type=\"submit\">Set new password<\/button><p class=\"pt64-reset-message\" aria-live=\"polite\"><\/p><\/form><\/section><\/div>');var modal=document.querySelector('.pt64-reset-modal');function open(){modal.classList.add('is-open');modal.setAttribute('aria-hidden','false');document.documentElement.classList.add('pt64-cart-lock')}function close(){modal.classList.remove('is-open');modal.setAttribute('aria-hidden','true');document.documentElement.classList.remove('pt64-cart-lock')}document.addEventListener('click',function(event){if(event.target.closest('.pt64-forgot-link'))open();if(event.target.closest('.pt64-reset-close,.pt64-reset-backdrop'))close();var send=event.target.closest('.pt64-code-send');if(send){var seconds=60;send.disabled=true;send.textContent='Sent \u00b7 '+seconds+'s';var timer=setInterval(function(){seconds-=1;if(seconds<=0){clearInterval(timer);send.disabled=false;send.textContent='Send code'}else send.textContent='Sent \u00b7 '+seconds+'s'},1000)}});modal.querySelector('form').addEventListener('submit',function(event){event.preventDefault();modal.querySelector('.pt64-reset-message').textContent='Password reset UI is ready for backend connection.'});document.addEventListener('keydown',function(event){if(event.key==='Escape')close()})})();\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pattern64.com\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pattern64.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pattern64.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pattern64.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pattern64.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":10,"href":"https:\/\/pattern64.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":359,"href":"https:\/\/pattern64.com\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/359"}],"wp:attachment":[{"href":"https:\/\/pattern64.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}