CINXE.COM
Gladstone Now
<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="https://use.typekit.net/xyu2sku.css" /> <title>Gladstone Now</title> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <!-- This site is optimized with the Yoast SEO plugin v22.8 - https://yoast.com/wordpress/plugins/seo/ --> <meta name="description" content="Gladstone is embarking on a $350 million campaign to seize the opportunity to overcome disease. Join us." /> <link rel="canonical" href="https://gladstonenow.org/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Gladstone Now" /> <meta property="og:description" content="Gladstone is embarking on a $350 million campaign to seize the opportunity to overcome disease. Join us." /> <meta property="og:url" content="https://gladstonenow.org/" /> <meta property="og:site_name" content="Gladstone Now" /> <meta property="article:modified_time" content="2024-10-30T09:54:25+00:00" /> <meta property="og:image" content="https://gladstonenow.org/wp-content/uploads/2024/06/gladstone-now-1024x538.png" /> <meta property="og:image:width" content="1024" /> <meta property="og:image:height" content="538" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://gladstonenow.org/","url":"https://gladstonenow.org/","name":"Gladstone Now","isPartOf":{"@id":"https://gladstonenow.org/#website"},"about":{"@id":"https://gladstonenow.org/#organization"},"primaryImageOfPage":{"@id":"https://gladstonenow.org/#primaryimage"},"image":{"@id":"https://gladstonenow.org/#primaryimage"},"thumbnailUrl":"https://gladstonenow.org/wp-content/uploads/2024/06/gladstone-now.png","datePublished":"2024-02-26T16:40:32+00:00","dateModified":"2024-10-30T09:54:25+00:00","description":"Gladstone is embarking on a $350 million campaign to seize the opportunity to overcome disease. Join us.","breadcrumb":{"@id":"https://gladstonenow.org/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://gladstonenow.org/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://gladstonenow.org/#primaryimage","url":"https://gladstonenow.org/wp-content/uploads/2024/06/gladstone-now.png","contentUrl":"https://gladstonenow.org/wp-content/uploads/2024/06/gladstone-now.png","width":2400,"height":1260},{"@type":"BreadcrumbList","@id":"https://gladstonenow.org/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://gladstonenow.org/#website","url":"https://gladstonenow.org/","name":"Gladstone Now","description":"Gladstone is embarking on a $350 million campaign to seize the opportunity to overcome disease. Join us.","publisher":{"@id":"https://gladstonenow.org/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://gladstonenow.org/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://gladstonenow.org/#organization","name":"Gladstone Now","url":"https://gladstonenow.org/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://gladstonenow.org/#/schema/logo/image/","url":"https://www.gladstonenow.com/wp-content/uploads/2024/06/gladstone-now-1024x538.png","contentUrl":"https://www.gladstonenow.com/wp-content/uploads/2024/06/gladstone-now-1024x538.png","width":1024,"height":538,"caption":"Gladstone Now"},"image":{"@id":"https://gladstonenow.org/#/schema/logo/image/"}}]}</script> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//gladstonenow.org' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='theme-css' href='https://gladstonenow.org/wp-content/themes/gladstone/assets/theme-9lBpkniE.css?ver=6.5.4' type='text/css' media='all' /> <link rel="icon" href="https://gladstonenow.org/wp-content/uploads/2024/04/cropped-gladstone-favicon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://gladstonenow.org/wp-content/uploads/2024/04/cropped-gladstone-favicon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://gladstonenow.org/wp-content/uploads/2024/04/cropped-gladstone-favicon-180x180.png" /> <meta name="msapplication-TileImage" content="https://gladstonenow.org/wp-content/uploads/2024/04/cropped-gladstone-favicon-270x270.png" /> <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script> <script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script> <style type="text/css"> @media (max-width: 767px) { body.home .page-home-intro .screen-step-by-step:first-child .section-fixed, body.home .page-home-intro .screen-step-by-step .section-fixed { align-items: flex-start; justify-content: flex-start; } } .js--view-the-film-button-main{ padding: 0; } .bottom-info-wrapper .js--view-the-film-button-main { padding: 12px 19px; } @media (min-width: 1025px) { .bottom-info-wrapper .js--view-the-film-button-main { padding: 20px 32px; } } </style> <!-- GA4 code --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-E490XHZ9WG" data-category="functional"></script> <script type="text/javascript" data-category="statistics"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E490XHZ9WG'); </script> <!-- Start cookieyes banner --> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/133b7d2120e275aaeda46018/script.js"></script> <!-- End cookieyes banner --> </head> <body class="home page-template page-template-page-home-2 page-template-page-home-2-php page page-id-173 page-loading iframe-intro-body"> <div class="page-loader js--page-loader"> <div class="page-loader-inner"> <div class="page-loader-logo"> <img src="https://dev-gladstone-now.pantheonsite.io/wp-content/uploads/2024/06/loader-blue.gif" width="150" height="150" alt="Gladstone Now - Website loader" /> </div> <div class="page-loader-spinner"> <div class="page-loader-spinner-inner"></div> </div> </div> </div> <header class="header js--header fixed-element"> <div class="header-logo"> <a href="/"> <img src="https://gladstonenow.org/wp-content/uploads/2024/01/Group-532.svg" width="138" height="24" alt="Gladstone Now" /> </a> </div> <button type="button" class="header-button btn-hamburger js--mobile-menu-toggle-button"> <span class="btn-hamburger-closed-mockup"> <span></span> <span></span> </span> <span class="btn-hamburger-opened-mockup"> <span></span> <span></span> </span> </button> <div class="header-menu js--mobile-menu"> <ul> <li><span class="js--view-the-film-button">TRAILER</span></li> <li class=""><a href="https://gladstonenow.org/four-imperatives/">Imperatives</a></li> <li class=""><a href="https://gladstonenow.org/why-gladstone/">Why Gladstone</a></li> <li class="separated"><a href="https://gladstonenow.org/give-to-gladstone/">Give to Gladstone</a></li> </ul> </div> <div class="header-bg stycky-bg js--header-bg"></div> </header> <main class="page-main"> <section class="page-paralax page-home-intro"> <div class="page-paralax-content"> <!-- align: 'left', 'center', container: 'xs', 'sm', 'md', 'lg', 'xl', '2xl, '3xl', animation: 'slide-up', 'fade-out', enable_scroll_delay: number, parts: { type: 'xs', 'sm', 'md', 'lg', 'xl', items: Array<{ delay: number text: string }> }, author: { delay: number, } extends author.php, bottom_info: { value: string, delay: number, } --> <section class="screen-step-by-step js--background-section js--step-by-step animation " data-enable-scroll-delay="4300" id="intro-sentence" > <div class="screen-step-by-step-placeholder js--step-by-step-position"></div> <div class="section-fixed fixed-element min-h-screen section-padding items-center animation-slide-up" style=""> <div class="screen-step-by-step-bg"></div> <div class="section-inside base-section-text align-center container-xl"> <div class="base-text sm light"> <span data-show-delay style="transition-delay: 1200ms; ;">“We have an opportunity to end suffering on a massive scale,<br class="hide-on-small-mobile hide-on-tablet hide-on-desktop"></span> <span data-show-delay style="transition-delay: 2500ms; ;">to cure diseases that impact millions around the world,<br class="hide-on-small-mobile hide-on-tablet hide-on-desktop"></span> <span data-show-delay style="transition-delay: 3800ms; ;">and to push medicine past the boundaries of what was once thought possible.”</span> </div> <div data-show-delay style="transition-delay: 4800ms;"> <!-- props: { type: 'sm', 'md', 'lg', // defaulr 'sm' name: string position: string place: string paralax: Paralax, } --> <div class="base-author lg" > <p> —DEEPAK SRIVASTAVA, MD </p> </div> </div> </div> <div class="screen-bottom-info" data-show-delay style="transition-delay: 5800ms;"> SCROLL TO CONTINUE </div> </div> </section> <!-- background: see functions.php -> background_props intro: Array<{ value: string type: 'sm', 'md', 'lg, color: 'white' | 'primary' }> items: Array<see full-screen-text.php> --> <section class="scroll-inside min-h-screen js--scroll-inside js--background-section what-if-section " data-background-type="video" data-background-src="https://gladstonenow.org/wp-content/uploads/2024/02/homepage-video-background.mp4" data-background-mobile-src="https://gladstonenow.org/wp-content/uploads/2024/02/homepage-video-background.mp4" data-background-poster="https://gladstonenow.org/wp-content/uploads/2024/02/homepage-video-poster.png" data-background-color="var(--bg-color)" data-background-blur="false" data-background-bg-blur-color="false" data-background-overlay="false" data-background-opacity="1" data-background-stopautoplay="true" data-background-waitforloaded="false" > <div class="min-h-50vh"></div> <div class="scroll-inside-intro min-h-screen section-padding items-center"> <div class="section-inside"> <div class="container-xxl base-intro" style="display: none;"> <p><img src="https://gladstonenow.org/wp-content/uploads/2024/02/gladstone-now-homepage.svg" /></p> </div> <div class="view-the-film-popup view-the-film-popup-home" style="display: flex;"> <div class="view-the-film-popup-inside"> <img class="poster" src="https://gladstonenow.org/wp-content/uploads/2024/10/gladstone-video-scaled.webp" /> <div id="video-film-iframe" data-width="560" data-height="315" data-youtube-id="7Og8L83kiZc"></div> <span class="js--play-iframe-button"><img width="88" height="101" src="https://gladstonenow.org/wp-content/themes/gladstone/media/icon-play.svg" /></span> </div> </div> <div class="bottom-info-wrapper js--bottom-info hide"> <div class="base-button-wrapper"> <div class="btn-align btn-align-center"> <span style="display: none;" class="btn btn-white btn-lg js--view-the-film-button-main" data-pause-background="1">Never Before Now: <br class="hide-on-desktop" />A Short Film</a> </div> </div> <div class="intro-bottom-info">SCROLL TO CONTINUE</div> </div> </div> </div> <div class="min-h-50vh"></div> <div class="scroll-inside-items js--scroll-inside-items" id=""> <span class="item-fixed-text what-if-text js--what-if">What if we could... </span> <div class="items-center items-center-0 js--scroll-inside-item-internal min-h-70vh" data-paralax-container data-items-key="0"> <div class="section-inside"> <div class="container-fluid"> <div class="flex-inside"> <span class="item-what-if-text base-text">What if we could... </span> <!-- interface Paralax { type: 'none' | 'in' | 'out', basedOn: 'element' | 'container', x: { from: number, to: number, }, y: { from: number, to: number, } rotate: { from: number, to: number, }, opacity: { from: number, to: number, }, } container: 'xs', 'sm', 'md', 'slg', 'lg', 'sxl', 'xl', '2xl, '3xl' align: 'left', 'center', title: { type: 'md', 'lg', value: string, color: 'ligth' | 'light-opacity' | 'dark' | 'primary' | 'secondary', // default: 'primary' paralax: Paralax, }, text: { type: 'xs', 'xxs', 'sm', 'md', 'lg', 'xl', color: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'ligth' subColor: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'primary' value: string, paralax: Paralax, }, author: see author.php --> <div class="base-section-text align-left container-full" > <div class="base-text xs light sub-primary sm light sub-primary sub-primary" > <p>slow the progress of <br class="hide-on-mobile" />Alzheimer’s and reverse the <br class="hide-on-mobile" />effects of dementia?</p> </div> </div> </div> </div> </div> </div> <div class="items-center items-center-1 js--scroll-inside-item-internal min-h-70vh" data-paralax-container data-items-key="1"> <div class="section-inside"> <div class="container-fluid"> <div class="flex-inside"> <span class="item-what-if-text base-text">What if we could... </span> <!-- interface Paralax { type: 'none' | 'in' | 'out', basedOn: 'element' | 'container', x: { from: number, to: number, }, y: { from: number, to: number, } rotate: { from: number, to: number, }, opacity: { from: number, to: number, }, } container: 'xs', 'sm', 'md', 'slg', 'lg', 'sxl', 'xl', '2xl, '3xl' align: 'left', 'center', title: { type: 'md', 'lg', value: string, color: 'ligth' | 'light-opacity' | 'dark' | 'primary' | 'secondary', // default: 'primary' paralax: Paralax, }, text: { type: 'xs', 'xxs', 'sm', 'md', 'lg', 'xl', color: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'ligth' subColor: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'primary' value: string, paralax: Paralax, }, author: see author.php --> <div class="base-section-text align-left container-full" > <div class="base-text xs light sub-primary sm light sub-primary sub-primary" > <p>reprogram stem cells to <br class="hide-on-mobile" />repair damaged heart <br class="hide-on-mobile" />tissue?</p> </div> </div> </div> </div> </div> </div> <div class="items-center items-center-2 js--scroll-inside-item-internal min-h-70vh" data-paralax-container data-items-key="2"> <div class="section-inside"> <div class="container-fluid"> <div class="flex-inside"> <span class="item-what-if-text base-text">What if we could... </span> <!-- interface Paralax { type: 'none' | 'in' | 'out', basedOn: 'element' | 'container', x: { from: number, to: number, }, y: { from: number, to: number, } rotate: { from: number, to: number, }, opacity: { from: number, to: number, }, } container: 'xs', 'sm', 'md', 'slg', 'lg', 'sxl', 'xl', '2xl, '3xl' align: 'left', 'center', title: { type: 'md', 'lg', value: string, color: 'ligth' | 'light-opacity' | 'dark' | 'primary' | 'secondary', // default: 'primary' paralax: Paralax, }, text: { type: 'xs', 'xxs', 'sm', 'md', 'lg', 'xl', color: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'ligth' subColor: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'primary' value: string, paralax: Paralax, }, author: see author.php --> <div class="base-section-text align-left container-full" > <div class="base-text xs light sub-primary sm light sub-primary sub-primary" > <p>leverage AI to explore decades of <br class="hide-on-mobile" />patient data and millions of <br class="hide-on-mobile" />sequenced genomes?</p> </div> </div> </div> </div> </div> </div> <div class="items-center items-center-3 js--scroll-inside-item-internal min-h-70vh" data-paralax-container data-items-key="3"> <div class="section-inside"> <div class="container-fluid"> <div class="flex-inside"> <span class="item-what-if-text base-text">What if we could... </span> <!-- interface Paralax { type: 'none' | 'in' | 'out', basedOn: 'element' | 'container', x: { from: number, to: number, }, y: { from: number, to: number, } rotate: { from: number, to: number, }, opacity: { from: number, to: number, }, } container: 'xs', 'sm', 'md', 'slg', 'lg', 'sxl', 'xl', '2xl, '3xl' align: 'left', 'center', title: { type: 'md', 'lg', value: string, color: 'ligth' | 'light-opacity' | 'dark' | 'primary' | 'secondary', // default: 'primary' paralax: Paralax, }, text: { type: 'xs', 'xxs', 'sm', 'md', 'lg', 'xl', color: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'ligth' subColor: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'primary' value: string, paralax: Paralax, }, author: see author.php --> <div class="base-section-text align-left container-full" > <div class="base-text xs light sub-primary sm light sub-primary sub-primary" > <p>engineer our immune <br class="hide-on-mobile" />cells to create living <br class="hide-on-mobile" />medicines?</p> </div> </div> </div> </div> </div> </div> <div class="items-center items-center-4 js--scroll-inside-item-internal min-h-70vh" data-paralax-container data-items-key="4"> <div class="section-inside"> <div class="container-fluid"> <div class="flex-inside"> <span class="item-what-if-text base-text">What if we could... </span> <!-- interface Paralax { type: 'none' | 'in' | 'out', basedOn: 'element' | 'container', x: { from: number, to: number, }, y: { from: number, to: number, } rotate: { from: number, to: number, }, opacity: { from: number, to: number, }, } container: 'xs', 'sm', 'md', 'slg', 'lg', 'sxl', 'xl', '2xl, '3xl' align: 'left', 'center', title: { type: 'md', 'lg', value: string, color: 'ligth' | 'light-opacity' | 'dark' | 'primary' | 'secondary', // default: 'primary' paralax: Paralax, }, text: { type: 'xs', 'xxs', 'sm', 'md', 'lg', 'xl', color: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'ligth' subColor: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'primary' value: string, paralax: Paralax, }, author: see author.php --> <div class="base-section-text align-left container-full" > <div class="base-text xs light sub-primary sm light sub-primary sub-primary" > <p>head off future pandemics <br class="hide-on-mobile" />and develop at-home <br class="hide-on-mobile" />diagnostics at a global scale?</p> </div> </div> </div> </div> </div> </div> <div class="scroll-inside-fixed-items js--scroll-inside-fixed-items scroll-inside-fixed-items-hide-on-mobile"> <span class="what-if-text-desktop">What if we could... </span> <div style="left: 65%; top: 55%;" class="what-if-sentence data-what-if-0"> <!-- interface Paralax { type: 'none' | 'in' | 'out', basedOn: 'element' | 'container', x: { from: number, to: number, }, y: { from: number, to: number, } rotate: { from: number, to: number, }, opacity: { from: number, to: number, }, } container: 'xs', 'sm', 'md', 'slg', 'lg', 'sxl', 'xl', '2xl, '3xl' align: 'left', 'center', title: { type: 'md', 'lg', value: string, color: 'ligth' | 'light-opacity' | 'dark' | 'primary' | 'secondary', // default: 'primary' paralax: Paralax, }, text: { type: 'xs', 'xxs', 'sm', 'md', 'lg', 'xl', color: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'ligth' subColor: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'primary' value: string, paralax: Paralax, }, author: see author.php --> <div class="base-section-text align-left container-full" > <div class="base-text xs light sub-primary sm light sub-primary sub-primary" > <p>slow the progress of <br class="hide-on-mobile" />Alzheimer’s and reverse the <br class="hide-on-mobile" />effects of dementia?</p> </div> </div> </div> <div style="left: 5%; top: 50%;" class="what-if-sentence data-what-if-1"> <!-- interface Paralax { type: 'none' | 'in' | 'out', basedOn: 'element' | 'container', x: { from: number, to: number, }, y: { from: number, to: number, } rotate: { from: number, to: number, }, opacity: { from: number, to: number, }, } container: 'xs', 'sm', 'md', 'slg', 'lg', 'sxl', 'xl', '2xl, '3xl' align: 'left', 'center', title: { type: 'md', 'lg', value: string, color: 'ligth' | 'light-opacity' | 'dark' | 'primary' | 'secondary', // default: 'primary' paralax: Paralax, }, text: { type: 'xs', 'xxs', 'sm', 'md', 'lg', 'xl', color: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'ligth' subColor: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'primary' value: string, paralax: Paralax, }, author: see author.php --> <div class="base-section-text align-left container-full" > <div class="base-text xs light sub-primary sm light sub-primary sub-primary" > <p>reprogram stem cells to <br class="hide-on-mobile" />repair damaged heart <br class="hide-on-mobile" />tissue?</p> </div> </div> </div> <div style="left: 65%; top: 20%;" class="what-if-sentence data-what-if-2"> <!-- interface Paralax { type: 'none' | 'in' | 'out', basedOn: 'element' | 'container', x: { from: number, to: number, }, y: { from: number, to: number, } rotate: { from: number, to: number, }, opacity: { from: number, to: number, }, } container: 'xs', 'sm', 'md', 'slg', 'lg', 'sxl', 'xl', '2xl, '3xl' align: 'left', 'center', title: { type: 'md', 'lg', value: string, color: 'ligth' | 'light-opacity' | 'dark' | 'primary' | 'secondary', // default: 'primary' paralax: Paralax, }, text: { type: 'xs', 'xxs', 'sm', 'md', 'lg', 'xl', color: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'ligth' subColor: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'primary' value: string, paralax: Paralax, }, author: see author.php --> <div class="base-section-text align-left container-full" > <div class="base-text xs light sub-primary sm light sub-primary sub-primary" > <p>leverage AI to explore decades of <br class="hide-on-mobile" />patient data and millions of <br class="hide-on-mobile" />sequenced genomes?</p> </div> </div> </div> <div style="left: 30%; top: 23%;" class="what-if-sentence data-what-if-3"> <!-- interface Paralax { type: 'none' | 'in' | 'out', basedOn: 'element' | 'container', x: { from: number, to: number, }, y: { from: number, to: number, } rotate: { from: number, to: number, }, opacity: { from: number, to: number, }, } container: 'xs', 'sm', 'md', 'slg', 'lg', 'sxl', 'xl', '2xl, '3xl' align: 'left', 'center', title: { type: 'md', 'lg', value: string, color: 'ligth' | 'light-opacity' | 'dark' | 'primary' | 'secondary', // default: 'primary' paralax: Paralax, }, text: { type: 'xs', 'xxs', 'sm', 'md', 'lg', 'xl', color: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'ligth' subColor: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'primary' value: string, paralax: Paralax, }, author: see author.php --> <div class="base-section-text align-left container-full" > <div class="base-text xs light sub-primary sm light sub-primary sub-primary" > <p>engineer our immune <br class="hide-on-mobile" />cells to create living <br class="hide-on-mobile" />medicines?</p> </div> </div> </div> <div style="left: 25%; top: 75%;" class="what-if-sentence data-what-if-4"> <!-- interface Paralax { type: 'none' | 'in' | 'out', basedOn: 'element' | 'container', x: { from: number, to: number, }, y: { from: number, to: number, } rotate: { from: number, to: number, }, opacity: { from: number, to: number, }, } container: 'xs', 'sm', 'md', 'slg', 'lg', 'sxl', 'xl', '2xl, '3xl' align: 'left', 'center', title: { type: 'md', 'lg', value: string, color: 'ligth' | 'light-opacity' | 'dark' | 'primary' | 'secondary', // default: 'primary' paralax: Paralax, }, text: { type: 'xs', 'xxs', 'sm', 'md', 'lg', 'xl', color: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'ligth' subColor: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'primary' value: string, paralax: Paralax, }, author: see author.php --> <div class="base-section-text align-left container-full" > <div class="base-text xs light sub-primary sm light sub-primary sub-primary" > <p>head off future pandemics <br class="hide-on-mobile" />and develop at-home <br class="hide-on-mobile" />diagnostics at a global scale?</p> </div> </div> </div> </div> <div class="min-h-70vh hide-on-mobile"></div> <div class="items-center items-center-5 js--scroll-inside-item-internal min-h-70vh scroll-inside-last-item " data-paralax-container data-items-key="5"> <div class="section-inside"> <div class="container-fluid"> <div class="flex-inside"> <span class="item-what-if-text base-text">What if we could... </span> <!-- interface Paralax { type: 'none' | 'in' | 'out', basedOn: 'element' | 'container', x: { from: number, to: number, }, y: { from: number, to: number, } rotate: { from: number, to: number, }, opacity: { from: number, to: number, }, } container: 'xs', 'sm', 'md', 'slg', 'lg', 'sxl', 'xl', '2xl, '3xl' align: 'left', 'center', title: { type: 'md', 'lg', value: string, color: 'ligth' | 'light-opacity' | 'dark' | 'primary' | 'secondary', // default: 'primary' paralax: Paralax, }, text: { type: 'xs', 'xxs', 'sm', 'md', 'lg', 'xl', color: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'ligth' subColor: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'primary' value: string, paralax: Paralax, }, author: see author.php --> <div class="base-section-text align-left container-full" > <div class="base-text xs light sub-primary sm light sub-primary sub-primary" > <p style="text-align: center;">What if the future of science and medicine <b>is now?</b></p> </div> </div> </div> </div> </div> </div> <div class="min-h-70vh"></div> </div> <button class="btn-scroll-down js--scroll-inside-button"></button> </section><!-- background: see functions.php -> background_props intro: Array<{ value: string type: 'sm', 'md', 'lg, color: 'white' | 'primary' }> items: Array<see full-screen-text.php> --> <section class="scroll-inside min-h-screen js--scroll-inside js--background-section fourth-section-not-shown section-to-hide-1" data-background-type="image" data-background-src="https://gladstonenow.org/wp-content/uploads/2024/03/Mask-Group-83-scaled.webp" data-background-mobile-src="none" data-background-poster="" data-background-color="var(--bg-color)" data-background-blur="false" data-background-bg-blur-color="false" data-background-overlay="false" data-background-opacity="0.25" data-background-stopautoplay="false" data-background-waitforloaded="false" > <div class="min-h-70vh -min-h-70vh"></div> <div class="scroll-inside-items js--scroll-inside-items" id=""> <div class="items-center items-center-0 js--scroll-inside-item-internal min-h-screen scroll-inside-last-item " data-paralax-container data-items-key="0"> <div class="section-inside"> <div class="container-fluid"> <div class="flex-inside"> <!-- interface Paralax { type: 'none' | 'in' | 'out', basedOn: 'element' | 'container', x: { from: number, to: number, }, y: { from: number, to: number, } rotate: { from: number, to: number, }, opacity: { from: number, to: number, }, } container: 'xs', 'sm', 'md', 'slg', 'lg', 'sxl', 'xl', '2xl, '3xl' align: 'left', 'center', title: { type: 'md', 'lg', value: string, color: 'ligth' | 'light-opacity' | 'dark' | 'primary' | 'secondary', // default: 'primary' paralax: Paralax, }, text: { type: 'xs', 'xxs', 'sm', 'md', 'lg', 'xl', color: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'ligth' subColor: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'primary' value: string, paralax: Paralax, }, author: see author.php --> <div class="base-section-text align-center container-slg" > <div class="base-text xxs light sub-primary sm light sub-primary sub-primary" data-parallax="out" data-based-on="container" data-start-y="0" data-end-y="-100" style="transform: rotate(0deg) translateX(0%) translateY(0%);" > <p>Gladstone is embarking on a $350 million campaign to accelerate research and seize the opportunity to solve some of humankind’s most devastating conditions:<br /> <b>Alzheimer’s. Heart disease. Cancer. Deadly viruses. Parkinson’s. Diabetes. </b></p> </div> </div> </div> </div> </div> </div> <div class="min-h-70vh"></div> </div> </section><!-- minHeight: 'screen' | '70vh' large_margins: boolean; background: see functions.php -> background_props typography: see typography.php button: see button.php links: see links.php --> <section class="full-screen-text section-padding items-center js--background-section section-to-hide-2 min-h-screen large-margins" data-background-type="none" data-background-src="none" data-background-mobile-src="none" data-background-poster="none" data-background-color="var(--bg-color)" data-background-blur="false" data-background-bg-blur-color="false" data-background-overlay="false" data-background-opacity="1" data-background-stopautoplay="false" data-background-waitforloaded="false" data-paralax-container > <div class="section-inside"> <div class="container-fluid"> <!-- interface Paralax { type: 'none' | 'in' | 'out', basedOn: 'element' | 'container', x: { from: number, to: number, }, y: { from: number, to: number, } rotate: { from: number, to: number, }, opacity: { from: number, to: number, }, } container: 'xs', 'sm', 'md', 'slg', 'lg', 'sxl', 'xl', '2xl, '3xl' align: 'left', 'center', title: { type: 'md', 'lg', value: string, color: 'ligth' | 'light-opacity' | 'dark' | 'primary' | 'secondary', // default: 'primary' paralax: Paralax, }, text: { type: 'xs', 'xxs', 'sm', 'md', 'lg', 'xl', color: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'ligth' subColor: 'ligth' | 'dark' | 'primary' | 'secondary', // default: 'primary' value: string, paralax: Paralax, }, author: see author.php --> <div class="base-section-text align-center container-lg" > <h2 class="base-title md light"> <span > </span> </h2> <div class="base-text sm light sub-primary sm light sub-primary sub-primary" > <p>The aim of this campaign is to direct philanthropy to where it will have the greatest immediate impact and advance our science as urgently as possible.</p> <p>To launch the next era of Gladstone discoveries, we have identified four clear imperatives.</p> </div> </div> <div class="base-button-wrapper"> <!-- interface Paralax { type: 'none' | 'in' | 'out' | 'inOut', basedOn: 'element' | 'container', x: { from: number, to: number, }, y: { from: number, to: number, } rotate: { from: number, to: number, }, opacity: { from: number, to: number, }, } type: 'link', 'button', 'submit' url: string (only if type 'link') class: Array<'btn-blue', 'btn-link', 'btn-lg'> or '', label: string paralax: Paralax --> <div class="btn-align btn-align-center"> <a href="https://www.gladstonenow.com/four-imperatives/" target="_self" class="btn btn-blue btn-lg" > OUR IMPERATIVES </a> </div> </div> </div> </div> </section> </div> <div class="page-paralax-background"> <div class="background-sticky js--background-sticky"></div> </div></section> </main> <div class="view-the-film-popup"> <div class="view-the-film-popup-inside"> <span class="js--close-iframe-button"><img width="20" height="20" src="https://gladstonenow.org/wp-content/themes/gladstone/media/icon-x.svg" /></span> <img class="poster" src="https://gladstonenow.org/wp-content/uploads/2024/10/gladstone-video-scaled.webp" /> <div id="video-film-iframe" data-width="560" data-height="315" data-youtube-id="7Og8L83kiZc"></div> <span class="js--play-iframe-button"><img width="88" height="101" src="https://gladstonenow.org/wp-content/themes/gladstone/media/icon-play.svg" /></span> </div> </div> <footer class="footer"> <div class="footer-inside"> <div class="container-fluid"> <div class="footer-row"> <div class="footer-left"> <div class="footer-logo"> <p> <a href="/"> <img src="https://gladstonenow.org/wp-content/uploads/2024/02/logo-gladstone.svg" width="192" height="52" /> </a> </p> <p><a href="https://gladstone.org/" target="_blank" rel="noopener">VISIT MAIN SITE</a></p> </div> </div> <div class="footer-right"> <div class="footer-menu"> <ul> <li class=""><a href="https://gladstonenow.org/four-imperatives/">Campaign Imperatives</a></li> <li class=""><a href="https://gladstonenow.org/give-to-gladstone/">Give to Gladstone</a></li> <li class=""><a href="https://gladstonenow.org/why-gladstone/">Why Gladstone</a></li> </ul> </div> <div class="footer-text"> <p>1650 Owens Street, San<br /> Francisco, CA 94158</p> <p>415.734.2000</p> </div> </div> </div> </div> </div> <div class="footer-copy"> <div class="container-fluid"> <p>© 2024 Gladstone Institutes | <a href="https://gladstone.org/terms-conditions" target="_blak">Terms and Conditions</a> | Registered 501(c)(3). EIN: 23-7203666</p> </div> </div> </footer> <script type="text/javascript" id="theme-js-extra"> /* <![CDATA[ */ var __jsVars = []; var __jsVars = []; /* ]]> */ </script> <script type="text/javascript" src="https://gladstonenow.org/wp-content/themes/gladstone/assets/theme-U_Va1dMI.js" id="theme-js"></script> <script> // Inject YouTube API script let tag = document.createElement('script'); tag.src = "https://www.youtube.com/player_api"; let firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag?.parentNode?.insertBefore(tag, firstScriptTag); </script> <style type="text/css"> footer{ z-index: 100; } .cky-btn-revisit-wrapper{ display: none; } .page-template-page-why-gladstone-new .sticky-menu-container{ bottom: auto; top: calc(100% - 63px); } @media (min-width: 768px){ .page-template-page-catalyse-breakthroughs, .page-template-page-build-a-computational-powerhouse { .video-waitforloaded { object-fit: contain; object-position: right bottom; } } } .scrolling-video-section.in-view .video-waitforloaded, .scrolling-video-section-2.in-view .video-waitforloaded{ outline: none; border: none; clip-path: inset(0px); } .sticky-menu-container{ position: fixed!important; } </style> </body> </html>