{"id":9,"date":"2026-07-09T09:08:58","date_gmt":"2026-07-09T09:08:58","guid":{"rendered":"https:\/\/101next.com\/members\/?page_id=9"},"modified":"2026-07-09T10:04:10","modified_gmt":"2026-07-09T10:04:10","slug":"members-page","status":"publish","type":"page","link":"https:\/\/101next.com\/members\/","title":{"rendered":"Members Page"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nOptimized Member Directory Single File<\/title>\r\n<style>\r\n:root{\r\n --mjd-orange:#ff9d00;\r\n --mjd-orange-deep:#ff6a00;\r\n --mjd-yellow:#ffd21f;\r\n --mjd-yellow-soft:#fff2a8;\r\n --mjd-yellow-light:#fff7d8;\r\n --mjd-purple:#35105f;\r\n --mjd-purple-2:#4f1680;\r\n --mjd-purple-3:#7b1bb2;\r\n --mjd-title-gradient:linear-gradient(90deg,#1e002e 0%,#47016d 50%,#1e002e 100%);\r\n --mjd-cream:#fff8df;\r\n --mjd-card:#fffdf3;\r\n --mjd-muted:#6d5b7d;\r\n --mjd-shadow:0 18px 45px rgba(72,24,0,.12);\r\n --mjd-border:rgba(255,145,0,.2);\r\n --mjd-success-photo-size:252px;\r\n}\r\nhtml{scroll-behavior:smooth}\r\nbody{\r\n margin:0;\r\n padding:0;\r\n font-family:Arial,Helvetica,sans-serif;\r\n background:#fff8df;\r\n}\r\n.mjd-page{\r\n width:100%;\r\n overflow:hidden;\r\n background:linear-gradient(180deg,#fff9df 0%,#fff4ca 100%);\r\n color:var(--mjd-purple);\r\n}\r\n.mjd-page *{box-sizing:border-box}\r\n.mjd-wrap{width:min(1180px,calc(100% - 36px));margin:0 auto}\r\n.mjd-icon{width:18px;height:18px;display:inline-block;flex:0 0 18px;vertical-align:middle}\r\n.mjd-btn,.mjd-profile-btn,.mjd-filter-btn,.mjd-success-btn{\r\n position:relative;overflow:hidden;isolation:isolate;transition:all .28s ease\r\n}\r\n.mjd-btn::before,.mjd-profile-btn::before,.mjd-filter-btn::before,.mjd-success-btn::before{\r\n content:\"\";position:absolute;top:-40%;left:-80%;width:70%;height:180%;z-index:-1;\r\n background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.18) 30%,rgba(255,255,255,.75) 50%,rgba(255,255,255,.18) 70%,transparent 100%);\r\n transform:skewX(-22deg);transition:.65s ease;pointer-events:none\r\n}\r\n.mjd-btn:hover::before,.mjd-profile-btn:hover::before,.mjd-filter-btn:hover::before,.mjd-success-btn:hover::before{left:125%}\r\n.mjd-arrow{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;transition:transform .28s ease;line-height:1}\r\n.mjd-btn:hover .mjd-arrow,.mjd-profile-btn:hover .mjd-arrow,.mjd-success-btn:hover .mjd-arrow{\r\n transform:translateX(6px);animation:mjdArrowPulse .8s ease infinite alternate\r\n}\r\n@keyframes mjdArrowPulse{from{opacity:.72}to{opacity:1}}\r\n.mjd-btn{\r\n display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:15px 28px;border-radius:999px;\r\n border:1px solid transparent;text-decoration:none!important;font-size:15px;font-weight:900;line-height:1.15;cursor:pointer;white-space:nowrap\r\n}\r\n.mjd-btn-label{display:inline-block;line-height:1.15;padding-bottom:1px}\r\n.mjd-btn-primary{\r\n color:#fff!important;background:linear-gradient(135deg,var(--mjd-yellow) 0%,var(--mjd-orange) 45%,var(--mjd-orange-deep) 100%);\r\n box-shadow:0 16px 34px rgba(255,122,0,.32)\r\n}\r\n.mjd-btn-primary:hover{transform:translateY(-3px);box-shadow:0 22px 42px rgba(255,122,0,.42)}\r\n.mjd-btn-secondary{\r\n color:var(--mjd-purple)!important;background:rgba(255,255,255,.9);border-color:rgba(53,16,95,.38);box-shadow:0 14px 28px rgba(53,16,95,.1)\r\n}\r\n.mjd-btn-secondary:hover{\r\n color:#fff!important;background:linear-gradient(135deg,var(--mjd-purple) 0%,var(--mjd-purple-3) 100%);\r\n border-color:transparent;transform:translateY(-3px);box-shadow:0 18px 38px rgba(53,16,95,.26)\r\n}\r\n.mjd-btn-purple{\r\n color:#fff!important;background:linear-gradient(135deg,var(--mjd-purple) 0%,var(--mjd-purple-3) 100%);box-shadow:0 14px 28px rgba(68,0,112,.24)\r\n}\r\n.mjd-btn-purple:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(68,0,112,.2)}\r\n.mjd-title-safe,.mjd-section-title,.mjd-hero h1,.mjd-cta h2,.mjd-member-card h3,.mjd-success-card h3{\r\n background-image:var(--mjd-title-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;overflow:visible\r\n}\r\n.mjd-section-title{\r\n display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 32px;text-align:center;font-size:clamp(28px,3vw,40px);line-height:1.18;font-weight:950;letter-spacing:-.04em;padding:.04em 0 .16em\r\n}\r\n.mjd-section-title::before,.mjd-section-title::after{\r\n content:\"\";width:48px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--mjd-orange),var(--mjd-yellow));flex:0 0 48px\r\n}\r\n.mjd-hero{\r\n position:relative;min-height:500px;padding:88px 0 118px;overflow:hidden;\r\n background:radial-gradient(circle at 12% 8%,rgba(255,218,103,.22),transparent 23%),radial-gradient(circle at 95% 0%,rgba(255,190,45,.18),transparent 20%),linear-gradient(180deg,#fff9df 0%,#fff4cc 100%)\r\n}\r\n.mjd-hero::after{\r\n content:\"\";position:absolute;left:-5%;right:-5%;bottom:-62px;height:120px;background:#fff8df;border-radius:50% 50% 0 0;z-index:1\r\n}\r\n.mjd-hero-content{position:relative;z-index:3;max-width:1080px;margin:0 auto;text-align:center}\r\n.mjd-hero-badge{\r\n display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px;padding:10px 22px;border-radius:999px;color:#ff6a00;background:rgba(255,255,255,.78);border:1px solid rgba(255,122,0,.38);box-shadow:0 10px 24px rgba(255,122,0,.14);font-size:14px;font-weight:900;line-height:1.1\r\n}\r\n.mjd-hero h1{\r\n max-width:980px;margin:0 auto;font-size:clamp(48px,7vw,76px);line-height:1.08;letter-spacing:-.065em;font-weight:950;text-align:center;padding:.02em 0 .12em\r\n}\r\n.mjd-hero p{\r\n max-width:900px;margin:22px auto 34px;color:var(--mjd-muted);font-size:19px;line-height:1.5;font-weight:600;text-align:center;white-space:nowrap\r\n}\r\n.mjd-hero-actions{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}\r\n.mjd-hero .mjd-btn{min-width:220px;min-height:56px}\r\n.mjd-hero-circle{position:absolute;border-radius:50%;z-index:0;pointer-events:none}\r\n.mjd-circle-left{width:310px;height:310px;top:-145px;left:-78px;background:radial-gradient(circle,rgba(255,218,103,.36),rgba(255,218,103,.04) 70%)}\r\n.mjd-circle-right{width:360px;height:360px;top:-170px;right:-150px;background:radial-gradient(circle,rgba(255,188,42,.24) 0%,rgba(255,218,103,.1) 42%,rgba(255,218,103,0) 72%);filter:blur(20px);opacity:.7}\r\n.mjd-circle-small{width:190px;height:190px;top:92px;right:3%;background:radial-gradient(circle,rgba(255,196,60,.22) 0%,rgba(255,218,103,.08) 48%,rgba(255,218,103,0) 74%);filter:blur(22px);opacity:.55}\r\n.mjd-hero-dot{\r\n position:absolute;width:150px;height:120px;opacity:.55;background-image:radial-gradient(rgba(255,255,255,.95) 2px,transparent 2px);background-size:14px 14px;z-index:1;pointer-events:none\r\n}\r\n.mjd-dot-left{left:34px;top:165px}\r\n.mjd-dot-right{right:90px;bottom:58px}\r\n.mjd-categories{padding:36px 0 30px;background:#fff8df}\r\n.mjd-category-row{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:nowrap}\r\n.mjd-filter-btn{\r\n display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 22px;border-radius:999px;border:1px solid rgba(255,122,0,.18);background:rgba(255,255,255,.74);color:var(--mjd-purple);box-shadow:0 12px 25px rgba(72,24,0,.08);font-size:14px;font-weight:900;line-height:1.15;cursor:pointer;white-space:nowrap\r\n}\r\n.mjd-filter-btn .mjd-icon{width:17px;height:17px}\r\n.mjd-filter-btn:hover,.mjd-filter-btn.is-active{\r\n color:#fff;background:linear-gradient(135deg,var(--mjd-yellow),var(--mjd-orange),var(--mjd-orange-deep));box-shadow:0 14px 32px rgba(255,122,0,.28);transform:translateY(-2px)\r\n}\r\n.mjd-directory{padding:38px 0 78px;background:#fff8df}\r\n.mjd-directory-box{\r\n padding:42px;border-radius:36px;background:linear-gradient(180deg,rgba(255,251,227,.9),rgba(255,244,196,.8));border:1px solid rgba(255,170,0,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)\r\n}\r\n.mjd-member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}\r\n.mjd-member-card{\r\n position:relative;padding:28px 20px 22px;min-height:292px;text-align:center;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,249,.95),rgba(255,250,229,.95));border:1px solid var(--mjd-border);box-shadow:0 15px 34px rgba(72,24,0,.11);transition:all .28s ease\r\n}\r\n.mjd-member-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(72,24,0,.16)}\r\n.mjd-member-photo-wrap{position:relative;width:104px;height:104px;margin:0 auto 16px}\r\n.mjd-member-photo{\r\n width:104px;height:104px;border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:0 10px 24px rgba(60,0,90,.16);background:#fff\r\n}\r\n.mjd-category-badge-icon{\r\n position:absolute;top:-2px;right:-8px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--mjd-yellow),var(--mjd-orange),var(--mjd-orange-deep));border:4px solid #fff;box-shadow:0 10px 20px rgba(255,122,0,.26)\r\n}\r\n.mjd-category-badge-icon .mjd-icon{width:18px;height:18px}\r\n.mjd-member-card h3{margin:0 0 10px;font-size:19px;font-weight:900;letter-spacing:-.03em;line-height:1.16;padding:.02em 0 .08em}\r\n.mjd-member-category-pill,.mjd-success-role-pill{\r\n display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 16px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--mjd-yellow),var(--mjd-orange),var(--mjd-orange-deep));box-shadow:0 10px 20px rgba(255,122,0,.2);font-size:12px;font-weight:900;line-height:1.1;margin:0 0 10px;white-space:nowrap\r\n}\r\n.mjd-member-role{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--mjd-muted);line-height:1.4}\r\n.mjd-mini-badge{\r\n display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;padding:7px 12px;border-radius:999px;color:#ad5b00;background:rgba(255,210,31,.22);font-size:12px;font-weight:900;line-height:1.1\r\n}\r\n.mjd-profile-btn{\r\n display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:10px 18px;border-radius:999px;color:var(--mjd-orange-deep)!important;border:1px solid rgba(255,122,0,.6);background:rgba(255,255,255,.5);text-decoration:none!important;font-size:13px;font-weight:900;line-height:1.15\r\n}\r\n.mjd-profile-btn:hover{color:#fff!important;background:linear-gradient(135deg,var(--mjd-yellow),var(--mjd-orange),var(--mjd-orange-deep));transform:translateY(-2px)}\r\n.mjd-member-card.is-hidden{display:none}\r\n.mjd-spotlight{\r\n position:relative;padding:74px 0 84px;\r\n background:radial-gradient(circle at left top,rgba(139,18,216,.75),transparent 24%),radial-gradient(circle at right bottom,rgba(139,18,216,.75),transparent 28%),linear-gradient(135deg,#25003f 0%,#4d007c 48%,#7900b8 100%);\r\n overflow:hidden\r\n}\r\n.mjd-spotlight::before,.mjd-spotlight::after{\r\n content:\"\";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)\r\n}\r\n.mjd-spotlight::before{width:180px;height:180px;left:-70px;top:-40px}\r\n.mjd-spotlight::after{width:240px;height:240px;right:-90px;bottom:-80px}\r\n.mjd-spotlight .mjd-section-title{\r\n position:relative;z-index:2;width:fit-content;margin:0 auto 38px;padding:18px 42px 20px;border-radius:999px;background:#fff;box-shadow:0 18px 42px rgba(0,0,0,.22);background-image:none!important;color:inherit!important;-webkit-text-fill-color:initial!important\r\n}\r\n.mjd-spotlight-title{display:flex;align-items:center;justify-content:center;gap:18px}\r\n.mjd-spotlight-title::before,.mjd-spotlight-title::after{\r\n content:\"\";width:44px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--mjd-orange),var(--mjd-yellow));flex:0 0 44px\r\n}\r\n.mjd-spotlight-title .mjd-section-title-text{\r\n display:inline-block;font-size:clamp(28px,3vw,40px);font-weight:950;line-height:1.12;letter-spacing:-.04em;padding-bottom:2px;background-image:var(--mjd-title-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important\r\n}\r\n.mjd-success-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}\r\n.mjd-success-card{\r\n position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:0;padding:0 0 22px;border-radius:30px;background:linear-gradient(180deg,#fffdf3 0%,#fff4bf 100%);box-shadow:0 24px 52px rgba(0,0,0,.22);border:1px solid rgba(255,196,0,.18);transition:all .28s ease;overflow:hidden\r\n}\r\n.mjd-success-card:hover{transform:translateY(-7px);box-shadow:0 30px 62px rgba(0,0,0,.28)}\r\n.mjd-success-card.mjd-card-center{grid-column:2 \/ 3}\r\n.mjd-success-photo{\r\n display:block;width:100%;height:auto;aspect-ratio:1 \/ 1;object-fit:cover;object-position:center top;background:transparent;border:0!important;outline:0!important;box-shadow:none!important;border-radius:30px 30px 0 0;margin:0 0 22px\r\n}\r\n.mjd-success-card h3{margin:0 0 8px;font-size:25px;font-weight:950;letter-spacing:-.04em;line-height:1.16;padding:.02em 0 .08em}\r\n.mjd-success-role-pill{\r\n position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:auto;padding:0 18px 9px;margin:0 0 16px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;color:transparent!important;background-image:var(--mjd-title-gradient)!important;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent!important;font-size:13px;font-weight:900;line-height:1.15;letter-spacing:.02em;white-space:nowrap\r\n}\r\n.mjd-success-role-pill::before,.mjd-success-role-pill::after{\r\n content:\"\";position:absolute;left:50%;transform:translateX(-50%);height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--mjd-orange),var(--mjd-yellow),transparent);pointer-events:none\r\n}\r\n.mjd-success-role-pill::before{top:-7px;width:38px}\r\n.mjd-success-role-pill::after{bottom:0;width:92px}\r\n.mjd-success-slogan{\r\n min-height:0;max-width:340px;margin:0 auto 16px;font-size:16px;font-weight:500;line-height:1.45;background-image:var(--mjd-title-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important\r\n}\r\n.mjd-success-btn{\r\n display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:11px 22px;margin-top:0;border-radius:999px;color:#fff!important;background:linear-gradient(135deg,var(--mjd-purple) 0%,var(--mjd-purple-3) 100%);box-shadow:0 14px 28px rgba(53,16,95,.24);text-decoration:none!important;font-size:13px;font-weight:900;line-height:1.15\r\n}\r\n.mjd-success-btn:hover{\r\n color:#fff!important;background:linear-gradient(135deg,var(--mjd-yellow) 0%,var(--mjd-orange) 45%,var(--mjd-orange-deep) 100%);transform:translateY(-3px);box-shadow:0 18px 38px rgba(255,122,0,.34)\r\n}\r\n.mjd-cta{\r\n position:relative;padding:86px 0 92px;\r\n background:radial-gradient(circle at 10% 25%,rgba(255,255,255,.18),transparent 12%),radial-gradient(circle at 94% 72%,rgba(255,255,255,.14),transparent 14%),linear-gradient(135deg,var(--mjd-yellow),var(--mjd-orange),var(--mjd-orange-deep));\r\n overflow:hidden\r\n}\r\n.mjd-cta-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr auto;align-items:center;gap:34px}\r\n.mjd-cta h2{margin:0 0 10px;font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.055em;font-weight:950;padding:.02em 0 .1em}\r\n.mjd-cta p{margin:0;color:rgba(44,10,79,.82);font-size:18px;font-weight:800;line-height:1.4}\r\n.mjd-cta-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px}\r\n.mjd-cta .mjd-btn-purple{border:1px solid transparent}\r\n.mjd-cta .mjd-btn-purple:hover{background:#fff;border-color:rgba(53,16,95,.22);color:var(--mjd-purple)!important}\r\n.mjd-cta .mjd-btn-purple:hover .mjd-btn-label{background-image:var(--mjd-title-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}\r\n.mjd-cta .mjd-btn-purple:hover .mjd-arrow{color:var(--mjd-purple)}\r\n.mjd-cta .mjd-btn-secondary{background:#fff;color:var(--mjd-purple)!important;border-color:rgba(255,140,0,.32);box-shadow:0 14px 28px rgba(72,24,0,.12)}\r\n.mjd-cta .mjd-btn-secondary:hover{\r\n background:linear-gradient(135deg,var(--mjd-purple) 0%,var(--mjd-purple-3) 100%);color:#fff!important;border-color:transparent;box-shadow:0 18px 38px rgba(53,16,95,.26)\r\n}\r\n.mjd-cta .mjd-btn-secondary:hover .mjd-btn-label,.mjd-cta .mjd-btn-secondary:hover .mjd-arrow{color:#fff!important;-webkit-text-fill-color:#fff!important}\r\n@media (max-width:1180px){.mjd-category-row{flex-wrap:wrap}}\r\n@media (max-width:1024px){\r\n .mjd-member-grid,.mjd-success-grid{grid-template-columns:repeat(2,1fr)}\r\n .mjd-hero p{white-space:normal}\r\n .mjd-success-card.mjd-card-center{grid-column:1 \/ -1;max-width:520px;justify-self:center}\r\n}\r\n@media (max-width:860px){\r\n :root{--mjd-success-photo-size:220px}\r\n .mjd-hero{min-height:auto;padding:72px 0 98px}\r\n .mjd-hero h1{font-size:46px;line-height:1.08}\r\n .mjd-hero p{font-size:17px;white-space:normal}\r\n .mjd-hero .mjd-btn{width:100%;min-width:100%}\r\n .mjd-circle-right{width:240px;height:240px;right:-100px;top:-110px}\r\n .mjd-circle-small{width:130px;height:130px;right:-10px;top:120px}\r\n .mjd-dot-left,.mjd-dot-right{opacity:.35}\r\n .mjd-cta-inner{grid-template-columns:1fr}\r\n .mjd-cta-actions{justify-content:flex-start}\r\n .mjd-category-row{flex-wrap:wrap}\r\n .mjd-cta{padding:72px 0 78px}\r\n}\r\n@media (max-width:640px){\r\n :root{--mjd-success-photo-size:185px}\r\n .mjd-wrap{width:min(100% - 24px,1180px)}\r\n .mjd-section-title{font-size:30px;line-height:1.18}\r\n .mjd-section-title::before,.mjd-section-title::after{width:28px;flex-basis:28px}\r\n .mjd-spotlight .mjd-section-title{padding:16px 24px 18px}\r\n .mjd-spotlight-title::before,.mjd-spotlight-title::after{width:26px;flex-basis:26px}\r\n .mjd-spotlight-title .mjd-section-title-text{font-size:28px}\r\n .mjd-category-row{justify-content:flex-start}\r\n .mjd-filter-btn{flex:1 1 auto}\r\n .mjd-directory-box{padding:22px;border-radius:28px}\r\n .mjd-member-grid,.mjd-success-grid{grid-template-columns:1fr}\r\n .mjd-success-card.mjd-card-center{grid-column:auto;max-width:100%}\r\n}\r\n\r\n\r\n\r\n\/* FINAL Success Team update: aligned buttons, no role bar, gradient role border *\/\r\n.mjd-success-grid{\r\n align-items:stretch!important;\r\n}\r\n.mjd-success-card{\r\n position:relative!important;\r\n display:flex!important;\r\n flex-direction:column!important;\r\n align-items:center!important;\r\n text-align:center!important;\r\n height:100%!important;\r\n padding:0 0 24px!important;\r\n border-radius:30px!important;\r\n background:linear-gradient(180deg,#fffdf3 0%,#fff4bf 100%)!important;\r\n border:0!important;\r\n box-shadow:0 24px 52px rgba(0,0,0,.22)!important;\r\n overflow:hidden!important;\r\n}\r\n.mjd-success-photo-frame{\r\n display:block!important;\r\n width:100%!important;\r\n height:auto!important;\r\n margin:0 0 24px!important;\r\n padding:0!important;\r\n overflow:visible!important;\r\n border:0!important;\r\n outline:0!important;\r\n box-shadow:none!important;\r\n background:transparent!important;\r\n border-radius:30px 30px 0 0!important;\r\n}\r\n.mjd-success-photo-frame::before,\r\n.mjd-success-photo-frame::after{\r\n content:none!important;\r\n display:none!important;\r\n}\r\n.mjd-success-photo{\r\n display:block!important;\r\n width:100%!important;\r\n height:auto!important;\r\n max-width:100%!important;\r\n margin:0!important;\r\n padding:0!important;\r\n object-fit:contain!important;\r\n object-position:center center!important;\r\n border:0!important;\r\n outline:0!important;\r\n box-shadow:none!important;\r\n background:transparent!important;\r\n border-radius:30px 30px 0 0!important;\r\n}\r\n.mjd-success-card h3{\r\n margin:0 0 10px!important;\r\n padding:0 18px!important;\r\n font-size:25px!important;\r\n line-height:1.16!important;\r\n min-height:30px!important;\r\n}\r\n.mjd-success-role-pill{\r\n position:relative!important;\r\n display:inline-flex!important;\r\n align-items:center!important;\r\n justify-content:center!important;\r\n max-width:calc(100% - 42px)!important;\r\n min-height:38px!important;\r\n margin:0 auto 16px!important;\r\n padding:9px 22px 10px!important;\r\n border-radius:16px!important;\r\n background:\r\n linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,249,221,.86)) padding-box,\r\n linear-gradient(90deg,var(--mjd-yellow),var(--mjd-orange),var(--mjd-orange-deep)) border-box!important;\r\n border:2px solid transparent!important;\r\n box-shadow:0 10px 22px rgba(255,122,0,.12), inset 0 1px 0 rgba(255,255,255,.78)!important;\r\n color:#35105f!important;\r\n -webkit-text-fill-color:#35105f!important;\r\n font-size:13px!important;\r\n font-weight:900!important;\r\n line-height:1.2!important;\r\n letter-spacing:0!important;\r\n text-align:center!important;\r\n white-space:normal!important;\r\n}\r\n.mjd-success-role-pill::before,\r\n.mjd-success-role-pill::after{\r\n content:none!important;\r\n display:none!important;\r\n}\r\n.mjd-success-slogan{\r\n width:100%!important;\r\n max-width:360px!important;\r\n min-height:46px!important;\r\n margin:0 auto 18px!important;\r\n padding:0 18px!important;\r\n background:none!important;\r\n color:#35105f!important;\r\n -webkit-text-fill-color:#35105f!important;\r\n font-size:clamp(14px,1.28vw,16px)!important;\r\n font-weight:600!important;\r\n line-height:1.45!important;\r\n text-align:center!important;\r\n white-space:nowrap!important;\r\n}\r\n.mjd-success-btn{\r\n margin-top:auto!important;\r\n}\r\n@media (max-width:1024px){\r\n .mjd-success-slogan{font-size:15.5px!important;max-width:380px!important}\r\n}\r\n@media (max-width:640px){\r\n .mjd-success-photo-frame{margin-bottom:22px!important}\r\n .mjd-success-card h3{font-size:24px!important}\r\n .mjd-success-role-pill{max-width:calc(100% - 32px)!important;font-size:13px!important}\r\n .mjd-success-slogan{font-size:14px!important;max-width:100%!important;padding:0 14px!important}\r\n}\r\n\r\n\r\n\r\n\/* FINAL Member Directory category update: success style category borders and orange CTA buttons *\/\r\n.mjd-member-grid{\r\n align-items:stretch!important;\r\n}\r\n.mjd-member-card{\r\n display:flex!important;\r\n flex-direction:column!important;\r\n align-items:center!important;\r\n height:100%!important;\r\n min-height:370px!important;\r\n padding:28px 20px 24px!important;\r\n border-radius:26px!important;\r\n background:linear-gradient(180deg,rgba(255,255,249,.96),rgba(255,250,229,.96))!important;\r\n border:1px solid rgba(255,145,0,.2)!important;\r\n box-shadow:0 18px 38px rgba(72,24,0,.11)!important;\r\n}\r\n.mjd-member-card:hover{\r\n transform:translateY(-7px)!important;\r\n box-shadow:0 24px 48px rgba(72,24,0,.16)!important;\r\n}\r\n.mjd-member-photo-wrap{\r\n margin:0 auto 18px!important;\r\n}\r\n.mjd-member-card h3{\r\n margin:0 0 12px!important;\r\n min-height:24px!important;\r\n padding:0 8px!important;\r\n font-size:20px!important;\r\n line-height:1.16!important;\r\n}\r\n.mjd-member-category-pill{\r\n position:relative!important;\r\n display:inline-flex!important;\r\n align-items:center!important;\r\n justify-content:center!important;\r\n min-height:38px!important;\r\n max-width:calc(100% - 28px)!important;\r\n margin:0 auto 16px!important;\r\n padding:9px 20px 10px!important;\r\n border-radius:16px!important;\r\n background:\r\n linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,249,221,.88)) padding-box,\r\n linear-gradient(90deg,var(--mjd-yellow),var(--mjd-orange),var(--mjd-orange-deep)) border-box!important;\r\n border:2px solid transparent!important;\r\n box-shadow:0 10px 22px rgba(255,122,0,.12), inset 0 1px 0 rgba(255,255,255,.78)!important;\r\n color:#35105f!important;\r\n -webkit-text-fill-color:#35105f!important;\r\n font-size:13px!important;\r\n font-weight:900!important;\r\n line-height:1.2!important;\r\n text-align:center!important;\r\n white-space:normal!important;\r\n}\r\n.mjd-member-category-pill::before,\r\n.mjd-member-category-pill::after{\r\n content:none!important;\r\n display:none!important;\r\n}\r\n.mjd-member-role{\r\n margin:0 0 14px!important;\r\n min-height:20px!important;\r\n color:var(--mjd-purple)!important;\r\n -webkit-text-fill-color:var(--mjd-purple)!important;\r\n font-size:14px!important;\r\n font-weight:800!important;\r\n line-height:1.4!important;\r\n}\r\n.mjd-mini-badge{\r\n margin:0 auto 18px!important;\r\n}\r\n.mjd-profile-btn{\r\n display:inline-flex!important;\r\n align-items:center!important;\r\n justify-content:center!important;\r\n gap:8px!important;\r\n min-height:42px!important;\r\n min-width:154px!important;\r\n margin-top:auto!important;\r\n padding:11px 22px!important;\r\n border-radius:999px!important;\r\n color:#fff!important;\r\n -webkit-text-fill-color:#fff!important;\r\n background:linear-gradient(135deg,var(--mjd-yellow) 0%,var(--mjd-orange) 45%,var(--mjd-orange-deep) 100%)!important;\r\n border:1px solid transparent!important;\r\n box-shadow:0 14px 28px rgba(255,122,0,.26)!important;\r\n text-decoration:none!important;\r\n font-size:13px!important;\r\n font-weight:900!important;\r\n line-height:1.15!important;\r\n}\r\n.mjd-profile-btn .mjd-arrow,\r\n.mjd-profile-btn span{\r\n color:#fff!important;\r\n -webkit-text-fill-color:#fff!important;\r\n}\r\n.mjd-profile-btn:hover{\r\n color:#fff!important;\r\n -webkit-text-fill-color:#fff!important;\r\n background:linear-gradient(135deg,var(--mjd-purple) 0%,var(--mjd-purple-3) 100%)!important;\r\n border-color:transparent!important;\r\n transform:translateY(-3px)!important;\r\n box-shadow:0 18px 38px rgba(53,16,95,.28)!important;\r\n}\r\n.mjd-profile-btn:hover .mjd-arrow,\r\n.mjd-profile-btn:hover span{\r\n color:#fff!important;\r\n -webkit-text-fill-color:#fff!important;\r\n}\r\n@media (max-width:1024px){\r\n .mjd-member-card{min-height:360px!important}\r\n}\r\n@media (max-width:640px){\r\n .mjd-member-card{min-height:auto!important;padding:28px 18px 24px!important}\r\n .mjd-member-category-pill{max-width:calc(100% - 20px)!important;font-size:13px!important}\r\n}\r\n\r\n\r\n\/* FINAL Member Directory photo and hammer icon refinement *\/\r\n.mjd-member-photo-wrap{\r\n width:136px!important;\r\n height:136px!important;\r\n margin:0 auto 20px!important;\r\n}\r\n.mjd-member-photo{\r\n width:136px!important;\r\n height:136px!important;\r\n border:7px solid #fff!important;\r\n box-shadow:0 16px 34px rgba(60,0,90,.18)!important;\r\n}\r\n.mjd-category-badge-icon{\r\n width:50px!important;\r\n height:50px!important;\r\n top:-8px!important;\r\n right:-10px!important;\r\n border:5px solid #fff!important;\r\n box-shadow:0 13px 24px rgba(255,122,0,.3)!important;\r\n}\r\n.mjd-category-badge-icon .mjd-icon{\r\n width:22px!important;\r\n height:22px!important;\r\n}\r\n.mjd-member-card{\r\n min-height:410px!important;\r\n}\r\n@media (max-width:1024px){\r\n .mjd-member-photo-wrap{width:132px!important;height:132px!important}\r\n .mjd-member-photo{width:132px!important;height:132px!important}\r\n .mjd-member-card{min-height:400px!important}\r\n}\r\n@media (max-width:640px){\r\n .mjd-member-photo-wrap{width:128px!important;height:128px!important;margin-bottom:18px!important}\r\n .mjd-member-photo{width:128px!important;height:128px!important}\r\n .mjd-category-badge-icon{width:48px!important;height:48px!important;right:-8px!important}\r\n .mjd-category-badge-icon .mjd-icon{width:21px!important;height:21px!important}\r\n .mjd-member-card{min-height:auto!important}\r\n}\r\n\r\n\r\n\/* FINAL refinement: remove Partner category and make all member roles dark purple *\/\r\n.mjd-member-role{\r\n color:var(--mjd-purple)!important;\r\n -webkit-text-fill-color:var(--mjd-purple)!important;\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"mjd-page\" id=\"member-directory\">\r\n\r\n <svg width=\"0\" height=\"0\" style=\"position:absolute;left:-9999px;overflow:hidden\" aria-hidden=\"true\" focusable=\"false\">\r\n <symbol id=\"mjd-icon-users\" viewBox=\"0 0 24 24\">\r\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <circle cx=\"9.5\" cy=\"7\" r=\"4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <\/symbol>\r\n <symbol id=\"mjd-icon-trainers\" viewBox=\"0 0 24 24\">\r\n <path d=\"M2 9l10-5 10 5-10 5-10-5Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M6 11.5V17a18 18 0 0 0 12 0v-5.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M22 9v6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <\/symbol>\r\n <symbol id=\"mjd-icon-partners\" viewBox=\"0 0 24 24\">\r\n <path d=\"M10 13a5 5 0 0 0 7.07 0l2.12-2.12a5 5 0 0 0-7.07-7.07L10 5.93\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M14 11a5 5 0 0 0-7.07 0l-2.12 2.12a5 5 0 1 0 7.07 7.07L14 18.07\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/symbol>\r\n <symbol id=\"mjd-icon-explorers\" viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n <path d=\"M14.8 9.2l-2.4 5.6-5.6 2.4 2.4-5.6 5.6-2.4Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n <\/symbol>\r\n <symbol id=\"mjd-icon-builders\" viewBox=\"0 0 24 24\">\r\n <path d=\"M13.4 3.6l7 7-3.1 3.1-7-7 3.1-3.1Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M11.6 7.9l-8.2 8.2a2.2 2.2 0 0 0 0 3.1l.4.4a2.2 2.2 0 0 0 3.1 0l8.2-8.2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M17.4 7.6l2.2-2.2 1.8 1.8-2.2 2.2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/symbol>\r\n <symbol id=\"mjd-icon-agencies\" viewBox=\"0 0 24 24\">\r\n <path d=\"M3 21h18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <path d=\"M5 21V7l7-4 7 4v14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M9 10h.01M9 14h.01M9 18h.01M15 10h.01M15 14h.01M15 18h.01\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <\/symbol>\r\n <symbol id=\"mjd-icon-investors\" viewBox=\"0 0 24 24\">\r\n <path d=\"M4 20h16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <path d=\"M7 20V12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <path d=\"M12 20V9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <path d=\"M17 20V6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <path d=\"M5 8l4-3 3 2 5-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/symbol>\r\n <\/svg>\r\n\r\n <section class=\"mjd-hero\">\r\n <div class=\"mjd-hero-circle mjd-circle-left\"><\/div>\r\n <div class=\"mjd-hero-circle mjd-circle-right\"><\/div>\r\n <div class=\"mjd-hero-circle mjd-circle-small\"><\/div>\r\n <div class=\"mjd-hero-dot mjd-dot-left\"><\/div>\r\n <div class=\"mjd-hero-dot mjd-dot-right\"><\/div>\r\n\r\n <div class=\"mjd-wrap\">\r\n <div class=\"mjd-hero-content\">\r\n <div class=\"mjd-hero-badge\">Stronger Together<\/div>\r\n <h1>Meet Our AI DigitalPreneurs<\/h1>\r\n <p>Explore and connect with the change makers shaping the future of digital.<\/p>\r\n <div class=\"mjd-hero-actions\">\r\n <a href=\"#mjd-members\" class=\"mjd-btn mjd-btn-primary\"><span class=\"mjd-btn-label\">Browse Members<\/span> <span class=\"mjd-arrow\">\u2192<\/span><\/a>\r\n <a href=\"#mjd-join\" class=\"mjd-btn mjd-btn-secondary\"><span class=\"mjd-btn-label\">Join Our Community<\/span> <span class=\"mjd-arrow\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"mjd-categories\">\r\n <div class=\"mjd-wrap\">\r\n <h2 class=\"mjd-section-title\">Browse Category<\/h2>\r\n <div class=\"mjd-category-row\">\r\n <button class=\"mjd-filter-btn is-active\" data-filter=\"all\"><svg class=\"mjd-icon\"><use href=\"#mjd-icon-users\"><\/use><\/svg><span>All Members<\/span><\/button>\r\n <button class=\"mjd-filter-btn\" data-filter=\"Trainers\"><svg class=\"mjd-icon\"><use href=\"#mjd-icon-trainers\"><\/use><\/svg><span>Trainers<\/span><\/button>\r\n <button class=\"mjd-filter-btn\" data-filter=\"Digital Explorers\"><svg class=\"mjd-icon\"><use href=\"#mjd-icon-explorers\"><\/use><\/svg><span>Digital Explorers<\/span><\/button>\r\n <button class=\"mjd-filter-btn\" data-filter=\"Digital Builders\"><svg class=\"mjd-icon\"><use href=\"#mjd-icon-builders\"><\/use><\/svg><span>Digital Builders<\/span><\/button>\r\n <button class=\"mjd-filter-btn\" data-filter=\"Digital Agencies\"><svg class=\"mjd-icon\"><use href=\"#mjd-icon-agencies\"><\/use><\/svg><span>Digital Agencies<\/span><\/button>\r\n <button class=\"mjd-filter-btn\" data-filter=\"Digital Investors\"><svg class=\"mjd-icon\"><use href=\"#mjd-icon-investors\"><\/use><\/svg><span>Digital Investors<\/span><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"mjd-directory\" id=\"mjd-members\">\r\n <div class=\"mjd-wrap\">\r\n <div class=\"mjd-directory-box\">\r\n <h2 class=\"mjd-section-title\">Member Directory<\/h2>\r\n <div class=\"mjd-member-grid\" id=\"mjd-member-grid\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"mjd-spotlight\">\r\n <div class=\"mjd-wrap\">\r\n <h2 class=\"mjd-section-title mjd-spotlight-title\">\r\n <span class=\"mjd-section-title-text\">Success Team<\/span>\r\n <\/h2>\r\n <div class=\"mjd-success-grid\" id=\"mjd-success-grid\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"mjd-cta\" id=\"mjd-join\">\r\n <div class=\"mjd-wrap\">\r\n <div class=\"mjd-cta-inner\">\r\n <div>\r\n <h2>Be Part of Something Bigger<\/h2>\r\n <p>Connect. Collaborate. Create Impact.<\/p>\r\n <\/div>\r\n <div class=\"mjd-cta-actions\">\r\n <a href=\"#\" class=\"mjd-btn mjd-btn-purple\"><span class=\"mjd-btn-label\">Join Our Community<\/span> <span class=\"mjd-arrow\">\u2192<\/span><\/a>\r\n <a href=\"#mjd-members\" class=\"mjd-btn mjd-btn-secondary\"><span class=\"mjd-btn-label\">Browse Members<\/span> <span class=\"mjd-arrow\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n const directory = document.querySelector(\"#member-directory\");\r\n if(!directory) return;\r\n\r\n const memberData = [\r\n {name:\"Alex Nguyen\",category:\"Digital Builders\",role:\"Product Designer\",badge:\"\u2605 Featured Builder\",photo:\"https:\/\/i.pravatar.cc\/300?img=11\",icon:\"builders\"},\r\n {name:\"Sara Khan\",category:\"Trainers\",role:\"Leadership Coach\",badge:\"\u2605 Top Trainer\",photo:\"https:\/\/i.pravatar.cc\/300?img=49\",icon:\"trainers\"},\r\n {name:\"Marcus Lee\",category:\"Digital Explorers\",role:\"Growth Marketer\",badge:\"\u2605 Explorer\",photo:\"https:\/\/i.pravatar.cc\/300?img=13\",icon:\"explorers\"},\r\n {name:\"Olivia Bennett\",category:\"Digital Agencies\",role:\"Brand Strategist\",badge:\"\u2605 Brand Builder\",photo:\"https:\/\/i.pravatar.cc\/300?img=44\",icon:\"agencies\"},\r\n {name:\"Daniel Reza\",category:\"Digital Agencies\",role:\"Agency Founder\",badge:\"\u2605 Top Agency\",photo:\"https:\/\/i.pravatar.cc\/300?img=56\",icon:\"agencies\"},\r\n {name:\"Maya Chen\",category:\"Digital Investors\",role:\"Venture Partner\",badge:\"\u2605 Active Investor\",photo:\"https:\/\/i.pravatar.cc\/300?img=29\",icon:\"investors\"},\r\n {name:\"Ethan Walker\",category:\"Digital Builders\",role:\"CTO and Founder\",badge:\"\u2605 Builder\",photo:\"https:\/\/i.pravatar.cc\/300?img=18\",icon:\"builders\"},\r\n {name:\"Aisha Johnson\",category:\"Trainers\",role:\"Career Mentor\",badge:\"\u2605 Mentor\",photo:\"https:\/\/i.pravatar.cc\/300?img=41\",icon:\"trainers\"}\r\n ];\r\n\r\n const categoryLabel = category => ({\r\n \"Digital Builders\":\"Digital Builder\",\r\n \"Trainers\":\"Trainer\",\r\n \"Digital Explorers\":\"Digital Explorer\",\r\n \"Digital Agencies\":\"Digital Agency\",\r\n \"Digital Investors\":\"Digital Investor\"\r\n }[category] || category);\r\n\r\n const successTeamData = [\r\n {name:\"Niel Tan\",role:\"President\",slogan:[\"Transform TOGETHER,\",\"and we transform the FUTURE.\"],photo:\"https:\/\/ik.imagekit.io\/d6fchit31\/niel-tan-president-101next.webp\"},\r\n {name:\"Clairyst Teng\",role:\"Executive Vice President\",slogan:[\"The PURPOSE of life is creation,\",\"and becoming the perfection you envision.\"],photo:\"https:\/\/ik.imagekit.io\/d6fchit31\/clairyst-teng-executive-vice-president-101next.webp\"},\r\n {name:\"Evelyn Gan\",role:\"Vice President Champion\",slogan:[\"Your Natural Glow, Beautifully Crafted\",\"\u60a8\u7684\u81ea\u7136\u5149\u5f69\uff0c\u7cbe\u5fc3\u96d5\u7422\"],photo:\"https:\/\/ik.imagekit.io\/d6fchit31\/evenlyn-gan-vice-president-champion-101next.webp\"},\r\n {name:\"Pei Xian\",role:\"Vice President Storytelling\",slogan:[\"Social media builds visibility,\",\"teamwork builds credibility.\"],photo:\"https:\/\/ik.imagekit.io\/d6fchit31\/pei-xian-vice-president-storytelling-101next.webp\"},\r\n {name:\"Rachel Tan\",role:\"Vice President Branding\",slogan:[\"When teamwork, creativity, and commitment unite,\",\"we design a brighter world.\"],photo:\"https:\/\/ik.imagekit.io\/d6fchit31\/rachel-tan-vice-president-branding-101next.webp\"},\r\n {name:\"Crystal Low\",role:\"Vice President People\",slogan:[\"Empowering Humans Lives,\",\"One Step at a Time.\"],photo:\"https:\/\/ik.imagekit.io\/d6fchit31\/crystal-low-vice-president-people-101next.webp\"},\r\n {name:\"Varnila Seah\",role:\"People Director\",slogan:[\"Technology empowers progress,\",\"but teamwork creates miracles.\"],photo:\"https:\/\/ik.imagekit.io\/d6fchit31\/varnila-seah-peple-director-101next.webp\",center:true}\r\n ];\r\n\r\n const memberGrid = directory.querySelector(\"#mjd-member-grid\");\r\n const successGrid = directory.querySelector(\"#mjd-success-grid\");\r\n\r\n memberGrid.innerHTML = memberData.map(member => `\r\n <article class=\"mjd-member-card\" data-category=\"${member.category}\">\r\n <div class=\"mjd-member-photo-wrap\">\r\n <img class=\"mjd-member-photo\" src=\"${member.photo}\" alt=\"${member.name}\" loading=\"lazy\" decoding=\"async\">\r\n <span class=\"mjd-category-badge-icon\">\r\n <svg class=\"mjd-icon\"><use href=\"#mjd-icon-${member.icon}\"><\/use><\/svg>\r\n <\/span>\r\n <\/div>\r\n <h3>${member.name}<\/h3>\r\n <div class=\"mjd-member-category-pill\">${categoryLabel(member.category)}<\/div>\r\n <p class=\"mjd-member-role\">${member.role}<\/p>\r\n <div class=\"mjd-mini-badge\">${member.badge}<\/div>\r\n <a href=\"#\" class=\"mjd-profile-btn\">View Profile <span class=\"mjd-arrow\">\u2192<\/span><\/a>\r\n <\/article>\r\n `).join(\"\");\r\n\r\n successGrid.innerHTML = successTeamData.map(person => `\r\n <article class=\"mjd-success-card${person.center ? ' mjd-card-center' : ''}\">\r\n <div class=\"mjd-success-photo-frame\">\r\n <img class=\"mjd-success-photo\" src=\"${person.photo}\" alt=\"${person.name}\" loading=\"lazy\" decoding=\"async\">\r\n <\/div>\r\n <h3>${person.name}<\/h3>\r\n <div class=\"mjd-success-role-pill\">${person.role}<\/div>\r\n <p class=\"mjd-success-slogan\"><span>${person.slogan[0]}<\/span><br><span>${person.slogan[1]}<\/span><\/p>\r\n <a href=\"#\" class=\"mjd-success-btn\">View Profile <span class=\"mjd-arrow\">\u2192<\/span><\/a>\r\n <\/article>\r\n `).join(\"\");\r\n\r\n const buttons = directory.querySelectorAll(\".mjd-filter-btn\");\r\n const getCards = () => directory.querySelectorAll(\".mjd-member-card\");\r\n\r\n buttons.forEach(button => {\r\n button.addEventListener(\"click\", () => {\r\n const filter = button.getAttribute(\"data-filter\");\r\n buttons.forEach(btn => btn.classList.remove(\"is-active\"));\r\n button.classList.add(\"is-active\");\r\n\r\n getCards().forEach(card => {\r\n const category = card.getAttribute(\"data-category\");\r\n if(filter === \"all\" || category === filter){\r\n card.classList.remove(\"is-hidden\");\r\n } else {\r\n card.classList.add(\"is-hidden\");\r\n }\r\n });\r\n });\r\n });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Optimized Member Directory Single File Stronger Together Meet Our AI DigitalPreneurs Explore and connect with the change makers shaping the future of digital. Browse Members \u2192 Join Our Community \u2192 Browse Category All Members Trainers Digital Explorers Digital Builders Digital Agencies Digital Investors Member Directory Success Team Be Part of Something Bigger Connect. Collaborate. Create […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/101next.com\/members\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/101next.com\/members\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/101next.com\/members\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/101next.com\/members\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/101next.com\/members\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":17,"href":"https:\/\/101next.com\/members\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/101next.com\/members\/wp-json\/wp\/v2\/pages\/9\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/101next.com\/members\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}