Ashly Mellor | Portfolio<\/title><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Mono:wght@300;400;500&family=Instrument+Serif:ital@0;1&family=Caveat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\"><style> :root { --black: #0d0d0d; --dark: #111111; --wall: #000000; --white: #f2f0eb; --cream: #e8e2d4; --kraft: #c4a97d; --tape: rgba(222, 210, 175, 0.35); --tape-solid: #d6c99a; --pin-red: #c93c2a; --pin-yellow: #e8b92e; --pencil: rgba(255,255,255,0.07); --dim: #aaa; --dimmer: #888; } * { margin: 0; padding: 0; box-sizing: border-box; } body { background: var(--wall); color: var(--white); font-family: 'DM Mono', monospace; -webkit-font-smoothing: antialiased; overflow-x: hidden; position: relative; } \/* ======== WALL TEXTURE: subtle grain only ======== *\/ body::after { content: ''; position: fixed; inset: 0; background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'\/%3E%3C\/svg%3E\"); pointer-events: none; z-index: 1; } \/* ======== THE BUILD LINE: continuous spine that grows down the page ======== *\/ #build-canvas { position: absolute; top: 0; left: 0; pointer-events: none; z-index: 0; } \/* ======== UTILITY: TAPE STRIPS ======== *\/ .tape { position: absolute; background: var(--tape); border-top: 1px solid rgba(255,255,200,0.12); border-bottom: 1px solid rgba(255,255,200,0.08); z-index: 10; } .tape-h { width: 56px; height: 16px; } .tape-h-wide { width: 80px; height: 16px; } .tape-v { width: 16px; height: 56px; } \/* ======== UTILITY: PUSHPINS ======== *\/ .pin { position: absolute; width: 10px; height: 10px; border-radius: 50%; z-index: 10; box-shadow: 1px 2px 3px rgba(0,0,0,0.5); } .pin-red { background: var(--pin-red); } .pin-yellow { background: var(--pin-yellow); } .pin-white { background: #ddd; } \/* ======== UTILITY: KRAFT PAPER CARD ======== *\/ .kraft-card { background: var(--kraft); background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'\/%3E%3C\/svg%3E\"); color: #2a2218; position: relative; } \/* ======== UTILITY: HANDWRITTEN ======== *\/ .handwritten { font-family: 'Caveat', cursive; } \/* ======== HERO ======== *\/ .hero { min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-end; padding: 48px; position: relative; z-index: 2; } .hero-topbar { position: absolute; top: 40px; left: 48px; right: 48px; display: flex; justify-content: space-between; align-items: flex-start; z-index: 10; } .hero-topbar nav { display: flex; gap: 28px; } .hero-topbar nav a { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--dim); text-decoration: none; transition: color 0.2s; } .hero-topbar nav a:hover { color: var(--pin-red); } .hero-location { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--dim); } \/* Pinned note in hero *\/ .hero-note { position: absolute; top: 16%; right: 7%; width: 260px; padding: 28px 24px 24px; background: var(--cream); color: #2a2218; transform: rotate(2.5deg); box-shadow: 2px 4px 12px rgba(0,0,0,0.4); z-index: 8; transition: transform 0.4s ease; } .hero-note:hover { transform: rotate(0deg) scale(1.02); } .hero-note .pin { top: -5px; left: 50%; transform: translateX(-50%); } .hero-note-text { font-family: 'Caveat', cursive; font-size: 20px; line-height: 1.4; font-weight: 600; } .hero-note-text em { text-decoration: underline; text-decoration-color: var(--pin-red); text-underline-offset: 3px; font-style: normal; } .hero-note-sub { font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: #8a7d6a; margin-top: 12px; } \/* Tape label cluster *\/ .hero-labels { position: absolute; top: 44%; right: 5%; display: flex; flex-direction: column; gap: 12px; z-index: 8; } .tape-label { display: inline-block; background: var(--tape); backdrop-filter: blur(1px); padding: 6px 16px; font-family: 'Caveat', cursive; font-size: 16px; font-weight: 600; color: var(--cream); border-top: 1px solid rgba(255,255,200,0.1); border-bottom: 1px solid rgba(255,255,200,0.06); transition: transform 0.3s ease; } .tl-1 { transform: rotate(-1.5deg); } .tl-2 { transform: rotate(1deg); } .tl-3 { transform: rotate(-0.5deg); } .tape-label:hover { transform: rotate(0deg) scale(1.04); } .hero-name { font-family: 'Bebas Neue', sans-serif; font-size: clamp(72px, 14vw, 200px); line-height: 0.85; text-transform: uppercase; letter-spacing: 2px; position: relative; z-index: 6; } .hero-name span { display: block; } .hero-name .first { color: var(--white); opacity: 0; animation: buildIn 0.7s ease 0.1s forwards; } .hero-name .last { color: transparent; -webkit-text-stroke: 2px var(--white); opacity: 0; animation: buildIn 0.7s ease 0.3s forwards; } @keyframes buildIn { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } .hero-tagline { max-width: 550px; font-size: 14px; line-height: 1.8; font-weight: 300; color: var(--dim); margin-top: 80px; position: relative; z-index: 6; opacity: 0; animation: buildIn 0.6s ease 0.6s forwards; } .hero-tagline strong { color: var(--white); font-weight: 500; } \/* Pencil underline accent *\/ .pencil-underline { position: relative; display: inline; text-decoration: underline; text-decoration-color: var(--pin-red); text-underline-offset: 3px; } \/* ======== STATS: PINNED CARDS ======== *\/ .stats-section { padding: 60px 48px; position: relative; z-index: 2; border-top: 1px solid rgba(255,255,255,0.06); } .stats-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .stat-card { position: relative; padding: 32px 24px 24px; transition: transform 0.4s ease; } .stat-card:hover { transform: rotate(0deg) scale(1.02); } .sc-1 { transform: rotate(-1.5deg); } .sc-2 { transform: rotate(0.8deg); } .sc-3 { transform: rotate(-0.5deg); } .sc-4 { transform: rotate(1.2deg); } \/* Tape on top of cards *\/ .stat-card .tape { top: -7px; left: 50%; transform: translateX(-50%) rotate(var(--tape-r, 1deg)); } .stat-card .stat-number { font-family: 'Bebas Neue', sans-serif; font-size: 48px; line-height: 1; letter-spacing: 1px; margin-bottom: 8px; color: #2a2218; } .stat-card .stat-desc { font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: 0.5px; line-height: 1.6; color: #5a4f3e; } \/* ======== WORK: PINNED PIECES ON THE WALL ======== *\/ .work-section { padding: 80px 48px; position: relative; z-index: 2; } .work-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 60px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); } .work-header h2 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(40px, 6vw, 72px); text-transform: uppercase; letter-spacing: 1px; } .work-header span { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--dim); } .work-wall { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } .work-piece { position: relative; background: var(--dark); border: 1px solid rgba(255,255,255,0.06); padding: 40px 36px 36px; transition: transform 0.4s ease, border-color 0.3s; cursor: pointer; } .work-piece:hover { transform: rotate(0deg) scale(1.01); border-color: rgba(255,255,255,0.12); } .wp-1 { transform: rotate(-0.6deg); } .wp-2 { transform: rotate(0.4deg); } .wp-3 { transform: rotate(0.3deg); } .wp-4 { transform: rotate(-0.5deg); } \/* Tape on corners *\/ .work-piece .tape-tl { position: absolute; top: -7px; left: 16px; width: 52px; height: 15px; background: var(--tape); transform: rotate(-3deg); border-top: 1px solid rgba(255,255,200,0.1); z-index: 5; } .work-piece .tape-tr { position: absolute; top: -7px; right: 16px; width: 52px; height: 15px; background: var(--tape); transform: rotate(4deg); border-top: 1px solid rgba(255,255,200,0.1); z-index: 5; } .work-piece-number { font-family: 'Caveat', cursive; font-size: 48px; font-weight: 700; color: rgba(255,255,255,0.06); position: absolute; top: 16px; right: 24px; line-height: 1; } .work-piece-tag { display: inline-block; padding: 4px 12px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--dim); margin-bottom: 16px; } .work-piece-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(28px, 3vw, 40px); text-transform: uppercase; letter-spacing: 1px; line-height: 1; margin-bottom: 8px; } .work-piece-subtitle { font-family: 'Instrument Serif', serif; font-style: italic; font-size: 17px; color: var(--dim); margin-bottom: 16px; } .work-piece-body { font-size: 13px; line-height: 1.7; color: var(--dimmer); margin-bottom: 20px; } .work-piece-result { display: inline-block; font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 1px; color: var(--kraft); } \/* Handwritten annotation on work pieces *\/ .work-annotation { position: absolute; bottom: 16px; right: 20px; font-family: 'Caveat', cursive; font-size: 14px; color: var(--pin-red); opacity: 0.6; transform: rotate(-3deg); } .work-piece-link { display: inline-block; margin-top: 12px; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--dim); text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 2px; transition: color 0.2s, border-color 0.2s; opacity: 0; transform: translateY(4px); transition: all 0.3s ease; } .work-piece:hover .work-piece-link { opacity: 1; transform: translateY(0); color: var(--kraft); border-color: var(--kraft); } \/* ======== ABOUT ======== *\/ .about-section { padding: 80px 48px; position: relative; z-index: 2; border-top: 1px solid rgba(255,255,255,0.06); } .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; } .about-left h3 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(36px, 5vw, 60px); text-transform: uppercase; letter-spacing: 1px; line-height: 0.95; margin-bottom: 32px; } .about-left h3 em { font-family: 'Instrument Serif', serif; font-style: italic; text-transform: none; color: var(--pin-red); } .about-left p { font-size: 14px; line-height: 1.9; font-weight: 300; color: var(--dim); margin-bottom: 20px; } .about-left p strong { color: var(--white); font-weight: 500; } \/* Credential cards pinned to the wall *\/ .cred-wall { display: flex; flex-direction: column; gap: 20px; padding-top: 12px; } .cred-card { position: relative; padding: 20px 24px 16px; transition: transform 0.3s ease; } .cred-card:hover { transform: rotate(0deg) scale(1.01); } .cc-1 { transform: rotate(-1deg); } .cc-2 { transform: rotate(0.7deg); } .cc-3 { transform: rotate(-0.4deg); } .cc-4 { transform: rotate(0.9deg); } .cred-card .pin { top: 8px; right: 12px; } .cred-card-label { font-family: 'Caveat', cursive; font-size: 14px; color: #8a7d6a; margin-bottom: 2px; } .cred-card-value { font-family: 'Bebas Neue', sans-serif; font-size: 18px; text-transform: uppercase; letter-spacing: 0.5px; color: #2a2218; } .cred-card-note { font-family: 'DM Mono', monospace; font-size: 10px; color: #7a6f5e; margin-top: 2px; } \/* ======== HOW I WORK ======== *\/ .method-section { padding: 0 48px 80px; position: relative; z-index: 2; } .method-header { margin-bottom: 48px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); display: flex; justify-content: space-between; align-items: baseline; } .method-header h2 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(32px, 4vw, 52px); text-transform: uppercase; letter-spacing: 1px; } .method-header .handwritten { font-size: 18px; color: var(--dim); } .method-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .method-card { background: var(--dark); border: 1px solid rgba(255,255,255,0.06); padding: 28px 24px; position: relative; transition: transform 0.3s ease, border-color 0.3s; } .method-card:hover { border-color: rgba(255,255,255,0.12); transform: translateY(-4px); } \/* Tape on top *\/ .method-card .tape { top: -7px; left: 50%; transform: translateX(-50%) rotate(var(--tape-r, -1deg)); } .method-num { font-family: 'Caveat', cursive; font-size: 36px; font-weight: 700; color: rgba(255,255,255,0.08); margin-bottom: 12px; line-height: 1; } .method-title { font-family: 'Bebas Neue', sans-serif; font-size: 18px; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px; color: var(--kraft); } .method-desc { font-size: 12px; line-height: 1.7; color: var(--dimmer); } \/* ======== CTA ======== *\/ .cta-section { padding: 100px 48px; position: relative; z-index: 2; border-top: 1px solid rgba(255,255,255,0.06); } .cta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; max-width: 1100px; margin: 0 auto; align-items: start; } .cta-personal { } .cta-photo { width: 180px; height: 180px; border-radius: 50%; margin: 0 auto 12px; background: var(--dark); border: 2px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; color: var(--dimmer); font-size: 11px; font-family: 'DM Mono', monospace; letter-spacing: 1px; text-transform: uppercase; position: relative; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.4); } .cta-photo img { width: 100%; height: 100%; object-fit: cover; } \/* Blueprint circle marks around the photo *\/ .cta-photo-wrap { position: relative; width: 220px; margin: 0 auto 32px; text-align: center; } .cta-photo-wrap::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200px; height: 200px; border-radius: 50%; border: 1px solid rgba(201,60,42,0.2); pointer-events: none; } .cta-photo-wrap::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 220px; height: 220px; border-radius: 50%; border: 1px dashed rgba(255,255,255,0.06); pointer-events: none; } \/* Crosshair marks *\/ .cta-photo-crosshair { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; } .cta-photo-crosshair::before { content: ''; position: absolute; top: 50%; left: -14px; width: 10px; height: 1px; background: rgba(201,60,42,0.25); } .cta-photo-crosshair::after { content: ''; position: absolute; top: 50%; right: -14px; width: 10px; height: 1px; background: rgba(201,60,42,0.25); } .cta-bio h3 { font-family: 'Caveat', cursive; font-size: 28px; font-weight: 700; color: var(--white); margin-bottom: 16px; } .cta-bio p { font-size: 13px; line-height: 1.9; font-weight: 300; color: var(--dim); margin-bottom: 14px; } .cta-bio strong { color: var(--white); font-weight: 400; } .cta-form-wrap { background: var(--dark); border: 1px solid rgba(255,255,255,0.06); padding: 40px; } .cta-form-wrap h4 { font-family: 'Bebas Neue', sans-serif; font-size: 28px; letter-spacing: 2px; color: var(--white); margin-bottom: 8px; } .cta-form-wrap .form-sub { font-size: 12px; color: var(--dimmer); font-weight: 300; margin-bottom: 28px; } .cta-form-wrap label { display: block; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--dimmer); margin-bottom: 6px; margin-top: 20px; } .cta-form-wrap label:first-of-type { margin-top: 0; } .cta-form-wrap input, .cta-form-wrap textarea { width: 100%; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); color: var(--white); font-family: 'DM Mono', monospace; font-size: 13px; padding: 12px 14px; outline: none; transition: border-color 0.3s ease; } .cta-form-wrap input:focus, .cta-form-wrap textarea:focus { border-color: var(--pin-red); } .cta-form-wrap textarea { height: 120px; resize: vertical; } .cta-form-wrap button { margin-top: 24px; display: inline-block; font-family: 'DM Mono', monospace; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: var(--black); background: var(--kraft); padding: 18px 48px; border: none; cursor: pointer; transition: all 0.3s ease; box-shadow: 2px 3px 8px rgba(0,0,0,0.3); } .cta-form-wrap button:hover { background: var(--pin-red); color: var(--white); box-shadow: 3px 5px 12px rgba(0,0,0,0.4); } \/* ======== FOOTER ======== *\/ footer { padding: 28px 48px; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,0.06); font-size: 10px; letter-spacing: 1px; text-transform: uppercase; color: var(--dimmer); position: relative; z-index: 2; } footer a { color: var(--dim); text-decoration: none; margin-left: 20px; transition: color 0.2s; } footer a:hover { color: var(--pin-red); } \/* ======== SCROLL REVEAL ======== *\/ .reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; } .reveal.visible { opacity: 1; transform: translateY(0); } .reveal-d1 { transition-delay: 0.1s; } .reveal-d2 { transition-delay: 0.2s; } .reveal-d3 { transition-delay: 0.3s; } \/* ======== RESPONSIVE ======== *\/ @media (max-width: 1000px) { .hero { padding: 32px; } .hero-topbar { position: relative; top: 0; left: 0; right: 0; flex-direction: column; gap: 16px; margin-bottom: 80px; } .hero-note { display: none; } .hero-labels { display: none; } .stats-row { grid-template-columns: repeat(2, 1fr); } .work-section { padding: 48px 32px; } .work-wall { grid-template-columns: 1fr; gap: 32px; } .about-section { padding: 48px 32px; } .about-grid { grid-template-columns: 1fr; gap: 40px; } .method-section { padding: 0 32px 48px; } .method-row { grid-template-columns: 1fr 1fr; gap: 16px; } .cta-section { padding: 60px 32px; } .cta-grid { grid-template-columns: 1fr; gap: 40px; } footer { padding: 20px 32px; flex-direction: column; gap: 12px; } } @media (max-width: 600px) { .stats-row { grid-template-columns: 1fr; gap: 16px; } .method-row { grid-template-columns: 1fr; } .cred-wall { gap: 16px; } }<\/style><\/head><body><canvas id=\"build-canvas\"><\/canvas><section class=\"hero\"> <div class=\"hero-topbar\"> <div class=\"hero-location\">Tyler, TX \/ San Diego, CA<\/div> <nav> <a href=\"#work\">Work<\/a> <a href=\"#about\">About<\/a> <a href=\"#method\">Process<\/a> <a href=\"#contact\">Contact<\/a> <a href=\"https:\/\/www.linkedin.com\/in\/ashlymellor\/\">LinkedIn<\/a> <\/nav> <\/div>  <div class=\"hero-note\"> <div class=\"pin pin-red\"><\/div> <div class=\"hero-note-text\">Right message. Right person. Right time. It’s a <em>science<\/em>, not a guess.<\/div> <div class=\"hero-note-sub\">The Principle — Makers Ridge<\/div> <\/div>  <div class=\"hero-labels\"> <span class=\"tape-label tl-1\">Outspent 28:1. Won with 64%.<\/span> <span class=\"tape-label tl-2\">No time. No brand. Every seat full in 48 hours.<\/span> <span class=\"tape-label tl-3\">Zero ad spend. 1M+ organic plays.<\/span> <\/div> <div class=\"hero-name\"> <span class=\"first\">Ashly<\/span> <span class=\"last\">Mellor<\/span> <\/div> <pee class=\"hero-tagline\"> You don’t have a marketing problem. You have a messaging problem disguised as a marketing problem. I find the gap between what you’re saying and what your buyer needs to hear. Then I build the system that closes it. <strong>The industry doesn’t matter. The <span class=\"pencil-underline\">method<\/span> does.<\/strong> <\/pee><\/section><section class=\"stats-section\"> <div class=\"stats-row\"> <div class=\"kraft-card stat-card sc-1 reveal\"> <div class=\"tape tape-h\" style=\"--tape-r: -2deg;\"><\/div> <div class=\"stat-number\">64%<\/div> <div class=\"stat-desc\">Vote win, outspent 28:1. No on B, San Diego County.<\/div> <\/div> <div class=\"kraft-card stat-card sc-2 reveal reveal-d1\"> <div class=\"tape tape-h\" style=\"--tape-r: 3deg;\"><\/div> <div class=\"stat-number\">8,000<\/div> <div class=\"stat-desc\">Conversions in under 5 months. Voters, volunteers, supporters. Not leads. Believers.<\/div> <\/div> <div class=\"kraft-card stat-card sc-3 reveal reveal-d2\"> <div class=\"tape tape-h\" style=\"--tape-r: -1deg;\"><\/div> <div class=\"stat-number\">1M+<\/div> <div class=\"stat-desc\">Organic reel plays. Local small business.<\/div> <\/div> <div class=\"kraft-card stat-card sc-4 reveal reveal-d3\"> <div class=\"tape tape-h\" style=\"--tape-r: 2deg;\"><\/div> <div class=\"stat-number\">55%<\/div> <div class=\"stat-desc\">Email open rate. Industry average sits around 21%.<\/div> <\/div> <\/div><\/section><section class=\"work-section\" id=\"work\"> <div class=\"work-header\"> <h2>Selected Work<\/h2> <span>4 Projects \/ 4 Industries<\/span> <\/div> <div class=\"work-wall\"> <div class=\"work-piece wp-1 reveal\"> <div class=\"tape-tl\"><\/div> <div class=\"tape-tr\"><\/div> <div class=\"work-piece-number\">01<\/div> <div class=\"work-piece-tag\">Pandemic Pop-up<\/div> <div class=\"work-piece-title\">The Flying Toad<\/div> <div class=\"work-piece-subtitle\">48 hours. From nothing to cult following.<\/div> <pee class=\"work-piece-body\">My 14-year-old drew the logo. We built the brand, menu, and launch campaign in two days flat. Every seat filled from night one. Saved the restaurant.<\/pee> <div class=\"work-piece-result\">Cult Following<\/div> <div class=\"work-annotation\">^ sold. the brand outlived the pandemic.<\/div> <a href=\"#\" class=\"work-piece-link\">Full story →<\/a> <\/div> <div class=\"work-piece wp-2 reveal reveal-d1\"> <div class=\"tape-tl\"><\/div> <div class=\"tape-tr\"><\/div> <div class=\"work-piece-number\">02<\/div> <div class=\"work-piece-tag\">County Campaign<\/div> <div class=\"work-piece-title\">No on B<\/div> <div class=\"work-piece-subtitle\">David vs. a $10M Goliath.<\/div> <pee class=\"work-piece-body\">A developer tried to buy a ballot measure. We used social media as live polling because we couldn’t afford real polls. Won by the largest landslide in state history for a county measure.<\/pee> <div class=\"work-piece-result\">64% Win • Outspent 28:1<\/div> <div class=\"work-annotation\">the one I’m proudest of<\/div> <a href=\"#\" class=\"work-piece-link\">Full story →<\/a> <\/div> <div class=\"work-piece wp-3 reveal\"> <div class=\"tape-tl\"><\/div> <div class=\"tape-tr\"><\/div> <div class=\"work-piece-number\">03<\/div> <div class=\"work-piece-tag\">Digital Transformation<\/div> <div class=\"work-piece-title\">Sweet Gourmet<\/div> <div class=\"work-piece-subtitle\">From social-media-shy to daily creators.<\/div> <pee class=\"work-piece-body\">Turned a team that feared posting into people who loved it. Instagram grew 82% year over year. Online store hit $10K\/month by the holidays. Built a digital presence strong enough to help them exit.<\/pee> <div class=\"work-piece-result\">82% IG Growth \/ Successful Exit<\/div> <div class=\"work-annotation\">built it so well they could sell it<\/div> <a href=\"#\" class=\"work-piece-link\">Full story →<\/a> <\/div> <div class=\"work-piece wp-4 reveal reveal-d1\"> <div class=\"tape-tl\"><\/div> <div class=\"tape-tr\"><\/div> <div class=\"work-piece-number\">04<\/div> <div class=\"work-piece-tag\">Citizens’ Initiative<\/div> <div class=\"work-piece-title\">Power San Diego<\/div> <div class=\"work-piece-subtitle\">Five people became a movement.<\/div> <pee class=\"work-piece-body\">Built the brand, website, ad strategy, and volunteer pipeline from zero. 500 volunteers, 30 endorsements, 30,000 signatures. Under $5,000 in ad spend.<\/pee> <div class=\"work-piece-result\">30K Signatures<\/div> <div class=\"work-annotation\">from scratch<\/div> <a href=\"#\" class=\"work-piece-link\">Full story →<\/a> <\/div> <\/div><\/section><section class=\"about-section\" id=\"about\"> <div class=\"about-grid\"> <div class=\"about-left reveal\"> <h3>NOT AN AGENCY.<!\u2013- [et_pb_br_holder] -\u2013><em>A builder.<\/em><\/h3> <pee>Political campaigns. Pandemic restaurants. Pharmaceutical companies. Staffing firms. Nonprofits. A global floral company. The industry never mattered. The buyer’s brain works the same way everywhere. <strong>Every market has a version of the same problem: the business talks about itself when the buyer needs to hear about themselves.<\/strong> Once you see that pattern, you can walk into any room and solve it.<\/pee> <pee>The same instinct that builds a campaign builds a stage, a set, a community outreach program. The medium changes. The muscle doesn’t. <strong>Dream it, make it real, do it before the deadline.<\/strong><\/pee> <pee>I don’t stop at what I’ve learned. When AI changed the game, I didn’t wait for someone to teach me. I built a human-AI collaboration model where instinct and pattern recognition sharpen each other with every project. New tools, same instinct: learn it, build with it, stay ahead.<\/pee> <\/div> <div class=\"cred-wall reveal reveal-d1\"> <div class=\"kraft-card cred-card cc-2\"> <div class=\"pin pin-yellow\"><\/div> <div class=\"cred-card-label\">What I’m Building<\/div> <div class=\"cred-card-value\">Makers Ridge<\/div> <div class=\"cred-card-note\">A consultancy built on a human-AI model that compounds with every project.<\/div> <\/div> <div class=\"kraft-card cred-card cc-3\"> <div class=\"pin pin-red\"><\/div> <div class=\"cred-card-label\">What I Care About<\/div> <div class=\"cred-card-value\">Project Unbroken<\/div> <div class=\"cred-card-note\">Support for families who have lost a parent to suicide.<\/div> <\/div> <div class=\"kraft-card cred-card cc-4\"> <div class=\"pin pin-white\"><\/div> <div class=\"cred-card-label\">Where I Give Back<\/div> <div class=\"cred-card-value\">VP, AAF East Texas<\/div> <div class=\"cred-card-note\">2024 Volunteer Service Award. Building up the next wave.<\/div> <\/div> <\/div> <\/div><\/section><section class=\"method-section\" id=\"method\"> <div class=\"method-header\"> <h2>How I Work<\/h2> <span class=\"handwritten\">the short version<\/span> <\/div> <div class=\"method-row\"> <div class=\"method-card reveal\"> <div class=\"tape tape-h-wide\" style=\"--tape-r: -2deg;\"><\/div> <div class=\"method-num\">01<\/div> <div class=\"method-title\">Find the Real Problem<\/div> <div class=\"method-desc\">“We need more leads” usually means “our message doesn’t match how our buyer thinks.” I start there.<\/div> <\/div> <div class=\"method-card reveal reveal-d1\"> <div class=\"tape tape-h-wide\" style=\"--tape-r: 1deg;\"><\/div> <div class=\"method-num\">02<\/div> <div class=\"method-title\">Start from the Buyer’s Brain<\/div> <div class=\"method-desc\">Not demographics. What are they thinking, feeling, worrying about at the moment they need this? That’s the brief.<\/div> <\/div> <div class=\"method-card reveal reveal-d2\"> <div class=\"tape tape-h-wide\" style=\"--tape-r: -1deg;\"><\/div> <div class=\"method-num\">03<\/div> <div class=\"method-title\">Build a System<\/div> <div class=\"method-desc\">Campaigns end. Systems compound. Every touchpoint, every data point, every piece of content feeds the next decision.<\/div> <\/div> <div class=\"method-card reveal reveal-d3\"> <div class=\"tape tape-h-wide\" style=\"--tape-r: 2deg;\"><\/div> <div class=\"method-num\">04<\/div> <div class=\"method-title\">Measure. Recalibrate.<\/div> <div class=\"method-desc\">What converted? What bounced? Hypothesis becomes evidence. Evidence becomes strategy. The system learns.<\/div> <\/div> <\/div><\/section><section class=\"cta-section\" id=\"contact\"> <div class=\"cta-grid\"> <div class=\"cta-personal reveal\"> <div class=\"cta-photo-wrap\"> <div class=\"cta-photo\"> <img decoding=\"async\" src=\"Ashly-headshot-2025.png\" alt=\"Ashly Mellor\"> <\/div> <div class=\"cta-photo-crosshair\"><\/div> <\/div> <div class=\"cta-bio\"> <h3>Hi, I’m Ashly.<\/h3> <pee>Wife to my high school sweetheart, mother to three phenomenal boys, and a few four-legged ones, which is, by far, the most exhausting job of all.<\/pee> <pee>In my free time, you’ll find me tracking down every mud hole across 3 states in my YJ, honing my gardening skills in the Texas heat, helping restore our historic home, or planning our next <strong>Halloween event<\/strong> for the community.<\/pee> <pee>I love the entire process of everything I do. From the initial idea and research to the design and execution, and finally watching it all unfold.<\/pee> <\/div> <\/div> <div class=\"cta-form-wrap reveal reveal-d1\"> <h4>SAY HELLO<\/h4> <div class=\"form-sub\">Questions, jokes, Jeep trail tips, or the next big idea. I’m all ears.<\/div> <form action=\"https:\/\/formspree.io\/f\/YOUR_FORM_ID\" method=\"POST\"> <label>Name<\/label> <input type=\"text\" name=\"name\" required> <label>Email<\/label> <input type=\"email\" name=\"_replyto\" required> <label>What’s on your mind?<\/label> <textarea name=\"message\" placeholder=\"Business inquiry, Halloween theme suggestion, best mud holes in Texas... all welcome.\"><\/textarea> <input type=\"hidden\" name=\"_subject\" value=\"New message from ashly.mellor.earth\"> <button type=\"submit\">Send It<\/button> <\/form> <\/div> <\/div><\/section><footer> <span>© 2026 Ashly Mellor<\/span> <div> <a href=\"https:\/\/www.linkedin.com\/in\/ashlymellor\/\">LinkedIn<\/a> <a href=\"mailto:ashly@makersridge.com\">Email<\/a> <\/div><\/footer><script> \/\/ Reveal observer for content cards const reveals = document.querySelectorAll('.reveal'); const revealObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); } }); }, { threshold: 0.12 }); reveals.forEach(el => revealObserver.observe(el)); \/\/ ======== THE BUILD LINE: canvas that grows as you scroll ======== const canvas = document.getElementById('build-canvas'); const ctx = canvas.getContext('2d'); \/\/ Section markers - we'll find these on load let sections = []; let nodePoints = []; const SPINE_X = 28; \/\/ far left margin, clear of all content function mapSections() { const sectionEls = document.querySelectorAll('.hero, .stats-section, .work-section, .about-section, .method-section, .cta-section'); sections = []; sectionEls.forEach((el, i) => { const rect = el.getBoundingClientRect(); const top = rect.top + window.scrollY; const bottom = rect.bottom + window.scrollY; const mid = top + rect.height * 0.4; sections.push({ el, top, bottom, mid, index: i }); }); \/\/ Build node points: sit exactly on the divider between sections nodePoints = sections.map((s, i) => ({ y: i === 0 ? s.bottom : s.top, sectionIndex: i, branchRight: i > 0, })); } function resizeCanvas() { canvas.width = window.innerWidth; canvas.height = document.documentElement.scrollHeight; canvas.style.width = canvas.width + 'px'; canvas.style.height = canvas.height + 'px'; } function ease(t) { return t * t * (3 - 2 * t); } function drawBuildLine() { ctx.clearRect(0, 0, canvas.width, canvas.height); const scrollY = window.scrollY; const viewH = window.innerHeight; \/\/ How far the line has been \"built\": from top of page to current scroll + viewport const builtTo = scrollY + viewH * 0.7; const docHeight = document.documentElement.scrollHeight; if (sections.length === 0) return; \/\/ === FOUNDATION BLOCK at hero === const heroBottom = sections[0] ? sections[0].bottom : 600; const foundationY = heroBottom - 200; const foundationProgress = Math.min(1, Math.max(0, (builtTo - (foundationY - 200)) \/ 300)); const fEased = ease(foundationProgress); if (fEased > 0) { \/\/ Foundation horizontal bar - extends right ctx.strokeStyle = 'rgba(201,60,42,0.7)'; ctx.lineWidth = 4; ctx.beginPath(); ctx.moveTo(SPINE_X - 16, foundationY); ctx.lineTo(SPINE_X + (400 * fEased), foundationY); ctx.stroke(); \/\/ Second foundation bar (depth) ctx.strokeStyle = 'rgba(201,60,42,0.25)'; ctx.lineWidth = 2; ctx.beginPath(); ctx.moveTo(SPINE_X - 12, foundationY + 8); ctx.lineTo(SPINE_X + (320 * fEased), foundationY + 8); ctx.stroke(); \/\/ Foundation crosshatch marks along the bar ctx.strokeStyle = 'rgba(201,60,42,0.4)'; ctx.lineWidth = 2; for (let i = 0; i < 8; i++) { const markX = SPINE_X + (i * 48); const markProgress = Math.max(0, (fEased - (i * 0.08)) \/ 0.4); if (markProgress > 0) { ctx.beginPath(); ctx.moveTo(markX, foundationY - 10 * markProgress); ctx.lineTo(markX, foundationY + 14 * markProgress); ctx.stroke(); } } \/\/ Foundation label at the end of the bar if (fEased > 0.5) { ctx.save(); ctx.font = '20px Caveat, cursive'; ctx.fillStyle = `rgba(201,60,42,${0.6 * Math.min(1, (fEased - 0.5) \/ 0.3)})`; ctx.fillText('foundation', SPINE_X + (400 * fEased) + 16, foundationY + 5); ctx.restore(); } } \/\/ === MAIN SPINE: vertical line growing downward === const spineStart = foundationY; const maxSpineEnd = docHeight - 100; const spineEnd = Math.min(maxSpineEnd, Math.max(spineStart, builtTo)); if (spineEnd > spineStart) { \/\/ Main spine line ctx.strokeStyle = 'rgba(255,255,255,0.3)'; ctx.lineWidth = 3; ctx.beginPath(); ctx.moveTo(SPINE_X, spineStart); ctx.lineTo(SPINE_X, spineEnd); ctx.stroke(); \/\/ Second spine line (structure depth) ctx.strokeStyle = 'rgba(255,255,255,0.1)'; ctx.lineWidth = 1.5; ctx.beginPath(); ctx.moveTo(SPINE_X + 8, spineStart + 30); ctx.lineTo(SPINE_X + 8, Math.max(spineStart + 30, spineEnd - 30)); ctx.stroke(); \/\/ Third line other side (structural) ctx.strokeStyle = 'rgba(255,255,255,0.06)'; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(SPINE_X - 6, spineStart + 50); ctx.lineTo(SPINE_X - 6, Math.max(spineStart + 50, spineEnd - 50)); ctx.stroke(); } \/\/ === NODES AND BRANCHES at each section === for (let i = 0; i < nodePoints.length; i++) { const node = nodePoints[i]; if (node.y > spineEnd) continue; \/\/ not built yet const nodeProgress = Math.min(1, (spineEnd - node.y) \/ 150); const nEased = ease(nodeProgress); \/\/ Node dot on spine - BIGGER ctx.fillStyle = `rgba(201,60,42,${0.8 * nEased})`; ctx.beginPath(); ctx.arc(SPINE_X, node.y, 6 * nEased, 0, Math.PI * 2); ctx.fill(); \/\/ Ring around node ctx.strokeStyle = `rgba(201,60,42,${0.35 * nEased})`; ctx.lineWidth = 1.5; ctx.beginPath(); ctx.arc(SPINE_X, node.y, 14 * nEased, 0, Math.PI * 2); ctx.stroke(); \/\/ Outer ring ctx.strokeStyle = `rgba(201,60,42,${0.12 * nEased})`; ctx.lineWidth = 1; ctx.beginPath(); ctx.arc(SPINE_X, node.y, 22 * nEased, 0, Math.PI * 2); ctx.stroke(); \/\/ Branch line reaching right toward the content if (node.branchRight && nEased > 0.2) { const branchProgress = Math.min(1, (nEased - 0.2) \/ 0.6); const bEased = ease(branchProgress); \/\/ Main branch - extends far right into open space const branchEnd = SPINE_X + 60 + (500 * bEased); ctx.strokeStyle = `rgba(255,255,255,${0.25 * bEased})`; ctx.lineWidth = 2; ctx.beginPath(); ctx.moveTo(SPINE_X + 14, node.y); ctx.lineTo(branchEnd, node.y); ctx.stroke(); \/\/ Second thinner line underneath for depth ctx.strokeStyle = `rgba(255,255,255,${0.08 * bEased})`; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(SPINE_X + 30, node.y + 6); ctx.lineTo(branchEnd - 40, node.y + 6); ctx.stroke(); \/\/ End tick mark if (bEased > 0.6) { const tickAlpha = (bEased - 0.6) \/ 0.4; ctx.strokeStyle = `rgba(201,60,42,${0.5 * tickAlpha})`; ctx.lineWidth = 2; ctx.beginPath(); ctx.moveTo(branchEnd, node.y - 10); ctx.lineTo(branchEnd, node.y + 10); ctx.stroke(); } \/\/ Section label - horizontal, sitting at the end of the branch const labels = ['', 'the proof', 'the work', 'who I am', 'the system', 'let\\'s build']; if (bEased > 0.4 && labels[i]) { ctx.save(); ctx.font = '18px Caveat, cursive'; ctx.fillStyle = `rgba(255,255,255,${0.4 * Math.min(1, (bEased - 0.4) \/ 0.3)})`; ctx.fillText(labels[i], branchEnd + 14, node.y + 5); ctx.restore(); } } \/\/ Cross-brace marks between nodes - MORE VISIBLE if (i > 1 && nodePoints[i-1].y < spineEnd) { const prevY = nodePoints[i-1].y; const gap = node.y - prevY; const braceCount = Math.floor(gap \/ 80); ctx.strokeStyle = 'rgba(255,255,255,0.1)'; ctx.lineWidth = 1.5; for (let b = 1; b <= braceCount; b++) { const by = prevY + (b * gap \/ (braceCount + 1)); if (by < spineEnd) { \/\/ Horizontal tick ctx.beginPath(); ctx.moveTo(SPINE_X - 8, by); ctx.lineTo(SPINE_X + 8, by); ctx.stroke(); \/\/ Small diagonal brace ctx.strokeStyle = 'rgba(255,255,255,0.05)'; ctx.beginPath(); ctx.moveTo(SPINE_X - 4, by - 15); ctx.lineTo(SPINE_X + 4, by + 15); ctx.stroke(); ctx.strokeStyle = 'rgba(255,255,255,0.1)'; } } } } requestAnimationFrame(drawBuildLine); } \/\/ Init window.addEventListener('load', () => { resizeCanvas(); mapSections(); drawBuildLine(); }); window.addEventListener('resize', () => { resizeCanvas(); mapSections(); });<\/script><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-544","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Test - Ashly Mellor<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ashly.mellor.earth\/?page_id=544\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Test - Ashly Mellor\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ashly.mellor.earth\/?page_id=544\" \/>\n<meta property=\"og:site_name\" content=\"Ashly Mellor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-17T01:43:14+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ashly.mellor.earth\/?page_id=544\",\"url\":\"https:\/\/ashly.mellor.earth\/?page_id=544\",\"name\":\"Test - Ashly Mellor\",\"isPartOf\":{\"@id\":\"https:\/\/ashly.mellor.earth\/#website\"},\"datePublished\":\"2026-02-17T01:42:27+00:00\",\"dateModified\":\"2026-02-17T01:43:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ashly.mellor.earth\/?page_id=544#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ashly.mellor.earth\/?page_id=544\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ashly.mellor.earth\/?page_id=544#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ashly.mellor.earth\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Test\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ashly.mellor.earth\/#website\",\"url\":\"https:\/\/ashly.mellor.earth\/\",\"name\":\"Ashly Mellor | Data-Driven Marketing Strategist and Storyteller\",\"description\":\"Data-Driven Marketing Strategist and Storyteller\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ashly.mellor.earth\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Test - Ashly Mellor","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ashly.mellor.earth\/?page_id=544","og_locale":"en_US","og_type":"article","og_title":"Test - Ashly Mellor","og_url":"https:\/\/ashly.mellor.earth\/?page_id=544","og_site_name":"Ashly Mellor","article_modified_time":"2026-02-17T01:43:14+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ashly.mellor.earth\/?page_id=544","url":"https:\/\/ashly.mellor.earth\/?page_id=544","name":"Test - Ashly Mellor","isPartOf":{"@id":"https:\/\/ashly.mellor.earth\/#website"},"datePublished":"2026-02-17T01:42:27+00:00","dateModified":"2026-02-17T01:43:14+00:00","breadcrumb":{"@id":"https:\/\/ashly.mellor.earth\/?page_id=544#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ashly.mellor.earth\/?page_id=544"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ashly.mellor.earth\/?page_id=544#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ashly.mellor.earth\/"},{"@type":"ListItem","position":2,"name":"Test"}]},{"@type":"WebSite","@id":"https:\/\/ashly.mellor.earth\/#website","url":"https:\/\/ashly.mellor.earth\/","name":"Ashly Mellor | Data-Driven Marketing Strategist and Storyteller","description":"Data-Driven Marketing Strategist and Storyteller","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ashly.mellor.earth\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/ashly.mellor.earth\/index.php?rest_route=\/wp\/v2\/pages\/544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ashly.mellor.earth\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ashly.mellor.earth\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ashly.mellor.earth\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ashly.mellor.earth\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=544"}],"version-history":[{"count":3,"href":"https:\/\/ashly.mellor.earth\/index.php?rest_route=\/wp\/v2\/pages\/544\/revisions"}],"predecessor-version":[{"id":550,"href":"https:\/\/ashly.mellor.earth\/index.php?rest_route=\/wp\/v2\/pages\/544\/revisions\/550"}],"wp:attachment":[{"href":"https:\/\/ashly.mellor.earth\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":544,"date":"2026-02-17T01:42:27","date_gmt":"2026-02-17T01:42:27","guid":{"rendered":"https:\/\/ashly.mellor.earth\/?page_id=544"},"modified":"2026-02-17T01:43:14","modified_gmt":"2026-02-17T01:43:14","slug":"544-2","status":"publish","type":"page","link":"https:\/\/ashly.mellor.earth\/?page_id=544","title":{"rendered":"Test"},"content":{"rendered":"\n[et_pb_section fb_built=”1″ fullwidth=”on” theme_builder_area=”post_content” _builder_version=”4.24.2″ _module_preset=”default”][et_pb_fullwidth_code _builder_version=”4.24.2″ _module_preset=”default” theme_builder_area=”post_content” background_color=”#000000″ hover_enabled=”0″ sticky_enabled=”0″]Ashly Mellor | Portfolio<\/title><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Mono:wght@300;400;500&family=Instrument+Serif:ital@0;1&family=Caveat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\"><style> :root { --black: #0d0d0d; --dark: #111111; --wall: #000000; --white: #f2f0eb; --cream: #e8e2d4; --kraft: #c4a97d; --tape: rgba(222, 210, 175, 0.35); --tape-solid: #d6c99a; --pin-red: #c93c2a; --pin-yellow: #e8b92e; --pencil: rgba(255,255,255,0.07); --dim: #aaa; --dimmer: #888; } * { margin: 0; padding: 0; box-sizing: border-box; } body { background: var(--wall); color: var(--white); font-family: 'DM Mono', monospace; -webkit-font-smoothing: antialiased; overflow-x: hidden; position: relative; } \/* ======== WALL TEXTURE: subtle grain only ======== *\/ body::after { content: ''; position: fixed; inset: 0; background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'\/%3E%3C\/svg%3E\"); pointer-events: none; z-index: 1; } \/* ======== THE BUILD LINE: continuous spine that grows down the page ======== *\/ #build-canvas { position: absolute; top: 0; left: 0; pointer-events: none; z-index: 0; } \/* ======== UTILITY: TAPE STRIPS ======== *\/ .tape { position: absolute; background: var(--tape); border-top: 1px solid rgba(255,255,200,0.12); border-bottom: 1px solid rgba(255,255,200,0.08); z-index: 10; } .tape-h { width: 56px; height: 16px; } .tape-h-wide { width: 80px; height: 16px; } .tape-v { width: 16px; height: 56px; } \/* ======== UTILITY: PUSHPINS ======== *\/ .pin { position: absolute; width: 10px; height: 10px; border-radius: 50%; z-index: 10; box-shadow: 1px 2px 3px rgba(0,0,0,0.5); } .pin-red { background: var(--pin-red); } .pin-yellow { background: var(--pin-yellow); } .pin-white { background: #ddd; } \/* ======== UTILITY: KRAFT PAPER CARD ======== *\/ .kraft-card { background: var(--kraft); background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'\/%3E%3C\/svg%3E\"); color: #2a2218; position: relative; } \/* ======== UTILITY: HANDWRITTEN ======== *\/ .handwritten { font-family: 'Caveat', cursive; } \/* ======== HERO ======== *\/ .hero { min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-end; padding: 48px; position: relative; z-index: 2; } .hero-topbar { position: absolute; top: 40px; left: 48px; right: 48px; display: flex; justify-content: space-between; align-items: flex-start; z-index: 10; } .hero-topbar nav { display: flex; gap: 28px; } .hero-topbar nav a { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--dim); text-decoration: none; transition: color 0.2s; } .hero-topbar nav a:hover { color: var(--pin-red); } .hero-location { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--dim); } \/* Pinned note in hero *\/ .hero-note { position: absolute; top: 16%; right: 7%; width: 260px; padding: 28px 24px 24px; background: var(--cream); color: #2a2218; transform: rotate(2.5deg); box-shadow: 2px 4px 12px rgba(0,0,0,0.4); z-index: 8; transition: transform 0.4s ease; } .hero-note:hover { transform: rotate(0deg) scale(1.02); } .hero-note .pin { top: -5px; left: 50%; transform: translateX(-50%); } .hero-note-text { font-family: 'Caveat', cursive; font-size: 20px; line-height: 1.4; font-weight: 600; } .hero-note-text em { text-decoration: underline; text-decoration-color: var(--pin-red); text-underline-offset: 3px; font-style: normal; } .hero-note-sub { font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; color: #8a7d6a; margin-top: 12px; } \/* Tape label cluster *\/ .hero-labels { position: absolute; top: 44%; right: 5%; display: flex; flex-direction: column; gap: 12px; z-index: 8; } .tape-label { display: inline-block; background: var(--tape); backdrop-filter: blur(1px); padding: 6px 16px; font-family: 'Caveat', cursive; font-size: 16px; font-weight: 600; color: var(--cream); border-top: 1px solid rgba(255,255,200,0.1); border-bottom: 1px solid rgba(255,255,200,0.06); transition: transform 0.3s ease; } .tl-1 { transform: rotate(-1.5deg); } .tl-2 { transform: rotate(1deg); } .tl-3 { transform: rotate(-0.5deg); } .tape-label:hover { transform: rotate(0deg) scale(1.04); } .hero-name { font-family: 'Bebas Neue', sans-serif; font-size: clamp(72px, 14vw, 200px); line-height: 0.85; text-transform: uppercase; letter-spacing: 2px; position: relative; z-index: 6; } .hero-name span { display: block; } .hero-name .first { color: var(--white); opacity: 0; animation: buildIn 0.7s ease 0.1s forwards; } .hero-name .last { color: transparent; -webkit-text-stroke: 2px var(--white); opacity: 0; animation: buildIn 0.7s ease 0.3s forwards; } @keyframes buildIn { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } .hero-tagline { max-width: 550px; font-size: 14px; line-height: 1.8; font-weight: 300; color: var(--dim); margin-top: 80px; position: relative; z-index: 6; opacity: 0; animation: buildIn 0.6s ease 0.6s forwards; } .hero-tagline strong { color: var(--white); font-weight: 500; } \/* Pencil underline accent *\/ .pencil-underline { position: relative; display: inline; text-decoration: underline; text-decoration-color: var(--pin-red); text-underline-offset: 3px; } \/* ======== STATS: PINNED CARDS ======== *\/ .stats-section { padding: 60px 48px; position: relative; z-index: 2; border-top: 1px solid rgba(255,255,255,0.06); } .stats-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .stat-card { position: relative; padding: 32px 24px 24px; transition: transform 0.4s ease; } .stat-card:hover { transform: rotate(0deg) scale(1.02); } .sc-1 { transform: rotate(-1.5deg); } .sc-2 { transform: rotate(0.8deg); } .sc-3 { transform: rotate(-0.5deg); } .sc-4 { transform: rotate(1.2deg); } \/* Tape on top of cards *\/ .stat-card .tape { top: -7px; left: 50%; transform: translateX(-50%) rotate(var(--tape-r, 1deg)); } .stat-card .stat-number { font-family: 'Bebas Neue', sans-serif; font-size: 48px; line-height: 1; letter-spacing: 1px; margin-bottom: 8px; color: #2a2218; } .stat-card .stat-desc { font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: 0.5px; line-height: 1.6; color: #5a4f3e; } \/* ======== WORK: PINNED PIECES ON THE WALL ======== *\/ .work-section { padding: 80px 48px; position: relative; z-index: 2; } .work-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 60px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); } .work-header h2 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(40px, 6vw, 72px); text-transform: uppercase; letter-spacing: 1px; } .work-header span { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--dim); } .work-wall { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } .work-piece { position: relative; background: var(--dark); border: 1px solid rgba(255,255,255,0.06); padding: 40px 36px 36px; transition: transform 0.4s ease, border-color 0.3s; cursor: pointer; } .work-piece:hover { transform: rotate(0deg) scale(1.01); border-color: rgba(255,255,255,0.12); } .wp-1 { transform: rotate(-0.6deg); } .wp-2 { transform: rotate(0.4deg); } .wp-3 { transform: rotate(0.3deg); } .wp-4 { transform: rotate(-0.5deg); } \/* Tape on corners *\/ .work-piece .tape-tl { position: absolute; top: -7px; left: 16px; width: 52px; height: 15px; background: var(--tape); transform: rotate(-3deg); border-top: 1px solid rgba(255,255,200,0.1); z-index: 5; } .work-piece .tape-tr { position: absolute; top: -7px; right: 16px; width: 52px; height: 15px; background: var(--tape); transform: rotate(4deg); border-top: 1px solid rgba(255,255,200,0.1); z-index: 5; } .work-piece-number { font-family: 'Caveat', cursive; font-size: 48px; font-weight: 700; color: rgba(255,255,255,0.06); position: absolute; top: 16px; right: 24px; line-height: 1; } .work-piece-tag { display: inline-block; padding: 4px 12px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--dim); margin-bottom: 16px; } .work-piece-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(28px, 3vw, 40px); text-transform: uppercase; letter-spacing: 1px; line-height: 1; margin-bottom: 8px; } .work-piece-subtitle { font-family: 'Instrument Serif', serif; font-style: italic; font-size: 17px; color: var(--dim); margin-bottom: 16px; } .work-piece-body { font-size: 13px; line-height: 1.7; color: var(--dimmer); margin-bottom: 20px; } .work-piece-result { display: inline-block; font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 1px; color: var(--kraft); } \/* Handwritten annotation on work pieces *\/ .work-annotation { position: absolute; bottom: 16px; right: 20px; font-family: 'Caveat', cursive; font-size: 14px; color: var(--pin-red); opacity: 0.6; transform: rotate(-3deg); } .work-piece-link { display: inline-block; margin-top: 12px; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--dim); text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 2px; transition: color 0.2s, border-color 0.2s; opacity: 0; transform: translateY(4px); transition: all 0.3s ease; } .work-piece:hover .work-piece-link { opacity: 1; transform: translateY(0); color: var(--kraft); border-color: var(--kraft); } \/* ======== ABOUT ======== *\/ .about-section { padding: 80px 48px; position: relative; z-index: 2; border-top: 1px solid rgba(255,255,255,0.06); } .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; } .about-left h3 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(36px, 5vw, 60px); text-transform: uppercase; letter-spacing: 1px; line-height: 0.95; margin-bottom: 32px; } .about-left h3 em { font-family: 'Instrument Serif', serif; font-style: italic; text-transform: none; color: var(--pin-red); } .about-left p { font-size: 14px; line-height: 1.9; font-weight: 300; color: var(--dim); margin-bottom: 20px; } .about-left p strong { color: var(--white); font-weight: 500; } \/* Credential cards pinned to the wall *\/ .cred-wall { display: flex; flex-direction: column; gap: 20px; padding-top: 12px; } .cred-card { position: relative; padding: 20px 24px 16px; transition: transform 0.3s ease; } .cred-card:hover { transform: rotate(0deg) scale(1.01); } .cc-1 { transform: rotate(-1deg); } .cc-2 { transform: rotate(0.7deg); } .cc-3 { transform: rotate(-0.4deg); } .cc-4 { transform: rotate(0.9deg); } .cred-card .pin { top: 8px; right: 12px; } .cred-card-label { font-family: 'Caveat', cursive; font-size: 14px; color: #8a7d6a; margin-bottom: 2px; } .cred-card-value { font-family: 'Bebas Neue', sans-serif; font-size: 18px; text-transform: uppercase; letter-spacing: 0.5px; color: #2a2218; } .cred-card-note { font-family: 'DM Mono', monospace; font-size: 10px; color: #7a6f5e; margin-top: 2px; } \/* ======== HOW I WORK ======== *\/ .method-section { padding: 0 48px 80px; position: relative; z-index: 2; } .method-header { margin-bottom: 48px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); display: flex; justify-content: space-between; align-items: baseline; } .method-header h2 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(32px, 4vw, 52px); text-transform: uppercase; letter-spacing: 1px; } .method-header .handwritten { font-size: 18px; color: var(--dim); } .method-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } .method-card { background: var(--dark); border: 1px solid rgba(255,255,255,0.06); padding: 28px 24px; position: relative; transition: transform 0.3s ease, border-color 0.3s; } .method-card:hover { border-color: rgba(255,255,255,0.12); transform: translateY(-4px); } \/* Tape on top *\/ .method-card .tape { top: -7px; left: 50%; transform: translateX(-50%) rotate(var(--tape-r, -1deg)); } .method-num { font-family: 'Caveat', cursive; font-size: 36px; font-weight: 700; color: rgba(255,255,255,0.08); margin-bottom: 12px; line-height: 1; } .method-title { font-family: 'Bebas Neue', sans-serif; font-size: 18px; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px; color: var(--kraft); } .method-desc { font-size: 12px; line-height: 1.7; color: var(--dimmer); } \/* ======== CTA ======== *\/ .cta-section { padding: 100px 48px; position: relative; z-index: 2; border-top: 1px solid rgba(255,255,255,0.06); } .cta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; max-width: 1100px; margin: 0 auto; align-items: start; } .cta-personal { } .cta-photo { width: 180px; height: 180px; border-radius: 50%; margin: 0 auto 12px; background: var(--dark); border: 2px solid rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; color: var(--dimmer); font-size: 11px; font-family: 'DM Mono', monospace; letter-spacing: 1px; text-transform: uppercase; position: relative; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.4); } .cta-photo img { width: 100%; height: 100%; object-fit: cover; } \/* Blueprint circle marks around the photo *\/ .cta-photo-wrap { position: relative; width: 220px; margin: 0 auto 32px; text-align: center; } .cta-photo-wrap::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200px; height: 200px; border-radius: 50%; border: 1px solid rgba(201,60,42,0.2); pointer-events: none; } .cta-photo-wrap::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 220px; height: 220px; border-radius: 50%; border: 1px dashed rgba(255,255,255,0.06); pointer-events: none; } \/* Crosshair marks *\/ .cta-photo-crosshair { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; } .cta-photo-crosshair::before { content: ''; position: absolute; top: 50%; left: -14px; width: 10px; height: 1px; background: rgba(201,60,42,0.25); } .cta-photo-crosshair::after { content: ''; position: absolute; top: 50%; right: -14px; width: 10px; height: 1px; background: rgba(201,60,42,0.25); } .cta-bio h3 { font-family: 'Caveat', cursive; font-size: 28px; font-weight: 700; color: var(--white); margin-bottom: 16px; } .cta-bio p { font-size: 13px; line-height: 1.9; font-weight: 300; color: var(--dim); margin-bottom: 14px; } .cta-bio strong { color: var(--white); font-weight: 400; } .cta-form-wrap { background: var(--dark); border: 1px solid rgba(255,255,255,0.06); padding: 40px; } .cta-form-wrap h4 { font-family: 'Bebas Neue', sans-serif; font-size: 28px; letter-spacing: 2px; color: var(--white); margin-bottom: 8px; } .cta-form-wrap .form-sub { font-size: 12px; color: var(--dimmer); font-weight: 300; margin-bottom: 28px; } .cta-form-wrap label { display: block; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--dimmer); margin-bottom: 6px; margin-top: 20px; } .cta-form-wrap label:first-of-type { margin-top: 0; } .cta-form-wrap input, .cta-form-wrap textarea { width: 100%; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); color: var(--white); font-family: 'DM Mono', monospace; font-size: 13px; padding: 12px 14px; outline: none; transition: border-color 0.3s ease; } .cta-form-wrap input:focus, .cta-form-wrap textarea:focus { border-color: var(--pin-red); } .cta-form-wrap textarea { height: 120px; resize: vertical; } .cta-form-wrap button { margin-top: 24px; display: inline-block; font-family: 'DM Mono', monospace; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: var(--black); background: var(--kraft); padding: 18px 48px; border: none; cursor: pointer; transition: all 0.3s ease; box-shadow: 2px 3px 8px rgba(0,0,0,0.3); } .cta-form-wrap button:hover { background: var(--pin-red); color: var(--white); box-shadow: 3px 5px 12px rgba(0,0,0,0.4); } \/* ======== FOOTER ======== *\/ footer { padding: 28px 48px; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,0.06); font-size: 10px; letter-spacing: 1px; text-transform: uppercase; color: var(--dimmer); position: relative; z-index: 2; } footer a { color: var(--dim); text-decoration: none; margin-left: 20px; transition: color 0.2s; } footer a:hover { color: var(--pin-red); } \/* ======== SCROLL REVEAL ======== *\/ .reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; } .reveal.visible { opacity: 1; transform: translateY(0); } .reveal-d1 { transition-delay: 0.1s; } .reveal-d2 { transition-delay: 0.2s; } .reveal-d3 { transition-delay: 0.3s; } \/* ======== RESPONSIVE ======== *\/ @media (max-width: 1000px) { .hero { padding: 32px; } .hero-topbar { position: relative; top: 0; left: 0; right: 0; flex-direction: column; gap: 16px; margin-bottom: 80px; } .hero-note { display: none; } .hero-labels { display: none; } .stats-row { grid-template-columns: repeat(2, 1fr); } .work-section { padding: 48px 32px; } .work-wall { grid-template-columns: 1fr; gap: 32px; } .about-section { padding: 48px 32px; } .about-grid { grid-template-columns: 1fr; gap: 40px; } .method-section { padding: 0 32px 48px; } .method-row { grid-template-columns: 1fr 1fr; gap: 16px; } .cta-section { padding: 60px 32px; } .cta-grid { grid-template-columns: 1fr; gap: 40px; } footer { padding: 20px 32px; flex-direction: column; gap: 12px; } } @media (max-width: 600px) { .stats-row { grid-template-columns: 1fr; gap: 16px; } .method-row { grid-template-columns: 1fr; } .cred-wall { gap: 16px; } }<\/style><\/head><body><canvas id=\"build-canvas\"><\/canvas><section class=\"hero\"> <div class=\"hero-topbar\"> <div class=\"hero-location\">Tyler, TX \/ San Diego, CA<\/div> <nav> <a href=\"#work\">Work<\/a> <a href=\"#about\">About<\/a> <a href=\"#method\">Process<\/a> <a href=\"#contact\">Contact<\/a> <a href=\"https:\/\/www.linkedin.com\/in\/ashlymellor\/\">LinkedIn<\/a> <\/nav> <\/div>  <div class=\"hero-note\"> <div class=\"pin pin-red\"><\/div> <div class=\"hero-note-text\">Right message. Right person. Right time. It’s a <em>science<\/em>, not a guess.<\/div> <div class=\"hero-note-sub\">The Principle — Makers Ridge<\/div> <\/div>  <div class=\"hero-labels\"> <span class=\"tape-label tl-1\">Outspent 28:1. Won with 64%.<\/span> <span class=\"tape-label tl-2\">No time. No brand. Every seat full in 48 hours.<\/span> <span class=\"tape-label tl-3\">Zero ad spend. 1M+ organic plays.<\/span> <\/div> <div class=\"hero-name\"> <span class=\"first\">Ashly<\/span> <span class=\"last\">Mellor<\/span> <\/div> <pee class=\"hero-tagline\"> You don’t have a marketing problem. You have a messaging problem disguised as a marketing problem. I find the gap between what you’re saying and what your buyer needs to hear. Then I build the system that closes it. <strong>The industry doesn’t matter. The <span class=\"pencil-underline\">method<\/span> does.<\/strong> <\/pee><\/section><section class=\"stats-section\"> <div class=\"stats-row\"> <div class=\"kraft-card stat-card sc-1 reveal\"> <div class=\"tape tape-h\" style=\"--tape-r: -2deg;\"><\/div> <div class=\"stat-number\">64%<\/div> <div class=\"stat-desc\">Vote win, outspent 28:1. No on B, San Diego County.<\/div> <\/div> <div class=\"kraft-card stat-card sc-2 reveal reveal-d1\"> <div class=\"tape tape-h\" style=\"--tape-r: 3deg;\"><\/div> <div class=\"stat-number\">8,000<\/div> <div class=\"stat-desc\">Conversions in under 5 months. Voters, volunteers, supporters. Not leads. Believers.<\/div> <\/div> <div class=\"kraft-card stat-card sc-3 reveal reveal-d2\"> <div class=\"tape tape-h\" style=\"--tape-r: -1deg;\"><\/div> <div class=\"stat-number\">1M+<\/div> <div class=\"stat-desc\">Organic reel plays. Local small business.<\/div> <\/div> <div class=\"kraft-card stat-card sc-4 reveal reveal-d3\"> <div class=\"tape tape-h\" style=\"--tape-r: 2deg;\"><\/div> <div class=\"stat-number\">55%<\/div> <div class=\"stat-desc\">Email open rate. Industry average sits around 21%.<\/div> <\/div> <\/div><\/section><section class=\"work-section\" id=\"work\"> <div class=\"work-header\"> <h2>Selected Work<\/h2> <span>4 Projects \/ 4 Industries<\/span> <\/div> <div class=\"work-wall\"> <div class=\"work-piece wp-1 reveal\"> <div class=\"tape-tl\"><\/div> <div class=\"tape-tr\"><\/div> <div class=\"work-piece-number\">01<\/div> <div class=\"work-piece-tag\">Pandemic Pop-up<\/div> <div class=\"work-piece-title\">The Flying Toad<\/div> <div class=\"work-piece-subtitle\">48 hours. From nothing to cult following.<\/div> <pee class=\"work-piece-body\">My 14-year-old drew the logo. We built the brand, menu, and launch campaign in two days flat. Every seat filled from night one. Saved the restaurant.<\/pee> <div class=\"work-piece-result\">Cult Following<\/div> <div class=\"work-annotation\">^ sold. the brand outlived the pandemic.<\/div> <a href=\"#\" class=\"work-piece-link\">Full story →<\/a> <\/div> <div class=\"work-piece wp-2 reveal reveal-d1\"> <div class=\"tape-tl\"><\/div> <div class=\"tape-tr\"><\/div> <div class=\"work-piece-number\">02<\/div> <div class=\"work-piece-tag\">County Campaign<\/div> <div class=\"work-piece-title\">No on B<\/div> <div class=\"work-piece-subtitle\">David vs. a $10M Goliath.<\/div> <pee class=\"work-piece-body\">A developer tried to buy a ballot measure. We used social media as live polling because we couldn’t afford real polls. Won by the largest landslide in state history for a county measure.<\/pee> <div class=\"work-piece-result\">64% Win • Outspent 28:1<\/div> <div class=\"work-annotation\">the one I’m proudest of<\/div> <a href=\"#\" class=\"work-piece-link\">Full story →<\/a> <\/div> <div class=\"work-piece wp-3 reveal\"> <div class=\"tape-tl\"><\/div> <div class=\"tape-tr\"><\/div> <div class=\"work-piece-number\">03<\/div> <div class=\"work-piece-tag\">Digital Transformation<\/div> <div class=\"work-piece-title\">Sweet Gourmet<\/div> <div class=\"work-piece-subtitle\">From social-media-shy to daily creators.<\/div> <pee class=\"work-piece-body\">Turned a team that feared posting into people who loved it. Instagram grew 82% year over year. Online store hit $10K\/month by the holidays. Built a digital presence strong enough to help them exit.<\/pee> <div class=\"work-piece-result\">82% IG Growth \/ Successful Exit<\/div> <div class=\"work-annotation\">built it so well they could sell it<\/div> <a href=\"#\" class=\"work-piece-link\">Full story →<\/a> <\/div> <div class=\"work-piece wp-4 reveal reveal-d1\"> <div class=\"tape-tl\"><\/div> <div class=\"tape-tr\"><\/div> <div class=\"work-piece-number\">04<\/div> <div class=\"work-piece-tag\">Citizens’ Initiative<\/div> <div class=\"work-piece-title\">Power San Diego<\/div> <div class=\"work-piece-subtitle\">Five people became a movement.<\/div> <pee class=\"work-piece-body\">Built the brand, website, ad strategy, and volunteer pipeline from zero. 500 volunteers, 30 endorsements, 30,000 signatures. Under $5,000 in ad spend.<\/pee> <div class=\"work-piece-result\">30K Signatures<\/div> <div class=\"work-annotation\">from scratch<\/div> <a href=\"#\" class=\"work-piece-link\">Full story →<\/a> <\/div> <\/div><\/section><section class=\"about-section\" id=\"about\"> <div class=\"about-grid\"> <div class=\"about-left reveal\"> <h3>NOT AN AGENCY.<!\u2013- [et_pb_br_holder] -\u2013><em>A builder.<\/em><\/h3> <pee>Political campaigns. Pandemic restaurants. Pharmaceutical companies. Staffing firms. Nonprofits. A global floral company. The industry never mattered. The buyer’s brain works the same way everywhere. <strong>Every market has a version of the same problem: the business talks about itself when the buyer needs to hear about themselves.<\/strong> Once you see that pattern, you can walk into any room and solve it.<\/pee> <pee>The same instinct that builds a campaign builds a stage, a set, a community outreach program. The medium changes. The muscle doesn’t. <strong>Dream it, make it real, do it before the deadline.<\/strong><\/pee> <pee>I don’t stop at what I’ve learned. When AI changed the game, I didn’t wait for someone to teach me. I built a human-AI collaboration model where instinct and pattern recognition sharpen each other with every project. New tools, same instinct: learn it, build with it, stay ahead.<\/pee> <\/div> <div class=\"cred-wall reveal reveal-d1\"> <div class=\"kraft-card cred-card cc-2\"> <div class=\"pin pin-yellow\"><\/div> <div class=\"cred-card-label\">What I’m Building<\/div> <div class=\"cred-card-value\">Makers Ridge<\/div> <div class=\"cred-card-note\">A consultancy built on a human-AI model that compounds with every project.<\/div> <\/div> <div class=\"kraft-card cred-card cc-3\"> <div class=\"pin pin-red\"><\/div> <div class=\"cred-card-label\">What I Care About<\/div> <div class=\"cred-card-value\">Project Unbroken<\/div> <div class=\"cred-card-note\">Support for families who have lost a parent to suicide.<\/div> <\/div> <div class=\"kraft-card cred-card cc-4\"> <div class=\"pin pin-white\"><\/div> <div class=\"cred-card-label\">Where I Give Back<\/div> <div class=\"cred-card-value\">VP, AAF East Texas<\/div> <div class=\"cred-card-note\">2024 Volunteer Service Award. Building up the next wave.<\/div> <\/div> <\/div> <\/div><\/section><section class=\"method-section\" id=\"method\"> <div class=\"method-header\"> <h2>How I Work<\/h2> <span class=\"handwritten\">the short version<\/span> <\/div> <div class=\"method-row\"> <div class=\"method-card reveal\"> <div class=\"tape tape-h-wide\" style=\"--tape-r: -2deg;\"><\/div> <div class=\"method-num\">01<\/div> <div class=\"method-title\">Find the Real Problem<\/div> <div class=\"method-desc\">“We need more leads” usually means “our message doesn’t match how our buyer thinks.” I start there.<\/div> <\/div> <div class=\"method-card reveal reveal-d1\"> <div class=\"tape tape-h-wide\" style=\"--tape-r: 1deg;\"><\/div> <div class=\"method-num\">02<\/div> <div class=\"method-title\">Start from the Buyer’s Brain<\/div> <div class=\"method-desc\">Not demographics. What are they thinking, feeling, worrying about at the moment they need this? That’s the brief.<\/div> <\/div> <div class=\"method-card reveal reveal-d2\"> <div class=\"tape tape-h-wide\" style=\"--tape-r: -1deg;\"><\/div> <div class=\"method-num\">03<\/div> <div class=\"method-title\">Build a System<\/div> <div class=\"method-desc\">Campaigns end. Systems compound. Every touchpoint, every data point, every piece of content feeds the next decision.<\/div> <\/div> <div class=\"method-card reveal reveal-d3\"> <div class=\"tape tape-h-wide\" style=\"--tape-r: 2deg;\"><\/div> <div class=\"method-num\">04<\/div> <div class=\"method-title\">Measure. Recalibrate.<\/div> <div class=\"method-desc\">What converted? What bounced? Hypothesis becomes evidence. Evidence becomes strategy. The system learns.<\/div> <\/div> <\/div><\/section><section class=\"cta-section\" id=\"contact\"> <div class=\"cta-grid\"> <div class=\"cta-personal reveal\"> <div class=\"cta-photo-wrap\"> <div class=\"cta-photo\"> <img decoding=\"async\" src=\"Ashly-headshot-2025.png\" alt=\"Ashly Mellor\"> <\/div> <div class=\"cta-photo-crosshair\"><\/div> <\/div> <div class=\"cta-bio\"> <h3>Hi, I’m Ashly.<\/h3> <pee>Wife to my high school sweetheart, mother to three phenomenal boys, and a few four-legged ones, which is, by far, the most exhausting job of all.<\/pee> <pee>In my free time, you’ll find me tracking down every mud hole across 3 states in my YJ, honing my gardening skills in the Texas heat, helping restore our historic home, or planning our next <strong>Halloween event<\/strong> for the community.<\/pee> <pee>I love the entire process of everything I do. From the initial idea and research to the design and execution, and finally watching it all unfold.<\/pee> <\/div> <\/div> <div class=\"cta-form-wrap reveal reveal-d1\"> <h4>SAY HELLO<\/h4> <div class=\"form-sub\">Questions, jokes, Jeep trail tips, or the next big idea. I’m all ears.<\/div> <form action=\"https:\/\/formspree.io\/f\/YOUR_FORM_ID\" method=\"POST\"> <label>Name<\/label> <input type=\"text\" name=\"name\" required> <label>Email<\/label> <input type=\"email\" name=\"_replyto\" required> <label>What’s on your mind?<\/label> <textarea name=\"message\" placeholder=\"Business inquiry, Halloween theme suggestion, best mud holes in Texas... all welcome.\"><\/textarea> <input type=\"hidden\" name=\"_subject\" value=\"New message from ashly.mellor.earth\"> <button type=\"submit\">Send It<\/button> <\/form> <\/div> <\/div><\/section><footer> <span>© 2026 Ashly Mellor<\/span> <div> <a href=\"https:\/\/www.linkedin.com\/in\/ashlymellor\/\">LinkedIn<\/a> <a href=\"mailto:ashly@makersridge.com\">Email<\/a> <\/div><\/footer><script> \/\/ Reveal observer for content cards const reveals = document.querySelectorAll('.reveal'); const revealObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); } }); }, { threshold: 0.12 }); reveals.forEach(el => revealObserver.observe(el)); \/\/ ======== THE BUILD LINE: canvas that grows as you scroll ======== const canvas = document.getElementById('build-canvas'); const ctx = canvas.getContext('2d'); \/\/ Section markers - we'll find these on load let sections = []; let nodePoints = []; const SPINE_X = 28; \/\/ far left margin, clear of all content function mapSections() { const sectionEls = document.querySelectorAll('.hero, .stats-section, .work-section, .about-section, .method-section, .cta-section'); sections = []; sectionEls.forEach((el, i) => { const rect = el.getBoundingClientRect(); const top = rect.top + window.scrollY; const bottom = rect.bottom + window.scrollY; const mid = top + rect.height * 0.4; sections.push({ el, top, bottom, mid, index: i }); }); \/\/ Build node points: sit exactly on the divider between sections nodePoints = sections.map((s, i) => ({ y: i === 0 ? s.bottom : s.top, sectionIndex: i, branchRight: i > 0, })); } function resizeCanvas() { canvas.width = window.innerWidth; canvas.height = document.documentElement.scrollHeight; canvas.style.width = canvas.width + 'px'; canvas.style.height = canvas.height + 'px'; } function ease(t) { return t * t * (3 - 2 * t); } function drawBuildLine() { ctx.clearRect(0, 0, canvas.width, canvas.height); const scrollY = window.scrollY; const viewH = window.innerHeight; \/\/ How far the line has been \"built\": from top of page to current scroll + viewport const builtTo = scrollY + viewH * 0.7; const docHeight = document.documentElement.scrollHeight; if (sections.length === 0) return; \/\/ === FOUNDATION BLOCK at hero === const heroBottom = sections[0] ? sections[0].bottom : 600; const foundationY = heroBottom - 200; const foundationProgress = Math.min(1, Math.max(0, (builtTo - (foundationY - 200)) \/ 300)); const fEased = ease(foundationProgress); if (fEased > 0) { \/\/ Foundation horizontal bar - extends right ctx.strokeStyle = 'rgba(201,60,42,0.7)'; ctx.lineWidth = 4; ctx.beginPath(); ctx.moveTo(SPINE_X - 16, foundationY); ctx.lineTo(SPINE_X + (400 * fEased), foundationY); ctx.stroke(); \/\/ Second foundation bar (depth) ctx.strokeStyle = 'rgba(201,60,42,0.25)'; ctx.lineWidth = 2; ctx.beginPath(); ctx.moveTo(SPINE_X - 12, foundationY + 8); ctx.lineTo(SPINE_X + (320 * fEased), foundationY + 8); ctx.stroke(); \/\/ Foundation crosshatch marks along the bar ctx.strokeStyle = 'rgba(201,60,42,0.4)'; ctx.lineWidth = 2; for (let i = 0; i < 8; i++) { const markX = SPINE_X + (i * 48); const markProgress = Math.max(0, (fEased - (i * 0.08)) \/ 0.4); if (markProgress > 0) { ctx.beginPath(); ctx.moveTo(markX, foundationY - 10 * markProgress); ctx.lineTo(markX, foundationY + 14 * markProgress); ctx.stroke(); } } \/\/ Foundation label at the end of the bar if (fEased > 0.5) { ctx.save(); ctx.font = '20px Caveat, cursive'; ctx.fillStyle = `rgba(201,60,42,${0.6 * Math.min(1, (fEased - 0.5) \/ 0.3)})`; ctx.fillText('foundation', SPINE_X + (400 * fEased) + 16, foundationY + 5); ctx.restore(); } } \/\/ === MAIN SPINE: vertical line growing downward === const spineStart = foundationY; const maxSpineEnd = docHeight - 100; const spineEnd = Math.min(maxSpineEnd, Math.max(spineStart, builtTo)); if (spineEnd > spineStart) { \/\/ Main spine line ctx.strokeStyle = 'rgba(255,255,255,0.3)'; ctx.lineWidth = 3; ctx.beginPath(); ctx.moveTo(SPINE_X, spineStart); ctx.lineTo(SPINE_X, spineEnd); ctx.stroke(); \/\/ Second spine line (structure depth) ctx.strokeStyle = 'rgba(255,255,255,0.1)'; ctx.lineWidth = 1.5; ctx.beginPath(); ctx.moveTo(SPINE_X + 8, spineStart + 30); ctx.lineTo(SPINE_X + 8, Math.max(spineStart + 30, spineEnd - 30)); ctx.stroke(); \/\/ Third line other side (structural) ctx.strokeStyle = 'rgba(255,255,255,0.06)'; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(SPINE_X - 6, spineStart + 50); ctx.lineTo(SPINE_X - 6, Math.max(spineStart + 50, spineEnd - 50)); ctx.stroke(); } \/\/ === NODES AND BRANCHES at each section === for (let i = 0; i < nodePoints.length; i++) { const node = nodePoints[i]; if (node.y > spineEnd) continue; \/\/ not built yet const nodeProgress = Math.min(1, (spineEnd - node.y) \/ 150); const nEased = ease(nodeProgress); \/\/ Node dot on spine - BIGGER ctx.fillStyle = `rgba(201,60,42,${0.8 * nEased})`; ctx.beginPath(); ctx.arc(SPINE_X, node.y, 6 * nEased, 0, Math.PI * 2); ctx.fill(); \/\/ Ring around node ctx.strokeStyle = `rgba(201,60,42,${0.35 * nEased})`; ctx.lineWidth = 1.5; ctx.beginPath(); ctx.arc(SPINE_X, node.y, 14 * nEased, 0, Math.PI * 2); ctx.stroke(); \/\/ Outer ring ctx.strokeStyle = `rgba(201,60,42,${0.12 * nEased})`; ctx.lineWidth = 1; ctx.beginPath(); ctx.arc(SPINE_X, node.y, 22 * nEased, 0, Math.PI * 2); ctx.stroke(); \/\/ Branch line reaching right toward the content if (node.branchRight && nEased > 0.2) { const branchProgress = Math.min(1, (nEased - 0.2) \/ 0.6); const bEased = ease(branchProgress); \/\/ Main branch - extends far right into open space const branchEnd = SPINE_X + 60 + (500 * bEased); ctx.strokeStyle = `rgba(255,255,255,${0.25 * bEased})`; ctx.lineWidth = 2; ctx.beginPath(); ctx.moveTo(SPINE_X + 14, node.y); ctx.lineTo(branchEnd, node.y); ctx.stroke(); \/\/ Second thinner line underneath for depth ctx.strokeStyle = `rgba(255,255,255,${0.08 * bEased})`; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(SPINE_X + 30, node.y + 6); ctx.lineTo(branchEnd - 40, node.y + 6); ctx.stroke(); \/\/ End tick mark if (bEased > 0.6) { const tickAlpha = (bEased - 0.6) \/ 0.4; ctx.strokeStyle = `rgba(201,60,42,${0.5 * tickAlpha})`; ctx.lineWidth = 2; ctx.beginPath(); ctx.moveTo(branchEnd, node.y - 10); ctx.lineTo(branchEnd, node.y + 10); ctx.stroke(); } \/\/ Section label - horizontal, sitting at the end of the branch const labels = ['', 'the proof', 'the work', 'who I am', 'the system', 'let\\'s build']; if (bEased > 0.4 && labels[i]) { ctx.save(); ctx.font = '18px Caveat, cursive'; ctx.fillStyle = `rgba(255,255,255,${0.4 * Math.min(1, (bEased - 0.4) \/ 0.3)})`; ctx.fillText(labels[i], branchEnd + 14, node.y + 5); ctx.restore(); } } \/\/ Cross-brace marks between nodes - MORE VISIBLE if (i > 1 && nodePoints[i-1].y < spineEnd) { const prevY = nodePoints[i-1].y; const gap = node.y - prevY; const braceCount = Math.floor(gap \/ 80); ctx.strokeStyle = 'rgba(255,255,255,0.1)'; ctx.lineWidth = 1.5; for (let b = 1; b <= braceCount; b++) { const by = prevY + (b * gap \/ (braceCount + 1)); if (by < spineEnd) { \/\/ Horizontal tick ctx.beginPath(); ctx.moveTo(SPINE_X - 8, by); ctx.lineTo(SPINE_X + 8, by); ctx.stroke(); \/\/ Small diagonal brace ctx.strokeStyle = 'rgba(255,255,255,0.05)'; ctx.beginPath(); ctx.moveTo(SPINE_X - 4, by - 15); ctx.lineTo(SPINE_X + 4, by + 15); ctx.stroke(); ctx.strokeStyle = 'rgba(255,255,255,0.1)'; } } } } requestAnimationFrame(drawBuildLine); } \/\/ Init window.addEventListener('load', () => { resizeCanvas(); mapSections(); drawBuildLine(); }); window.addEventListener('resize', () => { resizeCanvas(); mapSections(); });<\/script><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-544","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Test - Ashly Mellor<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ashly.mellor.earth\/?page_id=544\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Test - Ashly Mellor\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ashly.mellor.earth\/?page_id=544\" \/>\n<meta property=\"og:site_name\" content=\"Ashly Mellor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-17T01:43:14+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ashly.mellor.earth\/?page_id=544\",\"url\":\"https:\/\/ashly.mellor.earth\/?page_id=544\",\"name\":\"Test - Ashly Mellor\",\"isPartOf\":{\"@id\":\"https:\/\/ashly.mellor.earth\/#website\"},\"datePublished\":\"2026-02-17T01:42:27+00:00\",\"dateModified\":\"2026-02-17T01:43:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ashly.mellor.earth\/?page_id=544#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ashly.mellor.earth\/?page_id=544\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ashly.mellor.earth\/?page_id=544#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ashly.mellor.earth\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Test\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ashly.mellor.earth\/#website\",\"url\":\"https:\/\/ashly.mellor.earth\/\",\"name\":\"Ashly Mellor | Data-Driven Marketing Strategist and Storyteller\",\"description\":\"Data-Driven Marketing Strategist and Storyteller\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ashly.mellor.earth\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"Test - Ashly Mellor","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ashly.mellor.earth\/?page_id=544","og_locale":"en_US","og_type":"article","og_title":"Test - Ashly Mellor","og_url":"https:\/\/ashly.mellor.earth\/?page_id=544","og_site_name":"Ashly Mellor","article_modified_time":"2026-02-17T01:43:14+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ashly.mellor.earth\/?page_id=544","url":"https:\/\/ashly.mellor.earth\/?page_id=544","name":"Test - Ashly Mellor","isPartOf":{"@id":"https:\/\/ashly.mellor.earth\/#website"},"datePublished":"2026-02-17T01:42:27+00:00","dateModified":"2026-02-17T01:43:14+00:00","breadcrumb":{"@id":"https:\/\/ashly.mellor.earth\/?page_id=544#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ashly.mellor.earth\/?page_id=544"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ashly.mellor.earth\/?page_id=544#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ashly.mellor.earth\/"},{"@type":"ListItem","position":2,"name":"Test"}]},{"@type":"WebSite","@id":"https:\/\/ashly.mellor.earth\/#website","url":"https:\/\/ashly.mellor.earth\/","name":"Ashly Mellor | Data-Driven Marketing Strategist and Storyteller","description":"Data-Driven Marketing Strategist and Storyteller","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ashly.mellor.earth\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/ashly.mellor.earth\/index.php?rest_route=\/wp\/v2\/pages\/544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ashly.mellor.earth\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ashly.mellor.earth\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ashly.mellor.earth\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ashly.mellor.earth\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=544"}],"version-history":[{"count":3,"href":"https:\/\/ashly.mellor.earth\/index.php?rest_route=\/wp\/v2\/pages\/544\/revisions"}],"predecessor-version":[{"id":550,"href":"https:\/\/ashly.mellor.earth\/index.php?rest_route=\/wp\/v2\/pages\/544\/revisions\/550"}],"wp:attachment":[{"href":"https:\/\/ashly.mellor.earth\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}