CINXE.COM
Homepage - White House Historical Association
<!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Homepage - White House Historical Association</title> <link rel="home" href="https://www.whitehousehistory.org/"> <link rel="canonical" href="http://www.whitehousehistory.org/"> <link rel="stylesheet" href="/assets/css/index.css?lastUpdated=2025-01-02"> <link rel="shortcut icon" href="/favicon.ico"> <meta name="description" content="The White House Historical Association is a non-profit, non-partisan organization enhancing understanding of the White House and is supported by official White..."> <meta property="twitter:card" content="summary"> <meta property="twitter:site" content="@WhiteHouseHstry"> <meta property="twitter:title" content="Homepage"> <meta property="twitter:description" content="The White House Historical Association is a non-profit, non-partisan organization enhancing understanding of the White H..."> <meta property="twitter:image" content="https://d1y822qhq55g6.cloudfront.net/_thumbSmall/og-wide.jpg"> <meta property="twitter:url" content="http://www.whitehousehistory.org/"> <meta property="twitter:domain" content="https://www.whitehousehistory.org/"> <meta property="og:title" content="Homepage"> <meta property="og:url" content="http://www.whitehousehistory.org/"> <meta property="og:image" content="https://d1y822qhq55g6.cloudfront.net/_superImage/og-wide.jpg"> <meta property="og:description" content="The White House Historical Association is a non-profit, non-partisan organization enhancing understanding of the White House and is supported by official White House Christmas Ornaments sales and donations."> <meta property="og:site_name" content="WHHA (en-US)"> <meta property="og:type" content="article" /> <meta name="p:domain_verify" content="3bc6c672730fb87cc7bdaf825bd5b8f6"/> <script> var htmlClasses = "js" let classyCampaigns = [] try { document.createEvent("TouchEvent"); htmlClasses = htmlClasses + " touch"; } catch (e) { htmlClasses = htmlClasses + " no-touch"; } document.documentElement.className = htmlClasses; </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name" : "White House Historical Association", "url": "https://www.whitehousehistory.org/", "address": { "@type": "PostalAddress", "addressCountry": "USA", "addressRegion": "DC", "addressLocality": "Washington", "postalCode": "20006", "streetAddress": "740 Jackson Pl NW" }, "email": "webmaster(at)whha.org", "logo": "https://www.whitehousehistory.org/assets/images/whha-logo.png", "sameAs" : [ "https://twitter.com/WhiteHouseHstry", "https://www.facebook.com/WhiteHouseHistory", "https://www.instagram.com/whitehousehistory/", "https://www.youtube.com/user/whitehousehistory", "https://en.wikipedia.org/wiki/White_House_Historical_Association" ], "contactPoint" : [ { "@type" : "ContactPoint", "telephone" : "+1-800-555-2451", "contactType" : "sales" }, { "@type" : "ContactPoint", "telephone" : "+1-202-737-8292", "contactType" : "customer service" } ] } </script> <link href="http://www.whitehousehistory.org/cpresources/62e951e1/css/style.css?v=1710979866" rel="stylesheet"></head> <body> <!-- Google tag (gtag.js) (GA4) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-H30QXB31DX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-H30QXB31DX'); </script> <nav id="skip-nav" class="accessibility-nav" tabIndex="-1"> <a href="#main-content" class="accessibility-link"> Skip to Main Content </a> </nav> <header id="header" class="header header--homepage --large -active" role="banner" data-feature="nav"> <a href="https://www.whitehousehistory.org/" class="header-logo"> <img class="header--homepage__logo--light" src="/images/topnav-logo--large.svg" alt="The White House Historical Association" /> <img class="header--homepage__logo--dark" src="/images/topnav-logo--large-dark.svg" alt="The White House Historical Association" /> </a> <div class="nav-container"> <nav id="nav-main" class="nav-main no-js" data-module="navigation"> <h2 id="primary-nav-heading" class="visuallyhidden">Primary Navigation</h2> <ul class="nav-main-links"> <li class="nav-main-item"> <a class="link nav-main-link" href="" data-tracking-action="Primary Nav"> <span>Explore</span> </a> <div class="nav-sub"> <div class="nav-sub-container"> <header class="nav-sub-header"> <h3 class="nav-sub-heading">Explore</h3> <p class="nav-sub-description">Do you want to learn more about the vibrant history of the White House? Browse our site through curated collections or content type.</p> </header> <ul class="nav-sub-links --default --rows-3"> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/collections" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Collections</span> <span class="nav-sub-link-description">Learn About the History of the White House by Subject</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/galleries" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Galleries</span> <span class="nav-sub-link-description">Browse Images From White House History</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/audio" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Audio</span> <span class="nav-sub-link-description">Listen to History</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/videos" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Videos</span> <span class="nav-sub-link-description">Watch Past Programs & Educational Videos</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/questions" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Questions & Answers</span> <span class="nav-sub-link-description">Have you ever wondered....</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/bios" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Presidents & First Ladies</span> <span class="nav-sub-link-description">Biographies & Portraits</span> </a> </li> <li class="nav-sub-item --has-image"> <a class="link nav-sub-link" href="/the-white-house-1600-sessions" data-tracking-action="Primary Nav"> <figure class="nav-sub-link-image"> <img src="https://d1y822qhq55g6.cloudfront.net/WH-1600-Sessions-Podcast-Cover_WIDE_2024-03-19-170012_wvdq.png" alt="Podcasts"> </figure> <span class="nav-sub-link-title">Podcasts</span> <span class="nav-sub-link-description">The White House 1600 Sessions</span> </a> </li> </ul> </div> </div> </li> <li class="nav-main-item"> <a class="link nav-main-link" href="" data-tracking-action="Primary Nav"> <span>Topics</span> </a> <div class="nav-sub"> <div class="nav-sub-container"> <header class="nav-sub-header"> <h3 class="nav-sub-heading">Popular Topics</h3> <p class="nav-sub-description">Have a topic you’d like to know more about? Search our site by some of the most popular White House history subjects.</p> </header> <ul class="nav-sub-links --default --rows-4"> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/spn/introduction" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Slavery in the President's Neighborhood</span> <span class="nav-sub-link-description">Stories of Slavery & Freedom</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/topics/presidents" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Presidents</span> <span class="nav-sub-link-description">Learn about Presidents</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/topics/first-ladies" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">First Ladies</span> <span class="nav-sub-link-description">Learn about First Ladies and Hostesses</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/topics/first-family-life" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">First Family Life</span> <span class="nav-sub-link-description">Life in the White House</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/topics/architecture" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Architecture</span> <span class="nav-sub-link-description">Construction, Renovation, & Maintenance of the White House</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/topics/interiors-decorative-arts" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Interiors & Decorative Arts</span> <span class="nav-sub-link-description">Furnishings and Rooms of the White House</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/topics/fine-art" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Fine Arts</span> <span class="nav-sub-link-description">Paintings and Sculptures in the White House Collection</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/topics/gardens-grounds" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Gardens & Grounds</span> <span class="nav-sub-link-description">Learn about the President’s Park</span> </a> </li> <li class="nav-sub-item --has-image"> <a class="link nav-sub-link" href="/topics/significant-events" data-tracking-action="Primary Nav"> <figure class="nav-sub-link-image"> <img src="https://d1y822qhq55g6.cloudfront.net/1112932_2024-06-05-171824_xyat.jpg" alt="Significant Events"> </figure> <span class="nav-sub-link-title">Significant Events</span> <span class="nav-sub-link-description">State Dinners, Historical Events, & Important Visitors</span> </a> </li> </ul> </div> </div> </li> <li class="nav-main-item"> <a class="link nav-main-link" href="" data-tracking-action="Primary Nav"> <span>Resources</span> </a> <div class="nav-sub"> <div class="nav-sub-container"> <header class="nav-sub-header"> <h3 class="nav-sub-heading">Resources</h3> <p class="nav-sub-description">As part of our mission to provide access to the rich history of the Executive Mansion, we offer resources for teachers, students, and learners of all ages.</p> </header> <ul class="nav-sub-links --default --rows-3"> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/spn/introduction" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Slavery in the President’s Neighborhood</span> <span class="nav-sub-link-description">Stories of Slavery & Freedom</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/rubenstein-center/k-12-education-resources-and-programs" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Teaching Resources</span> <span class="nav-sub-link-description">K-12 Education Resources and Programs</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/tour-the-white-house-in-360-degrees" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">White House 360° Tour</span> <span class="nav-sub-link-description">A 360° Tour of the Executive Mansion with Digital Notebooks for Teachers & Students</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/publishing" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Publishing</span> <span class="nav-sub-link-description">Information On Our Award-Winning Books & White House History Quarterly Journal</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/the-white-house-1600-sessions" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Podcast</span> <span class="nav-sub-link-description">The White House 1600 Sessions</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/rubenstein-center/white-house-history-live" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">White House History Live</span> <span class="nav-sub-link-description">Our Facebook Live series on the stories that make up the history of the Executive Mansion</span> </a> </li> <li class="nav-sub-item --has-image"> <a class="link nav-sub-link" href="/digital-library" data-tracking-action="Primary Nav"> <figure class="nav-sub-link-image"> <img src="https://d1y822qhq55g6.cloudfront.net/layout/digital-library-hero.jpg" alt="Digital Library"> </figure> <span class="nav-sub-link-title">Digital Library</span> <span class="nav-sub-link-description">Explore White House history through the thousands of images in our Free Digital Library</span> </a> </li> </ul> </div> </div> </li> <li class="nav-main-item"> <a class="link nav-main-link" href="" data-tracking-action="Primary Nav"> <span>Events</span> </a> <div class="nav-sub"> <div class="nav-sub-container"> <header class="nav-sub-header"> <h3 class="nav-sub-heading">Events</h3> <p class="nav-sub-description">Join us for in-person and virtual events, browse past events, or learn more about booking the historic Decatur House for intimate gatherings and large celebrations.</p> </header> <ul class="nav-sub-links --events --rows-3"> <li class="nav-sub-item --has-image"> <a class="link nav-sub-link" href="/events?topic=All&type=upcoming&orderBy=date+ASC" data-tracking-action="Primary Nav"> <figure class="nav-sub-link-image"> <img src="https://d1y822qhq55g6.cloudfront.net/20230330_DAG_4315_2024-03-19-170737_upoa.jpg" alt="Upcoming Events"> </figure> <span class="nav-sub-link-title">Upcoming Events</span> </a> </li> <li class="nav-sub-item --has-image"> <a class="link nav-sub-link" href="/events?topic=All&type=past&orderBy=date+DESC" data-tracking-action="Primary Nav"> <figure class="nav-sub-link-image"> <img src="https://d1y822qhq55g6.cloudfront.net/layout/reso-planyourvisit-events2.jpg" alt="Past Events"> </figure> <span class="nav-sub-link-title">Past Events</span> </a> </li> <li class="nav-sub-item --has-image"> <a class="link nav-sub-link" href="/decatur-house" data-tracking-action="Primary Nav"> <figure class="nav-sub-link-image"> <img src="https://d1y822qhq55g6.cloudfront.net/layout/reso-bookdecatur-facilitydetails-B.jpg" alt="Book the Decatur House"> </figure> <span class="nav-sub-link-title">Book the Decatur House</span> <span class="nav-sub-link-description">Intimate Gatherings & Large Celebrations</span> </a> </li> </ul> </div> </div> </li> <li class="nav-main-item"> <a class="link nav-main-link" href="" data-tracking-action="Primary Nav"> <span>Support</span> </a> <div class="nav-sub"> <div class="nav-sub-container"> <header class="nav-sub-header"> <h3 class="nav-sub-heading">Support</h3> <p class="nav-sub-description">The funds to help protect the White House’s collection, preserve its interiors, and ensure public access to its living history are extensively supported by donations to the White House Historical Association.</p> </header> <ul class="nav-sub-links --default --rows-4"> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/support" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Become a Member</span> <span class="nav-sub-link-description">Be a Part of History</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/premier-giving" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Premier Giving</span> <span class="nav-sub-link-description">Join Our Premier Giving Circles</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="https://whitehousehistory.plannedgiving.org/" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Legacy Society</span> <span class="nav-sub-link-description">Learn about Planned Giving Options</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/the-national-council" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">The National Council</span> <span class="nav-sub-link-description">Meet the members of The National Council on White House History</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/corporate-giving" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Corporate Giving</span> <span class="nav-sub-link-description">Corporate Partner Support and Opportunities</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/giftmatch" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Matching Your Gift</span> <span class="nav-sub-link-description">See If Your Employer Will Match Your Donation</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="https://www.freewill.com/smartgiving/whitehousehistory?utm_source=partner&utm_medium=website&utm_campaign=_whitehousehistory_homepg" target="_blank" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Non-Cash Giving</span> <span class="nav-sub-link-description">Learn about Smart Giving options</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="https://support.whitehousehistory.org/give/227183/#!/donation/checkout" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Renew Your Membership</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/state-disclosures" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">State Disclosures</span> </a> </li> </ul> </div> </div> </li> <li class="nav-main-item"> <a class="link nav-main-link" href="" data-tracking-action="Primary Nav"> <span>About</span> </a> <div class="nav-sub"> <div class="nav-sub-container"> <header class="nav-sub-header"> <h3 class="nav-sub-heading">About</h3> <p class="nav-sub-description">The White House Historical Association is a private, nonprofit, educational organization with a mission to enhance the understanding and appreciation of the Executive Mansion.</p> </header> <ul class="nav-sub-links --default --rows-4"> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/about" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Our Story</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/collections/the-historic-stephen-decatur-house" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Historic Decatur House</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/rubenstein-center" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">The David M. Rubenstein National Center for White House History</span> </a> </li> <li class="nav-sub-item --has-image"> <a class="link nav-sub-link" href="https://thepeopleshouse.org/" target="_blank" data-tracking-action="Primary Nav"> <figure class="nav-sub-link-image"> <img src="https://d1y822qhq55g6.cloudfront.net/Doll-House-Medium-1-2.jpg" alt="The People's House: A White House Experience"> </figure> <span class="nav-sub-link-title">The People's House: A White House Experience</span> <span class="nav-sub-link-description">Reserve your passes for Washington, DC's newest attraction</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/about/board-of-directors" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Governing Board of Directors</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/staff" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Current Staff</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/press-room" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Media Inquiries</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/employment" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Career Opportunities</span> </a> </li> <li class="nav-sub-item "> <a class="link nav-sub-link" href="/contact" data-tracking-action="Primary Nav"> <span class="nav-sub-link-title">Contact Us</span> </a> </li> </ul> </div> </div> </li> </ul> </nav> <nav id="nav-utility" class="nav-utility"> <h2 class="visuallyhidden">Secondary Navigation</h2> <ul class="nav-utility-links"> <li class="nav-utility-item"> <a class="link nav-utility-link topnav-shop-button _icon-shop" href="https://shop.whitehousehistory.org/" data-tracking-action="Utility Nav" > <span class="nav-utility-link-title">Shop</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"> <path d="M8.99969 11.5V6.5C8.99969 5.70435 9.31576 4.94129 9.87837 4.37868C10.441 3.81607 11.204 3.5 11.9997 3.5C12.7953 3.5 13.5584 3.81607 14.121 4.37868C14.6836 4.94129 14.9997 5.70435 14.9997 6.5V11.5M6.33099 8.5H17.67C17.9584 8.49997 18.2433 8.56229 18.5053 8.6827C18.7674 8.80311 19.0003 8.97876 19.188 9.1976C19.3758 9.41645 19.5141 9.67331 19.5933 9.95059C19.6725 10.2279 19.6908 10.519 19.647 10.804L18.392 18.956C18.283 19.6644 17.924 20.3105 17.38 20.7771C16.8359 21.2438 16.1428 21.5002 15.426 21.5H8.57399C7.85739 21.5 7.16447 21.2434 6.62062 20.7768C6.07677 20.3102 5.71791 19.6643 5.60899 18.956L4.35399 10.804C4.31016 10.519 4.32848 10.2279 4.40769 9.95059C4.48691 9.67331 4.62515 9.41645 4.81293 9.1976C5.00072 8.97876 5.23361 8.80311 5.49563 8.6827C5.75766 8.56229 6.04262 8.49997 6.33099 8.5Z" stroke="#5093E4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </li> <li class="nav-utility-item"> <a class="link nav-utility-link topnav-donate-button _icon-donate" href="?campaign=420949" data-tracking-action="Utility Nav" > <span class="nav-utility-link-title">Donate</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"> <path d="M19.5003 13.0722L12.0003 20.5002L4.5003 13.0722C4.00561 12.5908 3.61594 12.0122 3.35585 11.3728C3.09575 10.7334 2.97086 10.0471 2.98904 9.35711C3.00721 8.66709 3.16806 7.98831 3.46146 7.36351C3.75485 6.73871 4.17444 6.18143 4.69379 5.72676C5.21314 5.27208 5.82101 4.92987 6.47911 4.72166C7.13722 4.51345 7.83131 4.44376 8.51767 4.51698C9.20403 4.5902 9.8678 4.80473 10.4672 5.14708C11.0666 5.48943 11.5885 5.95218 12.0003 6.50618C12.4138 5.9562 12.9364 5.4975 13.5354 5.15878C14.1344 4.82007 14.7968 4.60863 15.4812 4.5377C16.1657 4.46677 16.8574 4.53787 17.5131 4.74657C18.1688 4.95526 18.7743 5.29705 19.2919 5.75054C19.8094 6.20403 20.2277 6.75946 20.5207 7.38207C20.8137 8.00468 20.975 8.68106 20.9946 9.36889C21.0142 10.0567 20.8916 10.7412 20.6344 11.3794C20.3773 12.0177 19.9912 12.596 19.5003 13.0782" stroke="#DF6E60" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> <script>// console.log('no collisions here, hopefully');</script> <script> classyCampaigns.push({ campaignId: '420949', selector: 'topnav-donate-button' }); </script> </li> <li class="nav-utility-item"> <button class="link nav-utility-link topnav-search-button _icon-search" href="#" data-tracking-action="Utility Nav" > <span class="nav-utility-link-title">Search</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"> <path d="M21 21.5L15 15.5M3 10.5C3 11.4193 3.18106 12.3295 3.53284 13.1788C3.88463 14.0281 4.40024 14.7997 5.05025 15.4497C5.70026 16.0998 6.47194 16.6154 7.32122 16.9672C8.1705 17.3189 9.08075 17.5 10 17.5C10.9193 17.5 11.8295 17.3189 12.6788 16.9672C13.5281 16.6154 14.2997 16.0998 14.9497 15.4497C15.5998 14.7997 16.1154 14.0281 16.4672 13.1788C16.8189 12.3295 17 11.4193 17 10.5C17 9.58075 16.8189 8.6705 16.4672 7.82122C16.1154 6.97194 15.5998 6.20026 14.9497 5.55025C14.2997 4.90024 13.5281 4.38463 12.6788 4.03284C11.8295 3.68106 10.9193 3.5 10 3.5C9.08075 3.5 8.1705 3.68106 7.32122 4.03284C6.47194 4.38463 5.70026 4.90024 5.05025 5.55025C4.40024 6.20026 3.88463 6.97194 3.53284 7.82122C3.18106 8.6705 3 9.58075 3 10.5Z" stroke="#363D45" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </li> </ul> </nav> <button id="nav-main-handle" class="nav-main-handle" aria-controls="primary-nav" aria-label="Open the Primary Navigation" data-feature="ariaToggle"> <span class="icon-open" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M4 6H20M7 12H20M10 18H20" stroke="#363D45" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="icon-close" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18 6L6 18M6 6L18 18" stroke="#363D45" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="visuallyhidden">Menu</span> </button> </div> <section class="nav-search"> <img src="/images/topnav-logo--large-dark.svg" alt="The White House Historical Association" /> <div class="nav-search-contents"> <h3 class="nav-search-heading">What can we help you find?</h3> <form id="search-form" class="nav-search-form" action="/search" role="search"> <div class="nav-search-field"> <label for="search-input" class="visuallyhidden"> Search <abbr title="White House Historical Association">WHHA</abbr> - start typing and then listen for common searches like yours. </label> <input id="search-input" class="nav-search-input" type="search" name="q" placeholder="ex. George Washington, First Pets, White House Garden, etc." autocomplete="off" data-feature="autocomplete"> </div> <button class="button button--primary nav-search-submit" type="submit"> <span class="nav-search-icon" aria-hidden="true"></span> <span class="nav-search-text">Search</span> </button> </form> </div> <button class="nav-search-close">Close Search</button> </section> </header> <div id="page-wrap" class="page-wrap page-wrap--homepage"> <!--[if lte IE 9]> <div class="theme--nautical module old-browser-message"> <div class="wrapper -medium -padded wysiwyg"> <p class="-center"> While we certainly appreciate historical preservation, it looks like your browser is a bit too historic to properly view whitehousehistory.org. — a <a href="http://outdatedbrowser.com/en">browser upgrade</a> should do the trick. </p> </div> </div> <![endif]--> <p id="main-content" class="visuallyhidden">Main Content</p> <main class="main-content " role="main"> <div class="entry entry--section-homepage" data-module="homepage"> <h1 class="visuallyhidden">Homepage</h1> <header class="homepage-hero"> <div class="homepage-hero__intro"> <div class="homepage-hero__intro-content"> <div class="wrapper"> <span class="homepage-hero__divider divider -star-single --white" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none"> <path d="M8.99864 0.675842L7.09198 6.27118H0.907227L5.90948 9.72793L3.99731 15.3242L8.99956 11.8628L14.0009 15.3242L12.0896 9.72793L17.0928 6.27118H10.9099L8.99864 0.675842Z" fill="#FFFFFF"/> </svg> </span> <p>The White House Historical Association is a private, nonprofit organization founded in 1961 by First Lady Jacqueline Kennedy with a mission to protect, preserve, and provide public access to the rich history of America’s Executive Mansion.</p> </div> </div> <div class="homepage-hero__intro-background"> <picture> <source media="(min-width:1100px)" srcset="https://d1y822qhq55g6.cloudfront.net/homepage/_superHero/1123210_2_2025-03-20-200524_bjyi.jpg"> <source media="(min-width:800px)" srcset="https://d1y822qhq55g6.cloudfront.net/homepage/_xlargeHero/1123210_2_2025-03-20-200524_bjyi.jpg"> <source media="(min-width:600px)" srcset="https://d1y822qhq55g6.cloudfront.net/homepage/_largeHero/1123210_2_2025-03-20-200524_bjyi.jpg"> <source media="(min-width:480px)" srcset="https://d1y822qhq55g6.cloudfront.net/homepage/_mediumHero/1123210_2_2025-03-20-200524_bjyi.jpg"> <img src="https://d1y822qhq55g6.cloudfront.net/homepage/_smallHero/1123210_2_2025-03-20-200524_bjyi.jpg"> </picture> </div> </div> <div class="homepage-hero__content"> <div class="homepage-hero__content-wrapper"> <section class="layout"> <div class="layout__container"> <div class="layout__row"> <div class=" -two-thirds"> <section class="content-block content-block--layout image-layout -over -tall -two-thirds -low layout-block--1 --hover-zoom --hover-parent"> <a class="layout-block__link" href="https://www.whitehousehistory.org/collections/white-house-easter-egg-roll"> <div class="layout-block__container image-layout__container"> <span class="layout-block__type --collections"> Collection</span> <div class="layout-block__image-container"> <picture class="layout-block__image"> <source media="(min-width: 800px)" srcset="https://d1y822qhq55g6.cloudfront.net/layout/_658x746_crop_center-center_none/EggRoll-Hero-tall-two-third.jpg"> <source media="(min-width: 480px)" srcset="https://d1y822qhq55g6.cloudfront.net/layout/_745x350_crop_center-center_none/EggRoll-Hero-tall-two-third.jpg"> <img src="https://d1y822qhq55g6.cloudfront.net/layout/_350x350_crop_center-center_none/EggRoll-Hero-tall-two-third.jpg"> </picture> </div> <div class="layout-block__text-container"> <div class="layout-block__hovers --hover-border-arrow-custom"></div> <div class="layout-block__text-wrapper"> <h2 class="layout-block__heading "> White House Easter Egg Roll </h2> <p class="layout-block__tagline heading--small-caps"> An Egg-cellent Tradition </p> </div> </div> </div> </a> </section> </div> <div class=" -third"> <section class="content-block content-block--layout image-layout -over -short -third -low layout-block--2 --hover-zoom --hover-parent"> <a class="layout-block__link" href="https://www.whitehousehistory.org/passover-celebrations-in-the-white-house"> <div class="layout-block__container image-layout__container"> <span class="layout-block__type --articles"> Scholarship</span> <div class="layout-block__image-container"> <picture class="layout-block__image"> <source media="(min-width: 800px)" srcset="https://d1y822qhq55g6.cloudfront.net/layout/_306x350_crop_center-center_none/Passover-Hero-short-one-third.jpg"> <source media="(min-width: 480px)" srcset="https://d1y822qhq55g6.cloudfront.net/layout/_306x350_crop_center-center_none/Passover-Hero-short-one-third.jpg"> <img src="https://d1y822qhq55g6.cloudfront.net/layout/_306x350_crop_center-center_none/Passover-Hero-short-one-third.jpg"> </picture> </div> <div class="layout-block__text-container"> <div class="layout-block__hovers --hover-border-arrow-custom"></div> <div class="layout-block__text-wrapper"> <h2 class="layout-block__heading "> Passover Celebrations in the White House </h2> <p class="layout-block__tagline heading--small-caps"> A Night Different from Every Other </p> </div> </div> </div> </a> </section> </div> <div class=" -third"> <section class="content-block content-block--layout image-layout -over -short -third -low layout-block--3 --hover-zoom --hover-parent"> <a class="layout-block__link" href="https://www.whitehousehistory.org/collections/white-house-in-bloom"> <div class="layout-block__container image-layout__container"> <span class="layout-block__type --collections"> Collection</span> <div class="layout-block__image-container"> <picture class="layout-block__image"> <source media="(min-width: 800px)" srcset="https://d1y822qhq55g6.cloudfront.net/layout/_306x350_crop_center-center_none/WHBloom-Hero-short-one-third.jpg"> <source media="(min-width: 480px)" srcset="https://d1y822qhq55g6.cloudfront.net/layout/_306x350_crop_center-center_none/WHBloom-Hero-short-one-third.jpg"> <img src="https://d1y822qhq55g6.cloudfront.net/layout/_306x350_crop_center-center_none/WHBloom-Hero-short-one-third.jpg"> </picture> </div> <div class="layout-block__text-container"> <div class="layout-block__hovers --hover-border-arrow-custom"></div> <div class="layout-block__text-wrapper"> <h2 class="layout-block__heading "> White House in Bloom </h2> <p class="layout-block__tagline heading--small-caps"> Gardens & Grounds </p> </div> </div> </div> </a> </section> </div> </div> </div> </section> <section class="content-block homepage-donate"> <div class="wrapper"> <div class="homepage-donate__container --double-border"> <div class="homepage-donate__content"> <h2 class="homepage-donate__heading">Become a part of history</h2> <div class="homepage-donate__body wysiwyg"> <p>The funds to help protect the Executive Mansion’s collection, preserve its interiors, and ensure public access to its living history are extensively supported by donations to the White House Historical Association. <a href="https://www.whitehousehistory.org/about"><em>Learn more about us.</em></a></p> </div> </div> <footer class="homepage-donate__buttons buttons"> <a href="?campaign=420949" class="button homepage-donate-button button--primary">Donate</a> <script>// console.log('no collisions here, hopefully');</script> <script> classyCampaigns.push({ campaignId: '420949', selector: '.homepage-donate-button' }); </script> </footer> </div> </div> </section> </div> </div> </header> <section class="content-block homepage-cta-section"> <div class="homepage-cta-section__container"> <picture class="homepage-cta-section__image"> <source media="(min-width:1500px)" srcset="https://d1y822qhq55g6.cloudfront.net/homepage/_homepageFullWidthSuper/TPH-Full-width-image-banner_2024-09-30-181507_kids.jpg"> <source media="(min-width:800px)" srcset="https://d1y822qhq55g6.cloudfront.net/homepage/_homepageFullWidthLarge/TPH-Full-width-image-banner_2024-09-30-181507_kids.jpg"> <source media="(min-width:500px)" srcset="https://d1y822qhq55g6.cloudfront.net/homepage/_homepageFullWidthMedium/TPH-Full-width-image-banner_2024-09-30-181507_kids.jpg"> <img src=https://d1y822qhq55g6.cloudfront.net/homepage/_homepageFullWidthSmall/TPH-Full-width-image-banner_2024-09-30-181507_kids.jpg alt="" loading="lazy"> </picture> <div class="homepage-cta-section__wrapper"> <div class="homepage-cta-section__content"> <h2 class="homepage-cta-section__heading">Opening the Doors to White House History</h2> <div class="homepage-cta-section__body wysiwyg"> <p>Reserve your free passes now for The People's House: A White House Experience, Washington, D.C.'s newest attraction.</p> </div> <a href="https://thepeopleshouse.org/" class="homepage-cta-section-button button"> <span>Plan Your Visit</span> </a> </div> </div> </div> </section> <section class="content-block homepage-layout-blocks"> <div class="wrapper"> <header class="homepage-layout-blocks__header"> <h2 class="homepage-layout-blocks__heading">Explore More</h2> <span></span> </header> </div> <section class="layout"> <div class="layout__container"> <div class="layout__row"> <div class=" -half"> <section class="content-block content-block--layout image-layout -over -short -half -low layout-block--1 --hover-zoom --hover-parent"> <a class="layout-block__link" href="https://www.whitehousehistory.org/lights-camera-legislation-how-television-defined-president-lyndon-b-johnsons-leadership"> <div class="layout-block__container image-layout__container"> <span class="layout-block__type --articles"> Scholarship</span> <div class="layout-block__image-container"> <picture class="layout-block__image"> <source media="(min-width: 800px)" srcset="https://d1y822qhq55g6.cloudfront.net/layout/_482x350_crop_center-center_none/LBJTV1-Image-overlay-short-half.jpg"> <source media="(min-width: 480px)" srcset="https://d1y822qhq55g6.cloudfront.net/layout/_482x350_crop_center-center_none/LBJTV1-Image-overlay-short-half.jpg"> <img src="https://d1y822qhq55g6.cloudfront.net/layout/_482x350_crop_center-center_none/LBJTV1-Image-overlay-short-half.jpg"> </picture> </div> <div class="layout-block__text-container"> <div class="layout-block__hovers --hover-border-arrow-custom"></div> <div class="layout-block__text-wrapper"> <h2 class="layout-block__heading "> How Television Defined President Lyndon B. Johnson's Leadership </h2> <p class="layout-block__tagline heading--small-caps"> Lights, Camera, Legislation </p> </div> </div> </div> </a> </section> </div> <div class=" -half"> <section class="content-block content-block--layout image-layout -over -short -half -low layout-block--2 --hover-zoom --hover-parent"> <a class="layout-block__link" href="https://www.whitehousehistory.org/collections/cherry-blossoms"> <div class="layout-block__container image-layout__container"> <span class="layout-block__type --collections"> Collection</span> <div class="layout-block__image-container"> <picture class="layout-block__image"> <source media="(min-width: 800px)" srcset="https://d1y822qhq55g6.cloudfront.net/layout/_482x350_crop_center-center_none/CherryBlossoms-Image-overlay-short-half.jpg"> <source media="(min-width: 480px)" srcset="https://d1y822qhq55g6.cloudfront.net/layout/_482x350_crop_center-center_none/CherryBlossoms-Image-overlay-short-half.jpg"> <img src="https://d1y822qhq55g6.cloudfront.net/layout/_482x350_crop_center-center_none/CherryBlossoms-Image-overlay-short-half.jpg"> </picture> </div> <div class="layout-block__text-container"> <div class="layout-block__hovers --hover-border-arrow-custom"></div> <div class="layout-block__text-wrapper"> <h2 class="layout-block__heading "> Cherry Blossoms </h2> <p class="layout-block__tagline heading--small-caps"> A D.C. Tradition </p> </div> </div> </div> </a> </section> </div> <div class=" -third"> <section class="content-block content-block--layout image-layout -over -short -third -low layout-block--3 --hover-zoom --hover-parent"> <a class="layout-block__link" href="https://www.whitehousehistory.org/videos/dear-miss-perkins"> <div class="layout-block__container image-layout__container"> <span class="layout-block__type --videos"> Video</span> <div class="layout-block__image-container"> <picture class="layout-block__image"> <source media="(min-width: 800px)" srcset="https://d1y822qhq55g6.cloudfront.net/layout/_306x350_crop_center-center_none/Perkins-WHHL-Image-overlay-short-one-third.jpg"> <source media="(min-width: 480px)" srcset="https://d1y822qhq55g6.cloudfront.net/layout/_306x350_crop_center-center_none/Perkins-WHHL-Image-overlay-short-one-third.jpg"> <img src="https://d1y822qhq55g6.cloudfront.net/layout/_306x350_crop_center-center_none/Perkins-WHHL-Image-overlay-short-one-third.jpg"> </picture> </div> <div class="layout-block__text-container"> <div class="layout-block__hovers --hover-border-arrow-custom"></div> <div class="layout-block__text-wrapper"> <h2 class="layout-block__heading "> Dear Miss Perkins </h2> <p class="layout-block__tagline heading--small-caps"> White House History Live </p> </div> </div> </div> </a> </section> </div> <div class=" -third"> <section class="content-block content-block--layout image-layout -over -short -third -low layout-block--4 --hover-zoom --hover-parent"> <a class="layout-block__link" href="https://www.whitehousehistory.org/digital-library/projects/enhancements-for-white-house-experience-app"> <div class="layout-block__container image-layout__container"> <span class="layout-block__type --digitalLibraryProjects"> Digital Library Special Collections</span> <div class="layout-block__image-container"> <picture class="layout-block__image"> <source media="(min-width: 800px)" srcset="https://d1y822qhq55g6.cloudfront.net/layout/_306x350_crop_center-center_none/WH-Experience-App2-Image-overlay-short-one-third.jpg"> <source media="(min-width: 480px)" srcset="https://d1y822qhq55g6.cloudfront.net/layout/_306x350_crop_center-center_none/WH-Experience-App2-Image-overlay-short-one-third.jpg"> <img src="https://d1y822qhq55g6.cloudfront.net/layout/_306x350_crop_center-center_none/WH-Experience-App2-Image-overlay-short-one-third.jpg"> </picture> </div> <div class="layout-block__text-container"> <div class="layout-block__hovers --hover-border-arrow-custom"></div> <div class="layout-block__text-wrapper"> <h2 class="layout-block__heading "> White House Experience App </h2> <p class="layout-block__tagline heading--small-caps"> Virtual Tour </p> </div> </div> </div> </a> </section> </div> <div class=" -third"> <section class="content-block content-block--layout image-layout -over -short -third -low layout-block--5 --hover-zoom --hover-parent"> <a class="layout-block__link" href="https://www.whitehousehistory.org/quarterly-issues/animals-at-work-in-white-house-history"> <div class="layout-block__container image-layout__container"> <span class="layout-block__type --publicationIssues"> Quarterly Issues</span> <div class="layout-block__image-container"> <picture class="layout-block__image"> <source media="(min-width: 800px)" srcset="https://d1y822qhq55g6.cloudfront.net/layout/_306x350_crop_center-center_none/WHHQ76-Image-overlay-short-one-third.jpg"> <source media="(min-width: 480px)" srcset="https://d1y822qhq55g6.cloudfront.net/layout/_306x350_crop_center-center_none/WHHQ76-Image-overlay-short-one-third.jpg"> <img src="https://d1y822qhq55g6.cloudfront.net/layout/_306x350_crop_center-center_none/WHHQ76-Image-overlay-short-one-third.jpg"> </picture> </div> <div class="layout-block__text-container"> <div class="layout-block__hovers --hover-border-arrow-custom"></div> <div class="layout-block__text-wrapper"> <h2 class="layout-block__heading "> Animals at Work in White House History </h2> <p class="layout-block__tagline heading--small-caps"> White House History Quarterly </p> </div> </div> </div> </a> </section> </div> </div> </div> </section> </section> <section class="content-block homepage-educational-resources"> <div class="wrapper"> <div class="homepage-educational-resources__container"> <header class="homepage-educational-resources__header"> <h2 class="homepage-educational-resources__heading">Educational Resources</h2> <div class="homepage-educational-resources__description wysiwyg"> <p>Discover and share the rich history of the White House through our K-12 education resources, programs, and partnerships. These offerings cover a wide range of topics throughout United States history. Want to get updates and new K-12 education resources and programs? Sign up for our Education E-Newsletter below. </p> <a href="https://whitehousehistory.us20.list-manage.com/subscribe?u=dd90d7b93900dbb28b16ddcda&id=855c791b19" class="button button--text">Newsletter Sign Up</a> </div> </header> <div class="homepage-educational-resources__section"> <article class="homepage-educational-resources__resource --double-border --double-border-hover --hover-zoom"> <picture> <img src="https://d1y822qhq55g6.cloudfront.net/homepage/BrieftheChief-ResourceCard-580x384_1.jpg" alt="" loading="lazy"> </picture> <div class="homepage-educational-resources__resource-content"> <h4 class="homepage-educational-resources__resource-title"> <a href="https://www.whitehousehistory.org/rubenstein-center/k-12-education-resources-and-programs/learning-tools-and-resources/icivics-games"> iCivics Game </a> </h4> <div class="homepage-educational-resources__resource-description wysiwyg"> <p>This interactive game, created in partnership with iCivics, allows players to serve as a presidential advisor during a major decision point in three different presidencies. The game is available in English and Spanish!</p> </div> </div> </article> <article class="homepage-educational-resources__resource --double-border --double-border-hover --hover-zoom"> <div class="homepage-educational-resources__resource-content"> <h4 class="homepage-educational-resources__resource-title"> <a href="https://www.whitehousehistory.org/rubenstein-center/k-12-education-resources-and-programs/learning-tools-and-resources/video-resources"> Learning Videos </a> </h4> <div class="homepage-educational-resources__resource-description wysiwyg"> <p>Discover White House history through these video resources that provide compelling visual narratives of the Executive Mansion.</p> </div> </div> </article> <article class="homepage-educational-resources__resource --double-border --double-border-hover --hover-zoom"> <picture> <img src="https://d1y822qhq55g6.cloudfront.net/homepage/coll-education-learning-tools-tall-two-third_2024-03-19-201912_ndvm.jpg" alt="" loading="lazy"> </picture> <div class="homepage-educational-resources__resource-content"> <h4 class="homepage-educational-resources__resource-title"> <a href="https://www.whitehousehistory.org/rubenstein-center/k-12-education-resources-and-programs/learning-tools-and-resources/classroom-resource-packets"> Classroom Resource Packets </a> </h4> <div class="homepage-educational-resources__resource-description wysiwyg"> <p>Adaptable to any twenty-first century classroom, these ready-to-use materials highlight resources from our Digital Library.</p> </div> </div> </article> </div> <footer class="homepage-educational-resources__footer"> <a href="https://whitehousehistory.us20.list-manage.com/subscribe?u=dd90d7b93900dbb28b16ddcda&id=855c791b19" class="button button--text">Newsletter Sign Up</a> </footer> </div> </div> </section> <section class="content-block homepage-podcasts"> <div class="wrapper"> <div class="homepage-podcasts__container --double-border"> <header class="homepage-podcasts__header"> <h2 class="homepage-podcasts__heading">The White House 1600 Sessions</h2> <div class="homepage-podcasts__description wysiwyg"> <p>The White House 1600 Sessions is a podcast that explores the history, untold stories, and personal accounts of America’s most iconic residence and office – The White House. Through conversations with historians and eyewitnesses to history, we open the doors to 1600 Pennsylvania Avenue.</p> </div> </header> <div class="homepage-podcasts__section --latest"> <header class="homepage-podcasts__section-header"> <h3 class="homepage-podcasts__section-heading">Latest Episode</h3> <span></span> </header> <article class="homepage-podcasts__episode"> <a href="https://www.whitehousehistory.org/the-white-house-1600-sessions/painting-white-house-history" class="--hover-parent"> <img src="https://d1y822qhq55g6.cloudfront.net/layout/Peter-Waddell-Header.jpg" alt="" loading="lazy"> <div class="homepage-podcasts__episode-content --hover-border-custom"> <h4 class="homepage-podcasts__episode-title">Painting White House History</h4> <p class="homepage-podcasts__episode-description">Featuring Peter Waddell</p> <time class="homepage-podcasts__episode-date" datetime="2025-03-11">Mar 11, 2025</time> </div> </a> </article> </div> <div class="homepage-podcasts__section --recent"> <header class="homepage-podcasts__section-header"> <h3 class="homepage-podcasts__section-heading">Recent Episodes</h3> <span></span> <a href="/the-white-house-1600-sessions"><span class="--visible-desktop">See more episodes of the podcast</span><span class="--visible-mobile">More Recent Episodes</span></a> </header> <div class="homepage-podcasts__episodes"> <article class="homepage-podcasts__episode --hover-zoom"> <div class="homepage-podcasts__episode-image --hover-border"> <picture> <img src="https://d1y822qhq55g6.cloudfront.net/layout/State-Funeral-Header.jpg" alt="" loading="lazy"> </picture> </div> <div class="homepage-podcasts__episode-content"> <h4 class="homepage-podcasts__episode-title"><a href="https://www.whitehousehistory.org/the-white-house-1600-sessions/the-history-of-state-funerals">The History of State Funerals</a></h4> <time class="homepage-podcasts__episode-date" datetime="2025-02-11">Feb 11, 2025</time> </div> </article> <article class="homepage-podcasts__episode --hover-zoom"> <div class="homepage-podcasts__episode-image --hover-border"> <picture> <img src="https://d1y822qhq55g6.cloudfront.net/layout/INAUGURATION-Header.jpg" alt="" loading="lazy"> </picture> </div> <div class="homepage-podcasts__episode-content"> <h4 class="homepage-podcasts__episode-title"><a href="https://www.whitehousehistory.org/the-white-house-1600-sessions/inauguration-day-preview">Inauguration Day Preview</a></h4> <time class="homepage-podcasts__episode-date" datetime="2025-01-17">Jan 17, 2025</time> </div> </article> <article class="homepage-podcasts__episode --hover-zoom"> <div class="homepage-podcasts__episode-image --hover-border"> <picture> <img src="https://d1y822qhq55g6.cloudfront.net/layout/The-Peoples-House-Header.jpg" alt="" loading="lazy"> </picture> </div> <div class="homepage-podcasts__episode-content"> <h4 class="homepage-podcasts__episode-title"><a href="https://www.whitehousehistory.org/the-white-house-1600-sessions/the-peoples-house-a-white-house-experience">The People’s House: A White House Experience</a></h4> <time class="homepage-podcasts__episode-date" datetime="2024-12-09">Dec 09, 2024</time> </div> </article> <article class="homepage-podcasts__episode --hover-zoom"> <div class="homepage-podcasts__episode-image --hover-border"> <picture> <img src="https://d1y822qhq55g6.cloudfront.net/layout/Chef-Comerford-Header.jpg" alt="" loading="lazy"> </picture> </div> <div class="homepage-podcasts__episode-content"> <h4 class="homepage-podcasts__episode-title"><a href="https://www.whitehousehistory.org/the-white-house-1600-sessions/cooking-at-the-white-house">Cooking at the White House</a></h4> <time class="homepage-podcasts__episode-date" datetime="2024-11-13">Nov 13, 2024</time> </div> </article> </div> </div> </div> </div> </section> <section class="content-block homepage-events"> <div class="wrapper"> <div class="homepage-events__container --double-border"> <header class="homepage-events__header"> <h2 class="homepage-events__heading">Upcoming Events </h2> <span></span> <a href="/events">See All Events</a> </header> <div class="homepage-events__events"> <article class="homepage-events__event --large .-over"> <a href="https://www.whitehousehistory.org/events/tour-the-historic-decatur-house" class="--hover-parent layout-block__text-container"> <div class="layout-block__hovers --hover-border-arrow-custom"></div> <picture class=""> <img src="https://d1y822qhq55g6.cloudfront.net/thumbnails/_layoutTallThirdLarge/HStreet_2-1-1-bigger.jpeg" alt="" loading="lazy"> </picture> <div class="layout-block__text-wrapper"> <h4 class="layout-block__small-heading homepage-events__event-title"> Tour the Historic Decatur House </h4> <hr> <time class="layout-block__tagline homepage-events__event-date" datetime="2025-01-06">Jan 06 - Dec 15</time> </div> </a> </article> <article class="homepage-events__event --small --hover-zoom"> <picture> <img src="https://d1y822qhq55g6.cloudfront.net/thumbnails/_thumbStaff/Event-History-Happy-Hour-thumb.jpg" alt="" loading="lazy"> </picture> <div class="homepage-events__event-content"> <h4 class="homepage-events__event-title"><a href="https://www.whitehousehistory.org/events/hhh-dining-at-the-white-house-state-dinners-first-family-experiences-and-the-2025-white-house-christmas-ornament">History Happy Hour: Dining at the White House: State Dinners, First Family Experiences, and the 2025 White House Christmas Ornament</a></h4> <time class="homepage-events__event-date" datetime="2025-04-10">Thursday, Apr 10</time> </div> </article> <article class="homepage-events__event --small --hover-zoom"> <picture> <img src="https://d1y822qhq55g6.cloudfront.net/thumbnails/_thumbStaff/TPHtrivia-April2025-thumb.jpg" alt="" loading="lazy"> </picture> <div class="homepage-events__event-content"> <h4 class="homepage-events__event-title"><a href="https://www.whitehousehistory.org/events/trivia-night-at-the-peoples-house">Trivia Night at The People's House</a></h4> <time class="homepage-events__event-date" datetime="2025-04-17">Thursday, Apr 17</time> </div> </article> <article class="homepage-events__event --small --hover-zoom"> <picture> <img src="https://d1y822qhq55g6.cloudfront.net/thumbnails/_thumbStaff/WHHL-April2025-thumb.jpg" alt="" loading="lazy"> </picture> <div class="homepage-events__event-content"> <h4 class="homepage-events__event-title"><a href="https://www.whitehousehistory.org/events/white-house-history-live-the-first-ladies">White House History Live: The First Ladies</a></h4> <time class="homepage-events__event-date" datetime="2025-04-28">Monday, Apr 28</time> </div> </article> </div> <footer class="homepage-events__footer"> <a href="/events">See All Events</a> </footer> </div> </div> </section> <section class="content-block homepage-cta-section"> <div class="homepage-cta-section__container"> <picture class="homepage-cta-section__image"> <source media="(min-width:1500px)" srcset="https://d1y822qhq55g6.cloudfront.net/homepage/_homepageFullWidthSuper/CB2-Full-width-image-banner.jpg"> <source media="(min-width:800px)" srcset="https://d1y822qhq55g6.cloudfront.net/homepage/_homepageFullWidthLarge/CB2-Full-width-image-banner.jpg"> <source media="(min-width:500px)" srcset="https://d1y822qhq55g6.cloudfront.net/homepage/_homepageFullWidthMedium/CB2-Full-width-image-banner.jpg"> <img src=https://d1y822qhq55g6.cloudfront.net/homepage/_homepageFullWidthSmall/CB2-Full-width-image-banner.jpg alt="" loading="lazy"> </picture> <div class="homepage-cta-section__wrapper"> <div class="homepage-cta-section__content"> <h2 class="homepage-cta-section__heading">Shop White House history</h2> <div class="homepage-cta-section__body wysiwyg"> <p>Shop Official White House Christmas Ornaments, award-winning books and journals, seasonal items, and more. Your purchases help fund our work as a nonprofit and support our mission to protect, preserve, and provide public access to the history of the White House.</p> </div> <a href="https://shop.whitehousehistory.org/" class="homepage-cta-section-button button"> <span>View Store</span> </a> </div> </div> </div> </section> </div> </main> <footer id="footer" class="footer"> <div class="footer-container"> <div class="footer-row"> <section class="footer-subscribe footer-block" data-feature="emailSubscribe"> <form class="footer-subscribe-form" method="get" action="https://go.whitehousehistory.org/l/597991/2019-10-01/9tv9q"> <label class="footer-subscribe-label" for="subscribe-email" aria-label="Subscribe to our email newsletter?" > Subscribe to our newsletter to stay up to date with the latest events and stories. </label> <input type="email" name="email" id="subscribe-email" class="footer-subscribe-input" required="true" placeholder="yourname@email.com" value="" > <button type="submit" class="footer-subscribe-submit button button--primary"> <span class="subscribe-form__button__text">Sign Up</span> </button> </form> </section> <nav class="footer-nav-ctas"> <ul class="footer-ctas"> <li class="footer-cta footer-block"> <a class="footer-cta-link" href="/support" > <span class="footer-cta-heading"> Become a Member </span> Help protect and educate America on the history of the White House. </a> </li> <li class="footer-cta footer-block"> <a class="footer-cta-link" href="https://shop.whitehousehistory.org/" > <span class="footer-cta-heading"> Shop Now </span> Official White House Christmas Ornaments, Books, and More. </a> </li> </ul> </nav> </div> <div class="footer-row"> <nav class="footer-nav"> <ul class="footer-nav-main-links"> <li class="footer-nav-main-item"> <h3 class="footer-nav-main-item-heading"> Explore </h3> <ul class="footer-nav-sub-links --default --rows-3"> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/collections" data-tracking-action="Footer Primary Nav"> Collections </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/galleries" data-tracking-action="Footer Primary Nav"> Galleries </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/audio" data-tracking-action="Footer Primary Nav"> Audio </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/videos" data-tracking-action="Footer Primary Nav"> Videos </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/questions" data-tracking-action="Footer Primary Nav"> Questions & Answers </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/bios" data-tracking-action="Footer Primary Nav"> Presidents & First Ladies </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/the-white-house-1600-sessions" data-tracking-action="Footer Primary Nav"> Podcasts </a> </li> </ul> </li> <li class="footer-nav-main-item"> <h3 class="footer-nav-main-item-heading"> Resources </h3> <ul class="footer-nav-sub-links --default --rows-3"> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/spn/introduction" data-tracking-action="Footer Primary Nav"> Slavery in the President’s Neighborhood </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/rubenstein-center/k-12-education-resources-and-programs" data-tracking-action="Footer Primary Nav"> Teaching Resources </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/tour-the-white-house-in-360-degrees" data-tracking-action="Footer Primary Nav"> White House 360° Tour </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/publishing" data-tracking-action="Footer Primary Nav"> Publishing </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/the-white-house-1600-sessions" data-tracking-action="Footer Primary Nav"> Podcast </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/rubenstein-center/white-house-history-live" data-tracking-action="Footer Primary Nav"> White House History Live </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/digital-library" data-tracking-action="Footer Primary Nav"> Digital Library </a> </li> </ul> </li> <li class="footer-nav-main-item"> <h3 class="footer-nav-main-item-heading"> Events </h3> <ul class="footer-nav-sub-links --events --rows-3"> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/events?topic=All&type=upcoming&orderBy=date+ASC" data-tracking-action="Footer Primary Nav"> Upcoming Events </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/events?topic=All&type=past&orderBy=date+DESC" data-tracking-action="Footer Primary Nav"> Past Events </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/decatur-house" data-tracking-action="Footer Primary Nav"> Book the Decatur House </a> </li> </ul> </li> <li class="footer-nav-main-item"> <h3 class="footer-nav-main-item-heading"> Support </h3> <ul class="footer-nav-sub-links --default --rows-4"> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/support" data-tracking-action="Footer Primary Nav"> Become a Member </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/premier-giving" data-tracking-action="Footer Primary Nav"> Premier Giving </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="https://whitehousehistory.plannedgiving.org/" data-tracking-action="Footer Primary Nav"> Legacy Society </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/the-national-council" data-tracking-action="Footer Primary Nav"> The National Council </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/corporate-giving" data-tracking-action="Footer Primary Nav"> Corporate Giving </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/giftmatch" data-tracking-action="Footer Primary Nav"> Matching Your Gift </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="https://www.freewill.com/smartgiving/whitehousehistory?utm_source=partner&utm_medium=website&utm_campaign=_whitehousehistory_homepg" target="_blank" data-tracking-action="Footer Primary Nav"> Non-Cash Giving </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="https://support.whitehousehistory.org/give/227183/#!/donation/checkout" data-tracking-action="Footer Primary Nav"> Renew Your Membership </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/state-disclosures" data-tracking-action="Footer Primary Nav"> State Disclosures </a> </li> </ul> </li> <li class="footer-nav-main-item"> <h3 class="footer-nav-main-item-heading"> About </h3> <ul class="footer-nav-sub-links --default --rows-4"> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/about" data-tracking-action="Footer Primary Nav"> Our Story </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/collections/the-historic-stephen-decatur-house" data-tracking-action="Footer Primary Nav"> Historic Decatur House </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/rubenstein-center" data-tracking-action="Footer Primary Nav"> The David M. Rubenstein National Center for White House History </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="https://thepeopleshouse.org/" target="_blank" data-tracking-action="Footer Primary Nav"> The People's House: A White House Experience </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/about/board-of-directors" data-tracking-action="Footer Primary Nav"> Governing Board of Directors </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/staff" data-tracking-action="Footer Primary Nav"> Current Staff </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/press-room" data-tracking-action="Footer Primary Nav"> Media Inquiries </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/employment" data-tracking-action="Footer Primary Nav"> Career Opportunities </a> </li> <li class="footer-nav-sub-item"> <a class="link footer-nav-main-link" href="/contact" data-tracking-action="Footer Primary Nav"> Contact Us </a> </li> </ul> </li> </ul> </nav> <div class="footer-masthead"> <a href="https://www.whitehousehistory.org/" class="footer-logo"> <img src="/images/footer-logo.png" alt="White House Historical Association" width="300" height="200" /> </a> <span class=" divider -star-single --gray-tan" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none"> <path d="M8.99864 0.675842L7.09198 6.27118H0.907227L5.90948 9.72793L3.99731 15.3242L8.99956 11.8628L14.0009 15.3242L12.0896 9.72793L17.0928 6.27118H10.9099L8.99864 0.675842Z" fill="#AFACA6"/> </svg> </span> <nav class="social-list footer-social-list"> <h2 class="visuallyhidden">Find us on...</h2> <ul> <li> <a class="link--social" href="https://www.facebook.com/WhiteHouseHistory" target="_blank" data-tracking-action="Facebook"> <span aria-hidden="true"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M23.7188 15.25C23.7188 19.6094 20.5195 23.2305 16.3359 23.8633V17.7812H18.375L18.7617 15.25H16.3359V13.6328C16.3359 12.9297 16.6875 12.2617 17.7773 12.2617H18.8672V10.1172C18.8672 10.1172 17.8828 9.94141 16.8984 9.94141C14.9297 9.94141 13.6289 11.1719 13.6289 13.3516V15.25H11.4141V17.7812H13.6289V23.8633C9.44531 23.2305 6.28125 19.6094 6.28125 15.25C6.28125 10.4336 10.1836 6.53125 15 6.53125C19.8164 6.53125 23.7188 10.4336 23.7188 15.25Z" fill="#5D5C57"/> </svg> </span> <span class="visuallyhidden"> facebook </span> </a> </li> <li> <a class="link--social" href="https://instagram.com/whitehousehistory/" target="_blank" data-tracking-action="Instagram"> <span aria-hidden="true"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15 11.207C17.2148 11.207 19.043 13.0352 19.043 15.25C19.043 17.5 17.2148 19.293 15 19.293C12.75 19.293 10.957 17.5 10.957 15.25C10.957 13.0352 12.75 11.207 15 11.207ZM15 17.8867C16.4414 17.8867 17.6016 16.7266 17.6016 15.25C17.6016 13.8086 16.4414 12.6484 15 12.6484C13.5234 12.6484 12.3633 13.8086 12.3633 15.25C12.3633 16.7266 13.5586 17.8867 15 17.8867ZM20.1328 11.0664C20.1328 10.5391 19.7109 10.1172 19.1836 10.1172C18.6562 10.1172 18.2344 10.5391 18.2344 11.0664C18.2344 11.5938 18.6562 12.0156 19.1836 12.0156C19.7109 12.0156 20.1328 11.5938 20.1328 11.0664ZM22.8047 12.0156C22.875 13.3164 22.875 17.2188 22.8047 18.5195C22.7344 19.7852 22.4531 20.875 21.5391 21.8242C20.625 22.7383 19.5 23.0195 18.2344 23.0898C16.9336 23.1602 13.0312 23.1602 11.7305 23.0898C10.4648 23.0195 9.375 22.7383 8.42578 21.8242C7.51172 20.875 7.23047 19.7852 7.16016 18.5195C7.08984 17.2188 7.08984 13.3164 7.16016 12.0156C7.23047 10.75 7.51172 9.625 8.42578 8.71094C9.375 7.79688 10.4648 7.51562 11.7305 7.44531C13.0312 7.375 16.9336 7.375 18.2344 7.44531C19.5 7.51562 20.625 7.79688 21.5391 8.71094C22.4531 9.625 22.7344 10.75 22.8047 12.0156ZM21.1172 19.8906C21.5391 18.8711 21.4336 16.4102 21.4336 15.25C21.4336 14.125 21.5391 11.6641 21.1172 10.6094C20.8359 9.94141 20.3086 9.37891 19.6406 9.13281C18.5859 8.71094 16.125 8.81641 15 8.81641C13.8398 8.81641 11.3789 8.71094 10.3594 9.13281C9.65625 9.41406 9.12891 9.94141 8.84766 10.6094C8.42578 11.6641 8.53125 14.125 8.53125 15.25C8.53125 16.4102 8.42578 18.8711 8.84766 19.8906C9.12891 20.5938 9.65625 21.1211 10.3594 21.4023C11.3789 21.8242 13.8398 21.7188 15 21.7188C16.125 21.7188 18.5859 21.8242 19.6406 21.4023C20.3086 21.1211 20.8711 20.5938 21.1172 19.8906Z" fill="#5D5C57"/> </svg> </span> <span class="visuallyhidden"> instagram </span> </a> </li> <li> <a class="link--social" href="https://www.linkedin.com/company/white-house-historical-association/" target="_blank" data-tracking-action="LinkedIn"> <span aria-hidden="true"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21.75 7.375C22.3477 7.375 22.875 7.90234 22.875 8.53516V22C22.875 22.6328 22.3477 23.125 21.75 23.125H8.21484C7.61719 23.125 7.125 22.6328 7.125 22V8.53516C7.125 7.90234 7.61719 7.375 8.21484 7.375H21.75ZM11.8711 20.875V13.3867H9.55078V20.875H11.8711ZM10.7109 12.332C11.4492 12.332 12.0469 11.7344 12.0469 10.9961C12.0469 10.2578 11.4492 9.625 10.7109 9.625C9.9375 9.625 9.33984 10.2578 9.33984 10.9961C9.33984 11.7344 9.9375 12.332 10.7109 12.332ZM20.625 20.875V16.7617C20.625 14.7578 20.168 13.1758 17.8125 13.1758C16.6875 13.1758 15.9141 13.8086 15.5977 14.4062H15.5625V13.3867H13.3477V20.875H15.668V17.1836C15.668 16.1992 15.8438 15.25 17.0742 15.25C18.2695 15.25 18.2695 16.375 18.2695 17.2188V20.875H20.625Z" fill="#5D5C57"/> </svg> </span> <span class="visuallyhidden"> linkedin </span> </a> </li> <li> <a class="link--social" href="https://x.com/WhiteHouseHstry" target="_blank" data-tracking-action="X"> <span aria-hidden="true"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6758 7.9375H22.1367L16.7227 14.1602L23.1211 22.5625H18.1289L14.1914 17.4648L9.72656 22.5625H7.23047L13.0312 15.9531L6.91406 7.9375H12.0469L15.5625 12.6133L19.6758 7.9375ZM18.7969 21.0859H20.168L11.3086 9.34375H9.83203L18.7969 21.0859Z" fill="#5D5C57"/> </svg> </span> <span class="visuallyhidden"> x </span> </a> </li> <li> <a class="link--social" href="https://www.pinterest.com/WhiteHouseHstry/" target="_blank" data-tracking-action="Pinterest"> <span aria-hidden="true"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M23.7188 15.25C23.7188 20.0664 19.8164 23.9688 15 23.9688C14.0859 23.9688 13.207 23.8633 12.3984 23.582C12.75 23.0195 13.2773 22.0703 13.4883 21.2969C13.5938 20.9102 14.0156 19.2227 14.0156 19.2227C14.2969 19.7852 15.1406 20.2422 16.0195 20.2422C18.6562 20.2422 20.5547 17.8164 20.5547 14.8281C20.5547 11.9453 18.1992 9.76562 15.1758 9.76562C11.4141 9.76562 9.41016 12.2969 9.41016 15.0391C9.41016 16.3398 10.0781 17.9219 11.168 18.4492C11.3438 18.5195 11.4492 18.4844 11.4844 18.3086C11.4844 18.2031 11.6602 17.6055 11.7305 17.3242C11.7305 17.2539 11.7305 17.1484 11.6602 17.0781C11.3086 16.6562 11.0273 15.8477 11.0273 15.0742C11.0273 13.1758 12.4688 11.3125 14.9648 11.3125C17.0742 11.3125 18.5859 12.7539 18.5859 14.8633C18.5859 17.2188 17.3906 18.8359 15.8438 18.8359C15 18.8359 14.3672 18.1328 14.543 17.2891C14.7891 16.2344 15.2812 15.1094 15.2812 14.3711C15.2812 13.7031 14.9297 13.1406 14.1914 13.1406C13.3125 13.1406 12.6094 14.0547 12.6094 15.25C12.6094 16.0234 12.8555 16.5508 12.8555 16.5508C12.8555 16.5508 12.0117 20.207 11.8359 20.875C11.6602 21.6484 11.7305 22.7031 11.8008 23.3711C8.56641 22.1055 6.28125 18.9766 6.28125 15.25C6.28125 10.4336 10.1836 6.53125 15 6.53125C19.8164 6.53125 23.7188 10.4336 23.7188 15.25Z" fill="#5D5C57"/> </svg> </span> <span class="visuallyhidden"> pinterest </span> </a> </li> </ul> </nav> </div> </div> </div> <div class="footer-bottom"> <div> <span> <a href="/about/terms-of-use-privacy-policy"> Terms of Use and Privacy Policy </a> </span> <span>The White House Historical Association © 2025</span> </div> </div> </footer> </div> <dialog class="promotional-popup" id="PromotionalPopup"> <div class="modal-outer"> <div class="modal-backsheet"></div> <div class="modal-inner"> <a class="modal-link" id="PromotionalPopupCTA" href="https://support.whitehousehistory.org/give/662000/#!/donation/checkout"> <img class="wide-image" src="https://d1y822qhq55g6.cloudfront.net/25WHHR20-Renewal-Lightbox-1-720x400-ALL-COPY_2025-03-03-142400_vbml.jpg" alt="" width="720" height="400" /> <img class="square-image" src="https://d1y822qhq55g6.cloudfront.net/25WHHR20-Renewal-Lightbox-1-450x450-ALL-COPY_2025-03-03-142404_praw.jpg" alt="" width="450" height="450" /> </a> <button class="close-modal white" aria-label="close modal" id="ClosePromotionalPopup">X</button> </div> </div> </dialog> <script> // CLICK ACTIONS document.getElementById('ClosePromotionalPopup').addEventListener('click', () => { document.getElementById('PromotionalPopup').close(); sessionStorage.setItem("PromotionalPopupDismissed", "true"); }); if (document.getElementById('PromotionalPopupCTA')) { document.getElementById('PromotionalPopupCTA').addEventListener('click', () => { sessionStorage.setItem("PromotionalPopupDismissed", "true"); }); } if ( !sessionStorage.getItem("PromotionalPopupDismissed") ) { setTimeout(() => { document.getElementById('PromotionalPopup').showModal(); }, 2000); } </script> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script type="module" src="/assets/js/index.js?lastUpdated=2025-01-02"></script> <script type="text/javascript">; let egCampaigns = [] classyCampaigns.forEach(element => { const newCampaign = { campaignId: element.campaignId.toString() || null, customDomain: 'support.whitehousehistory.org', donation: { modal: { urlParams: {}, elementSelector: element.selector || '.donate-btn' } } } egCampaigns.push(newCampaign) }); // console.log(egCampaigns); (function (win) { win.egProps = { campaigns: egCampaigns } win.document.body.appendChild(makeEGScript()) /* Create the embed script */ function makeEGScript() { var egScript = win.document.createElement('script') egScript.setAttribute('type', 'text/javascript') egScript.setAttribute('async', 'true') egScript.setAttribute('src', 'https://sdk.classy.org/embedded-giving.js') return egScript } /* Read URL Params from your website. This could potentially * be included in the embed snippet */ function readURLParams() { const searchParams = new URLSearchParams(location.search) const validUrlParams = ['c_src', 'c_src2'] return validUrlParams.reduce(function toURLParamsMap(urlParamsSoFar, validKey) { const value = searchParams.get(validKey) return value === null ? urlParamsSoFar : { ...urlParamsSoFar, [validKey]: value } }, {}) } })(window) </script> </body> </html>