1 2 3<!DOCTYPE html> 4<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"> 5<head> 6 <meta charset="utf-8"/> 7 <link rel="home" href="https://hnoc.org/"/> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 10 <meta name="referrer" content="no-referrer-when-downgrade"> 11 12 <link rel="home" href="https://hnoc.org/"> 13<link rel="canonical" href="https://hnoc.org/"> 14<meta property="og:url" content="https://hnoc.org/"><meta name="twitter:url" content="https://hnoc.org/"><meta property="og:locale" content="en-US"> 15<title>Historic New Orleans Collection | Historic New Orleans Collection</title> 16 <meta name="description" content="A free history museum and research center devoted to the people, places, and traditions of New Orleans and the Gulf South."> 17 <meta property="og:title" content="Historic New Orleans Collection"> 18 <meta property="og:description" content="A free history museum and research center devoted to the people, places, and traditions of New Orleans and the Gulf South."> 19 <meta name="twitter:title" content="Historic New Orleans Collection"> 20 <meta name="twitter:description" content="A free history museum and research center devoted to the people, places, and traditions of New Orleans and the Gulf South."> 21 22 <link rel="alternate" href="https://hnoc.org/" hreflang="en-us"> 23 <link rel="preconnect" href="https://fonts.googleapis.com"> 24 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 25 26 27 <link rel="icon" type="image/png" href="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/favicon-48x48.png" sizes="48x48"/> 28 <link rel="icon" type="image/svg+xml" href="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/favicon.svg"/> 29 <link rel="shortcut icon" href="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/favicon.ico"/> 30 <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/apple-touch-icon.png"/> 31 <link rel="manifest" href="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/site.webmanifest"/> 32 33 <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;
331,400..800&display=swap" rel="stylesheet"> 34 <link rel="stylesheet" href="https://use.typekit.net/dgw6yir.css"> 35
35<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
vendor: 2 bytes, line 35
35
36<script type="module" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/dist/assets/app.40352cdb.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'resources/js/app.js'}});document.dispatchEvent(e);"></script>
36 37<link href="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/dist/assets/app.30fa4851.css" rel="stylesheet"> 38 39 40 41 42 43 44 <!-- Facebook Pixel Code --> 45
46<script nonce="gXWlwCqH">
vendor: 421 bytes, lines 46-58
46 47 48 !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 49 50 n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; 51 52 n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; 53 54 t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, 55 56 document,'script','https://connect.facebook.net/en_US/fbevents.js'); 57 58 fbq('init', '
58996537248022195
vendor: 7 bytes, lines 58-60
58'); 59 60
60fbq('set','agent','tmgoogletagmanager', '996537248022195'); 61 62 fbq('track', "PageView"); 63 64</script>
64 65 66 67 68<!-- End Facebook Pixel Code --> 69 70 71<!-- Google Tag Manager --> 72
73<script>
vendor: 347 bytes, lines 73-81
73(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 74 75 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 76 77 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 78 79 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 80 81 })(window,document,'script','dataLayer','
81GTM-MRSG298
vendor: 3 bytes, line 81
81');
81</script>
81 82 83<!-- End Google Tag Manager --> 84 85 86 87 88 89 90</head> 91<body class=""> 92<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 92-94
92 93 94<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
94GTM-MRSG298
vendor: 103 bytes, lines 94-97
94" 95 96 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 97
98<!-- End Google Tag Manager (noscript) --> 99 100<noscript><img height="1" width="1" style="display:none" 101 102 src="https://www.facebook.com/tr?id=996537248022195&ev=PageView&noscript=1" 103 104 /></noscript><div class="site-wrapper"> 105 <a href="#swup" class="absolute z-40 font-satoshi font-medium border-green border bg-white top-0 border-t-0 left-2 rounded-sm px-4 py-2 transform focus:translate-y-0 transition -translate-y-full">Skip to content</a> 106 107<div g-component="Header"> 108 <header class="fixed w-full bg-white z-30 shadow-sm left-0"> 109 <div class=" relative z-30 bg-white"> 110 <div class="g--wrapper flex justify-between items-center xl:items-end"> 111 <a href="https://hnoc.org/" class="py-3 xl:py-[19px] flex-shrink-0"> 112 <img src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/thnoc-logo.svg" alt="The Historic New Orleans Collection" class="w-[360px] hidden xl:block"> 113 <img src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/thnoc-logo--mobile.svg" alt="The Historic New Orleans Collection" class="w-[120px] lg:w-[160px] xl:hidden"> 114 </a> 115 <div class="hidden lg:flex flex-col justify-between flex-grow"> 116 <div class="pt-3 md:pt-[14px] font-satoshi font-medium text-green/90 text-[15px] flex justify-end"> 117 <div g-component="OpeningWidget"> 118 119 </div> 120 <div class="ml-4"> 121 <a class="hover:underline" href="https://hnoc.org/events/calendar" aria-label="">Calendar</a> 122 </div> 123 <div class="ml-4"> 124 <a class="hover:underline" href="https://hnoc.org/publishing/first-draft" aria-label="">Blog</a> 125 </div> 126 <div class="ml-4"> 127 <a class="hover:underline" href="https://catalog.hnoc.org/web/arena" rel="noopener noreferrer" target="_blank" aria-label="Catalog (Opens in a new tab)">Catalog</a> 128 </div> 129 <div class="ml-4"> 130 <a class="hover:underline" href="https://shophnoc.com/" rel="noopener noreferrer" target="_blank" aria-label="Shop (Opens in a new tab)">Shop</a> 131 </div> 132 <div class="ml-4"> 133 <a class="tag--prenav-tickets hover:underline" href="https://my.hnoc.org/events" aria-label="">Tickets</a> 134 </div> 135 <div g-component="SearchBar" class="ml-3 "> 136 <button aria-label="Search" g-ref="open" class="ml-3 group"> 137 <svg class="fill-green/50 group-hover:fill-green" width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 138 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.0154 17.7796L15.4438 13.208C16.2528 12.1367 16.7326 10.8029 16.7326 9.35701C16.7326 5.82455 13.8689 2.96094 10.3365 2.96094C6.80405 2.96094 3.94043 5.82455 3.94043 9.35701C3.94043 12.8895 6.80405 15.7531 10.3365 15.7531C11.7824 15.7531 13.1162 15.2733 14.1875 14.4643L18.7591 19.0359L20.0154 17.7796ZM14.9559 9.357C14.9559 11.9082 12.8878 13.9764 10.3365 13.9764C7.78533 13.9764 5.71717 11.9082 5.71717 9.357C5.71717 6.80579 7.78533 4.73762 10.3365 4.73762C12.8878 4.73762 14.9559 6.80579 14.9559 9.357Z"/> 139</svg> 140 141 </button> 142 <div id="searchBar" class="hidden shadow text-green z-30 fixed top-[4px] right-0 w-full h-full bg-black/80"> 143 <div id="component-rofplu" class="sprig-component" data-hx-target="this" data-hx-include="this" data-hx-trigger="refresh" data-hx-get="https://hnoc.org/actions/sprig-core/components/render" data-hx-vals="{"sprig:config":"0dba6f27e30a7917b9d2a0cb84e2d1affa26fc08fa670cb2fba1e4529d3be6b1{\u0022id\u0022:\u0022component-rofplu\u0022,\u0022siteId\u0022:1,\u0022template\u0022:\u0022components\\\/_c--search-bar--sprig\u0022}"}"> 144 145<div g-ref="searchInner" class="w-full h-full flex relative bg-white justify-center top-0 left-0"> 146 <div class="g--wrapper g--wrapper--small flex-grow max-h-screen flex flex-col"> 147 <div> 148 <label class="mt-5 mb-2 font-satoshi font-medium block text-[16px]" for="searchBarInput">Search</label> 149 <input type="text" id="searchBarInput" class="w-full px-4 h-[53px] border-b-2 border-green/20 py-2 px-0 focus:outline-none focus:border-green font-satoshi font-medium text-body-fluid tracking-[-0.04px] text-green" name="querySearchBar" value sprig placeholder="Type to search" s-trigger="keyup changed delay:300ms" s-replace="#results" data-hx-get="https://hnoc.org/actions/sprig-core/components/render" data-hx-trigger="keyup changed delay:300ms" data-hx-select="#results" data-hx-target="#results" data-hx-swap="outerHTML" data-sprig-parsed> 150 </div> 151 <div id="results" class="mt-6 flex-grow h-full overflow-y-auto"> 152 </div> 153 </div> 154</div></div> 155 <button g-ref="close" class="z-20 absolute top-2 right-4"> 156 <img src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/close--green.svg" alt="Close" class="w-10 h-10"> 157 </button> 158 </div> 159 </div> 160 <a class="ml-3 group" aria-label="Login" href="https://my.hnoc.org/account/login" target="_blank"> 161 <svg class="fill-green/50 group-hover:fill-green" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 162 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.0875 2.46973C13.661 2.46973 15.7598 4.56855 15.7598 7.14203C15.7598 9.71552 13.661 11.8143 11.0875 11.8143C8.51404 11.8143 6.41522 9.71552 6.41522 7.14203C6.41522 4.56855 8.51404 2.46973 11.0875 2.46973ZM11.0875 11.725C15.3602 11.725 18.8449 15.2097 18.8002 19.5271L17.213 19.4824C17.213 16.
1620906 14.4793 13.3569 11.0875 13.3569C7.69564 13.3569 4.96193 16.0906 4.91728 19.5271L3.33008 19.4824C3.33008 15.2097 6.81478 11.725 11.0875 11.725ZM11.0875 4.10158C9.40092 4.10158 8.04707 5.45542 8.04707 7.14203C8.04707 8.82864 9.40092 10.1825 11.0875 10.1825C12.7741 10.1825 14.128 8.82864 14.128 7.14203C14.128 5.45542 12.7741 4.10158 11.0875 4.10158Z"/> 163</svg> 164 165 </a> 166 <a aria-label="Shop" class="ml-3 group" href="https://shophnoc.com/" target="_blank"> 167 <svg class="stroke-green/50 group-hover:stroke-green" width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 168 <path d="M2.63184 1.78467H3.79831C4.01802 1.78467 4.12788 1.78467 4.21628 1.82507C4.29419 1.86067 4.36021 1.91793 4.40647 1.99002C4.45897 2.07182 4.47451 2.18058 4.50558 2.39807L4.92826 5.35689M4.92826 5.35689L5.86766 12.2615C5.98687 13.1377 6.04648 13.5758 6.25594 13.9055C6.44052 14.1961 6.70514 14.4272 7.01795 14.5709C7.37295 14.734 7.81508 14.734 8.69935 14.734H16.342C17.1838 14.734 17.6046 14.734 17.9486 14.5825C18.2519 14.449 18.512 14.2337 18.6999 13.9608C18.9131 13.6512 18.9918 13.2378 19.1493 12.4109L20.3314 6.20502C20.3868 5.91398 20.4146 5.76847 20.3744 5.65472C20.3391 5.55494 20.2696 5.47092 20.1782 5.41763C20.074 5.35689 19.9258 5.35689 19.6296 5.35689H4.92826ZM9.77628 18.7527C9.77628 19.2459 9.37645 19.6458 8.88322 19.6458C8.39 19.6458 7.99017 19.2459 7.99017 18.7527C7.99017 18.2595 8.39 17.8597 8.88322 17.8597C9.37645 17.8597 9.77628 18.2595 9.77628 18.7527ZM16.9207 18.7527C16.9207 19.2459 16.5209 19.6458 16.0277 19.6458C15.5344 19.6458 15.1346 19.2459 15.1346 18.7527C15.1346 18.2595 15.5344 17.8597 16.0277 17.8597C16.5209 17.8597 16.9207 18.2595 16.9207 18.7527Z" stroke-width="1.78611" stroke-linecap="round" stroke-linejoin="round"/> 169</svg> 170 171 </a> 172 173 </div> 174 175 <div class=" flex justify-end"> 176 <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group "> 177 <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/visit">Visit</a> 178 <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm"> 179 <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5"> 180 <div class="col-span-3 font-title text-carousel-quote flex items-center uppercase "> 181 <a class="hover:underline" href="https://hnoc.org/visit">Visit</a> 182 </div> 183 <div class="col-span-3 border-r border-pink-blush"> 184 <div class="mb-1"> 185 <a class="tag--nav-tickets font-satoshi font-medium hover:underline text-[16px]" href="https://my.hnoc.org/events" rel="noopener noreferrer" target="_blank">Get Tickets</a> 186 </div> 187 <div class="mb-1"> 188 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/visit/getting-here">Directions & Parking</a> 189 </div> 190 <div class="mb-1"> 191 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/visit/tours">Tours & Daily Programs</a> 192 </div> 193 <div class="mb-1"> 194 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/visit/groups">Group Experiences</a> 195 </div> 196 <div class="mb-1"> 197 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://shophnoc.com/" rel="noopener noreferrer" target="_blank">Shop at the Collection</a> 198 </div> 199 <div class="mb-1"> 200 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/visit/our-campu
200s/the-cafe-at-the-collection">Café at the Collection</a> 201 </div> 202 <div class="mb-1"> 203 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/visit/accessibility">Accessibility</a> 204 </div> 205 </div> 206 <div class="col-span-3"> 207 <div class="font-satoshi font-medium text-carousel-title-small"> 208 <a class="hover:underline" href="https://hnoc.org/visit">New Orleans History Lives Here</a> 209 </div> 210 <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]"> 211 <p>Enjoy free admission every day. Visit the museum, shop, and café, or resesarch our collections at the Williams Research Center.</p> 212 </div> 213 </div> 214 <div class="col-span-3"> 215 <a href="https://hnoc.org/visit" target=""> 216 217 218 219 <div class="overflow-hidden relative" style="padding-top:66.153846153846%"> 220 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A courtyard with mustard-colored walls and dark green accents. Two people stand by a central fountain, and others browse a decorative shop with arched windows. Potted plants and wrought iron furniture complete the setting." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-515_o6.jpg?fit=cover&gravity%5Bx%5D=0.5817&gravity%5By%5D=0.8124&width=260&s=0ANkhsthAF6tDy82sLPpW7s7W7DvyHD2sx5OVrXBoBo" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-515_o6.jpg?fit=cover&gravity%5Bx%5D=0.5817&gravity%5By%5D=0.8124&format=webp&height=172&width=260&s=8Zcicn33-cWNmZu1di5xqiUWnSMG5_8qugrKo4lciDo 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-515_o6.jpg?fit=cover&gravity%5Bx%5D=0.5817&gravity%5By%5D=0.8124&format=webp&height=344&width=520&s=BvCh24Hm0i-jlw1sUIn5YuL5e4utxM-qr3Cm4K8VXXw 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-515_o6.jpg?fit=cover&gravity%5Bx%5D=0.5817&gravity%5By%5D=0.8124&format=webp&height=688&width=1040&s=wnzo7ytPIP74_PwPzB9TOVlbUaOgnnrd1nwxjU2CRYw 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-515_o6.jpg?fit=cover&gravity%5Bx%5D=0.5817&gravity%5By%5D=0.8124&format=webp&height=993&width=1500&s=qeyLyXPFzUP8Oe4eWM5bjQOJK3nCXIsWd5eAF_br3Jc 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/esto_2019JG23-515_o6.jpg?fit=cover&gravity%5Bx%5D=0.5817&gravity%5By%5D=0.8124&format=webp&height=1376&width=2080&s=f3HTKZCmchaUfkEUPU6xxiXV4iqTTIrI8-7ACOk_mxo 2080w" style="object-position: 58.17% 81.24%;"> 221 </div> 222 </a> 223 </div> 224 </div> 225 </div> 226 </div> 227 <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group "> 228 <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/exhibitions">Exhibitions</a> 229 <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm"> 230 <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5"> 231 <div class="col-span-3 font-title text-carousel-quote flex items-center uppercase "> 232 <a class="hover:underline" href="https://hnoc.org/exhibitions">Exhibitions</a> 233 </div> 234 <div class="col-span-3 border-r border-pink-blush"> 235 <div class="mb-1"> 236 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/exhibitions">On View</a> 237 </div> 238 <div class="mb-1"> 239 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/exhibitions#vizy-block-AA86ZW9nVq">Upcoming</a> 240 </div> 241 <div class="mb-1"> 242 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/exhibitions/virtual-exhibitions">Virtual</a> 243 </div> 244 <div class="mb-1"> 245 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/exhibitions#vizy-block-APYEQHT1MY">Traveling</a> 246 </div> 247 <div class="mb-1"> 248 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/exhibitions/past-ex
248hibitions">Past Exhibitions</a> 249 </div> 250 <div class="mb-1"> 251 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://my.hnoc.org/events?promo=exhibitnav">Get Tickets</a> 252 </div> 253 </div> 254 <div class="col-span-3"> 255 <div class="font-satoshi font-medium text-carousel-title-small"> 256 <a class="hover:underline" href="https://hnoc.org/exhibitions/bunny-matthews">Bunny Matthews: His Life, Art, and Obsessions</a> 257 </div> 258 <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]"> 259 <p>Explore the world of the legendary New Orleans artist and his iconic characters, Vic and Natâly. On view until May 9, 2027.</p> 260 </div> 261 </div> 262 <div class="col-span-3"> 263 <a href="https://hnoc.org/exhibitions/bunny-matthews" target=""> 264 265 266 267 <div class="overflow-hidden relative" style="padding-top:66.153846153846%"> 268 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Poster for Chihuahua: King Of New Orleans Dogs, 1981, by Bunny Matthews." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&gravity%5Bx%5D=0.811&gravity%5By%5D=0.3443&width=260&s=tW5pVT0Dbb-PMQWzz8aWsi0nqlsDOwLC-k61tMBsoEU" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&gravity%5Bx%5D=0.811&gravity%5By%5D=0.3443&format=webp&height=172&width=260&s=-tQpGhwXGVH8TKVrnYtrD8I_lpAXWupUOvlIaqLmeIE 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&gravity%5Bx%5D=0.811&gravity%5By%5D=0.3443&format=webp&height=344&width=520&s=6SrfIz9m35GHq1UpRhR7oUUptvboSQHivNm_pnpwBHY 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&gravity%5Bx%5D=0.811&gravity%5By%5D=0.3443&format=webp&height=688&width=1040&s=2obl-tSG72J_kv42iw4zD01iD40usHVk61Hd9AQVfeA 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&gravity%5Bx%5D=0.811&gravity%5By%5D=0.3443&format=webp&height=993&width=1500&s=jq1WvgMq0J26UyFtBn_HW99tFwP3z6IAohsvQ96QH7Y 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&gravity%5Bx%5D=0.811&gravity%5By%5D=0.3443&format=webp&height=1376&width=2080&s=T11RrQgnQxif1gKoS8zquMrhttqy9cf9R1VkeS80KQE 2080w" style="object-position: 81.1% 34.43%;"> 269 </div> 270 </a> 271 </div> 272 </div> 273 </div> 274 </div> 275 <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group "> 276 <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/events">Events</a> 277 <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm"> 278 <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5"> 279 <div class="col-span-3 font-title text-carousel-quote flex items-center uppercase "> 280 <a class="hover:underline" href="https://hnoc.org/events">Events</a> 281 </div> 282 <div class="col-span-3 border-r border-pink-blush"> 283 <div class="mb-1"> 284 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/events/calendar">Calendar</a> 285 </div> 286 <div class="mb-1"> 287 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/events/french-quarter-fridays">French Quarter Fridays</a> 288 </div> 289 <div class="mb-1"> 290 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/events/signature-programs">Signature Programs</a> 291 </div> 292 <div class="mb-1"> 293 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/events/past-events">Past Events</a> 294 </div> 295 <div class="mb-1"> 296 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://my.hnoc.org/events">Get Tickets</a> 297 </div> 298 </div> 299 <div class="col-span-3"> 300 <div class="font-satoshi font-medium text-carousel-title-small"> 301 <a class="hover:underline" href="https://hnoc.org/events/remaking-revolution-history-in-popular-culture">Remaking Revolution: History in Popular Culture</a> 302 </div> 303 <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]"> 304 <p>On October 10, explore how film, music, video games, and media continually reshape our modern understanding of revolutionary ideas, hosted in conjunction with <i>American Revolution: The Augmented Exhibition</i>.</p> 305 </div> 306 </div> 307 <div class="col-span-3"> 308 <a href="https://hnoc.org/events/remaking-revolution-history-in-popular-culture" target=""> 309 310 311 312 <div class="overflow-hidden relative" style="padding-top:66.153846153846%"> 313 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Screenshot from "Assassin's Creed IV: Black Flag."" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Assassins-Creed-Liberation-screenshot.jpg?fit=cover&width=260&s=NmURoGoUx02Z1Donb_z9ku3MkIh8Maol_9V5TVyHE6I" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Assassins-Creed-Liberation-screenshot.jpg?fit=cover&format=webp&height=172&width=260&s=zmoESTNkd8FiUmq43IhEMdZDxz-T-qoE3QzX1AdbVeM 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Assassins-Creed-Liberation-screenshot.jpg?fit=cover&format=webp&height=344&width=520&s=cmF2anGbQDy2m54axoDNM_Sdxiqy1Pu5uNGJnD5bHxw 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Assassins-Creed-Liberation-screenshot.jpg?fit=cover&format=webp&height=688&width=1040&s=xjCCvhBolO5pvkwj-MdcunG_s2-DqzOGq2n1Zd_OMu0 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Assassins-Creed-Liberation-screenshot.jpg?fit=cover&format=webp&height=993&width=1500&s=t4aUYHzk-i9AgR1dfK13C0L9W54SmyqTD8XLbC8iZbs 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Assassins-Creed-Liberation-screenshot.jpg?fit=cover&format=webp&height=1376&width=2080&s=rUYvs2ElX626gznypl0ubmX38KzJqAe6pQi5NIIqwyM 2080w" style="object-position: 50% 50%;"> 314 </div> 315 </a> 316 </div> 317 </div> 318 </div> 319 </div> 320 <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group "> 321 <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/research-collections">Research & Collections</a> 322 <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm"> 323 <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5"> 324 <div class="col-span-3 font-title text-carousel-quote flex items-center uppercase "> 325 <a class="hover:underline" href="https://hnoc.org/research-collections">Research & Collections</a> 326 </div> 327 <div class="col-span-3 border-r border-pink-blush"> 328 <div class="mb-1"> 329 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/research-collections/williams-research-center">Williams Research Center</a> 330 </div> 331 <div class="mb-1"> 332 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/research-collections/collection-highlights">Collection Highlights</a> 333 </div> 334 <div class="mb-1"> 335 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/research-collections/research-tools">Research Tools</a> 336 </div> 337 <div class="mb-1"> 338 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/research-collections/prizes-fellowships">Prizes & Fellowships</a> 339 </div> 340 <div class="mb-1"> 341 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/research-collections/our-buildings">Our Buildings</a> 342 </div> 343 <div class="mb-1"> 344 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://catalog.hnoc.org">Online Catalog</a> 345 </div> 346 </div> 347 <div class="col-span-3"> 348 <div class="font-satoshi font-medium text-carousel-title-small"> 349 <a class="hover:underline" href="https://hnoc.org/research-collections/collection-highlights">Collection Highlights</a> 350 </div> 351 <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]"> 352 <p>Dive into the Collectionâs holdings with image-rich previews of treasures from New Orleans history.</p> 353 </div> 354 </div> 355 <div class="col-span-3"> 356 <a href="https://hnoc.org/research-collections/collection-highlights" target=""> 357 358 359 360 <div class="overflow-hidden relative" style="padding-top:66.153846153846%"> 361 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="An antique Remington Portable typewriter with round keys and a black body, displayed on a plain background." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&width=260&s=gxN1kyFoQLoEZkIZLwAXJ5zWCAoJ4Os1TBrhXzBMtZc" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&format=webp&height=172&width=260&s=xDSoEIs8JtPjQwpyT-blv1qs9jSZ1nLtPjmQ0BvGDrQ 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&format=webp&height=344&width=520&s=mbUe83CMmrlnPebQYvTtHOIcjMEruLIGFsmmbGNJiro 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&format=webp&height=688&width=1040&s=8-8K5GArp_q1YzDKTP28-rtB0MhK5zTIL2IzRAeZNWs 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&format=webp&height=993&width=1500&s=-g70Aie14BpXynBqicUO3bynk0E1qHurToQBUHWkNm0 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_
361005_web.jpg?fit=cover&format=webp&height=1376&width=2080&s=vLtGV2NhzvsIFj1sI_sdU18gpFhBBnCQucbT-VeESiw 2080w" style="object-position: 50% 50%;"> 362 </div> 363 </a> 364 </div> 365 </div> 366 </div> 367 </div> 368 <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group "> 369 <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/learn-explore">Learn & Explore</a> 370 <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm"> 371 <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5"> 372 <div class="col-span-3 font-title text-carousel-quote flex items-center uppercase "> 373 <a class="hover:underline" href="https://hnoc.org/learn-explore">Learn & Explore</a> 374 </div> 375 <div class="col-span-3 border-r border-pink-blush"> 376 <div class="mb-1"> 377 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/learn-explore/students-families">Students & Families</a> 378 </div> 379 <div class="mb-1"> 380 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/learn-explore/educators">For Educators</a> 381 </div> 382 <div class="mb-1"> 383 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/explore">Explore Our Content</a> 384 </div> 385 <div class="mb-1"> 386 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/learn-explore/watch-listen">Watch & Listen</a> 387 </div> 388 <div class="mb-1"> 389 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/learn-explore/community-projects-resources">Community Projects & Resources</a> 390 </div> 391 <div class="mb-1"> 392 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/news">News & Press</a> 393 </div> 394 </div> 395 <div class="col-span-3"> 396 <div class="font-satoshi font-medium text-carousel-title-small"> 397 <a class="hover:underline" href="https://hnoc.org/events/educator-workshop-american-revolution">Educator Workshop: âAmerican Revolutionâ</a> 398 </div> 399 <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]"> 400 <p>On October 17, educators are invited to a free workshop, hosted in conjunction with <i>American Revolution: The Augmented Exhibition</i>, to help deepen student understanding of the American Revolution in Louisiana.</p> 401 </div> 402 </div> 403 <div class="col-span-3"> 404 <a href="https://hnoc.org/events/educator-workshop-american-revolution" target=""> 405 406 407 408 <div class="overflow-hidden relative" style="padding-top:66.153846153846%"> 409 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A museum visitor explores "American Revolution: The Augmented Exhibition" at the Historic New Orleans Collection" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&gravity%5Bx%5D=0.5386&gravity%5By%5D=0.1939&width=260&s=3ISrZycXWk1-xVmPkqoShn8T1Fs66LQTNt1rSGB67N0" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&gravity%5Bx%5D=0.5386&gravity%5By%5D=0.1939&format=webp&height=172&width=260&
409s=bWeQ9c4pPTK4zM3B5rgsHnYJwlMU6S_L5E9RuN4QOyE 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&gravity%5Bx%5D=0.5386&gravity%5By%5D=0.1939&format=webp&height=344&width=520&s=9QeQpUurKC3nBqRgu_Y0Q31AwglZv7pKMwSIiErtPKE 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&gravity%5Bx%5D=0.5386&gravity%5By%5D=0.1939&format=webp&height=688&width=1040&s=B_Ye2mDEzxPiSHMlKvZTgY5Ln75wNH2J_bJFYw2_PPU 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&gravity%5Bx%5D=0.5386&gravity%5By%5D=0.1939&format=webp&height=993&width=1500&s=LCbj2vqJiwfYUHDgouQH6F9Gd9va5LaFBFuTlHYT9Mo 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&gravity%5Bx%5D=0.5386&gravity%5By%5D=0.1939&format=webp&height=1376&width=2080&s=BGSSGWgYPGzvI1E_npZrylo-FySFaOzE0R1mNqGWYow 2080w" style="object-position: 53.86% 19.39%;"> 410 </div> 411 </a> 412 </div> 413 </div> 414 </div> 415 </div> 416 <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group "> 417 <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/publishing">Publishing</a> 418 <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm"> 419 <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5"> 420 <div class="col-span-3 font-title text-carousel-quote flex items-center uppercase "> 421 <a class="hover:underline" href="https://hnoc.org/publishing">Publishing</a> 422 </div> 423 <div class="col-span-3 border-r border-pink-blush"> 424 <div class="mb-1"> 425 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/publishing/books">Books</a> 426 </div> 427 <div class="mb-1"> 428 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/publishing/first-draft">First Draft Blog</a> 429 </div> 430 <div class="mb-1"> 431 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/publishing/quarterly">HNOC Quarterly</a> 432 </div> 433 <div class="mb-1"> 434 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/publishing/tennessee-williams-annual-review">Tennessee Williams Annual Review</a> 435 </div> 436 </div> 437 <div class="col-span-3"> 438 <div class="font-satoshi font-medium text-carousel-title-small"> 439 <a class="hover:underline" href="https://hnoc.org/publishing/books/bunny-matthews-
439his-life-art-and-obsessions">Preorder Bunny Matthews: His Life, Art, and Obssessions</a> 440 </div> 441 <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]"> 442 <p>The bold personality of New Orleansâs legendary cartoonist and writer springs from the page in this first monograph of his work by Alison Fensterstock and Michael Tisserand. Preorders now available!</p> 443 </div> 444 </div> 445 <div class="col-span-3"> 446 <a href="https://hnoc.org/publishing/books/bunny-matthews-his-life-art-and-obsessions" target=""> 447 448 449 450 <div class="overflow-hidden relative" style="padding-top:66.153846153846%"> 451 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Book cover for "Bunny Matthews: His Life, Art, and Obsessions."" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&gravity%5Bx%5D=0.5245&gravity%5By%5D=0.1599&width=260&s=TaVzPOKQ_LMazcYaPWqRupIUtGKwNkb_DmBE0BTJxsk" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&gravity%5Bx%5D=0.5245&gravity%5By%5D=0.1599&format=webp&height=172&width=260&s=IN21ritHhanh2fas6mXyxl-XZUi95BzVNLk8Kl7FL28 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&gravity%5Bx%5D=0.5245&gravity%5By%5D=0.1599&format=webp&height=344&width=520&s=Q4W23zHfaRmzgZl0ghWabTc8hwfswWe2QFpFUatW4ZI 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&gravity%5Bx%5D=0.5245&gravity%5By%5D=0.1599&format=webp&height=688&width=1040&s=JHZG9TgGmViUl1ChTV7nGHMySVDoWdSrC2CsXRojm3I 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&gravity%5Bx%5D=0.5245&gravity%5By%5D=0.1599&format=webp&height=993&width=1500&s=qjnD94_6aFMJbRg59ut1EqUjj3L7yoKwdIfTVPHS7pQ 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&gravity%5Bx%5D=0.5245&gravity%5By%5D=0.1599&format=webp&height=1376&width=2080&s=A01__fc88v_XoW8y5sodUWqAgyP10HOIwVGqyAibIYo 2080w" style="object-position: 52.45% 15.99%;"> 452 </div> 453 </a> 454 </div> 455 </div> 456 </div> 457 </div> 458 <div class="px-2 pl-2 min-[1080px]:pl-4 xl:pl-8 group pr-0"> 459 <a class="hover:underline py-3 md:py-[16px] block font-satoshi font-medium text-[18px]" href="https://hnoc.org/support">Support</a> 460 <div class="hidden border-t border-pink-blush group-hover:block absolute left-0 w-full bg-white py-7 shadow-sm"> 461 <div class="g--wrapper grid grid-cols-12 gap-x-5 sm:gap-x-7.5"> 462 <div class="col-span-3 font-title text-carousel-quote flex items-center uppercase "> 463 <a class="hover:underline" href="https://hnoc.org/support">Support</a> 464 </div> 465 <div class="col-span-3 border-r border-pink-blush"> 466 <div class="mb-1"> 467 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/support/membership">Membership</a> 468 </div> 469 <div class="mb-1"> 470 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/support/donate">Donate</a> 471 </div> 472 <div class="mb-1"> 473 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/support/sponsorships">Sponsorship</a> 474 </div> 475 <div class="mb-1"> 476 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/support/hnoc-travel">HNOC Travel</a> 477 </div> 478 <div class="mb-1"> 479 <a class="font-satoshi font-medium hover:underline text-[16px]" href="https://hnoc.org/about">About</a> 480 </div> 481 </div> 482 <div class="col-span-3"> 483 <div class="font-satoshi font-medium text-carousel-title-small"> 484 <a class="hover:underline" href="https://hnoc.org/events/cheers-to-60-years">Cheers to 60 Years of HNOC!</a> 485 </div> 486 <div class="font-satoshi font-medium text-[16px] mt-2 leading-[1.5]"> 487 <p>On October 29, join us in celebrating six decades of preserving, collecting, and making history. Save the date for music, memories, and more at what is sure to be a fantastic night out in the French Quarter.</p> 488 </div> 489 </div> 490 <div class="col-span-3"> 491 <a href="https://hnoc.org/events/cheers-to-60-years" target=""> 492 493 494 495 <div class="overflow-hidden relative" style="padding-top:66.153846153846%"> 496 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="An illustration of a pageant design entitled "Twelfth Night Revelers." Dancing champagne bottles, cakes, teacups and more are depicted." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&gravity%5Bx%5D=0.5914&gravity%5By%5D=0.5258&width=260&s=MGAYxB_p38ajsYBZq49MDf1tVpoUcE6h6PtMOJMdQKw" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&gravity%5Bx%5D=0.5914&gravity%5By%5D=0.5258&format=webp&height=172&width=260&s=7Nf5gzrEN49E1t0pLUW2s90qvBddAwPhAPIjLHcSe60 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&gravity%5Bx%5D=0.5914&gravity%5By%5D=0.5258&format=webp&height=344&width=520&s=8Tb-OPf0zoABmCvoAFtDoaxYGi_D-h_wNQtcuvTfbDo 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&gravity%5Bx%5D=0.5914&gravity%5By%5D=0.5258&format=webp&height=688&width=1040&s=pgYjGW5MLnfGrzh6nE3sZLGGIZ-xHq5SNBSd14aUVs8 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&gravity%5Bx%5D=0.5914&gravity%5By%5D=0.5258&format=webp&height=993&width=1500&s=DfPif03eO8a2GKohFGUYFHxLY8_MMXKnD5jfQ0LTsyM 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&gravity%5Bx%5D=0.5914&gravity%5By%5D=0.5258&format=webp&height=1376&width=2080&s=UON7wbObs3fzavu_J0L8dAGCj8631q4wCeXUvSYS_IU 2080w" style="object-position: 59.14% 52.58%;"> 497 </div> 498 </a> 499 </div> 500 </div> 501 </div> 502 </div> 503 </div> 504 </div> 505 <div class="lg:hidden flex items-center"> 506 <div class="mr-5 font-satoshi font-medium text-[18px] sm:text-[18px] flex justify-end"> 507 <div class="ml-4"> 508 <a class="hover:underline" href="https://hnoc.org/visit">Visit</a> 509 </div> 510 <div class="ml-4"> 511 <a class="hover:underline" href="https://hnoc.org/events/calendar">Calendar</a> 512 </div> 513 </div> 514 <div> 515 <button g-ref="buttonOpenMenu" class="block w-6"><img class="h-5" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/menu.svg" alt="Open menu"/></button> 516 <button g-ref="buttonCloseMenu" class="block hidden w-6"><img class="h-5" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/close-menu.svg" alt="Close menu"/></button> 517 </div> 518 </div> 519 </div> 520 </div> 521 <div g-component="AnnouncementBar"> 522 523 </div> 524 <div g-ref="mobileMenu" 525 class="overflow-y-auto hidden g--wrapper transform -translate-y-full fixed top-[72px] w-full bg-white h-[calc(100%-72px)] lg:top-[98px] md:h-[calc(100%-98px)] z-20 font-satoshi font-medium text-[18px] border-t-2 border-[#d4dbde] pt-5"> 526 <div class="pb-4 border-b border-pink-blush text-[14px] flex justify-between items-center"> 527 <div class="text-[18px]"> 528 <div g-component="OpeningWidget"> 529 530 </div> 531 </div> 532 <div class="flex-shrink-0"> 533 534 535 536 537<a 538 539 target="" 540 class=" relative group overflow-hidden 541 542 border border-transparent 543 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 544 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://my.hnoc.org/"> 545 <span class="relative z-10 flex justify-center items-center">Tickets 546 </span> 547 548 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 549flex justify-center items-center transition-all duration-500 550 text-[--buttonBg] 551 bg-[--buttonText] 552 stroke-[--buttonBg] 553"> 554 Tickets 555 </span> 556 557</a> </div> 558 </div> 559 <div g-component="SmallFaqs"> 560 <div class="py-4 border-b border-pink-blush"> 561 <div class="flex w-full items-center justify-between"> 562 <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/visit" target="">Visit</a> 563 <button g-ref="questions" class="flex-grow flex justify-end items-center"> 564 <img class="w-4" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/plus.svg" alt="arrow"> 565 </button> 566 </div> 567 <div g-ref="answers" class="max-h-0 overflow-hidden "> 568 <div> 569 <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2"> 570 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/visit/tours" target="">Tours & Daily Programs</a></div> 571 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/visit/getting-here" target="">Getting Here</a></div> 572 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/visit/groups" target="">Group Experiences</a></div> 573 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/visit/accessibility" target="">Accessibility</a></div> 574 </div> 575 </div> 576 </div> 577 </div> 578 <div class="py-4 border-b border-pink-blush"> 579 <div class="flex w-full items-center justify-between"> 580 <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/exhibitions" target="">Exhibitions</a> 581 <button g-ref="questions" class="flex-grow flex justify-end items-center"> 582 <img class="w-4" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/plus.svg" alt="arrow"> 583 </button> 584 </div> 585 <div g-ref="answers" class="max-h-0 overflow-hidden "> 586 <div> 587 <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2"> 588 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/exhibitions" target="">Current & Upcoming</a></div> 589 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/exhibitions/virtual-exhibitions" target="">Virtual</a></div> 590 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/exhibitions#vizy-block-APYEQHT1MY" target="">Traveling</a></div> 591 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/exhibitions/past-ex
591hibitions" target="">Past Exhibitions</a></div> 592 </div> 593 </div> 594 </div> 595 </div> 596 <div class="py-4 border-b border-pink-blush"> 597 <div class="flex w-full items-center justify-between"> 598 <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/events" target="">Events</a> 599 <button g-ref="questions" class="flex-grow flex justify-end items-center"> 600 <img class="w-4" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/plus.svg" alt="arrow"> 601 </button> 602 </div> 603 <div g-ref="answers" class="max-h-0 overflow-hidden "> 604 <div> 605 <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2"> 606 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/events/calendar" target="">Calendar</a></div> 607 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/events" target="">Current & Upcoming</a></div> 608 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/events/signature-programs" target="">Signature Programs</a></div> 609 </div> 610 </div> 611 </div> 612 </div> 613 <div class="py-4 border-b border-pink-blush"> 614 <div class="flex w-full items-center justify-between"> 615 <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/research-collections" target="">Research & Collections</a> 616 <button g-ref="questions" class="flex-grow flex justify-end items-center"> 617 <img class="w-4" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/plus.svg" alt="arrow"> 618 </button> 619 </div> 620 <div g-ref="answers" class="max-h-0 overflow-hidden "> 621 <div> 622 <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2"> 623 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/research-collections/williams-research-center" target="">Williams Research Center</a></div> 624 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/research-collections/collection-highlights" target="">Collection Highlights</a></div> 625 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/research-collections/research-tools" target="">Research Tools</a></div> 626 <div class="text-[16px]"><a class="hover:underline" href="https://catalog.hnoc.org" target="">Online Catalog</a></div> 627 </div> 628 </div> 629 </div> 630 </div> 631 <div class="py-4 border-b border-pink-blush"> 632 <div class="flex w-full items-center justify-between"> 633 <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/learn-explore" target="">Learn & Explore</a> 634 <button g-ref="questions" class="flex-grow flex justify-end items-center"> 635 <img class="w-4" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/plus.svg" alt="arrow"> 636 </button> 637 </div> 638 <div g-ref="answers" class="max-h-0 overflow-hidden "> 639 <div> 640 <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2"> 641 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/learn-explore/students-families" target="">Students & Families</a></div> 642 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/learn-explore/watch-listen" target="">Watch & Listen</a></div> 643 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/learn-explore/educators" target="">For Educators</a></div> 644 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/learn-explore/community-projects-resources" target="">Community Projects & Resources</a></div> 645 </div> 646 </div> 647 </div> 648 </div> 649 <div class="py-4 border-b border-pink-blush"> 650 <div class="flex w-full items-center justify-between"> 651 <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/publishing" target="">Publishing</a> 652 <button g-ref="questions" class="flex-grow flex justify-end items-center"> 653 <img class="w-4" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/plus.svg" alt="arrow"> 654 </button> 655 </div> 656 <div g-ref="answers" class="max-h-0 overflow-hidden "> 657 <div> 658 <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2"> 659 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/publishing/first-draft" target="">First Draft Blog</a></div> 660 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/publishing/books" target="">Books</a></div> 661 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/publishing/quarterly" target="">HNOC Quarterly</a></div> 662 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/publishing/tennessee-williams-annual-review" target="">Tennessee Williams Annual Review</a></div> 663 </div> 664 </div> 665 </div> 666 </div> 667 <div class="py-4 border-b border-pink-blush"> 668 <div class="flex w-full items-center justify-between"> 669 <a class="flex-shrink-0 text-[20px]" href="https://hnoc.org/support" target="">Support</a> 670 <button g-ref="questions" class="flex-grow flex justify-end items-center"> 671 <img class="w-4" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/plus.svg" alt="arrow"> 672 </button> 673 </div> 674 <div g-ref="answers" class="max-h-0 overflow-hidden "> 675 <div> 676 <div g-ref="answersInner" class="pt-3 grid grid-cols-2 gap-x-2 gap-y-2"> 677 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/support/membership" target="">Membership</a></div> 678 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/support/donate" target="">Donate</a></div> 679 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/support/sponsorships" target="">Sponsorship</a></div> 680 <div class="text-[16px]"><a class="hover:underline" href="https://hnoc.org/support/hnoc-travel" target="">HNOC Travel</a></div> 681 </div> 682 </div> 683 </div> 684 </div> 685 </div> 686 <div class="text-[15px] mt-4"> 687 <div class="grid grid-cols-2"> 688 <div class="col-span-1"> 689 <div class="text-[15px] mb-3"><a class="hover:underline" href="https://hnoc.org/events/calendar" target="">Calendar</a></div> 690 <div class="text-[15px] mb-3"><a class="hover:underline" href="https://hnoc.org/publishing/first-draft" target="">Blog</a></div> 691 <div class="text-[15px] mb-3"><a class="hover:underline" href="https://shophnoc.com/" target="">Shop</a></div> 692 <div class="text-[15px] mb-3"><a class="hover:underline" href="https://catalog.hnoc.org/" target="">Catalog</a></div> 693 <div class="text-[15px] mb-3"><a class="hover:underline" href="https://hnoc.org/news" target="">News & Press</a></div> 694 <div class="text-[15px] mb-3"><a class="hover:underline" href="" target=""></a></div> 695 <div class="text-[15px] mb-3"><a class="hover:underline" href="https://hnoc.org/careers" target="">Jobs & Internships</a></div> 696 <div class="text-[15px] mb-3"><a class="hover:underline" href="https://hnoc.org/about" target="">About</a></div> 697 </div> 698 <div class="col-span-1"> 699 <a class="mb-3 flex items-center relative " href="/explore"> 700 <svg class="fill-green absolute" width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 701 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.0154 17.7796L15.4438 13.208C16.2528 12.1367 16.7326 10.8029 16.7326 9.35701C16.7326 5.82455 13.8689 2.96094 10.3365 2.96094C6.80405 2.96094 3.94043 5.82455 3.94043 9.35701C3.94043 12.8895 6.80405 15.7531 10.3365 15.7531C11.7824 15.7531 13.1162 15.2733 14.1875 14.4643L18.7591 19.0359L20.0154 17.7796ZM14.9559 9.357C14.9559 11.9082 12.8878 13.9764 10.3365 13.9764C7.78533 13.9764 5.71717 11.9082 5.71717 9.357C5.71717 6.80579 7.78533 4.73762 10.3365 4.73762C12.8878 4.73762 14.9559 6.80579 14.9559 9.357Z"/> 702</svg> 703
704 <span class="ml-8">Search</span> 705 </a> 706 <a class="flex items-center" href="https://my.hnoc.org/account/login" target="_blank" aria-label="Login (Opens in a new tab)"> 707 <img class="absolute" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/login--green.svg" alt="Person icon"/> 708 <span class="ml-8">Login</span> 709 </a> 710 </div> 711 </div> 712 </div> 713 <div class="text-[15px] py-2 pb-4 border-t border-pink-blush mt-4"> 714 Connect with us 715 <div class="flex gap-x-4 mt-4"> 716 <a aria-label="instagram (opens in a new tab)" href="https://www.instagram.com/visit_hnoc" target="_blank"> 717 <svg class="w-[24px] h-[24px] fill-green" width="30" height="30" alt="instagram" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> 718 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.01849 0.286937C10.5646 0.216394 11.0582 0.199707 14.995 0.199707C18.9317 0.199707 19.4253 0.216394 20.9714 0.286937C22.5143 0.357308 23.568 0.60237 24.49 0.960727C25.4432 1.33111 26.2516 1.82676 27.0575 2.6326C27.8633 3.4385 28.359 4.24688 28.7294 5.20008C29.0877 6.12209 29.3328 7.17582 29.4031 8.71869C29.4737 10.2648 29.4904 10.7584 29.4904 14.6952C29.4904 18.6319 29.4737 19.1255 29.4031 20.6716C29.3328 22.2144 29.0877 23.2682 28.7294 24.1902C28.359 25.1434 27.8633 25.9518 27.0575 26.7577C26.2516 27.5635 25.4432 28.0592 24.49 28.4296C23.568 28.7879 22.5143 29.033 20.9714 29.1033C19.4253 29.1739 18.9317 29.1906 14.995 29.1906C11.0582 29.1906 10.5646 29.1739 9.01849 29.1033C7.47562 29.033 6.4219 28.7879 5.49988 28.4296C4.54668 28.0592 3.73831 27.5635 2.9324 26.7577C2.12656 25.9518 1.63091 25.1434 1.26053 24.1902C0.902174 23.2682 0.657113 22.2144 0.586742 20.6716C0.516198 19.1255 0.499512 18.6319 0.499512 14.6952C0.499512 10.7584 0.516198 10.2648 0.586742 8.71869C0.657113 7.17582 0.902174 6.12209 1.26053 5.20008C1.63091 4.24688 2.12656 3.4385 2.9324 2.6326C3.73831 1.82676 4.54668 1.33111 5.49988 0.960727C6.4219 0.60237 7.47562 0.357308 9.01849 0.286937ZM23.5439 3.39512C23.0331 3.1966 22.2656 2.96046 20.8523 2.89602C19.3238 2.82628 18.8654 2.81149 14.995 2.81149C11.1245 2.81149 10.666 2.82628 9.13754 2.89602C7.72425 2.96046 6.95673 3.1966 6.44595 3.39512C5.76934 3.65807 5.28647 3.97218 4.77926 4.47945C4.27199 4.98666 3.95788 5.46954 3.69492 6.14615C3.49641 6.65693 3.26027 7.42445 3.19582 8.83774C3.12608 10.3662 3.1113 10.8247 3.1113 14.6952C3.1113 18.5656 3.12608 19.024 3.19582 20.5525C3.26027 21.9658 3.49641 22.7333 3.69492 23.2441C3.95788 23.9207 4.27204 24.4036 4.77926 24.9108C5.28647 25.4181 5.76934 25.7322 6.44595 25.9951C6.95673 26.1937 7.72425 26.4298 9.13754 26.4942C10.6659 26.564 11.1242 26.5788 14.995 26.5788C18.8657 26.5788 19.3241 26.564 20.8523 26.4942C22.2656 26.4298 23.0331 26.1937 23.5439 25.9951C24.2205 25.7322 24.7034 25.4181 25.2106 24.9108C25.7179 24.4036 26.032 23.9207 26.295 23.2441C26.4935 22.7333 26.7296 21.9658 26.7941 20.5525C26.8638 19.024 26.8786 18.5656 26.8786 14.6952C26.8786 10.8247 26.8638 10.3662 26.7941 8.83774C26.7296 7.42445 26.4935 6.65693 26.295 6.14615C26.032 5.46954 25.7179 4.98666 25.2106 4.47945C24.7034 3.97218 24.2205 3.65807 23.5439 3.39512ZM14.995 7.25154C10.8839 7.25154 7.55134 10.5841 7.55134 14.6952C7.55134 18.8061 10.8839 22.1387 14.995 22.1387C19.1059 22.1387 22.4385 18.8061 22.4385 14.6952C22.4385 10.5841 19.1059 7.25154 14.995 7.25154ZM10.1631 14.6952C10.1631 17.3637 12.3264 19.5269 14.995 19.5269C17.6635 19.5269 19.8267 17.3637 19.8267 14.6952C19.8267 12.0266 17.6635 9.86332 14.995 9.86332C12.3264 9.86332 10.1631 12.0266 10.1631 14.6952ZM22.7326 8.69688C23.6933 8.69688 24.4721 7.91814 24.4721 6.95745C24.4721 5.99677 23.6933 5.21797 22.7326 5.21797C21.772 5.21797 20.9932 5.99677 20.9932 6.95745C20.9932 7.91814 21.772 8.69688 22.7326 8.69688Z"/> 719</svg> 720 721 </a> 722 <a aria-label="facebook (opens in a new tab)" href="https://www.facebook.com/THNOC/" target="_blank"> 723 <svg class="w-[24px] h-[24px] fill-green" width="26" height="26" alt="facebook" viewB
723ox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 724 <path fill-rule="evenodd" clip-rule="evenodd" d="M24.5739 0.140137H2.22577C1.46035 0.140137 0.839844 0.760639 0.839844 1.52607V23.8742C0.839844 24.6396 1.46035 25.2601 2.22577 25.2601H14.2661V15.5456H10.9961V11.743H14.2661V8.94513C14.2661 5.70119 16.2497 3.93412 19.1428 3.93412C20.1177 3.932 21.0921 3.98115 22.0619 4.08138V7.47258H20.0696C18.4931 7.47258 18.1856 8.21752 18.1856 9.3176V11.7386H21.9536L21.4642 15.5413H18.164V25.2601H24.5739C25.3393 25.2601 25.9598 24.6396 25.9598 23.8742V1.52607C25.9598 0.760639 25.3393 0.140137 24.5739 0.140137Z"/> 725</svg> 726 727 </a> 728 <a aria-label="linkedin (opens in a new tab)" href="https://www.linkedin.com/company/the-historic-new-orleans-collection/" target="_blank"> 729 <svg class="w-[24px] h-[24px] fill-green" width="24" height="24" alt="linkedin" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 730 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4518 20.4507H16.8929V14.88C16.8929 13.552 16.8689 11.844 15.0422 11.844C13.1914 11.844 12.9087 13.292 12.9087 14.7853V20.4507H9.35252V8.99733H12.7634V10.5627H12.8127C13.2887 9.66267 14.4488 8.71333 16.1809 8.71333C19.7864 8.71333 20.4518 11.084 20.4518 14.1693V20.4507ZM5.33896 7.43333C4.1949 7.43333 3.27218 6.508 3.27218 5.368C3.27218 4.22933 4.1949 3.304 5.33896 3.304C6.47636 3.304 7.40174 4.22933 7.40174 5.368C7.40174 6.508 6.47636 7.43333 5.33896 7.43333ZM3.55486 20.4507H7.11906V8.99733H3.55486V20.4507ZM22.2239 0H1.76943C0.793377 0 0 0.774667 0 1.73067V22.268C0 23.224 0.793377 24 1.76943 24H22.2239C23.2026 24 24 23.224 24 22.268V1.73067C24 0.774667 23.2026 0 22.2239 0Z"/> 731</svg> 732 733 </a> 734 <a aria-label="emailPlatform (opens in a new tab)" href="mailto:[email protected]" target="_blank"> 735 <svg class="w-[24px] h-[24px] fill-green" width="27" height="26" alt="emailPlatform" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 736 <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19971 3.24902V4.9068L3.71171 6.44479L13.7597 12.5944L23.8077 6.48792L26.3197 4.9595V3.24902H1.19971ZM1.19973 7.80312V22.874H26.3197V7.84863L13.7622 15.3781L1.19973 7.80312Z"/> 737</svg> 738 739 </a> 740 <a aria-label="youtube (opens in a new tab)" href="https://www.youtube.com/@visit_hnoc" target="_blank"> 741 <svg class="w-[24px] h-[24px] fill-green" width="24" height="24" alt="youtube" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/></svg> 742 </a> 743 </div> 744 </div> 745</div> </header> 746 747 748</div> <main id="swup" class="pt-[72px] lg:pt-[98px] z-10 relative"> 749 <div g-component="TopCarouselAjax" g-options="{"preview":null}"> 750 <div g-ref="inner" class="pt-[100%] sm:pt-[72%] md:pt-[54%] lg:pt-0 lg:h-[calc(100vh-98px)] relative"> 751 </div> 752 </div> 753 754 <div class="bg-terra"> 755 <div class="g--wrapper g--wrapper--small"> 756 <div class="grid grid-cols-1 sm:grid-cols-12 gap-y-7.5 sm:gap-x-7.5 pt-[24px] pb-[24px] sm:pt-[56px] sm:pb-[50px]"> 757 <div role="heading" aria-level="1" class="sm:col-span-12 md:col-span-8 text-header-page font-title g--highlight-link g--underline-offset-2"> 758 <p>A free history museum and research center devoted to the people, places, and traditions of New Orleans and the Gulf South.</p> 759 </div> 760 <div class="col-span-12 md:col-span-4 flex justify-end items-start"> 761 <a class="relative group overflow-hidden flex-shrink-0 stroke-green text-green border-green border text-[18px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 px-5 font-satoshi font-medium flex items-center justify-center" href="https://hnoc.org/about"> 762 About Us
763 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 764 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 765</svg> 766 767 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 768flex justify-center items-center transition-all duration-500 769stroke-white 770 bg-green 771 text-white 772"> 773 About Us 774 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 775 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 776</svg> 777 778 </span> 779 780</a> </div> 781 </div> 782 </div> 783 </div> 784 785 786 787 <div class="mt-10 mb-10 bg-white 788 "> 789 <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4"> 790 <div class="w-full flex-grow md:w-auto"> 791 <h2 class="text-subtitle-page uppercase font-title"> 792 Visit 793</h2> 794 </div> 795 <a class="relative group overflow-hidden flex-shrink-0 stroke-green text-green border-green border text-[18px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 px-5 font-satoshi font-medium flex items-center justify-center" href="https://hnoc.org/visit"> 796 Plan Your Visit 797 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 798 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 799</svg> 800 801 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 802flex justify-center items-center transition-all duration-500 803stroke-white 804 bg-green 805 text-white 806"> 807 Plan Your Visit 808 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 809 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 810</svg> 811 812 </span> 813 814</a> </div> 815 </div> 816 <div class="g--wrapper g--wrapper--small"> 817 <div class="pb-10 border-b border-pink"> 818 <div class="mt-10 grid grid-cols-1 lg:grid-cols-3 gap-7.5"> 819 <div> 820 <div class="flex items-center text-[18px] tracking-[2px] leading-[1.55] uppercase font-title"> 821 <img class="w-[28px] mr-5" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/hours.svg" alt="Hours & Location"/> Hours & Location 822 </div> 823 <div class="mt-4 text-[16px] leading-[1.5] g--plan-your-visit--copy g--highlight-link font-satoshi font-medium"> 824 <p>Museum: 520 Royal Street, New Orleans, LA<br />TuesdayâSaturday, 9:30 a.m.â4:30 p.m.<br />Sunday, 10:30 a.m.â4:30 p.m.</p><p><a href="https://maps.app.goo.gl/FnzYghgRphmQPgco9">Open Maps</a><br /><a href="https://hnoc.org/contact-us#vizy-block-bIRyANmi5x">Holiday Hours</a></p> 825 </div> 826 </div> 827 <div> 828 <div class="flex items-center text-[18px] tracking-[2px] leading-[1.55] uppercase font-title"> 829 <img class="w-[28px] mr-5" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/ticket--green.svg" alt="Admission"/> Admission 830 </div> 831 <div class="mt-4 text-[16px] leading-[1.5] g--plan-your-visit--copy g--highlight-link font-satoshi font-medium"> 832 <p>Admission is free, but tickets are required. Stop by the front desk or reserve tickets online. Ticket covers admission to all exhibitions and certain daily programs.</p><p><a href="https://my.hnoc.org/events?promo=ticketshome">Get Tickets</a></p> 833 </div> 834 </div> 835 <div> 836 <div class="flex items-center text-[18px] tracking-[2px] leading-[1.55] uppercase font-title"> 837 <img class="w-[28px] mr-5" src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/contact.svg" alt="Contact Us"/> Contact Us 838 </div> 839 <div class="mt-4 text-[16px] leading-[1.5] g--plan-your-visit--copy g--highlight-link font-satoshi font-medium"> 840 <p>Museum: (504) 523-4662Â <br />Williams Research Center: (504) 598-7171<br />Mailing address: 533 Royal Street, New Orleans, LA, 70130</p><p><a href="https://hnoc.org/contact-us">Contact Form</a></p> 841 </div> 842 </div> 843 </div> 844 </div> 845</div> 846 847 <div class="mt-10 mb-10 bg-white 848 "> 849 <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4"> 850 <div class="w-full flex-grow md:w-auto"> 851 <h2 class="text-subtitle-page uppercase font-title"> 852 Current Exhibitions 853</h2> 854 </div> 855 <a class="relative group overflow-hidden flex-shrink-0 stroke-green text-green border-green border text-[18px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 px-5 font-satoshi font-medium flex items-center justify-center" href="https://hnoc.org/exhibitions"> 856 View More
857 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 858 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 859</svg> 860 861 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 862flex justify-center items-center transition-all duration-500 863stroke-white 864 bg-green 865 text-white 866"> 867 View More 868 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 869 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 870</svg> 871 872 </span> 873 874</a> </div> 875 </div> 876 877<div class="g--wrapper g--wrapper--small my-12 c--node"> 878 <div class="grid grid-cols-1 sm:grid-cols-2 gap-7.5 gap-y-12 border-b border-pink pb-6"> 879 <div class=""> 880 <a href="https://hnoc.org/exhibitions/american-revolution" class="block group"> 881 <div class=""> 882 883 884 885 <div class="overflow-hidden relative" style="padding-top:71.923076923077%"> 886 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="American Revolution poster 1" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/American-Revolution-poster-1.jpg?fit=cover&gravity%5Bx%5D=0.4943&gravity%5By%5D=0.4955&width=260&s=CBnySNmKsXnMztDUpbYiXymBlP16yiZZVr5gEz8G0XY" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/American-Revolution-poster-1.jpg?fit=cover&gravity%5Bx%5D=0.4943&gravity%5By%5D=0.4955&format=webp&height=187&width=260&s=KCHSD_yoQ4meDiLDP2bSQ6CSMCYVd6f-yNwxkp9wHvg 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/American-Revolution-poster-1.jpg?fit=cover&gravity%5Bx%5D=0.4943&gravity%5By%5D=0.4955&format=webp&height=374&width=520&s=QaEmaJ1I41cesX9dJsW_udDXRL75vbW2jz6KNqM2o1E 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/American-Revolution-poster-1.jpg?fit=cover&gravity%5Bx%5D=0.4943&gravity%5By%5D=0.4955&format=webp&height=748&width=1040&s=2mJJEPIkv2VGrXAokaTAbwkLsDP4tj-vs_gsnDtqUo8 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/American-Revolution-poster-1.jpg?fit=cover&gravity%5Bx%5D=0.4943&gravity%5By%5D=0.4955&format=webp&height=1079&width=1500&s=e0-hd5IAhlzjfZr5mXa_Q4oiGHTDKwSUgIjJ7i9qUXE 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/American-Revolution-poster-1.jpg?fit=cover&gravity%5Bx%5D=0.4943&gravity%5By%5D=0.4955&format=webp&height=1496&width=2080&s=A1kMV4_dUVMiGLHqvCp_SAIuZuXMhOIp7RavGbhKSoY 2080w" style="object-position: 49.43% 49.55%;"> 887 </div> 888 </div> 889 </a> 890 <div class="pt-12 relative after:hidden sm:after:block after:border-l after:border-muted after:absolute after:h-[50%] after:top-1/2 after:transform after:-translate-y-1/2 after:-right-4 after:content-[''] 891"> 892 <div class="max-w-[430px] mx-auto text-center"> 893 <div class=" 894 uppercase font-title 895 tracking-[2px] leading-[1.125] 896 text-[14px] sm:text-[16px] mb-2 "> 897 Colonial Wars & Conflicts 898 </div> 899 900 <h2 class="text-content-quote mt-6"> 901 <a href="https://hnoc.org/exhibitions/american-revolution">American Revolution: The Augmented Exhibition</a> 902 </h2> 903 <div class="mt-4"> 904 <div class="text-[16px] sm:text-[18px] leading-[1.5] font-satoshi font-medium"> 905 March 20, 2026 to January 17, 2027 906 </div> </div> 907 <div class="mt-6"> 908 909 910 911 912<a 913 914 target="" 915 class=" relative group overflow-hidden 916 917 border border-transparent 918 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 919 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/exhibitions/american-revolution"> 920 <span class="relative z-10 flex justify-center items-center">View 921 <svg class="ml-2" width="7" height="10" viewB
921ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 922 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 923</svg> 924 925 </span> 926 927 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 928flex justify-center items-center transition-all duration-500 929 text-[--buttonBg] 930 bg-[--buttonText] 931 stroke-[--buttonBg] 932"> 933 View 934 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 935 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 936</svg> 937 938 </span> 939 940</a> </div> 941 </div> 942 </div> 943 </div> 944 <div class=""> 945 <a href="https://hnoc.org/exhibitions/bunny-matthews" class="block group"> 946 <div class=""> 947 948 949 950 <div class="overflow-hidden relative" style="padding-top:71.923076923077%"> 951 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Poster for Chihuahua: King Of New Orleans Dogs, 1981, by Bunny Matthews." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&gravity%5Bx%5D=0.811&gravity%5By%5D=0.3443&width=260&s=tW5pVT0Dbb-PMQWzz8aWsi0nqlsDOwLC-k61tMBsoEU" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&gravity%5Bx%5D=0.811&gravity%5By%5D=0.3443&format=webp&height=187&width=260&s=Wy55rPCLWhC5jIybKn13ztWz7v7o1Um-juy1ucEcDgU 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&gravity%5Bx%5D=0.811&gravity%5By%5D=0.3443&format=webp&height=374&width=520&s=Db2vVFEjrRHCeAyGCiOiKB1sikPQrOYlPUhFR3tqgU0 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&gravity%5Bx%5D=0.811&gravity%5By%5D=0.3443&format=webp&height=748&width=1040&s=aiSkw-XiuLhjbBT6QreVwR86t6rGXR5gZeV9dl4zsko 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&gravity%5Bx%5D=0.811&gravity%5By%5D=0.3443&format=webp&height=1079&width=1500&s=7eLwdPAGXfeHvibt3krB_n_p9ElYpEu0xYsjAHmrmsE 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1981.36_crop.jpg?fit=cover&gravity%5Bx%5D=0.811&gravity%5By%5D=0.3443&format=webp&height=1496&width=2080&s=OvojFYs2RU4WxyFHKrQIwkhnsfy_GCHcNq_6tH0uOPo 2080w" style="object-position: 81.1% 34.43%;"> 952 </div> 953 </div> 954 </a> 955 <div class="pt-12 relative "> 956 <div class="max-w-[430px] mx-auto text-center"> 957 <div class=" 958 uppercase font-title 959 tracking-[2px] leading-[1.125] 960 text-[14px] sm:text-[16px] mb-2 "> 961 Visual Art & Artists 962 </div> 963 964 <h2 class="text-content-quote mt-6"> 965 <a href="https://hnoc.org/exhibitions/bunny-matthews">Bunny Matthews: His Life, Art, and Obsessions</a> 966 </h2> 967 <div class="mt-4"> 968 <div class="text-[16px] sm:text-[18px] leading-[1.5] font-satoshi font-medium"> 969 September 18, 2026 to May 9, 2027 970 </div> </div> 971 <div class="mt-6"> 972 973 974 975 976<a 977 978 target="" 979 class=" relative group overflow-hidden 980 981 border border-transparent 982 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 983 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/exhibitions/bunny-matthews"> 984 <span class="relative z-10 flex justify-center items-center">View 985 <svg class="ml-2" width="7" height="10" viewB
985ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 986 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 987</svg> 988 989 </span> 990 991 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 992flex justify-center items-center transition-all duration-500 993 text-[--buttonBg] 994 bg-[--buttonText] 995 stroke-[--buttonBg] 996"> 997 View 998 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 999 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1000</svg> 1001 1002 </span> 1003 1004</a> </div> 1005 </div> 1006 </div> 1007 </div> 1008 <div class=""> 1009 <a href="https://hnoc.org/exhibitions/musicians-in-art" class="block group"> 1010 <div class=""> 1011 1012 1013 1014 <div class="overflow-hidden relative" style="padding-top:71.923076923077%"> 1015 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="2020 0323 2 001 recto o10" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0323.2_001_recto_o10.jpg?fit=cover&gravity%5Bx%5D=0.5567&gravity%5By%5D=0.9057&width=260&s=0sJdZ-4uysA_LXkDSXYCpG30hvNOGbp6bM5ATnDBOl4" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0323.2_001_recto_o10.jpg?fit=cover&gravity%5Bx%5D=0.5567&gravity%5By%5D=0.9057&format=webp&height=187&width=260&s=DfhmhgEaDP6Px_9aTj8E02Hq1rtgB5WaEFOQxAL9lFo 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0323.2_001_recto_o10.jpg?fit=cover&gravity%5Bx%5D=0.5567&gravity%5By%5D=0.9057&format=webp&height=374&width=520&s=d9aWfFJ_KNcIVeKk4W1RpLSoT8JIuU22e-OsQ20JVxw 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0323.2_001_recto_o10.jpg?fit=cover&gravity%5Bx%5D=0.5567&gravity%5By%5D=0.9057&format=webp&height=748&width=1040&s=5ahc2nDfmEMGkCP9AMHx618LMx0LiWNvLmymgg0rlh8 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0323.2_001_recto_o10.jpg?fit=cover&gravity%5Bx%5D=0.5567&gravity%5By%5D=0.9057&format=webp&height=1079&width=1500&s=zv1j-k8M-jso7VJHDv450w6ITVjIdZzUpyUbDtoXFRA 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2020.0323.2_001_recto_o10.jpg?fit=cover&gravity%5Bx%5D=0.5567&gravity%5By%5D=0.9057&format=webp&height=1496&width=2080&s=vbuHz2g30nDyvW6e_Tsg0Cyi57bJObGPKNZuFRuEK-A 2080w" style="object-position: 55.67% 90.57%;"> 1016 </div> 1017 </div> 1018 </a> 1019 <div class="pt-12 relative "> 1020 <div class="max-w-[430px] mx-auto text-center"> 1021 <div class=" 1022 uppercase font-title 1023 tracking-[2px] leading-[1.125] 1024 text-[14px] sm:text-[16px] mb-2 "> 1025 Music & Musicians 1026 </div> 1027 1028 <h2 class="text-content-quote mt-6"> 1029 <a href="https://hnoc.org/exhibitions/musicians-in-art">New Orleans Musicians in Art: Selections from the Permanent Collection</a> 1030 </h2> 1031 <div class="mt-4"> 1032 <div class="text-[16px] sm:text-[18px] leading-[1.5] font-satoshi font-medium"> 1033 November 4, 2025 to May 16, 2027 1034 </div> </div> 1035 <div class="mt-6"> 1036 1037 1038 1039 1040<a 1041 1042 target="" 1043 class=" relative group overflow-hidden 1044 1045 border border-transparent 1046 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 1047 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/exhibitions/musicians-in-art"> 1048 <span class="relative z-10 flex justify-center items-center">View 1049 <svg class="ml-2" width="7" height="10" viewB
1049ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1050 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1051</svg> 1052 1053 </span> 1054 1055 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 1056flex justify-center items-center transition-all duration-500 1057 text-[--buttonBg] 1058 bg-[--buttonText] 1059 stroke-[--buttonBg] 1060"> 1061 View 1062 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1063 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1064</svg> 1065 1066 </span> 1067 1068</a> </div> 1069 </div> 1070 </div> 1071 </div> 1072 <div class=""> 1073 <a href="https://hnoc.org/exhibitions/two-portraits-by-julien-hudson" class="block group"> 1074 <div class=""> 1075 1076 1077 1078 <div class="overflow-hidden relative" style="padding-top:71.923076923077%"> 1079 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Free Black man wearing a turban (detail), 1835, oil painting by Julien Hudson." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0300.2_003_detail3.jpg?fit=cover&gravity%5Bx%5D=0.2653&gravity%5By%5D=0.6731&width=260&s=Vhb1tIgDlooTaRdWBOWPIRymwhLQKqKZKV-wMvGxjVE" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0300.2_003_detail3.jpg?fit=cover&gravity%5Bx%5D=0.2653&gravity%5By%5D=0.6731&format=webp&height=187&width=260&s=E_gB0DNcScxEL06gc7FRrKvdy0U6Gr70RiR1TsdWQXM 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0300.2_003_detail3.jpg?fit=cover&gravity%5Bx%5D=0.2653&gravity%5By%5D=0.6731&format=webp&height=374&width=520&s=Mam2iY5pve8tx-2Hz8eFB7qwHc_i5B9U0QZ7ThndrWE 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0300.2_003_detail3.jpg?fit=cover&gravity%5Bx%5D=0.2653&gravity%5By%5D=0.6731&format=webp&height=748&width=1040&s=EiUOra-9JQrOh4QrL6BgqPQP-Jl3c4Ktw3RVKem4OAo 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0300.2_003_detail3.jpg?fit=cover&gravity%5Bx%5D=0.2653&gravity%5By%5D=0.6731&format=webp&height=1079&width=1500&s=zwbVxzkzAuKVbQKmOPvpT8qFV7KIVaTDC3_ncK4Rhl8 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0300.2_003_detail3.jpg?fit=cover&gravity%5Bx%5D=0.2653&gravity%5By%5D=0.6731&format=webp&height=1496&width=2080&s=qJCYft6y6I46BgiFhtMwR1H9EMM7ea7gTDPeRE2p21g 2080w" style="object-position: 26.53% 67.31%;"> 1080 </div> 1081 </div> 1082 </a> 1083 <div class="pt-12 relative "> 1084 <div class="max-w-[430px] mx-auto text-center"> 1085 <div class=" 1086 uppercase font-title 1087 tracking-[2px] leading-[1.125] 1088 text-[14px] sm:text-[16px] mb-2 "> 1089 Visual Art & Artists 1090 </div> 1091 1092 <h2 class="text-content-quote mt-6"> 1093 <a href="https://hnoc.org/exhibitions/two-portraits-by-julien-hudson">Two Portraits by Julien Hudson</a> 1094 </h2> 1095 <div class="mt-4"> 1096 <div class="text-[16px] sm:text-[18px] leading-[1.5] font-satoshi font-medium"> 1097 Ongoing 1098 </div> </div> 1099 <div class="mt-6"> 1100 1101 1102 1103 1104<a 1105 1106 target="" 1107 class=" relative group overflow-hidden 1108 1109 border border-transparent 1110 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 1111 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/exhibitions/two-portraits-by-julien-hudson"> 1112 <span class="relative z-10 flex justify-center items-center">View 1113 <svg class="ml-2" width="7" height="10" viewB
1113ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1114 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1115</svg> 1116 1117 </span> 1118 1119 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 1120flex justify-center items-center transition-all duration-500 1121 text-[--buttonBg] 1122 bg-[--buttonText] 1123 stroke-[--buttonBg] 1124"> 1125 View 1126 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1127 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1128</svg> 1129 1130 </span> 1131 1132</a> </div> 1133 </div> 1134 </div> 1135 </div> 1136 <div class=""> 1137 <a href="https://hnoc.org/exhibitions/a-vanishing-bounty" class="block group"> 1138 <div class=""> 1139 1140 1141 1142 <div class="overflow-hidden relative" style="padding-top:71.923076923077%"> 1143 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Illustration of a brown pelican perched on a branch with green leaves in the background. The bird has a long beak and distinctive brown, white, and yellow plumage. The botanical details add a naturalistic setting." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.15.1_o6.jpg?fit=cover&gravity%5Bx%5D=0.6499&gravity%5By%5D=0.143&width=260&s=LMsTVeGdJURuu_S7aCP1fffwW0XEreIm9lW8fgjVr8I" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.15.1_o6.jpg?fit=cover&gravity%5Bx%5D=0.6499&gravity%5By%5D=0.143&format=webp&height=187&width=260&s=DsMyNUTHgvJgGrGtqvgjNmXPJvpBDWYher4NbtEjw-4 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.15.1_o6.jpg?fit=cover&gravity%5Bx%5D=0.6499&gravity%5By%5D=0.143&format=webp&height=374&width=520&s=DkjMnn6GCuXbkyF-IiVyj5iD0UGpBxtNCXh188eaexs 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.15.1_o6.jpg?fit=cover&gravity%5Bx%5D=0.6499&gravity%5By%5D=0.143&format=webp&height=748&width=1040&s=i0BcIBKga7lX6Vnk0ka1nmLqrNEdqildyYzDk5vuBZM 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.15.1_o6.jpg?fit=cover&gravity%5Bx%5D=0.6499&gravity%5By%5D=0.143&format=webp&height=1079&width=1500&s=0g_vC9ErvyCSUL_JKO9qR6Ie7gpj_aw9KiiuHDvN-ZU 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.15.1_o6.jpg?fit=cover&gravity%5Bx%5D=0.6499&gravity%5By%5D=0.143&format=webp&height=1496&width=2080&s=jji0U9ugJstYhyi2YSAikI9im1s3I6q6CkMIUCwd_Z0 2080w" style="object-position: 64.99% 14.3%;"> 1144 </div> 1145 </div> 1146 </a> 1147 <div class="pt-12 relative "> 1148 <div class="max-w-[430px] mx-auto text-center"> 1149 <div class=" 1150 uppercase font-title 1151 tracking-[2px] leading-[1.125] 1152 text-[14px] sm:text-[16px] mb-2 "> 1153 Land Loss & Climate Change 1154 </div> 1155 1156 <h2 class="text-content-quote mt-6"> 1157 <a href="https://hnoc.org/exhibitions/a-vanishing-bounty">A Vanishing Bounty: Louisianaâs Coastal Environment and Culture</a> 1158 </h2> 1159 <div class="mt-4"> 1160 <div class="text-[16px] sm:text-[18px] leading-[1.5] font-satoshi font-medium"> 1161 Ongoing 1162 </div> </div> 1163 <div class="mt-6"> 1164 1165 1166 1167 1168<a 1169 1170 target="" 1171 class=" relative group overflow-hidden 1172 1173 border border-transparent 1174 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 1175 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/exhibitions/a-vanishing-bounty"> 1176 <span class="relative z-10 flex justify-center items-center">View 1177 <svg class="ml-2" width="7" height="10" viewB
1177ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1178 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1179</svg> 1180 1181 </span> 1182 1183 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 1184flex justify-center items-center transition-all duration-500 1185 text-[--buttonBg] 1186 bg-[--buttonText] 1187 stroke-[--buttonBg] 1188"> 1189 View 1190 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1191 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1192</svg> 1193 1194 </span> 1195 1196</a> </div> 1197 </div> 1198 </div> 1199 </div> 1200 <div class=""> 1201 <a href="https://hnoc.org/exhibitions/french-quarter-life" class="block group"> 1202 <div class=""> 1203 1204 1205 1206 <div class="overflow-hidden relative" style="padding-top:71.923076923077%"> 1207 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="French Quarter street scene showing at 710 Toulouse Street, and corner of shuttered building at 714 Toulouse, with a man walking along the street in the darkness, his shadow falling upon the wall. Shows cat beside colonnette supporting balcony, a street light, double doorway of the gateway, laundry hanging on second floor of 710 Toulouse, and ironwork balcony of 714 Toulouse. Shows partial view of balcony and building at corner of Toulouse and Royal Streets." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.91.4_000_no-frame_polarizer_o10.jpg?fit=cover&width=260&s=3QlC3iLsykleBn9Fn-lrKQr4nPzqsvfgd_OSu5leZ_M" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.91.4_000_no-frame_polarizer_o10.jpg?fit=cover&format=webp&height=187&width=260&s=z5UaFt5AhBqMGqMh0ZJ1iLUhNW1TVfk_aWA__QKPgF0 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.91.4_000_no-frame_polarizer_o10.jpg?fit=cover&format=webp&height=374&width=520&s=WKJNc85oN5zVRQaY0P61a5wsefg0zPQqxkIfGNr77C8 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.91.4_000_no-frame_polarizer_o10.jpg?fit=cover&format=webp&height=748&width=1040&s=17eSubG2ImdMdFqlHsMXYQWXlLvb408at3gi2pw29uo 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.91.4_000_no-frame_polarizer_o10.jpg?fit=cover&format=webp&height=1079&width=1500&s=1MHVQmSsq-ssfL4QrP073qPSfsaxhalpaJ8bUylL3fc 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1999.91.4_000_no-frame_polarizer_o10.jpg?fit=cover&format=webp&height=1496&width=2080&s=cxlczXeYZzK2lPYBTDXAdLLMJWu4AcMF2Fz6u9ax9hA 2080w" style="object-position: 50% 50%;"> 1208 </div> 1209 </div> 1210 </a> 1211 <div class="pt-12 relative "> 1212 <div class="max-w-[430px] mx-auto text-center"> 1213 <div class=" 1214 uppercase font-title 1215 tracking-[2px] leading-[1.125] 1216 text-[14px] sm:text-[16px] mb-2 "> 1217 French Quarter Life 1218 </div> 1219 1220 <h2 class="text-content-quote mt-6"> 1221 <a href="https://hnoc.org/exhibitions/french-quarter-life">French Quarter Life: People and Places in the Vieux Carré</a> 1222 </h2> 1223 <div class="mt-4"> 1224 <div class="text-[16px] sm:text-[18px] leading-[1.5] font-satoshi font-medium"> 1225 Ongoing 1226 </div> </div> 1227 <div class="mt-6"> 1228 1229 1230 1231 1232<a 1233 1234 target="" 1235 class=" relative group overflow-hidden 1236 1237 border border-transparent 1238 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 1239 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/exhibitions/french-quarter-life"> 1240 <span class="relative z-10 flex justify-center items-center">View 1241 <svg class="ml-2" width="7" height="10" viewB
1241ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1242 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1243</svg> 1244 1245 </span> 1246 1247 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 1248flex justify-center items-center transition-all duration-500 1249 text-[--buttonBg] 1250 bg-[--buttonText] 1251 stroke-[--buttonBg] 1252"> 1253 View 1254 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1255 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1256</svg> 1257 1258 </span> 1259 1260</a> </div> 1261 </div> 1262 </div> 1263 </div> 1264 <div class=""> 1265 <a href="https://hnoc.org/exhibitions/french-quarter-galleries" class="block group"> 1266 <div class=""> 1267 1268 1269 1270 <div class="overflow-hidden relative" style="padding-top:71.923076923077%"> 1271 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Antique map of a city grid with detailed plots, streets, and buildings. It includes a compass rose and features ships sailing on the river at the bottom. The layout is intricate, showcasing a geometrically organized urban plan." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1939.8_o6.jpg?fit=cover&gravity%5Bx%5D=0.5014&gravity%5By%5D=0.7574&width=260&s=XANsCq63xlcIl8WDl56_nDdZ4Ruph50s_2MYkfpmQcg" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1939.8_o6.jpg?fit=cover&gravity%5Bx%5D=0.5014&gravity%5By%5D=0.7574&format=webp&height=187&width=260&s=ou0FiUrCSA9L5cAVkr2jd124CPI9ADaYpm2NMKpxXm8 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1939.8_o6.jpg?fit=cover&gravity%5Bx%5D=0.5014&gravity%5By%5D=0.7574&format=webp&height=374&width=520&s=68BVb-Vj6IC6VlyENeD8dnQSfR2N4HGaqfWJcf847bw 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1939.8_o6.jpg?fit=cover&gravity%5Bx%5D=0.5014&gravity%5By%5D=0.7574&format=webp&height=748&width=1040&s=a8RkBoLwFa1hjemigfVp9IXzW4ODyG5t0vfPZl3HI-c 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1939.8_o6.jpg?fit=cover&gravity%5Bx%5D=0.5014&gravity%5By%5D=0.7574&format=webp&height=1079&width=1500&s=mmuHuPPV9MddwDErIzz8Zoz2_PuRFy7NIgMZSJQJd14 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1939.8_o6.jpg?fit=cover&gravity%5Bx%5D=0.5014&gravity%5By%5D=0.7574&format=webp&height=1496&width=2080&s=hk4CXTeMRVIFAE8YmYD0xSKgpXyU1mxOMDpGGrYGj44 2080w" style="object-position: 50.14% 75.74%;"> 1272 </div> 1273 </div> 1274 </a> 1275 <div class="pt-12 relative "> 1276 <div class="max-w-[430px] mx-auto text-center"> 1277 <div class=" 1278 uppercase font-title 1279 tracking-[2px] leading-[1.125] 1280 text-[14px] sm:text-[16px] mb-2 "> 1281 French Quarter Life 1282 </div> 1283 1284 <h2 class="text-content-quote mt-6"> 1285 <a href="https://hnoc.org/exhibitions/french-quarter-galleries">French Quarter Galleries</a> 1286 </h2> 1287 <div class="mt-4"> 1288 <div class="text-[16px] sm:text-[18px] leading-[1.5] font-satoshi font-medium"> 1289 Ongoing 1290 </div> </div> 1291 <div class="mt-6"> 1292 1293 1294 1295 1296<a 1297 1298 target="" 1299 class=" relative group overflow-hidden 1300 1301 border border-transparent 1302 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 1303 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/exhibitions/french-quarter-galleries"> 1304 <span class="relative z-10 flex justify-center items-center">View 1305 <svg class="ml-2" width="7" height="10" viewB
1305ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1306 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1307</svg> 1308 1309 </span> 1310 1311 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 1312flex justify-center items-center transition-all duration-500 1313 text-[--buttonBg] 1314 bg-[--buttonText] 1315 stroke-[--buttonBg] 1316"> 1317 View 1318 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1319 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1320</svg> 1321 1322 </span> 1323 1324</a> </div> 1325 </div> 1326 </div> 1327 </div> 1328 </div> 1329</div> 1330 <div class="mb-12 c--node bg-white 1331 mt-12"> 1332 <div class="c--node g--wrapper g--wrapper--small"> 1333 <div class="pb-12 border-b border-pink"> 1334 <div class=""> 1335 1336 1337 1338 1339<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center"> 1340 <div class="col-span-12 1341 md:col-span-5 "> 1342 1343 1344 1345 1346 1347<div> 1348 <div class=" 1349 uppercase font-title 1350 tracking-[2px] leading-[1.125] 1351 text-[14px] sm:text-[16px] mb-2 "> 1352 Visit 1353 </div> 1354 <h3 class="text-title-halfintro mb-6"> 1355 <a class="" href="https://hnoc.org/visit/tours">Tours & Daily Programs</a> 1356 </h3> 1357 <div class="mb-6 text-[16px] sm:text-[18px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium g--section-intro--copy g--highlight-link"> 1358 <p>Get more out of your museum visit with a guided tour, Shortcut Talk, or daily program.</p> 1359 </div> 1360 1361 <div class="flex items-center"> 1362 1363 1364 1365 1366<a 1367 1368 target="" 1369 class=" relative group overflow-hidden 1370 1371 border border-transparent 1372 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 1373 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/visit/tours"> 1374 <span class="relative z-10 flex justify-center items-center">View 1375 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1376 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1377</svg> 1378 1379 </span> 1380 1381 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 1382flex justify-center items-center transition-all duration-500 1383 text-[--buttonBg] 1384 bg-[--buttonText] 1385 stroke-[--buttonBg] 1386"> 1387 View 1388 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1389 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1390</svg> 1391 1392 </span> 1393 1394</a> </div> 1395</div> </div> 1396 1397 1398 <div class="col-span-12 md:col-span-6 md:col-start-7 "> 1399 <a class="block cursor-pointer group" href="https://hnoc.org/visit/tours"> 1400 1401 1402 <div class="overflow-hidden relative" style="padding-top:68.461538461538%"> 1403 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A guide gestures towards a historical photograph on the wall while speaking to a man and a woman in a gallery setting. The wall has an exhibit description titled A Most Dreadful Visitation: Frederick Douglass and The 1887 Riot." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20240307_MysteryandBenevolencewithMysticBrotherhood_ExhibitOpeningReception_MC067_adj_web.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.417&width=260&s=SGAx14DnTQvpacyVzJXJsnulEXx3xw-8AneX4xbRhPQ" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20240307_Mystery
1403andBenevolencewithMysticBrotherhood_ExhibitOpeningReception_MC067_adj_web.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.417&format=webp&height=178&width=260&s=VaEyxtKaOpNoBQHGWSEWU1r80yLWX0NIWgI5YYo353E 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20240307_MysteryandBenevolencewithMysticBrotherhood_ExhibitOpeningReception_MC067_adj_web.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.417&format=webp&height=356&width=520&s=R4DcFnqObFCtdNjqS3MY_DQK0ACcT3MiWHkTxnclkSI 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20240307_MysteryandBenevolencewithMysticBrotherhood_ExhibitOpeningReception_MC067_adj_web.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.417&format=webp&height=712&width=1040&s=3GRSTBctsCj1PCYnNPqNU-6WIVF1HOVPedZ-Q5jrKds 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20240307_MysteryandBenevolencewithMysticBrotherhood_ExhibitOpeningReception_MC067_adj_web.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.417&format=webp&height=1027&width=1500&s=AQHSfKDrTm-RfbMSVi7jYQg_OVjz_TZKkA39qpbYfU0 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20240307_MysteryandBenevolencewithMysticBrotherhood_ExhibitOpeningReception_MC067_adj_web.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.417&format=webp&height=1424&width=2080&s=HxtH7CsRwM428XZfsnMt9yXcD3HYF56bvD_DqIPFrjI 2080w" style="object-position: 50.11% 41.7%;"> 1404 </div> 1405 </a> </div> 1406 </div> 1407 </div> 1408 </div> 1409 </div> 1410 </div> 1411 1412 1413 <div class="c--remove-previous-border lg:mt-12 py-15 bg-purple flex items-center justify-center flex-col c--remove-previous-border text-center"> 1414 <div class="g--wrapper"> 1415 <div class=" 1416 uppercase font-title 1417 tracking-[2px] leading-[1.125] 1418 text-[14px] sm:text-[16px] mb-2 "> 1419 Visit 1420 </div> 1421 <h3 class="text-subtitle-page mt-2 font-title uppercase"><p>Museum Admission is Always Freeâ¨</p></h3> 1422 <div class="mt-10"> 1423 1424 1425 1426 1427<a 1428 1429 target="" 1430 class="get-tickets-banner relative group overflow-hidden 1431 1432 border border-transparent 1433 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 1434 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://my.hnoc.org/events?promo=ticketshome"> 1435 <span class="relative z-10 flex justify-center items-center">Get Tickets 1436 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1437 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1438</svg> 1439 1440 </span> 1441 1442 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 1443flex justify-center items-center transition-all duration-500 1444 text-[--buttonBg] 1445 bg-[--buttonText] 1446 stroke-[--buttonBg] 1447"> 1448 Get Tickets 1449 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1450 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1451</svg> 1452 1453 </span> 1454 1455</a> </div> 1456 </div> 1457 </div> 1458 1459 1460 <div class="mt-10 mb-10 bg-white 1461 "> 1462 <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4"> 1463 <div class="w-full flex-grow md:w-auto"> 1464 <h2 class="text-subtitle-page uppercase font-title"> 1465 Latest News 1466</h2> 1467 </div> 1468 <a class="relative group overflow-hidden flex-shrink-0 stroke-green text-green border-green border text-[18px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 px-5 font-satoshi font-medium flex items-center justify-center" href="https://hnoc.org/news"> 1469 Browse All
1470 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1471 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1472</svg> 1473 1474 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 1475flex justify-center items-center transition-all duration-500 1476stroke-white 1477 bg-green 1478 text-white 1479"> 1480 Browse All 1481 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1482 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1483</svg> 1484 1485 </span> 1486 1487</a> </div> 1488 </div> 1489 <div class="g--wrapper g--wrapper--small my-12"> 1490 1491<div class="w-full md:w-[calc(100%+2rem)] lg:w-[calc(100%+3rem-var(--scrollbar-width))] xl:w-[calc(100%+50vw-610px+3.5rem-var(--scrollbar-width)))] flex swiper" g-component="CarouselSwiper"> 1492 <div class="swiper-wrapper "> 1493 <div class="min-h-full flex swiper-slide !h-auto lg:!w-[35%] 1494 p-1 1495"> 1496 <div class="flex-grow flex flex-col pb-5 h-full"> 1497 <a class="group" href="https://hnoc.org/news/hnoc-hosts-her-majesty-queen-sofia-of-spain-for-america-spain250-symposium-september-24-26"> 1498 <div class="hidden sm:block"> 1499 1500 1501 1502 <div class="overflow-hidden relative" style="padding-top:66.153846153846%"> 1503 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="HNOC CEO and President Daniel Hammer greets Her Majesty Queen SofÃa of Spain outside the Williams Research Center." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&width=260&s=CyLs7CPvb81R6f8y6gwMcJ7Z_4wf5uu0XudYXuxBV8c" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&format=webp&height=172&width=260&s=rKJk8-nps_5cwqUSFzwfuUJ943qYfFnEA1dfj_AHVWY 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&format=webp&height=344&width=520&s=kY6mw25PxN1Y5kUXbP_-D7UGlzgEeAfaADo-ddnXnzs 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&format=webp&height=688&width=1040&s=H9_TIMsJWV07DBzzjCpj1VsybCGXdD9Q1wqKe2weGdg 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&format=webp&height=993&width=1500&s=YXwEiM5WeLOt0ivDD-UHK149Nc7rgzIYpdopiLIySHM 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&format=webp&height=1376&width=2080&s=XvCz7P6l06oEn7c2JfrpVAqJuJuljWHzEKWaaPS_veM 2080w" style="object-position: 50% 50%;"> 1504 </div> 1505 </div> 1506 <div class=" sm:hidden"> 1507 1508 1509 1510 <div class="overflow-hidden relative" style="padding-top:50%"> 1511 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="HNOC CEO and President Daniel Hammer greets Her Majesty Queen SofÃa of Spain outside the Williams Research Center." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&width=260&s=CyLs7CPvb81R6f8y6gwMcJ7Z_4wf5uu0XudYXuxBV8c" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&format=webp&height=130&width=260&s=ASEH1haOQbFUHPpsQtH-3AsAQgSqcupWZf6d7N0krFI 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&format=webp&height=260&width=520&s=QS7dm7J-aMYHoH3nNpnNROGggREngje8k76oVJzbQvM 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&format=webp&height=520&width=1040&s=KnRl_RKATehYPX1lvz3EqlF1kkZ-kPaa0juSoT2IOmM 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&format=webp&height=750&width=1500&s=NRV2DnOKvXwQOlwpAlrLE_sk8Dsp1q1lQBk2VQYIa1w 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Daniel-Hammer-greets-Queen-Sofia-of-Spain.png?fit=cover&format=webp&height=1040&width=2080&s=3Q_Vhymw8n32Pi89cLzqcSLorNnA6xWCnTUw5NjAN9M 2080w" style="object-position: 50% 50%;"> 1512 </div> 1513 </div> 1514 </a> 1515 <div class="flex-grow px-4 py-3 md:px-7 md:py-6 c--square-section-dropshadow"> 1516 <h2 class="font-title lg:text-carousel-title"><a href="https://hnoc.org/news/hnoc-hosts-her-majesty-queen-sofia-of-spain-for-america-spain250-symposium-september-24-26">HNOC Hosts Her Majesty Queen SofÃa of Spain for America&Spain250 Symposium</a></h2> 1517 <div class="font-satoshi text-[16px] sm:text-[18px] mt-2 font-medium"> 1518 Presented September 24â26, the symposium offered an engaging exploration of Spanish Louisianaâs strategic, social, and cultural role during the American Revolution. 1519 </div> 1520 <div class="mt-4"> 1521 1522<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/news/hnoc-hosts-her-majesty-queen-sofia-of-spain-for-america-spain250-symposium-september-24-26"> 1523 Learn More
1524 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1525 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1526</svg> 1527 1528</a> </div> 1529 </div> 1530 </div> 1531 </div> 1532 <div class="min-h-full flex swiper-slide !h-auto lg:!w-[22.15%] 1533 p-1 1534"> 1535 <div class="flex-grow flex flex-col pb-5 h-full"> 1536 <a class="group" href="https://hnoc.org/news/gambit-weekly-spotlights-bunny-matthews-book-and-exhibition"> 1537 <div class="hidden sm:block"> 1538 1539 1540 1541 <div class="overflow-hidden relative" style="padding-top:100%"> 1542 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Bunny Matthews, photographed at his home/studio in Abita Springs in 1990." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&gravity%5Bx%5D=0.7037&gravity%5By%5D=0.5531&width=260&s=QLSb9GSBNZMRb7zrmEo_NlYoEUx6BKGA2pvMtRaDJZw" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&gravity%5Bx%5D=0.7037&gravity%5By%5D=0.5531&format=webp&height=260&width=260&s=y2M4TFpoAenlyTgBRZzTcnWOh-1-tMYllW1Z98v_Deg 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&gravity%5Bx%5D=0.7037&gravity%5By%5D=0.5531&format=webp&height=520&width=520&s=7iSGM9Hmk_tamIp1n7if85EaYudDoyAQSOR0UhBjCPo 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&gravity%5Bx%5D=0.7037&gravity%5By%5D=0.5531&format=webp&height=1040&width=1040&s=vJPwPB-923pt_mby2iR9mTzpgM0ya85cMS3luXY5dY0 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&gravity%5Bx%5D=0.7037&gravity%5By%5D=0.5531&format=webp&height=1500&width=1500&s=8SGcU27xy0Si4UIl9gV_Q-p_7CySlaUz0Oo4qUNrCI4 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&gravity%5Bx%5D=0.7037&gravity%5By%5D=0.5531&format=webp&height=2080&width=2080&s=f46v10LgYPA_vyt0yGQJidDgPlvzRAvNFyc7ouvatiY 2080w" style="object-position: 70.37% 55.31%;"> 1543 </div> 1544 </div> 1545 <div class=" sm:hidden"> 1546 1547 1548 1549 <div class="overflow-hidden relative" style="padding-top:50%"> 1550 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Bunny Matthews, photographed at his home/studio in Abita Springs in 1990." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&gravity%5Bx%5D=0.7037&gravity%5By%5D=0.5531&width=260&s=QLSb9GSBNZMRb7zrmEo_NlYoEUx6BKGA2pvMtRaDJZw" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&gravity%5Bx%5D=0.7037&gravity%5By%5D=0.5531&format=webp&height=130&width=260&s=snqUmDzTfpeREBxMzYdZ2dwT82xTE6EXyGOqd9zk84k 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&gravity%5Bx%5D=0.7037&gravity%5By%5D=0.5531&format=webp&height=260&width=520&s=jxE3fxIkxuE8Sr_5GsmwLQw8_77I0Yz9AIrkqHUMLPU 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&gravity%5Bx%5D=0.7037&gravity%5By%5D=0.5531&format=webp&height=520&width=1040&s=8DmGcIyo2_K0DW1Z1UZESvItGh2rE2H01NNH1rTMkPc 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&gravity%5Bx%5D=0.7037&gravity%5By%5D=0.5531&format=webp&height=750&width=1500&s=lSGmwI0NMtQ5-aWOwzVsjrAmQ_UqU94ETuC0m6piKWM 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-photo-Times-Picayune-Harriet-Blum.jpg?fit=cover&gravity%5Bx%5D=0.7037&gravity%5By%5D=0.5531&format=webp&height=1040&width=2080&s=92ACIkZehydQRIMPt86PiNIseDIlwA6pSI5AJYWu5f4 2080w" style="object-position: 70.37% 55.31%;"> 1551 </div> 1552 </div> 1553 </a> 1554 <div class="flex-grow px-4 py-3 md:px-7 md:py-6 c--square-section-dropshadow"> 1555 <h2 class="font-title text-carousel-title-small"><a href="https://hnoc.org/news/gambit-weekly-spotlights-bunny-matthews-book-and-exhibition">Gambit Weekly Spotlights Upcoming Bunny Matthews Book and Exhibition</a></h2> 1556 <div class="font-satoshi text-[16px] sm:text-[18px] mt-2 font-medium"> 1557 The article and podcast episode preview HNOCâs exhibition and book, âBunny Matthews: His Life, Art, and Obsessions,â launching September 18. 1558 </div> 1559 <div class="mt-4"> 1560 1561<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/news/gambit-weekly-spotlights-bunny-matthews-book-and-exhibition"> 1562 Learn More
1563 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1564 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1565</svg> 1566 1567</a> </div> 1568 </div> 1569 </div> 1570 </div> 1571 <div class="min-h-full flex swiper-slide !h-auto lg:!w-[22.15%] 1572 p-1 1573"> 1574 <div class="flex-grow flex flex-col pb-5 h-full"> 1575 <a class="group" href="https://hnoc.org/news/wwl-tv-previews-bunny-matthews-exhibition-opening-september-18"> 1576 <div class="hidden sm:block"> 1577 1578 1579 1580 <div class="overflow-hidden relative" style="padding-top:100%"> 1581 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="HNOC Curatorial Cataloger Emily Perkins speaks on WWL-TV New Orleans." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&gravity%5Bx%5D=0.4628&gravity%5By%5D=0.3384&width=260&s=FXVy3xPfRSha4O2LZxWK8Qr-1XLhL_nqR1cukLtApPs" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&gravity%5Bx%5D=0.4628&gravity%5By%5D=0.3384&format=webp&height=260&width=260&s=Bng16-MHXDXCTnmeO_qRENweAWS6kkCI3ILD6XiWTHE 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&gravity%5Bx%5D=0.4628&gravity%5By%5D=0.3384&format=webp&height=520&width=520&s=zXZdzbe19xKnKvkWXueTNkv9eCJcKUEHvHM_9dH0E-Y 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&gravity%5Bx%5D=0.4628&gravity%5By%5D=0.3384&format=webp&height=1040&width=1040&s=E-vS4zy0l-gBI5HS6YHmL1h2zTw5NLtGjS5Dhpbf914 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&gravity%5Bx%5D=0.4628&gravity%5By%5D=0.3384&format=webp&height=1500&width=1500&s=pY1sWxdDhuK8MBjqESAlR0YKVLcXihuT0JAKvmnFzPA 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&gravity%5Bx%5D=0.4628&gravity%5By%5D=0.3384&format=webp&height=2080&width=2080&s=wUKPySGrfscNE1ugoqacpMBzWxxxxFWAd1KjaI2gTCo 2080w" style="object-position: 46.28% 33.84%;"> 1582 </div> 1583 </div> 1584 <div class=" sm:hidden"> 1585 1586 1587 1588 <div class="overflow-hidden relative" style="padding-top:50%"> 1589 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="HNOC Curatorial Cataloger Emily Perkins speaks on WWL-TV New Orleans." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&gravity%5Bx%5D=0.4628&gravity%5By%5D=0.3384&width=260&s=FXVy3xPfRSha4O2LZxWK8Qr-1XLhL_nqR1cukLtApPs" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&gravity%5Bx%5D=0.4628&gravity%5By%5D=0.3384&format=webp&height=130&width=260&s=VhOJ1KsKeYQe9GnETALOkDLL1nErdscZ5NWh1y2GY1w 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&gravity%5Bx%5D=0.4628&gravity%5By%5D=0.3384&format=webp&height=260&width=520&s=QrHQ_lgzcwW6WuWss5WrWxwPTAUv78H7yi9sLXhCVF8 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&gravity%5Bx%5D=0.4628&gravity%5By%5D=0.3384&format=webp&height=520&width=1040&s=FxCAewp7vjsZ4CwFTuT79qAlYRX-qn9vUt_xt3Ydo2s 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&gravity%5Bx%5D=0.4628&gravity%5By%5D=0.3384&format=webp&height=750&width=1500&s=DrloStc_nFlE6_ayQYhyTP8geEvKYxsRbC6Ocaf9KX4 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Emily-Perkins-WWLTV-Bunny-Matthews.jpg?fit=cover&gravity%5Bx%5D=0.4628&gravity%5By%5D=0.3384&format=webp&height=1040&width=2080&s=BdY1BI3u0f9MLH77hdO3I92-thFEwAvACirpl8YR08c 2080w" style="object-position: 46.28% 33.84%;"> 1590 </div> 1591 </div> 1592 </a> 1593 <div class="flex-grow px-4 py-3 md:px-7 md:py-6 c--square-section-dropshadow"> 1594 <h2 class="font-title text-carousel-title-small"><a href="https://hnoc.org/news/wwl-tv-previews-bunny-matthews-exhibition-opening-september-18">WWL-TV Previews Bunny Matthews Exhibition Opening September 18</a></h2> 1595 <div class="font-satoshi text-[16px] sm:text-[18px] mt-2 font-medium"> 1596 Curatorial Cataloger Emily Perkins discu
1596sses how âBunny Matthews: His Life, Art, and Obsessionsâ will bring the New Orleans artistâs work to life. 1597 </div> 1598 <div class="mt-4"> 1599 1600<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/news/wwl-tv-previews-bunny-matthews-exhibition-opening-september-18"> 1601 Learn More 1602 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1603 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1604</svg> 1605 1606</a> </div> 1607 </div> 1608 </div> 1609 </div> 1610 <div class="min-h-full flex swiper-slide !h-auto lg:!w-[22.15%] 1611 p-1 1612"> 1613 <div class="flex-grow flex flex-col pb-5 h-full"> 1614 <a class="group" href="https://hnoc.org/news/september-issue-of-antigravity-magazine-explores-life-of-bunny-matthews"> 1615 <div class="hidden sm:block"> 1616 1617 1618 1619 <div class="overflow-hidden relative" style="padding-top:100%"> 1620 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A black and white photo of authors Michael Tisserand and Allison Fensterstock sitting at a table talking to Jude Matthews. A copy of the book "Bunny Matthews: His Life, Art, and Obsessions" is on the table." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&gravity%5Bx%5D=0.4036&gravity%5By%5D=0.2973&width=260&s=xsAvrSlT1HGBIa6bhRWslcDspTAnd_nOTUjzmZlr-2c" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&gravity%5Bx%5D=0.4036&gravity%5By%5D=0.2973&format=webp&height=260&width=260&s=cXUN5vf27dliPdP1kb1fDh0HwbgTe8258LW2D6Ad5Rw 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&gravity%5Bx%5D=0.4036&gravity%5By%5D=0.2973&format=webp&height=520&width=520&s=9jCOb9WbcJBeHizGrXxs7lQ27jIVML9p35mnfPqtlOo 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&gravity%5Bx%5D=0.4036&gravity%5By%5D=0.2973&format=webp&height=1040&width=1040&s=6_1mdKXwR6EAP-1UvdXtblvRZGXj4zfQ_NvhJQCNYRE 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&gravity%5Bx%5D=0.4036&gravity%5By%5D=0.2973&format=webp&height=1500&width=1500&s=Qru_us9nNtRWaAeX-JxUaqEhpYXDgqy-bD-IqS0MGkc 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&gravity%5Bx%5D=0.4036&gravity%5By%5D=0.2973&format=webp&height=2080&width=2080&s=cZWjp6r_Q70vBVboXD14uOJnp3VLUe6rh60ogz5b6bE 2080w" style="object-position: 40.36% 29.73%;"> 1621 </div> 1622 </div> 1623 <div class=" sm:hidden"> 1624 1625 1626 1627 <div class="overflow-hidden relative" style="padding-top:50%"> 1628 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A black and white photo of authors Michael Tisserand and Allison Fensterstock sitting at a table talking to Jude Matthews. A copy of the book "Bunny Matthews: His Life, Art, and Obsessions" is on the table." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&gravity%5Bx%5D=0.4036&gravity%5By%5D=0.2973&width=260&s=xsAvrSlT1HGBIa6bhRWslcDspTAnd_nOTUjzmZlr-2c" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&gravity%5Bx%5D=0.4036&gravity%5By%5D=0.2973&format=webp&height=130&width=260&s=XH3KfVYA1hc2nmUEMUHip3cX7fWht1VbnGpPju0F9_Q 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&gravity%5Bx%5D=0.4036&gravity%5By%5D=0.2973&format=webp&height=260&width=520&s=PX3_y30RSJRSnUkvHGY5dsNfvUnT2eHUj0Xy9uvDyuo 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&gravity%5Bx%5D=0.4036&gravity%5By%5D=0.2973&format=webp&height=520&width=1040&s=XrVAD0ODxbXmnGTN-ejWY2YSQ0Cop6i32UzYuhAwViQ 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&gravity%5Bx%5D=0.4036&gravity%5By%5D=0.2973&format=webp&height=750&width=1500&s=Uh0QK9UDHwhK0mJeVyQcDEdV2NAaZSEaJbV6705q20c 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/ANTIGRAVITY-SEPTEMBER-2026-Bunny-Matthews-Jude-Matthews-Michael-Tisserand-Alison-Fensterstock-by-Dan-Fox-768x513.jpg?fit=cover&gravity%5Bx%5D=0.4036&gravity%5By%5D=0.2973&format=webp&height=1040&width=2080&s=nIza5P66Ec4CdK7KyY9XwjANW4jwLbllL1Dib7mxJCA 2080w" style="object-position: 40.36% 29.73%;"> 1629 </div> 1630 </div> 1631 </a> 1632 <div class="flex-grow px-4 py-3 md:px-7 md:py-6 c--square-section-dropshadow"> 1633 <h2 class="font-title text-carousel-title-small"><a href="https://hnoc.org/news/september-issue-of-antigravity-magazine-explores-life-of-bunny-matthews">September Issue of ANTIGRAVITY Magazine Explores Life of Bunny Matthews</a></h2> 1634 <div class="font-satoshi text-[16px] sm:text-[18px] mt-2 font-medium"> 1635 Authors Michael Tisserand and Alison Fensterstock, joined by son Jude Matthews, discuss the complicated subject of âBunny Matthews: His Life, Art, and Obsessions.â 1636 </div> 1637 <div class="mt-4"> 1638 1639<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/news/september-issue-of-antigravity-magazine-explores-life-of-bunny-matthews"> 1640 Learn More
1641 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1642 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1643</svg> 1644 1645</a> </div> 1646 </div> 1647 </div> 1648 </div> 1649 <div class="min-h-full flex swiper-slide !h-auto lg:!w-[22.15%] 1650 p-1 1651"> 1652 <div class="flex-grow flex flex-col pb-5 h-full"> 1653 <a class="group" href="https://hnoc.org/news/bunny-matthews-book-events"> 1654 <div class="hidden sm:block"> 1655 1656 1657 1658 <div class="overflow-hidden relative" style="padding-top:100%"> 1659 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Authors Michael Tisserand and Allison Fensterstock sit at a table signing copies of their book "Bunny Matthews: His Life, Art, and Obsessions."" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.2677&width=260&s=6Z7Ga07mT_a4kSVifbvLqFVESPq1RYAd32t4Hc6sHrA" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.2677&format=webp&height=260&width=260&s=UhZB8rni1QDapHKiFQPlxGYIo0cMphKUXjDbcYvnRYc 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.2677&format=webp&height=520&width=520&s=8TbBxcgirYuiN4PjQomoXKIXh_if1GqqypIXwEBpnA0 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.2677&format=webp&height=1040&width=1040&s=Mpco2RsibxMmRf9kAo19O7r8pAvK066TWvAhSjwdoxI 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.2677&format=webp&height=1500&width=1500&s=0KaBh9FUqlimBCEeZUN80Qz8RXmQPpUR_crblnjN7ZU 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.2677&format=webp&height=2080&width=2080&s=I3HWRrK9T7YhiKLX6d8UtPjzW4Qk0OcBprSasz1vuhA 2080w" style="object-position: 50.11% 26.77%;"> 1660 </div> 1661 </div> 1662 <div class=" sm:hidden"> 1663 1664 1665 1666 <div class="overflow-hidden relative" style="padding-top:50%"> 1667 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Authors Michael Tisserand and Allison Fensterstock sit at a table signing copies of their book "Bunny Matthews: His Life, Art, and Obsessions."" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.2677&width=260&s=6Z7Ga07mT_a4kSVifbvLqFVESPq1RYAd32t4Hc6sHrA" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.2677&format=webp&height=130&width=260&s=7kGLOUOj0_Drq1B4bujdgn-qxjCsf_oCH_BAd6Am5Lc 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.2677&format=webp&height=260&width=520&s=ZlIwPlf571NDL7rjt6S3MoYlr8RCE_Uo5k1ZM6kioo4 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.2677&format=webp&height=520&width=1040&s=IKr1krpwIjwUrpWpBYeeHdsOUbjAsLzgrRH2dNSHssA 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.2677&format=webp&height=750&width=1500&s=Mg1yWtbF5V--4JOFTg24erpOiB1JjpaI5R5dU2-dwwo 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Michael-and-Allison-signing-Bunny-books.jpg?fit=cover&gravity%5Bx%5D=0.5011&gravity%5By%5D=0.2677&format=webp&height=1040&width=2080&
1667s=MbWSi9EBs1YwgTwBJPMANk9baxG-qZaUVfXZXvbdRHQ 2080w" style="object-position: 50.11% 26.77%;"> 1668 </div> 1669 </div> 1670 </a> 1671 <div class="flex-grow px-4 py-3 md:px-7 md:py-6 c--square-section-dropshadow"> 1672 <h2 class="font-title text-carousel-title-small"><a href="https://hnoc.org/news/bunny-matthews-book-events">Mark Your Calendar for These Upcoming Bunny Matthews Book Events</a></h2> 1673 <div class="font-satoshi text-[16px] sm:text-[18px] mt-2 font-medium"> 1674 Join us for New Orleans-area events and book signings celebrating the release of HNOCâs publication âBunny Matthews: His Life, Art, and Obsessions.â 1675 </div> 1676 <div class="mt-4"> 1677 1678<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/news/bunny-matthews-book-events"> 1679 Learn More 1680 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1681 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1682</svg> 1683 1684</a> </div> 1685 </div> 1686 </div> 1687 </div> 1688 </div> 1689 1690 <div class="relative sm:static"> 1691 <div class="sm:hidden w-[calc(100%-96px)] transform top-1/2 -translate-y-1/2 absolute left-1/2 -translate-x-1/2"> 1692 <div class="swiper-pagination !top-0 !bottom-0 flex"></div> 1693 </div> 1694 <div class="hidden sm:block "> 1695 <div class="swiper-pagination flex"></div> 1696 </div> 1697 1698 <div class="hidden sm:block"> 1699 <div class="swiper-button-prev"> 1700 <div class="w-[44px] hover:bg-white bg-white/80 p-2.5 border border-green rounded-full"> 1701 <svg class="flickity-button-icon" viewBox="0 0 100 100"><title>Previous</title> 1702 <path d="M 10, 50 1703 L 60, 100 1704 L 65, 95 1705 L 20, 50 1706 L 65, 5 1707 L 60, 0 1708 Z" class="arrow"></path> 1709 </svg> 1710 </div> 1711</div> 1712<div class="swiper-button-next"> 1713 <div class="w-[44px] hover:bg-white bg-white/80 p-2.5 border border-green rounded-full"> 1714 <svg class="flickity-button-icon" viewBox="0 0 100 100"><title>Next</title> 1715 <path d="M 10, 50 1716 L 60, 100 1717 L 65, 95 1718 L 20, 50 1719 L 65, 5 1720 L 60, 0 1721 Z" class="arrow" transform="translate(100, 100) rotate(180)"></path> 1722 </svg> 1723 </div> 1724</div> 1725 </div> 1726 <div class="sm:hidden w-full flex items-center justify-between"> 1727 <div class="!relative !mt-0 !top-0 swiper-button-prev !left-0"> 1728 <div class="w-[44px] hover:bg-white bg-white/80 p-2.5 border border-green rounded-full"> 1729 <svg class="flickity-button-icon" viewBox="0 0 100 100"><title>Previous</title> 1730 <path d="M 10, 50 1731 L 60, 100 1732 L 65, 95 1733 L 20, 50 1734 L 65, 5 1735 L 60, 0 1736 Z" class="arrow"></path> 1737 </svg> 1738 </div> 1739</div> 1740<div class="!relative !mt-0 !top-0 swiper-button-next !right-0"> 1741 <div class="w-[44px] hover:bg-white bg-white/80 p-2.5 border border-green rounded-full"> 1742 <svg class="flickity-button-icon" viewBox="0 0 100 100"><title>Next</title> 1743 <path d="M 10, 50 1744 L 60, 100 1745 L 65, 95 1746 L 20, 50 1747 L 65, 5 1748 L 60, 0 1749 Z" class="arrow" transform="translate(100, 100) rotate(180)"></path> 1750 </svg> 1751 </div> 1752</div> 1753 </div> 1754</div> 1755</div></div> 1756 1757 <div class="mt-10 mb-10 bg-white 1758 "> 1759 <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4"> 1760 <div class="w-full flex-grow md:w-auto"> 1761 <h2 class="text-subtitle-page uppercase font-title"> 1762 Upcoming Events 1763</h2> 1764 </div> 1765 <a class="relative group overflow-hidden flex-shrink-0 stroke-green text-green border-green border text-[18px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 px-5 font-satoshi font-medium flex items-center justify-center" href="https://hnoc.org/events"> 1766 View More
1767 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1768 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1769</svg> 1770 1771 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 1772flex justify-center items-center transition-all duration-500 1773stroke-white 1774 bg-green 1775 text-white 1776"> 1777 View More 1778 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1779 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1780</svg> 1781 1782 </span> 1783 1784</a> </div> 1785 </div> 1786 <div class="g--wrapper g--wrapper--small my-12"> 1787 <div id="component-qbyvwh" class="sprig-component" data-hx-target="this" data-hx-include="this" data-hx-trigger="refresh" data-hx-get="https://hnoc.org/actions/sprig-core/components/render" data-hx-vals="{"sprig:config":"909d0893e789a54a3d08c6fd1fe385f36772ece4579c198c1eedbf737e3ba68c{\u0022id\u0022:\u0022component-qbyvwh\u0022,\u0022siteId\u0022:1,\u0022template\u0022:\u0022components\\\/_c--calendar--sprig\u0022,\u0022variables\u0022:{\u0022showSearchBar\u0022:false,\u0022signatureProgramIds\u0022:[],\u0022eventTypesIds\u0022:[],\u0022topicsIds\u0022:[],\u0022onlyUpcoming\u0022:true,\u0022onlyPast\u0022:false,\u0022entryId\u0022:5818}}"}"> 1788 1789<div id="results"> 1790 1791 1792 1793 1794 1795 1796 1797 <div class="pb-10 mb-10 border-b border-terra"> 1798 1799 1800 1801<div class="grid grid-cols-12 gap-x-4 sm:gap-x-7.5 gap-y-4"> 1802 <div class="col-span-12 sm:col-span-3 flex flex-col justify-between order-1 sm:order-1"> 1803 <div class=""> 1804 <div class="text-carousel-title font-title mt-1"> 1805 October 5 to October 19, 2026 1806 </div> 1807 </div> 1808 <div class="hidden sm:block"> 1809 <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium"> 1810 HNOC Travel</div> </div> 1811 </div> 1812 <div class="col-span-12 sm:col-span-5 order-3 sm:order-2"> 1813 <div class=" 1814 uppercase font-title 1815 tracking-[2px] leading-[1.125] 1816 text-[14px] sm:text-[16px] mb-2 "> 1817 HNOC Travel 2026 1818 </div> 1819 <h2 class="text-[26px] -mt-1 sm:mt-0 sm:text-carousel-title"> 1820 <a class="hover:underline" href="https://hnoc.org/events/hnoc-travel-2026">Vietnam and Cambodia</a> 1821 </h2> 1822 <div class="mt-3"> 1823 <div class="text-[16px] sm:text-[18px] leading-[1.55] font-satoshi font-medium"> 1824 Join us for an unforgettable journey to Southeast Asiaâs mainland as we explore the incredibly rich cultural heritage of Vietnam and Cambodia. 1825 </div> </div> 1826 <div class="mt-2 sm:hidden"> 1827 <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium"> 1828 HNOC Travel</div> </div> 1829 <div class="flex items-center mt-5 flex-wrap gap-x-4 gap-y-4"> 1830 1831<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/events/hnoc-travel-2026"> 1832 Read More 1833 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1834 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1835</svg> 1836 1837</a> <div g-component="TicketLinkItem" g-options="{"entryId":80758}"></div> 1838 1839 </div> 1840 </div> 1841 <div class="col-span-12 sm:col-span-4 order-2 sm:order-3"> 1842 <a class="block group" href="https://hnoc.org/events/hnoc-travel-2026"> 1843 1844 1845 1846 <div class="overflow-hidden relative" style="padding-top:66.923076923077%"> 1847 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Statues at Siem Reap Bridge" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Siem-Reap-Bridge_b
1847y-Graham-Hobster_No-Attribution-Required-pixabay_2025-10-02-203316_onlv.jpg?fit=cover&gravity%5Bx%5D=0.3888&gravity%5By%5D=0.3182&width=260&s=BF9q_VvKakBjVzpBH-VV4WgyTheo4JQBnm00Ag1UsXg" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Siem-Reap-Bridge_by-Graham-Hobster_No-Attribution-Required-pixabay_2025-10-02-203316_onlv.jpg?fit=cover&gravity%5Bx%5D=0.3888&gravity%5By%5D=0.3182&format=webp&height=174&width=260&s=jkYWvLy41DvkIuoI84UvcHE-K4SBTGf7RG9gbqv-vmc 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Siem-Reap-Bridge_by-Graham-Hobster_No-Attribution-Required-pixabay_2025-10-02-203316_onlv.jpg?fit=cover&gravity%5Bx%5D=0.3888&gravity%5By%5D=0.3182&format=webp&height=348&width=520&s=I2nI9cQzSW2kHrhtugPHnj1Mz6t-p9lQf13Ddr0hej0 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Siem-Reap-Bridge_by-Graham-Hobster_No-Attribution-Required-pixabay_2025-10-02-203316_onlv.jpg?fit=cover&gravity%5Bx%5D=0.3888&gravity%5By%5D=0.3182&format=webp&height=696&width=1040&s=bMYxLAW3WG497cyOPnYRx6MjQ7kXK8jcUK4tRHgVgnE 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Siem-Reap-Bridge_by-Graham-Hobster_No-Attribution-Required-pixabay_2025-10-02-203316_onlv.jpg?fit=cover&gravity%5Bx%5D=0.3888&gravity%5By%5D=0.3182&format=webp&height=1004&width=1500&s=zoYluB8VVwLMj23p9E9opASWBrYR27mG7M0FgSg1E9U 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Siem-Reap-Bridge_by-Graham-Hobster_No-Attribution-Required-pixabay_2025-10-02-203316_onlv.jpg?fit=cover&gravity%5Bx%5D=0.3888&gravity%5By%5D=0.3182&format=webp&height=1392&width=2080&s=NYuamXgBxVN15OJPiG8QEHblGKoM_QIHv_3B6E4BuXA 2080w" style="object-position: 38.88% 31.82%;"> 1848 </div> 1849 </a> 1850 </div> 1851</div> </div> 1852 <div class="pb-10 mb-10 border-b border-terra"> 1853 1854 1855 1856<div class="grid grid-cols-12 gap-x-4 sm:gap-x-7.5 gap-y-4"> 1857 <div class="col-span-12 sm:col-span-3 flex flex-col justify-between order-1 sm:order-1"> 1858 <div class=""> 1859 <div class="text-[16px] tracking-[2px] leading-[1.125] uppercase mb-2 font-title"> 1860 Saturday 1861 </div> 1862 <div class="text-carousel-title font-title mt-1"> 1863 October 10, 2026 1864 </div> 1865 <div class="font-satoshi font-medium text-[18px] mt-2"> 1866 11 a.m.â4 p.m. 1867 </div> 1868 </div> 1869 <div class="hidden sm:block"> 1870 <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium"> 1871 Symposium, Lecture, Film</div> </div> 1872 </div> 1873 <div class="col-span-12 sm:col-span-5 order-3 sm:order-2"> 1874 <h2 class="text-[26px] -mt-1 sm:mt-0 sm:text-carousel-title"> 1875 <a class="hover:underline" href="https://hnoc.org/events/remaking-revolution-history-in-popular-culture">Remaking Revolution: History in Popular Culture</a> 1876 </h2> 1877 <div class="mt-3"> 1878 <div class="text-[16px] sm:text-[18px] leading-[1.55] font-satoshi font-medium"> 1879 In this mini symposium, explore how film, music, video games, and media continually reshape our modern understanding of revolutionary ideas. 1880 </div> </div> 1881 <div class="mt-2 sm:hidden"> 1882 <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium"> 1883 Symposium, Lecture, Film</div> </div> 1884 <div class="flex items-center mt-5 flex-wrap gap-x-4 gap-y-4"> 1885 1886<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/events/remaking-revolution-history-in-popular-culture"> 1887 Read More
1888 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1889 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1890</svg> 1891 1892</a> <div g-component="TicketLinkItem" g-options="{"entryId":103873}"></div> 1893 1894 </div> 1895 </div> 1896 <div class="col-span-12 sm:col-span-4 order-2 sm:order-3"> 1897 <a class="block group" href="https://hnoc.org/events/remaking-revolution-history-in-popular-culture"> 1898 1899 1900 1901 <div class="overflow-hidden relative" style="padding-top:66.923076923077%"> 1902 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Colored copperplate engraved view of the burning of Cap Français on August 23, 1791, during the Haitian Revolution. Buildings are burning in the background beyond a body of water filled with ships. In the foreground soldiers run towards a village, a few have already fallen." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0003.139_crop3.jpg?fit=cover&gravity%5Bx%5D=0.45&gravity%5By%5D=0.6555&width=260&s=pvR9cWcwOVOS8uSYJsn5w1LF5dRCg7vK_IfOdRAWYLM" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0003.139_crop3.jpg?fit=cover&gravity%5Bx%5D=0.45&gravity%5By%5D=0.6555&format=webp&height=174&width=260&s=c0BzYhnZqDgiQL4wM3CEyFOx-_DWRsheH828ug57Yak 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0003.139_crop3.jpg?fit=cover&gravity%5Bx%5D=0.45&gravity%5By%5D=0.6555&format=webp&height=348&width=520&s=3xKg7r0Y-OaLFlNPcn9Ddac1X8VBEd3g3eDO4BupeTI 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0003.139_crop3.jpg?fit=cover&gravity%5Bx%5D=0.45&gravity%5By%5D=0.6555&format=webp&height=696&width=1040&s=ENxc1Gz7YdiuC7vSWV4u4oMZ5tMRdhYvx5JcZsS_S9Q 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0003.139_crop3.jpg?fit=cover&gravity%5Bx%5D=0.45&gravity%5By%5D=0.6555&format=webp&height=1004&width=1500&s=2qJvMZstyS7ZQyl14M9hr5I0-6z4QcBqUWjsq90J0rQ 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2017.0003.139_crop3.jpg?fit=cover&gravity%5Bx%5D=0.45&gravity%5By%5D=0.6555&format=webp&height=1392&width=2080&s=4Pzoc78LJyHPoNLE6-RPYYsCc7DdBl74fDPOSkkoE4U 2080w" style="object-position: 45% 65.55%;"> 1903 </div> 1904 </a> 1905 </div> 1906</div> </div> 1907 <div class="pb-10 mb-10 border-b border-terra"> 1908 1909 1910 1911<div class="grid grid-cols-12 gap-x-4 sm:gap-x-7.5 gap-y-4"> 1912 <div class="col-span-12 sm:col-span-3 flex flex-col justify-between order-1 sm:order-1"> 1913 <div class=""> 1914 <div class="text-[16px] tracking-[2px] leading-[1.125] uppercase mb-2 font-title"> 1915 Wednesday 1916 </div> 1917 <div class="text-carousel-title font-title mt-1"> 1918 October 14, 2026 1919 </div> 1920 <div class="font-satoshi font-medium text-[18px] mt-2"> 1921 6â8 p.m. 1922 </div> 1923 </div> 1924 <div class="hidden sm:block"> 1925 <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium"> 1926 Film, Panel Discussion</div> </div> 1927 </div> 1928 <div class="col-span-12 sm:col-span-5 order-3 sm:order-2"> 1929 <h2 class="text-[26px] -mt-1 sm:mt-0 sm:text-carousel-title"> 1930 <a class="hover:underline" href="https://hnoc.org/events/preserving-the-party-the-legacy-of-halloween-new-orleans">Preserving the Party: The Legacy of Halloween New Orleans</a> 1931 </h2> 1932 <div class="mt-3"> 1933 <div class="text-[16px] sm:text-[18px] leading-[1.55] font-satoshi font-medium"> 1934 HNOC and LGBT+ Archives Project of Louisiana host a retrospective celebration of Halloween New Orleans and Project Lazarus with renowned gallery owner Arthur Roger. 1935 </div> </div> 1936 <div class="mt-2 sm:hidden"> 1937 <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium"> 1938 Film, Panel Discussion</div> </div> 1939 <div class="flex items-center mt-5 flex-wrap gap-x-4 gap-y-4"> 1940 1941<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/events/preserving-the-party-the-legacy-of-halloween-new-orleans"> 1942 Read More
1943 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1944 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 1945</svg> 1946 1947</a> <div g-component="TicketLinkItem" g-options="{"entryId":105090}"></div> 1948 1949 </div> 1950 </div> 1951 <div class="col-span-12 sm:col-span-4 order-2 sm:order-3"> 1952 <a class="block group" href="https://hnoc.org/events/preserving-the-party-the-legacy-of-halloween-new-orleans"> 1953 1954 1955 1956 <div class="overflow-hidden relative" style="padding-top:66.923076923077%"> 1957 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A scene from Halloween New Orleans (unknown year). A dancer in a red sequined outfit is hoisted in the air by two performers. Sparks are shooting out of two decorative pillars on either side of the dancer in front of a faux Greek-style building." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2026.0167.2.10_021_O10.jpg?fit=cover&gravity%5Bx%5D=0.4897&gravity%5By%5D=0.5526&width=260&s=vyYymjTBP9Zcg0bMZ9GsiFZXyOYSEDQ5lrnzgsTgdnc" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2026.0167.2.10_021_O10.jpg?fit=cover&gravity%5Bx%5D=0.4897&gravity%5By%5D=0.5526&format=webp&height=174&width=260&s=Nycpok3wkT2m_WNHcDdC9HnQI17-utQnimFPypbRREE 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2026.0167.2.10_021_O10.jpg?fit=cover&gravity%5Bx%5D=0.4897&gravity%5By%5D=0.5526&format=webp&height=348&width=520&s=O-thKYIKDVGjv5IK8R4h6oCbR6rnEkZ81nr7bUficPw 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2026.0167.2.10_021_O10.jpg?fit=cover&gravity%5Bx%5D=0.4897&gravity%5By%5D=0.5526&format=webp&height=696&width=1040&s=BRIpXQhcjvzH0S_xXQWcogZ3YOYVYwqRm8B0nw-MrFo 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2026.0167.2.10_021_O10.jpg?fit=cover&gravity%5Bx%5D=0.4897&gravity%5By%5D=0.5526&format=webp&height=1004&width=1500&s=fKnaQMPo8Q6dFoVxwjF4CorkzucFK3fVleBZQn7AHsA 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2026.0167.2.10_021_O10.jpg?fit=cover&gravity%5Bx%5D=0.4897&gravity%5By%5D=0.5526&format=webp&height=1392&width=2080&s=i9EgASHIpey-_Qs0RBrGuOmSX6Rmv9wg32RFR89njb0 2080w" style="object-position: 48.97% 55.26%;"> 1958 </div> 1959 </a> 1960 </div> 1961</div> </div> 1962 <div class="pb-10 mb-10 border-b border-terra"> 1963 1964 1965 1966<div class="grid grid-cols-12 gap-x-4 sm:gap-x-7.5 gap-y-4"> 1967 <div class="col-span-12 sm:col-span-3 flex flex-col justify-between order-1 sm:order-1"> 1968 <div class=""> 1969 <div class="text-[16px] tracking-[2px] leading-[1.125] uppercase mb-2 font-title"> 1970 Saturday 1971 </div> 1972 <div class="text-carousel-title font-title mt-1"> 1973 October 17, 2026 1974 </div> 1975 <div class="font-satoshi font-medium text-[18px] mt-2"> 1976 10 a.m.â12 p.m. 1977 </div> 1978 </div> 1979 <div class="hidden sm:block"> 1980 <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium"> 1981 For Educators, Workshop</div> </div> 1982 </div> 1983 <div class="col-span-12 sm:col-span-5 order-3 sm:order-2"> 1984 <h2 class="text-[26px] -mt-1 sm:mt-0 sm:text-carousel-title"> 1985 <a class="hover:underline" href="https://hnoc.org/events/educator-workshop-american-revolution">Educator Workshop: âAmerican Revolutionâ</a> 1986 </h2> 1987 <div class="mt-3"> 1988 <div class="text-[16px] sm:text-[18px] leading-[1.55] font-satoshi font-medium"> 1989 Educators are invited to a free workshop to learn about how to deepen their studentsâ understanding of the American Revolution in Louisiana. 1990 </div> </div> 1991 <div class="mt-2 sm:hidden"> 1992 <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium"> 1993 For Educators, Workshop</div> </div> 1994 <div class="flex items-center mt-5 flex-wrap gap-x-4 gap-y-4"> 1995 1996<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/events/educator-workshop-american-revolution"> 1997 Read More
1998 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1999 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2000</svg> 2001 2002</a> <div g-component="TicketLinkItem" g-options="{"entryId":104103}"></div> 2003 2004 </div> 2005 </div> 2006 <div class="col-span-12 sm:col-span-4 order-2 sm:order-3"> 2007 <a class="block group" href="https://hnoc.org/events/educator-workshop-american-revolution"> 2008 2009 2010 2011 <div class="overflow-hidden relative" style="padding-top:66.923076923077%"> 2012 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A museum visitor explores "American Revolution: The Augmented Exhibition" at the Historic New Orleans Collection" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&gravity%5Bx%5D=0.5386&gravity%5By%5D=0.1939&width=260&s=3ISrZycXWk1-xVmPkqoShn8T1Fs66LQTNt1rSGB67N0" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&gravity%5Bx%5D=0.5386&gravity%5By%5D=0.1939&format=webp&height=174&width=260&s=pkxdgztpgda14iMci7jo-mUEtubpzer_izNOVmf_Sug 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&gravity%5Bx%5D=0.5386&gravity%5By%5D=0.1939&format=webp&height=348&width=520&s=mlE_ki3Ai1RAWyIrjejCb8Q4_ZvZ_pmOsPZHKUlRHLs 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&gravity%5Bx%5D=0.5386&gravity%5By%5D=0.1939&format=webp&height=696&width=1040&s=fd_teK3qZCXC08UBt8Ptfhy2ZQ2TC-jt0iQUvqpMl_g 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&gravity%5Bx%5D=0.5386&gravity%5By%5D=0.1939&format=webp&height=1004&width=1500&s=5-uzR8mFoISiYqgUI_Px6u58Lc2b8Mksy4m-YTF504A 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260508_CatieRodgersSwingOrchestra_KM061_o3.jpg?fit=cover&gravity%5Bx%5D=0.5386&gravity%5By%5D=0.1939&format=webp&height=1392&width=2080&s=7JMUg4taoilrjolMizrZglSmGJZA1IsMaIcQbgjouXA 2080w" style="object-position: 53.86% 19.39%;"> 2013 </div> 2014 </a> 2015 </div> 2016</div> </div> 2017 <div class="pb-10 mb-10 border-b border-terra"> 2018 2019 2020 2021<div class="grid grid-cols-12 gap-x-4 sm:gap-x-7.5 gap-y-4"> 2022 <div class="col-span-12 sm:col-span-3 flex flex-col justify-between order-1 sm:order-1"> 2023 <div class=""> 2024 <div class="text-[16px] tracking-[2px] leading-[1.125] uppercase mb-2 font-title"> 2025 Friday 2026 </div> 2027 <div class="text-carousel-title font-title mt-1"> 2028 October 23, 2026 2029 </div> 2030 <div class="font-satoshi font-medium text-[18px] mt-2"> 2031 5â7 p.m. 2032 </div> 2033 </div> 2034 <div class="hidden sm:block"> 2035 <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium"> 2036 Live Music, French Quarter Fridays</div> </div> 2037 </div> 2038 <div class="col-span-12 sm:col-span-5 order-3 sm:order-2"> 2039 <div class=" 2040 uppercase font-title 2041 tracking-[2px] leading-[1.125] 2042 text-[14px] sm:text-[16px] mb-2 "> 2043 Courtyard Sessions 2044 </div> 2045 <h2 class="text-[26px] -mt-1 sm:mt-0 sm:text-carousel-title"> 2046 <a class="hover:underline" href="https://hnoc.org/events/performing-the-devils-music">Performing the Devilâs Music: Dr. Michael White and the Original Liberty Jazz Band</a> 2047 </h2> 2048 <div class="mt-3"> 2049 <div class="text-[16px] sm:text-[18px] leading-[1.55] font-satoshi font-medium"> 2050 Break out your devil horns and don your dancing shoes for Courtyard Sessions, featuring Dr. Michael White and the Original Liberty Jazz Band. 2051 </div> </div> 2052 <div class="mt-2 sm:hidden"> 2053 <div class="mt-1 md:mt-0 md:max-w-[66%] text-[16px] opacity-80 leading-[1.42] font-satoshi font-medium"> 2054 Live Music, French Quarter Fridays</div> </div> 2055 <div class="flex items-center mt-5 flex-wrap gap-x-4 gap-y-4"> 2056 2057<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/events/performing-the-devils-music"> 2058 Read More
2059 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2060 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2061</svg> 2062 2063</a> <div g-component="TicketLinkItem" g-options="{"entryId":103111}"></div> 2064 2065 </div> 2066 </div> 2067 <div class="col-span-12 sm:col-span-4 order-2 sm:order-3"> 2068 <a class="block group" href="https://hnoc.org/events/performing-the-devils-music"> 2069 2070 2071 2072 <div class="overflow-hidden relative" style="padding-top:66.923076923077%"> 2073 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Image of a fantastic creature with bat wings, a fly-like face, and pointed devil tail flying over a stylized skyline of New Orleans. Visible are the Superdome, St. Louis Cathedral, skyscrapers, the Mississippi River and bridges, and vessels on the river." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2008.0216.275_o3.jpg?fit=cover&gravity%5Bx%5D=0.3769&gravity%5By%5D=0.4753&width=260&s=QyptqvnIqDltOWVGGcYxFGyj4BmywqlqCXC9Mc-yTbk" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2008.0216.275_o3.jpg?fit=cover&gravity%5Bx%5D=0.3769&gravity%5By%5D=0.4753&format=webp&height=174&width=260&s=zkKYcTcW0h68gpJL0mmgc0THQuTtX-cYqzufDcmCJ-I 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2008.0216.275_o3.jpg?fit=cover&gravity%5Bx%5D=0.3769&gravity%5By%5D=0.4753&format=webp&height=348&width=520&s=WglDxwwEOWczxr3zyJDNtMVQ5ag-xWReINIQ5mhqkcw 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2008.0216.275_o3.jpg?fit=cover&gravity%5Bx%5D=0.3769&gravity%5By%5D=0.4753&format=webp&height=696&width=1040&s=8dwNpLVnSxbS90QFCz3hhTdIEN05pqcPvtN64hKQQE8 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2008.0216.275_o3.jpg?fit=cover&gravity%5Bx%5D=0.3769&gravity%5By%5D=0.4753&format=webp&height=1004&width=1500&s=qG1yp_66okg4DSEd3zjNcKK-6noWCJykNo0SEfBmfu8 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2008.0216.275_o3.jpg?fit=cover&gravity%5Bx%5D=0.3769&gravity%5By%5D=0.4753&format=webp&height=1392&width=2080&s=5f3rI4TANI4sy1OdZdKsDbl_DgOcGR5IrZI9V4uhyZM 2080w" style="object-position: 37.69% 47.53%;"> 2074 </div> 2075 </a> 2076 </div> 2077</div> </div> 2078 <button class="flex items-center text-center justify-center my-12 g--wrapper g--wrapper--small" sprig s-val:offset="5" s-target="this" s-swap="outerHTML" data-hx-get="https://hnoc.org/actions/sprig-core/components/render" data-hx-vals="{"offset":"5"}" data-hx-target="this" data-hx-swap="outerHTML" data-sprig-parsed> 2079 2080 <div class="text-[20px] uppercase tracking-[2px] font-title bg-green text-white px-24 py-4 rounded-[20px]">Load more</div> 2081 2082 </button> 2083 2084 </div></div> 2085</div> 2086 2087 <div class="c--remove-previous-border lg:mt-12 relative py-20 flex items-center justify-center flex-col c--remove-previous-border text-center 2088after:absolute after:bg-pink-blush 2089 after:top-0 after:left-0 after:h-full after:w-full after:content-[''] after:bg-opacity-80 2090"> 2091 <div class="g--wrapper relative z-10"> 2092 <div class=" 2093 uppercase font-title 2094 tracking-[2px] leading-[1.125] 2095 text-[14px] sm:text-[16px] mb-2 "> 2096 Stay Connected 2097 </div> 2098 <h3 class="text-title-halfintro mt-6 font-serif"><p>Subscribe to Our Newsletter</p></h3> 2099 <div class="mt-8"> 2100 <form method="GET" action="https://pages.wordfly.com/historicneworleanscollection/pages/Subscribe/" target="_blank" class="flex flex-col sm:flex-row justify-center"> 2101 <div class="flex flex-wrap sm:flex-nowrap items-end"> 2102 <div class="flex flex-col justify-start w-full sm:w-auto"> 2103 <label class=" font-satoshi font-medium uppercase mb-1 text-left text-[16px]" for="email17734">Email address</label> 2104 <input id="email17734" name="email" placeholder="Type your email here" class="font-satoshi font-medium text-[18px] sm:text-[20px] leading-[1.5] rounded-[20px] py-3 px-4 md:w-[438px]" type="email"> 2105 </div> 2106 <button class="w-full mt-2 sm:mt-0 sm:ml-4 bg-green text-white font-satoshi font-medium text-[18px] sm:text-[20px] leading-[1.5] py-3 px-8 rounded-[20px]">Subscribe</button> 2107 </div> 2108</form> </div> 2109 </div> 2110 <div class="absolute top-0 left-0 w-full h-full z-0 object-cover"> 2111 <img class="lazyload top-0 left-0 h-full w-full absolute object-cover" alt="1959 210 o6 2024 06 05 202329 tavg" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1959.210_o6_2024-06-05-202329_tavg_2024-06-05-202356_nqtm.jpg?fit=cover&gravity%5Bx%5D=0.5768&gravity%5By%5D=0.83&width=260&s=bzbx7G2Gjtm5CCrH3lByZqVDjtK3e38Vg34lo7M_L8Y" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1959.210_o6_2024-06-05-202329_tavg_2024-06-05-202356_nqtm.jpg?fit=cover&gravity%5Bx%5D=0.5768&gravity%5By%5D=0.83&width=260&s=bzbx7G2Gjtm5CCrH3lByZqVDjtK3e38Vg34lo7M_L8Y 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1959.210_o6_2024-06-05-202329_tavg_2024-06-05-202356_nqtm.jpg?fit=cover&gravity%5Bx%5D=0.5768&gravity%5By%5D=0.83&width=520&s=u54_g3IeTNlYZ64K7yrzkYBfAOzDYymwL4Ul6o4DWPk 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1959.210_o6_2024-06-05-202329_tavg_2024-06-05-202356_nqtm.jpg?fit=cover&gravity%5Bx%5D=0.5768&gravity%5By%5D=0.83&width=1040&s=ll2ygx9uozUNsPiYuKj1C5JuNmHsdJoJN2oK7-1d1rs 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1959.210_o6_2024-06-05-202329_tavg_2024-06-05-202356_nqtm.jpg?fit=cover&gravity%5Bx%5D=0.5768&gravity%5By%5D=0.83&width=1500&s=gazGVBjfLoTzLFXMaXeh5J8jOZMs9h2365qFVwrZ9KE 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1959.210_o6_2024-06-05-202329_tavg_2024-06-05-202356_nqtm.jpg?fit=cover&gravity%5Bx%5D=0.5768&gravity%5By%5D=0.83&width=2080&s=jQDFDpFnqLI-jys7mCuXDaw94EPccZOdnG05LtVCCzk 2080w" style="object-position: 57.68% 83%;"> 2112 </div> 2113 </div> 2114 2115 2116 <div class="mt-10 mb-10 bg-white 2117 "> 2118 <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4"> 2119 <div class="w-full flex-grow md:w-auto"> 2120 <h2 class="text-subtitle-page uppercase font-title"> 2121 Research & Collections 2122</h2> 2123 </div> 2124 <a class="relative group overflow-hidden flex-shrink-0 stroke-green text-green border-green border text-[18px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 px-5 font-satoshi font-medium flex items-center justify-center" href="https://hnoc.org/research-collections"> 2125 Learn More
2126 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2127 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2128</svg> 2129 2130 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 2131flex justify-center items-center transition-all duration-500 2132stroke-white 2133 bg-green 2134 text-white 2135"> 2136 Learn More 2137 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2138 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2139</svg> 2140 2141 </span> 2142 2143</a> </div> 2144 </div> 2145 2146 <div class="mb-12 c--node bg-white 2147 mt-12"> 2148 <div class="c--node g--wrapper g--wrapper--small"> 2149 <div class="pb-12 border-b border-pink"> 2150 <div class=""> 2151 2152 2153 2154 2155<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center"> 2156 <div class="col-span-12 2157 md:col-span-5 md:order-2 md:col-start-8"> 2158 2159 2160 2161 2162 2163<div> 2164 <div class=" 2165 uppercase font-title 2166 tracking-[2px] leading-[1.125] 2167 text-[14px] sm:text-[16px] mb-2 "> 2168 410 Chartres Street 2169 </div> 2170 <h3 class="text-title-halfintro mb-6"> 2171 <a class="" href="https://hnoc.org/research-collections/williams-research-center">Visit the Williams Research Center</a> 2172 </h3> 2173 <div class="mb-6 text-[16px] sm:text-[18px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium g--section-intro--copy g--highlight-link"> 2174 <p>Explore centuries of Gulf South culture with unparalleled access to rare documents, art, and historic treasures.<span> Stop in or browse our online catalog.</span></p> 2175 </div> 2176 2177 <div class="flex items-center"> 2178 2179 2180 2181 2182<a 2183 2184 target="" 2185 class=" relative group overflow-hidden 2186 2187 border border-transparent 2188 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 2189 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/research-collections/williams-research-center"> 2190 <span class="relative z-10 flex justify-center items-center">Visit 2191 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2192 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2193</svg> 2194 2195 </span> 2196 2197 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 2198flex justify-center items-center transition-all duration-500 2199 text-[--buttonBg] 2200 bg-[--buttonText] 2201 stroke-[--buttonBg] 2202"> 2203 Visit 2204 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2205 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2206</svg> 2207 2208 </span> 2209 2210</a> <div class="ml-7.5 flex"> 2211 <a target="" class="hover:underline text-[16px] leading-[1.5] tracking-[0.1px] text-green rounded-[1.25rem] font-satoshi font-medium" href="https://catalog.hnoc.org/web/arena"> 2212 Online Catalog 2213</a> </div> 2214 </div> 2215</div> </div> 2216 2217 2218 <div class="col-span-12 md:col-span-6 "> 2219 <a class="block cursor-pointer group" href="https://hnoc.org/research-collections/williams-research-center"> 2220 2221 2222 <div class="overflow-hidden relative" style="padding-top:68.461538461538%"> 2223 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A historic brick building with tall, arched windows and ornate stone details. The facade features a central sign with engraved text. Large doors and lantern-style lights flank the entrance. The structure is framed by neighboring buildings." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024-03-01_WRC-Exterior_web.jpg?fit=cover&gravity%5Bx%5D=0.4943&gravity%5By%5D=0.825&width=260&s=q2-QsMkMNx8LCOgICZf-WZBKGu6pxMGQodgQYdLUeAI" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024-03-01_WRC-Exterior_web.jpg?fit=cover&gravity%5Bx%5D=0.4943&gravity%5By%5D=0.825&format=webp&height=178&width=260&s=LhEX2yB9IVOlUc69yNtqXM1Dp1Dvv2fP6jJXFzuMQyo 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024-03-01_WRC-Exterior_web.jpg?fit=cover&gravity%5Bx%5D=0.4943&gravity%5By%5D=0.825&format=webp&height=356&width=520&s=l2HJsi2s90xGEIY75s7l2-ueiAVTm4X8st2COARJWcI 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024-03-01_WRC-Exterior_web.jpg?fit=cover&gravity%5Bx%5D=0.4943&gravity%5By%5D=0.825&format=webp&height=712&width=1040&s=UWCAvzDvSMg71xtvdXpGKOjvpX5zg2mh3PkFPeDCDqk 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024-03-01_WRC-Exterior_web.jpg?fit=cover&gravity%5Bx%5D=0.4943&gravity%5By%5D=0.825&format=webp&height=1027&width=1500&s=tGMWRB0xd6ZQ6y8UVTVcitq7-Vns7x8L0XPKrKMv9-Y 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024-03-01_WRC-Exterior_web.jpg?fit=cover&gravity%5Bx%5D=0.4943&gravity%5By%5D=0.825&format=webp&height=1424&width=2080&s=9xxLwdZJeGN76ZdRT5r97GtOv4X00nAB7aSJmVfB5bU 2080w" style="object-position: 49.43% 82.5%;"> 2224 </div> 2225 </a> </div> 2226 </div> 2227 </div> 2228 </div> 2229 </div> 2230 </div> 2231 2232 2233 <div class="mt-10 mb-10 bg-white 2234 "> 2235 <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4"> 2236 <div class="w-full flex-grow md:w-auto"> 2237 <h2 class="text-subtitle-page uppercase font-title"> 2238 Collection Highlights 2239</h2> 2240 <p class="font-satoshi font-medium text-[18px] mt-2 w-full md:w-1/2">Explore historic artifacts from HNOCâs vault.</p> 2241 </div> 2242 <a class="relative group overflow-hidden flex-shrink-0 stroke-green text-green border-green border text-[18px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 px-5 font-satoshi font-medium flex items-center justify-center" href="https://hnoc.org/research-collections/collection-highlights"> 2243 Browse All
2244 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2245 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2246</svg> 2247 2248 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 2249flex justify-center items-center transition-all duration-500 2250stroke-white 2251 bg-green 2252 text-white 2253"> 2254 Browse All 2255 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2256 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2257</svg> 2258 2259 </span> 2260 2261</a> </div> 2262 </div> 2263 <div class="mb-12 c--node mt-12"> 2264 <div class="c--node g--wrapper g--wrapper--small"> 2265 <div class="pb-12 border-b border-pink"> 2266 2267 2268 <div class="mb-4 lg:mb-20"> 2269 2270 2271 2272 2273<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center"> 2274 <div class="col-span-12 2275 md:col-span-5 "> 2276 2277 2278 2279 2280 2281<div> 2282 <div class=" 2283 uppercase font-title 2284 tracking-[2px] leading-[1.125] 2285 text-[14px] sm:text-[16px] mb-2 "> 2286 Collection highlights 2287 </div> 2288 <h3 class="text-title-halfintro mb-6"> 2289 <a class="" href="https://hnoc.org/research-collections/collection-highlights/touro-infirmary-archives">Touro Infirmary Archives</a> 2290 </h3> 2291 <div class="mb-6 text-[16px] sm:text-[18px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium g--section-intro--copy g--highlight-link"> 2292 <p>A vast collection spanning the history of the oldest continuously operating hospital in New Orleans.</p> 2293 </div> 2294 2295 <div class="flex items-center"> 2296 2297 2298 2299 2300<a 2301 2302 target="" 2303 class=" relative group overflow-hidden 2304 2305 border border-transparent 2306 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 2307 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/research-collections/collection-highlights/touro-infirmary-archives"> 2308 <span class="relative z-10 flex justify-center items-center">View 2309 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2310 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2311</svg> 2312 2313 </span> 2314 2315 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 2316flex justify-center items-center transition-all duration-500 2317 text-[--buttonBg] 2318 bg-[--buttonText] 2319 stroke-[--buttonBg] 2320"> 2321 View 2322 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2323 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2324</svg> 2325 2326 </span> 2327 2328</a> </div> 2329</div> </div> 2330 2331 2332 <div class="col-span-12 md:col-span-6 md:col-start-7 "> 2333 <a class="block cursor-pointer group" href="https://hnoc.org/research-collections/collection-highlights/touro-infirmary-archives"> 2334 2335 2336 <div class="overflow-hidden relative" style="padding-top:68.461538461538%"> 2337 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A group of posed nurses in a sepia-tone photograph." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/MSS-1060.1.80_recto.jpg?fit=cover&width=260&s=Q9-28TRSctFJDFj-4Yo3AuBcEbC5GdcJDzuubbSeQOk" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/MSS-1060.1.80_recto.jpg?fit=cover&format=webp&height=178&width=260&s=Tov1QHKNX3YKoBwrTvnp0tz9RF2rqWSfhMoY0IxdTD4 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/MSS-1060.1.80_recto.jpg?fit=cover&format=webp&height=356&width=520&s=hRThhzBBouF3HmUfS7Iql4LURi9WOwKQbkDsR7MZKfY 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/MSS-1060.1.80_recto.jpg?fit=cover&format=webp&height=712&width=1040&
2337s=_W6TBStwoDKk5_5pT6S4yQ-rjxJ-BMgyjwqhJVGsPJw 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/MSS-1060.1.80_recto.jpg?fit=cover&format=webp&height=1027&width=1500&s=vtIW404937tgUF-myUU7tUDimI5Dd6bDDAqU2PFj2CQ 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/MSS-1060.1.80_recto.jpg?fit=cover&format=webp&height=1424&width=2080&s=9BIUnm01Bfx3BFoJEfz1-_rH9qfFfD7xNuxpnYgUSiI 2080w" style="object-position: 50% 50%;"> 2338 </div> 2339 </a> </div> 2340 </div> 2341 </div> 2342 </div> 2343 </div> 2344</div> <div class="g--wrapper g--wrapper--small mt-12"> 2345 2346 2347 2348 2349 2350 2351 <div class=" w-full md:w-[calc(100%+2rem)] lg:w-[calc(100%+3rem-var(--scrollbar-width))] xl:w-[calc(100%+50vw-610px+3.5rem-var(--scrollbar-width)))] flex swiper" g-options="{"keepAutoSlidesLarge":true}" g-component="CarouselSwiper"> 2352 <div class="swiper-wrapper "> 2353 <div class="swiper-slide flex text-center "> 2354 <div class="flex-grow flex flex-col pb-5 group"> 2355 2356 2357 2358 <div class="overflow-hidden pt-[100%] relative" style="padding-top:100%"> 2359 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="An antique Remington Portable typewriter with round keys and a black body, displayed on a plain background." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&width=260&s=gxN1kyFoQLoEZkIZLwAXJ5zWCAoJ4Os1TBrhXzBMtZc" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&format=webp&width=260&s=Z_EriJWm0Jtbfwx9Ir654gWmJVzbQYVUNXvPhxPYjvc 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&format=webp&width=520&
2359s=hej-BiSGuLBu7-a8gCZymMpRCZrkaIrDzYWCyYRz_yE 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&format=webp&width=1040&s=69HjyGya4cYKZzdCbL4gWuogvbzw86TTcpLLhzBT8zE 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&format=webp&width=1500&s=goPZXc67TJ6cfg9I4v1R6Fx_uK7vxwX4T5bShAKr5iU 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2018.0393_005_web.jpg?fit=cover&format=webp&width=2080&s=UWd7KfDFj3_dltSE9x9HlMhrUv6yzRz60Z94s-oLi9A 2080w" style="object-position: 50% 50%;"> 2360 </div> 2361 <div class="flex-grow px-4 py-3 md:px-7 md:py-6"> 2362 <div class="mb-6"> 2363 <div class=" 2364 uppercase font-title 2365 tracking-[2px] leading-[1.125] 2366 text-[14px] sm:text-[16px] mb-2 "> 2367 Artist Archives 2368 </div> 2369 </div> 2370 <h3 class="font-title text-carousel-title-small"> 2371 <a href="https://hnoc.org/research-collections/collection-highlights/tennessee-williamss-streetcar-typewriter"> 2372 Tennessee Williamsâs âStreetcarâ Typewriter 2373 </a> 2374 </h3> 2375 <div class="mt-4"> 2376 2377<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/research-collections/collection-highlights/tennessee-williamss-streetcar-typewriter"> 2378 Learn More 2379 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2380 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2381</svg> 2382 2383</a> </div> 2384 </div> 2385 </div> 2386 </div> 2387 <div class="swiper-slide flex text-center "> 2388 <div class="flex-grow flex flex-col pb-5 group"> 2389 2390 2391 2392 <div class="overflow-hidden pt-[100%] relative" style="padding-top:100%"> 2393 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="The inside back cover of the book volume for Le Spiritualiste shows a marbled printed pattern." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024.0152_000a_o3.jpg?fit=cover&width=260&s=UIx5kEhk8aUzLHvURmymvG1E9JMMyIzO0O9L2uLPBVg" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024.0152_000a_o3.jpg?fit=cover&format=webp&width=260&s=xRivgn6IfEBkiqs4f4WVLcNNaPG7gI6LRXpC7CNVDUs 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024.0152_000a_o3.jpg?fit=cover&format=webp&width=520&s=vAwl8TqLQ_wkCQBSA0tGq9fNxvEN71IG1fiE9awIuKk 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024.0152_000a_o3.jpg?fit=cover&format=webp&width=1040&s=H1WQqmQ3s3KQwIEjnTuwaf-RqniuSgZgZnEcM-jRdrg 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024.0152_000a_o3.jpg?fit=cover&format=webp&width=1500&s=AfVjMKrE-ds79UXDZiN-jmJh1jVS4CZccfDPFi4UgNU 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2024.0152_000a_o3.jpg?fit=cover&format=webp&width=2080&s=Mnz_j_R-iNm51O2UB0npR5fjkFiwKuoKGwiiE1iWQH0 2080w" style="object-position: 50% 50%;"> 2394 </div> 2395 <div class="flex-grow px-4 py-3 md:px-7 md:py-6"> 2396 <div class="mb-6"> 2397 <div class=" 2398 uppercase font-title 2399 tracking-[2px] leading-[1.125] 2400 text-[14px] sm:text-[16px] mb-2 "> 2401 Recent Acquisitions 2402 </div> 2403 </div> 2404 <h3 class="font-title text-carousel-title-small"> 2405 <a href="https://hnoc.org/research-collections/collection-highlights/le-spiritualiste"> 2406 Le Spiritualiste 2407 </a> 2408 </h3> 2409 <div class="mt-4"> 2410 2411<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/research-collections/collection-highlights/le-spiritualiste"> 2412 Learn More
2413 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2414 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2415</svg> 2416 2417</a> </div> 2418 </div> 2419 </div> 2420 </div> 2421 <div class="swiper-slide flex text-center "> 2422 <div class="flex-grow flex flex-col pb-5 group"> 2423 2424 2425 2426 <div class="overflow-hidden pt-[100%] relative" style="padding-top:100%"> 2427 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A woman kneels on the ground, shaping a large piece of stone or clay. She is surrounded by art materials and sculptures in an outdoor setting with a brick floor and plants in the background." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2022.0005.2.3_2024-09-06-201807_rche.png?fit=cover&gravity%5Bx%5D=0.5148&gravity%5By%5D=0.3408&width=260&s=L5leUR87ceER_fQ8jQ38tJ_ucLS3kZ3jULeS0FGzm_I" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2022.0005.2.3_2024-09-06-201807_rche.png?fit=cover&gravity%5Bx%5D=0.5148&gravity%5By%5D=0.3408&format=webp&width=260&s=9Y18CMzI4P4SueYpkjSEaBeM4-bsaMrXx2G47fWZnms 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2022.0005.2.3_2024-09-06-201807_rche.png?fit=cover&gravity%5Bx%5D=0.5148&gravity%5By%5D=0.3408&format=webp&width=520&s=8nLa2h5VLk2Dga3SkjIYkq_avUBiLpXIPBuxRhe5bEk 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2022.0005.2.3_2024-09-06-201807_rche.png?fit=cover&gravity%5Bx%5D=0.5148&gravity%5By%5D=0.3408&format=webp&width=1040&s=fRz21mxJ83_xaCTKfirHtBhsHFsqn_2zO9EasBKaKLY 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2022.0005.2.3_2024-09-06-201807_rche.png?fit=cover&gravity%5Bx%5D=0.5148&gravity%5By%5D=0.3408&format=webp&width=1500&s=GaLPCSNYv0_fgPXz6Bo7kdWQhh2jF40QM3X1ktVYNi4 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2022.0005.2.3_2024-09-06-201807_rche.png?fit=cover&gravity%5Bx%5D=0.5148&gravity%5By%5D=0.3408&format=webp&width=2080&s=9jCuNdJr7aCBgAer1AXgWQKN1XGANytSgbZbBGrh0J8 2080w" style="object-position: 51.48% 34.08%;"> 2428 </div> 2429 <div class="flex-grow px-4 py-3 md:px-7 md:py-6"> 2430 <div class="mb-6"> 2431 <div class=" 2432 uppercase font-title 2433 tracking-[2px] leading-[1.125] 2434 text-[14px] sm:text-[16px] mb-2 "> 2435 Artist Archives 2436 </div> 2437 </div> 2438 <h3 class="font-title text-carousel-title-small"> 2439 <a href="https://hnoc.org/research-collections/collection-highlights/the-lin-emery-papers"> 2440 Lin Emery Papers 2441 </a> 2442 </h3> 2443 <div class="mt-4"> 2444 2445<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/research-collections/collection-highlights/the-lin-emery-papers"> 2446 Learn More 2447 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2448 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2449</svg> 2450 2451</a> </div> 2452 </div> 2453 </div> 2454 </div> 2455 <div class="swiper-slide flex text-center "> 2456 <div class="flex-grow flex flex-col pb-5 group"> 2457 2458 2459 2460 <div class="overflow-hidden pt-[100%] relative" style="padding-top:100%"> 2461 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A vintage photograph of Kid Ory, taken in 1917. He wears a dark suit and hat and carries a trombone case." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/orycollection1.JPG?fit=cover&gravity%5Bx%5D=0.5717&gravity%5By%5D=0.2349&width=260&s=sCD44Zy6Uh2BTO9gdu0HR0Lh9neTAEbXcyxC9QHCMOk" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/orycollection1.JPG?fit=cover&gravity%5Bx%5D=0.5717&gravity%5By%5D=0.2349&format=webp&width=260&s=omIMSahES4IyVHpjMcSw-534kVTeE2lstFKyZib3fdY 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/orycollection1.JPG?fit=cover&gravity%5Bx%5D=0.5717&gravity%5By%5D=0.2349&format=webp&width=520&s=hTKoEnzOHpBcAT0Icvqz2TyC-oSpgIQAFkme7yWVCAs 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/orycollection1.JPG?fit=cover&gravity%5Bx%5D=0.5717&gravity%5By%5D=0.2349&format=webp&width=1040&s=FAjo6yM21lTmMZ2MBgdNW79xaSRi_he_mLAKj95YAtw 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/orycollection1.JPG?fit=cover&gravity%5Bx%5D=0.5717&gravity%5By%5D=0.2349&format=webp&width=1500&s=yXkbvG-pr8_s8ulJ3DNjb4Utzr4nEauHrHFoUtlSyBs 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/orycollection1.JPG?fit=cover&gravity%5Bx%5D=0.5717&gravity%5By%5D=0.2349&format=webp&width=2080&s=My0u59TNRrz0HXOHqyRkKQBASf3uZzlIbN1C_oeLajc 2080w" style="object-position: 57.17% 23.49%;"> 2462 </div> 2463 <div class="flex-grow px-4 py-3 md:px-7 md:py-6"> 2464 <div class="mb-6"> 2465 <div class=" 2466 uppercase font-title 2467 tracking-[2px] leading-[1.125]
2468 text-[14px] sm:text-[16px] mb-2 "> 2469 Recent Acquisitions 2470 </div> 2471 </div> 2472 <h3 class="font-title text-carousel-title-small"> 2473 <a href="https://hnoc.org/research-collections/collection-highlights/edward-kid-ory-papers"> 2474 Edward âKidâ Ory Papers 2475 </a> 2476 </h3> 2477 <div class="mt-4"> 2478 2479<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/research-collections/collection-highlights/edward-kid-ory-papers"> 2480 Learn More 2481 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2482 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2483</svg> 2484 2485</a> </div> 2486 </div> 2487 </div> 2488 </div> 2489 <div class="swiper-slide flex text-center "> 2490 <div class="flex-grow flex flex-col pb-5 group"> 2491 2492 2493 2494 <div class="overflow-hidden pt-[100%] relative" style="padding-top:100%"> 2495 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Juvenile and Polo Silk, between 1992 and 1999." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0220.9_O10.jpg?fit=cover&gravity%5Bx%5D=0.4821&gravity%5By%5D=0.2377&width=260&s=XS2mWZYVvf2Q9mgF2xD122d4cm2BlGzylwOMJ5wDa64" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0220.9_O10.jpg?fit=cover&gravity%5Bx%5D=0.4821&gravity%5By%5D=0.2377&format=webp&width=260&s=fNt8mRUYzke-cSQL0to-nn_9-t1EPv4mchZ_aSibvBQ 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0220.9_O10.jpg?fit=cover&gravity%5Bx%5D=0.4821&gravity%5By%5D=0.2377&format=webp&width=520&s=NT1kp-95C2Zzo0WOP8SLJ052e9BdtG3zFjPZmq1-w5M 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0220.9_O10.jpg?fit=cover&gravity%5Bx%5D=0.4821&gravity%5By%5D=0.2377&format=webp&width=1040&s=_JCdknjKzZ9WosUGf7yCvpQnIfhG9ENFt5Q1GtWQNp0 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0220.9_O10.jpg?fit=cover&gravity%5Bx%5D=0.4821&gravity%5By%5D=0.2377&format=webp&width=1500&
2495s=BIRaalDUOpWtab6E87ZQCNBSqTt7XzqUtv9_nyJbjs4 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2025.0220.9_O10.jpg?fit=cover&gravity%5Bx%5D=0.4821&gravity%5By%5D=0.2377&format=webp&width=2080&s=44PIxDNRDkJuIwNgNQzr1WzfVR5sU6-aGNgQVYBJq_E 2080w" style="object-position: 48.21% 23.77%;"> 2496 </div> 2497 <div class="flex-grow px-4 py-3 md:px-7 md:py-6"> 2498 <div class="mb-6"> 2499 <div class=" 2500 uppercase font-title 2501 tracking-[2px] leading-[1.125] 2502 text-[14px] sm:text-[16px] mb-2 "> 2503 Recent Acquisitions 2504 </div> 2505 </div> 2506 <h3 class="font-title text-carousel-title-small"> 2507 <a href="https://hnoc.org/research-collections/collection-highlights/polo-silk-photographs"> 2508 Polo Silk Photographs 2509 </a> 2510 </h3> 2511 <div class="mt-4"> 2512 2513<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/research-collections/collection-highlights/polo-silk-photographs"> 2514 Learn More 2515 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2516 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2517</svg> 2518 2519</a> </div> 2520 </div> 2521 </div> 2522 </div> 2523 <div class="swiper-slide flex text-center "> 2524 <div class="flex-grow flex flex-col pb-5 group"> 2525 2526 2527 2528 <div class="overflow-hidden pt-[100%] relative" style="padding-top:100%"> 2529 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A black and white photo of a busy outdoor art market. People are gathered along a narrow street lined with paintings displayed on easels and against the walls. Several individuals are looking at the artwork while others walk by or observe the scene." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/mss523.196_web_2024-07-03-201251_didu.jpg?fit=cover&gravity%5Bx%5D=0.3263&gravity%5By%5D=0.4715&width=260&s=U82hNUJtirvkj8N8oM0osOpsGZ4HRlPxrPdBr2Gt5Ck" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/mss523.196_web_2024-07-03-201251_didu.jpg?fit=cover&gravity%5Bx%5D=0.3263&gravity%5By%5D=0.4715&format=webp&width=260&s=Cvl2SAaxtkmqIFz31zklHNfhr2TjT_L5NyZAsATX4B0 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/mss523.196_web_2024-07-03-201251_didu.jpg?fit=cover&gravity%5Bx%5D=0.3263&gravity%5By%5D=0.4715&format=webp&width=520&s=IahKFLlxNSRCWdFpAURd6PN6HJOPCTrVT5HYABPQ4Fo 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/mss523.196_web_2024-07-03-201251_didu.jpg?fit=cover&gravity%5Bx%5D=0.3263&gravity%5By%5D=0.4715&format=webp&width=1040&s=7vnzl3MmZZxeHLeGy5GezGk2nC81V6hlfnUypOQtv4s 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/mss523.196_web_2024-07-03-201251_didu.jpg?fit=cover&gravity%5Bx%5D=0.3263&gravity%5By%5D=0.4715&format=webp&width=1500&s=CDz2x7erOvzofR9Bi0wrRToQuN-AzvVHH8nlR5bMpY0 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/mss523.196_web_2024-07-03-201251_didu.jpg?fit=cover&gravity%5Bx%5D=0.3263&gravity%5By%5D=0.4715&format=webp&width=2080&s=BX8W2InCuJ1qrD2zBq42GBBl55aJn4vea5uCNaRxVrs 2080w" style="object-position: 32.63% 47.15%;"> 2530 </div> 2531 <div class="flex-grow px-4 py-3 md:px-7 md:py-6"> 2532 <div class="mb-6"> 2533 <div class=" 2534 uppercase font-title 2535 tracking-[2px] leading-[1.125]
2536 text-[14px] sm:text-[16px] mb-2 "> 2537 Artist Archives 2538 </div> 2539 </div> 2540 <h3 class="font-title text-carousel-title-small"> 2541 <a href="https://hnoc.org/research-collections/collection-highlights/pops-whitesell-photographs-series"> 2542 Pops Whitesell Photographs 2543 </a> 2544 </h3> 2545 <div class="mt-4"> 2546 2547<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/research-collections/collection-highlights/pops-whitesell-photographs-series"> 2548 Learn More 2549 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2550 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2551</svg> 2552 2553</a> </div> 2554 </div> 2555 </div> 2556 </div> 2557 <div class="swiper-slide flex text-center "> 2558 <div class="flex-grow flex flex-col pb-5 group"> 2559 2560 2561 2562 <div class="overflow-hidden pt-[100%] relative" style="padding-top:100%"> 2563 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Vintage advertisement for Dr. G. H. Tichenors Antiseptic Refrigerant, featuring a soldier with an American flag. Lists uses such as for wounds, burns, and cramps. Produced by Dr. G. H. Tichenor Antiseptic Co. in New Orleans, USA." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1979.369.32_o10.jpg?fit=cover&gravity%5Bx%5D=0.5217&gravity%5By%5D=0.5223&width=260&s=toZLIu8ZPZX3buJjKE-usVRgfAxKMfWyICX7GmG7VGw" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1979.369.32_o10.jpg?fit=cover&gravity%5Bx%5D=0.5217&gravity%5By%5D=0.5223&format=webp&width=260&s=4fyf1wm-f0L7XbUqD1MtEfRz4SfaVfDDiojdLKcMLms 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1979.369.32_o10.jpg?fit=cover&gravity%5Bx%5D=0.5217&gravity%5By%5D=0.5223&format=webp&width=520&s=m-QVIqiEuFapeGD28_y6u-eCOn5XMmcvI3cXndXzx9c 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1979.369.32_o10.jpg?fit=cover&gravity%5Bx%5D=0.5217&gravity%5By%5D=0.5223&format=webp&width=1040&s=tHO26u4G1aqfj4sQrlaycf5uNsIZD5fWBu7nnCJSvcc 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1979.369.32_o10.jpg?fit=cover&gravity%5Bx%5D=0.5217&gravity%5By%5D=0.5223&format=webp&width=1500&s=GDeIPqr2-1VVPk5guaaet-WHoXjOnPK0qRuAby0e8Ak 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1979.369.32_o10.jpg?fit=cover&gravity%5Bx%5D=0.5217&gravity%5By%5D=0.5223&format=webp&width=2080&s=1RhEfOtxNE48DZ_-OJE5-9j1af60iILl7koZToWo5x4 2080w" style="object-position: 52.17% 52.23%;"> 2564 </div> 2565 <div class="flex-grow px-4 py-3 md:px-7 md:py-6"> 2566 <div class="mb-6"> 2567 <div class=" 2568 uppercase font-title 2569 tracking-[2px] leading-[1.125] 2570 text-[14px] sm:text-[16px] mb-2 "> 2571 Staff Picks 2572 </div> 2573 </div> 2574 <h3 class="font-title text-carousel-title-small"> 2575 <a href="https://hnoc.org/research-collections/collection-highlights/dr-tichenors-bottle-label"> 2576 Dr. Tichenorâs Bottle Label 2577 </a> 2578 </h3> 2579 <div class="mt-4"> 2580 2581<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/research-collections/collection-highlights/dr-tichenors-bottle-label"> 2582 Learn More
2583 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2584 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2585</svg> 2586 2587</a> </div> 2588 </div> 2589 </div> 2590 </div> 2591 <div class="swiper-slide flex text-center "> 2592 <div class="flex-grow flex flex-col pb-5 group"> 2593 2594 2595 2596 <div class="overflow-hidden pt-[100%] relative" style="padding-top:100%"> 2597 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A round button with a blue background features a pink triangle and the text I'm straight. But not narrow. printed in black letters." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2021.0199.4_o10.jpg?fit=cover&width=260&s=IQryQ6AWVnNixQEGOvNFzsPk5Rj0O84Kb2w6LV9jUtw" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2021.0199.4_o10.jpg?fit=cover&format=webp&width=260&s=7LacgaX3ECz3nA1Es0jZqQnAXNORAvQLx7FW8cWaTdM 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2021.0199.4_o10.jpg?fit=cover&format=webp&width=520&s=F0UzpfHvrGWKlry_SgrwvJVdlsBW8ohj-WHw_Ut-zns 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2021.0199.4_o10.jpg?fit=cover&format=webp&width=1040&s=BnwW37-qSJiGSuDJFfQcf2DS6yXX29hRaqlvuOCFWkM 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2021.0199.4_o10.jpg?fit=cover&format=webp&width=1500&s=7s-0SitbgLNfrT1RNjZew8yUCOKBPhTJq2K1ssHctjE 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2021.0199.4_o10.jpg?fit=cover&format=webp&width=2080&s=mV9VgDWyLkmW_g2JmCtJFgHXg7zaYwEuuHcLWJWqWfU 2080w" style="object-position: 50% 50%;"> 2598 </div> 2599 <div class="flex-grow px-4 py-3 md:px-7 md:py-6"> 2600 <div class="mb-6"> 2601 <div class=" 2602 uppercase font-title 2603 tracking-[2px] leading-[1.125] 2604 text-[14px] sm:text-[16px] mb-2 "> 2605 Recent Acquisitions 2606 </div> 2607 </div> 2608 <h3 class="font-title text-carousel-title-small"> 2609 <a href="https://hnoc.org/research-collections/collection-highlights/andree-loisel-collection"> 2610 Andrée Loisel Collection 2611 </a> 2612 </h3> 2613 <div class="mt-4"> 2614 2615<a class="hover:underline inline-flex stroke-green flex items-center font-satoshi font-medium text-[16px]" href="https://hnoc.org/research-collections/collection-highlights/andree-loisel-collection"> 2616 Learn More 2617 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2618 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2619</svg> 2620 2621</a> </div> 2622 </div> 2623 </div> 2624 </div> 2625 </div> 2626 2627 <div class="mb-4 sm:mb-0"> 2628 <div class="relative sm:static"> 2629 <div class="sm:hidden w-[calc(100%-96px)] transform top-1/2 -translate-y-1/2 absolute left-1/2 -translate-x-1/2"> 2630 <div class="swiper-pagination !top-0 !bottom-0 flex"></div> 2631 </div> 2632 <div class="hidden sm:block "> 2633 <div class="swiper-pagination flex"></div> 2634 </div> 2635 2636 <div class="hidden sm:block"> 2637 <div class="swiper-button-prev"> 2638 <div class="w-[44px] hover:bg-white bg-white/80 p-2.5 border border-green rounded-full"> 2639 <svg class="flickity-button-icon" viewBox="0 0 100 100"><title>Previous</title> 2640 <path d="M 10, 50 2641 L 60, 100 2642 L 65, 95 2643 L 20, 50 2644 L 65, 5 2645 L 60, 0 2646 Z" class="arrow"></path> 2647 </svg> 2648 </div> 2649</div> 2650<div class="swiper-button-next"> 2651 <div class="w-[44px] hover:bg-white bg-white/80 p-2.5 border border-green rounded-full">
2652 <svg class="flickity-button-icon" viewBox="0 0 100 100"><title>Next</title> 2653 <path d="M 10, 50 2654 L 60, 100 2655 L 65, 95 2656 L 20, 50 2657 L 65, 5 2658 L 60, 0 2659 Z" class="arrow" transform="translate(100, 100) rotate(180)"></path> 2660 </svg> 2661 </div> 2662</div> 2663 </div> 2664 <div class="sm:hidden w-full flex items-center justify-between"> 2665 <div class="!relative !mt-0 !top-0 swiper-button-prev !left-0"> 2666 <div class="w-[44px] hover:bg-white bg-white/80 p-2.5 border border-green rounded-full"> 2667 <svg class="flickity-button-icon" viewBox="0 0 100 100"><title>Previous</title> 2668 <path d="M 10, 50 2669 L 60, 100 2670 L 65, 95 2671 L 20, 50 2672 L 65, 5 2673 L 60, 0 2674 Z" class="arrow"></path> 2675 </svg> 2676 </div> 2677</div> 2678<div class="!relative !mt-0 !top-0 swiper-button-next !right-0"> 2679 <div class="w-[44px] hover:bg-white bg-white/80 p-2.5 border border-green rounded-full"> 2680 <svg class="flickity-button-icon" viewBox="0 0 100 100"><title>Next</title> 2681 <path d="M 10, 50 2682 L 60, 100 2683 L 65, 95 2684 L 20, 50 2685 L 65, 5 2686 L 60, 0 2687 Z" class="arrow" transform="translate(100, 100) rotate(180)"></path> 2688 </svg> 2689 </div> 2690</div> 2691 </div> 2692</div> </div> 2693 </div> 2694 2695</div> 2696<div class=" bg-purple 2697 my-12"> 2698 <div class="pt-12 pb-6 g--wrapper g--wrapper--small "> 2699 <div class="relative text-center"> 2700 <h2 class="uppercase text-title-firstdraft tracking-[5px]">F<span class="m--small-caps">irst</span> D<span class="m--small-caps">raft</span></h2> 2701 <div class="mt-4 sm:mt-0 inline-block sm:absolute right-0 top-0"> 2702 <a class="relative group overflow-hidden flex-shrink-0 stroke-green text-green border-green border text-[18px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 px-5 font-satoshi font-medium flex items-center justify-center" href="https://hnoc.org/publishing/first-draft"> 2703 Visit the Blog 2704 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2705 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2706</svg> 2707 2708 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 2709flex justify-center items-center transition-all duration-500 2710stroke-white 2711 bg-green 2712 text-white 2713"> 2714 Visit the Blog 2715 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2716 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2717</svg> 2718 2719 </span> 2720 2721</a> </div> 2722 </div> 2723 </div> 2724 <div class="g--wrapper g--wrapper--small mb-12"> 2725 <p class="z-10 text-center text-header-page w-full ">Stories from the Historic New Orleans Collection</p> 2726 </div> 2727 <div class="g--wrapper g--wrapper--small mt-12"> 2728 <div class="lg:-ml-10 lg:w-[calc(100%+5rem)] relative"> 2729 <div class="lg:px-20 py-15 relative z-10"> 2730 2731 2732 2733 2734<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center"> 2735 <div class="col-span-12 2736 md:col-span-5 "> 2737 2738 2739 2740 2741 2742<div> 2743 <div class=" 2744 uppercase font-title 2745 tracking-[2px] leading-[1.125] 2746 text-[14px] sm:text-[16px] mb-2 "> 2747 First Draft 2748 </div> 2749 <h3 class="text-title-halfintro mb-6"> 2750 <a class="" href="https://hnoc.org/publishing/first-draft/the-rise-and-fall-of-john-law">The Rise and Fall of John Law</a> 2751 </h3> 2752 <div class="mb-6 text-[16px] sm:text-[18px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium g--section-intro--copy g--highlight-link"> 2753 <p>The Scottish financier set off a speculation bubble that accelerated development in the early Louisiana colonyâand nearly ruined the French economy.</p> 2754 </div> 2755 2756 <div class="flex items-center"> 2757 2758 2759 2760 2761<a 2762 2763 target="" 2764 class=" relative group overflow-hidden 2765 2766 border border-transparent 2767 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 2768 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/publishing/first-draft/the-rise-and-fall-of-john-law"> 2769 <span class="relative z-10 flex justify-center items-center">View 2770 <svg class="ml-2" width="7" height="10" viewB
2770ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2771 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2772</svg> 2773 2774 </span> 2775 2776 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 2777flex justify-center items-center transition-all duration-500 2778 text-[--buttonBg] 2779 bg-[--buttonText] 2780 stroke-[--buttonBg] 2781"> 2782 View 2783 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2784 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2785</svg> 2786 2787 </span> 2788 2789</a> </div> 2790</div> </div> 2791 2792 2793 <div class="col-span-12 md:col-span-6 md:col-start-7 "> 2794 <a class="block cursor-pointer group" href="https://hnoc.org/publishing/first-draft/the-rise-and-fall-of-john-law"> 2795 2796 2797 <div class="overflow-hidden relative" style="padding-top:121.92307692308%"> 2798 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Black-and-white illustration of a crowded street scene in 1700s France, with people waving papers in the air to depict stock-market trading." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/60-63_024_pl16-recto.jpg?fit=cover&gravity%5Bx%5D=0.5095&gravity%5By%5D=0.7088&width=260&s=5lAk2X-aUSvPcRM-daUT4rkhjPhDXI5NuaJ4-Q8T_gQ" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/60-63_024_pl16-recto.jpg?fit=cover&gravity%5Bx%5D=0.5095&gravity%5By%5D=0.7088&format=webp&width=260&s=uMeZgGW4c8lVz3MCiPquuQtc6HoiuC83F1lc_aXnHh8 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/60-63_024_pl16-recto.jpg?fit=cover&gravity%5Bx%5D=0.5095&gravity%5By%5D=0.7088&format=webp&width=520&s=h8W5e9U-0lIPEhyN-5KeugjCo09czz58oNx-coq7eq4 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/60-63_024_pl16-recto.jpg?fit=cover&gravity%5Bx%5D=0.5095&gravity%5By%5D=0.7088&format=webp&width=1040&s=PXS1b2Wkw_xNxpE73_ekDrjKnwVQgsQjnbCgppqgF-E 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/60-63_024_pl16-recto.jpg?fit=cover&gravity%5Bx%5D=0.5095&gravity%5By%5D=0.7088&format=webp&width=1500&s=2leIRAlVfuWFBrxhydblzBNYgjsefFzOcc-GKFW3aEQ 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/60-63_024_pl16-recto.jpg?fit=cover&gravity%5Bx%5D=0.5095&gravity%5By%5D=0.7088&format=webp&width=2080&s=WcFTPYvCZsJ2d1UnXaofk2rf8HHFh6zyTlC9iWm0S-o 2080w" style="object-position: 50.95% 70.88%;"> 2799 </div> 2800 </a> </div> 2801 </div> 2802 </div> 2803 <div class="absolute opacity-20 top-0 left-0 w-full h-full z-0 object-cover"> 2804 <img class="lazyload top-0 left-0 h-full w-full absolute object-cover" alt="1974 25 15 91 Storyville map web" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1974.25.15.91_Storyville_map-web.png?fit=cover&width=260&s=zmdnGWzwiOJ04P11V4su-iZSqRmew80g8NlvuAoSe4c" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1974.25.15.91_Storyville_map-web.png?fit=cover&width=260&s=zmdnGWzwiOJ04P11V4su-iZSqRmew80g8NlvuAoSe4c 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1974.25.15.91_Storyville_map-web.png?fit=cover&width=520&s=4eWE-oAG9V5BZ6VSQ3ij69zMZHinZW4m3ij3UnnSaoc 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1974.25.15.91_Storyville_map-web.png?fit=cover&width=1040&s=u9yJa8qUm0Pqxy95IOX80CZk7nfxJt1nbxasMMWjIwI 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1974.25.15.91_Storyville_map-web.png?fit=cover&width=1500&s=SkD9zQxPnBFZMtRgPXonMNPEyiHfHv5ivxnrDMSUv98 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1974.25.15.91_Storyville_map-web.png?fit=cover&width=2080&s=vPXBxXBr-859Fb7x3WQZG1kol8OcOW9TUarFzWkszjM 2080w" style="object-position: 50% 50%;"> 2805 </div> 2806 2807 </div> 2808 </div> 2809 <div class="-mt-12"> 2810 2811 2812 <div class="c--remove-previous-border lg:mt-12 relative py-20 flex items-center justify-center flex-col c--remove-previous-border text-center 2813after:absolute after:top-0 after:left-0 after:h-full after:w-full after:content-[''] after:bg-opacity-80 2814"> 2815 <div class="g--wrapper relative z-10"> 2816 <div class=" 2817 uppercase font-title 2818 tracking-[2px] leading-[1.125]
2819 text-[14px] sm:text-[16px] mb-2 "> 2820 FIRST DRAFT NEWSLETTER 2821 </div> 2822 <h3 class="text-title-halfintro mt-6 font-serif"><p><span>New Orleans Stories, <br>Delivered to Your Inbox</span></p></h3> 2823 <div class="mt-8"> 2824 <form method="GET" action="https://pages.wordfly.com/historicneworleanscollection/pages/Subscribe/" target="_blank" class="flex flex-col sm:flex-row justify-center"> 2825 <div class="flex flex-wrap sm:flex-nowrap items-end"> 2826 <div class="flex flex-col justify-start w-full sm:w-auto"> 2827 <label class=" font-satoshi font-medium uppercase mb-1 text-left text-[16px]" for="email6341">Email address</label> 2828 <input id="email6341" name="email" placeholder="Type your email here" class="font-satoshi font-medium text-[18px] sm:text-[20px] leading-[1.5] rounded-[20px] py-3 px-4 md:w-[438px]" type="email"> 2829 </div> 2830 <button class="w-full mt-2 sm:mt-0 sm:ml-4 bg-green text-white font-satoshi font-medium text-[18px] sm:text-[20px] leading-[1.5] py-3 px-8 rounded-[20px]">Subscribe</button> 2831 </div> 2832</form> </div> 2833 </div> 2834 </div> 2835 </div> 2836 </div> 2837 2838 2839 <div class="mt-10 mb-10 bg-white 2840 "> 2841 <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4"> 2842 <div class="w-full flex-grow md:w-auto"> 2843 <h2 class="text-subtitle-page uppercase font-title"> 2844 Publishing 2845</h2> 2846 <p class="font-satoshi font-medium text-[18px] mt-2 w-full md:w-1/2">Explore our popular books and quarterly magazine.</p> 2847 </div> 2848 <a class="relative group overflow-hidden flex-shrink-0 stroke-green text-green border-green border text-[18px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 px-5 font-satoshi font-medium flex items-center justify-center" href="https://hnoc.org/publishing"> 2849 Learn More 2850 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2851 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2852</svg> 2853 2854 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 2855flex justify-center items-center transition-all duration-500 2856stroke-white 2857 bg-green 2858 text-white 2859"> 2860 Learn More 2861 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2862 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2863</svg> 2864 2865 </span> 2866 2867</a> </div> 2868 </div> 2869 2870 <div class="mb-12 c--node bg-white 2871 mt-12"> 2872 <div class="c--node g--wrapper g--wrapper--small"> 2873 <div class="pb-12 border-b border-pink"> 2874 <div class=""> 2875 2876 2877 2878 2879<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center"> 2880 <div class="col-span-12 2881 md:col-span-5 md:order-2 md:col-start-8"> 2882 2883 2884 2885 2886 2887<div> 2888 <div class=" 2889 uppercase font-title 2890 tracking-[2px] leading-[1.125] 2891 text-[14px] sm:text-[16px] mb-2 "> 2892 Preorder Now 2893 </div> 2894 <h3 class="text-title-halfintro mb-6"> 2895 <a class="" href="https://shophnoc.com/products/bunny-matthews-his-life-art-and-obsessions">Bunny Matthews: His Life, Art, and Obsessions</a> 2896 </h3> 2897 <div class="mb-6 text-[16px] sm:text-[18px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium g--section-intro--copy g--highlight-link"> 2898 <p>The bold personality of New Orleansâs legendary cartoonist and writer springs from the page in this first monograph of his work by Alison Fensterstock and Michael Tisserand.</p> 2899 </div> 2900 2901 <div class="flex items-center"> 2902 2903 2904 2905 2906<a 2907 2908 target="" 2909 class=" relative group overflow-hidden 2910 2911 border border-transparent 2912 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 2913 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://shophnoc.com/products/bunny-matthews-
2913his-life-art-and-obsessions"> 2914 <span class="relative z-10 flex justify-center items-center">Preorder 2915 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2916 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2917</svg> 2918 2919 </span> 2920 2921 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 2922flex justify-center items-center transition-all duration-500 2923 text-[--buttonBg] 2924 bg-[--buttonText] 2925 stroke-[--buttonBg] 2926"> 2927 Preorder 2928 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2929 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2930</svg> 2931 2932 </span> 2933 2934</a> <div class="ml-7.5 flex"> 2935 <a target="" class="hover:underline text-[16px] leading-[1.5] tracking-[0.1px] text-green rounded-[1.25rem] font-satoshi font-medium" href="https://hnoc.org/publishing/books/bunny-matthews-his-life-art-and-obsessions"> 2936 Learn More 2937</a> </div> 2938 </div> 2939</div> </div> 2940 2941 2942 <div class="col-span-12 md:col-span-6 "> 2943 <a class="block cursor-pointer group" href="https://shophnoc.com/products/bunny-matthews-his-life-art-and-obsessions"> 2944 2945 2946 <div class="overflow-hidden relative" style="padding-top:109.23076923077%"> 2947 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Book cover for "Bunny Matthews: His Life, Art, and Obsessions."" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&gravity%5Bx%5D=0.5245&gravity%5By%5D=0.1599&width=260&s=TaVzPOKQ_LMazcYaPWqRupIUtGKwNkb_DmBE0BTJxsk" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&gravity%5Bx%5D=0.5245&gravity%5By%5D=0.1599&format=webp&width=260&s=hZJYGT5XisFf33Y1c14iuVzJOvy5TGg99T5p0KnV0Z0 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&gravity%5Bx%5D=0.5245&gravity%5By%5D=0.1599&format=webp&width=520&s=L3oBSbFDMHBH6_CT5tbGROSquypw-Dfslwrym4fbLI0 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&gravity%5Bx%5D=0.5245&gravity%5By%5D=0.1599&format=webp&width=1040&s=9ao5Ww4LLr8DPs70NExkfZsLI6rZEMl1tnhImbvMwk0 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&gravity%5Bx%5D=0.5245&gravity%5By%5D=0.1599&format=webp&width=1500&s=dccYhhiM2C4xE2YFooi-YCnTo6kq-RchZ4iyubkOkVg 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/Bunny-Matthews-cover.jpg?fit=cover&gravity%5Bx%5D=0.5245&gravity%5By%5D=0.1599&format=webp&width=2080&s=KSHnu4HSmOuORvWmC2A2wwzqAfOaI9Kn6TcgyM0LJ_4 2080w" style="object-position: 52.45% 15.99%;"> 2948 </div> 2949 </a> </div> 2950 </div> 2951 </div> 2952 </div> 2953 </div> 2954 </div> 2955 2956 2957 <div class="mt-10 mb-10 bg-white 2958 "> 2959 <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4"> 2960 <div class="w-full flex-grow md:w-auto"> 2961 <h2 class="text-subtitle-page uppercase font-title"> 2962 History For Everyone 2963</h2> 2964 <p class="font-satoshi font-medium text-[18px] mt-2 w-full md:w-1/2">Dive into HNOCâs content, collections, and upcoming community events.</p> 2965 </div> 2966 <a class="relative group overflow-hidden flex-shrink-0 stroke-green text-green border-green border text-[18px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 px-5 font-satoshi font-medium flex items-center justify-center" href="https://hnoc.org/learn-explore"> 2967 View More
2968 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2969 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2970</svg> 2971 2972 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 2973flex justify-center items-center transition-all duration-500 2974stroke-white 2975 bg-green 2976 text-white 2977"> 2978 View More 2979 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2980 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 2981</svg> 2982 2983 </span> 2984 2985</a> </div> 2986 </div> 2987 2988 <div class="mb-12 c--node bg-white 2989 mt-12"> 2990 <div class="c--node g--wrapper g--wrapper--small"> 2991 <div class="pb-12 border-b border-pink"> 2992 <div class="mb-10 lg:mb-20"> 2993 2994 2995 2996 2997<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center"> 2998 <div class="col-span-12 2999 md:col-span-5 md:order-2 md:col-start-8"> 3000 3001 3002 3003 3004 3005<div> 3006 <div class=" 3007 uppercase font-title 3008 tracking-[2px] leading-[1.125] 3009 text-[14px] sm:text-[16px] mb-2 "> 3010 Events 3011 </div> 3012 <h3 class="text-subtitle-page tracking-[0px] leading-[1.1875] mb-6"> 3013 <a class="" href="https://hnoc.org/events/chess-club-2026-4">2026 Chess Club Meeting</a> 3014 </h3> 3015 <div class="uppercase text-[16px] leading-[1.5] tracking-[2px] font-title mb-4">September 12, 2026, 1â3 p.m.</div> 3016 <div class="mb-6 text-[16px] sm:text-[18px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium g--section-intro--copy g--highlight-link"> 3017 Join HNOCâs free, all-ages Chess Club to learn more about the game and help plan future gatherings and events. 3018 </div> 3019 3020 <div class="flex items-center"> 3021 3022 3023 3024 3025<a 3026 3027 target="" 3028 class=" relative group overflow-hidden 3029 3030 border border-transparent 3031 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 3032 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/events/chess-club-2026-4"> 3033 <span class="relative z-10 flex justify-center items-center">View 3034 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3035 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 3036</svg> 3037 3038 </span> 3039 3040 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 3041flex justify-center items-center transition-all duration-500 3042 text-[--buttonBg] 3043 bg-[--buttonText] 3044 stroke-[--buttonBg] 3045"> 3046 View 3047 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3048 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 3049</svg> 3050 3051 </span> 3052 3053</a> </div> 3054</div> </div> 3055 3056 3057 <div class="col-span-12 md:col-span-6 "> 3058 <a class="block cursor-pointer group" href="https://hnoc.org/events/chess-club-2026-4"> 3059 3060 3061 <div class="overflow-hidden relative" style="padding-top:68.461538461538%"> 3062 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Children are playing chess at a table covered with a blue cloth in a busy room. One child looks thoughtful while contemplating a move. Adults and other children are engaged in activities at surrounding tables." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20220709_ChessFest_AJ037_adj_web.jpg?fit=cover&width=260&s=DE0M5CumBfLLAQKeP39dr-XlQW05obQUFxZKp5D7Lec" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20220709_ChessFest_AJ037_adj_web.jpg?fit=cover&format=webp&height=178&width=260&s=8yFbqGW_ofxKmFKaAabOHMRrrUGhchbmjPzP9IfI9Oc 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20220709_ChessFest_AJ037_adj_web.jpg?fit=cover&format=webp&height=356&width=520&s=MmO5j6wPkibSGZrr62jCg7NIAspjd2ga73_4iBPzJzY 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20220709_ChessFest_AJ037_adj_web.jpg?fit=cover&format=webp&height=712&width=1040&s=j6JetmSLgALc2BuMKlNzeO2gG-RM3d2FAotvOKrm_1w 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20220709_ChessFest_AJ037_adj_web.jpg?fit=cover&format=webp&height=1027&width=1500&s=iOPx95iPBkksgClbF8wBn7HhS4KMWlHpSHlIzLlnVlc 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20220709_ChessFest_AJ037_adj_web.jpg?fit=cover&format=webp&height=1424&width=2080&s=uUa4OLh6wHmOyNwFCYeChkVBxsn7JOzwd8SxbBV7deI 2080w" style="object-position: 50% 50%;"> 3063 </div> 3064 </a> </div> 3065 </div> 3066 </div> 3067 <div class=""> 3068 3069 3070 3071 3072<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center"> 3073 <div class="col-span-12 3074 md:col-span-5 "> 3075 3076 3077 3078 3079 3080<div> 3081 <div class=" 3082 uppercase font-title 3083 tracking-[2px] leading-[1.125]
3084 text-[14px] sm:text-[16px] mb-2 "> 3085 Events 3086 </div> 3087 <h3 class="text-subtitle-page tracking-[0px] leading-[1.1875] mb-6"> 3088 <a class="" href="https://hnoc.org/events/fall-2026-educator-open-house">Fall 2026 Educator Open House</a> 3089 </h3> 3090 <div class="uppercase text-[16px] leading-[1.5] tracking-[2px] font-title mb-4">September 19, 2026, 11:30 a.m.â1 p.m.</div> 3091 <div class="mb-6 text-[16px] sm:text-[18px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium g--section-intro--copy g--highlight-link"> 3092 New Orleans-area educators are invited to learn about HNOC resources available to them and their students. 3093 </div> 3094 3095 <div class="flex items-center"> 3096 3097 3098 3099 3100<a 3101 3102 target="" 3103 class=" relative group overflow-hidden 3104 3105 border border-transparent 3106 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 3107 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/events/fall-2026-educator-open-house"> 3108 <span class="relative z-10 flex justify-center items-center">View 3109 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3110 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 3111</svg> 3112 3113 </span> 3114 3115 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 3116flex justify-center items-center transition-all duration-500 3117 text-[--buttonBg] 3118 bg-[--buttonText] 3119 stroke-[--buttonBg] 3120"> 3121 View 3122 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3123 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 3124</svg> 3125 3126 </span> 3127 3128</a> </div> 3129</div> </div> 3130 3131 3132 <div class="col-span-12 md:col-span-6 md:col-start-7 "> 3133 <a class="block cursor-pointer group" href="https://hnoc.org/events/fall-2026-educator-open-house"> 3134 3135 3136 <div class="overflow-hidden relative" style="padding-top:68.461538461538%"> 3137 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Educators participate in an Educator Open House event at HNOC. Teachers sit at desks in a classrom while listening to a faciliator." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20180626_Education_GliderLehrmanTeacherWorkshop_MC-007_o3.jpg?fit=cover&width=260&s=nfLdx2ZhoEWE_9dsnN1xIPzLaHg4_JiWLGtTs64gkE4" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20180626_Education_GliderLehrmanTeacherWorkshop_MC-007_o3.jpg?fit=cover&format=webp&height=178&width=260&s=xzYJIDWtrXNkUJ5LXF4UlFnkffphX3OqvFp4BDZWvm8 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20180626_Education_GliderLehrmanTeacherWorkshop_MC-007_o3.jpg?fit=cover&format=webp&height=356&width=520&s=o7qp1jr6QBTRYJU68EC89wt0ToOtQZ7R9vBKIdmX880 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20180626_Education_GliderLehrmanTeacherWorkshop_MC-007_o3.jpg?fit=cover&format=webp&height=712&width=1040&s=DqbfxdWoPY91CW64lfLiqnGznb661wrX3YxxPO7JMgA 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20180626_Education_GliderLehrmanTeacherWorkshop_MC-007_o3.jpg?fit=cover&format=webp&height=1027&width=1500&s=kCWwKe6j28T7AzBimTkeKrgjDND_uyNGvJmTHkkGD_c 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20180626_Education_GliderLehrmanTeacherWorkshop_MC-007_o3.jpg?fit=cover&format=webp&height=1424&width=2080&
3137s=huRDLBKCayM5_U-f6A-5aoK-cI_dF17PI3xNatvhpCw 2080w" style="object-position: 50% 50%;"> 3138 </div> 3139 </a> </div> 3140 </div> 3141 </div> 3142 </div> 3143 </div> 3144 </div> 3145 3146 3147 <div class="pt-10 bg-pink-blush 3148 "> 3149 <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4"> 3150 <div class="w-full flex-grow md:w-auto"> 3151 <h2 class="text-subtitle-page uppercase font-title"> 3152 Shop & Relax 3153</h2> 3154 </div> 3155 </div> 3156 </div> 3157 3158 <div class="mb-12 c--node bg-pink-blush 3159 pt-12 c--remove-previous-border"> 3160 <div class="c--node g--wrapper g--wrapper--small"> 3161 <div class="pb-12 "> 3162 <div class="grid md:grid-cols-2 gap-7.5"> 3163 3164 3165 3166<div class=""> 3167 <div class=""> 3168 <a href="https://shophnoc.com" class="block group "> 3169 3170 3171 3172 <div class="overflow-hidden relative" style="padding-top:84.615384615385%"> 3173 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Interior view of the Shop at the Historic New Orleans Collection. A shopper is looking at greeting cards on the right side of the image." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260126_TheShop_AJ013_o3.jpg?fit=cover&width=260&s=MyUQEIggNTOFnQeynSlAtSJrvloG-5rV7FYhKce__5Y" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260126_TheShop_AJ013_o3.jpg?fit=cover&format=webp&height=220&width=260&s=DkvyDR0zTV5P619rnIAlGit2N5eHogEV_kgLnVT_wAI 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260126_TheShop_AJ013_o3.jpg?fit=cover&format=webp&height=440&width=520&s=cMSigd72vpWvAgUQU1dv2tIEVyuoFZmxOMz-QX9ANDM 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260126_TheShop_AJ013_o3.jpg?fit=cover&format=webp&height=880&width=1040&s=4-5aE6KUdibE_jKTPzuCJ_VQukQVhBSGkbcwv-dqtRk 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260126_TheShop_AJ013_o3.jpg?fit=cover&format=webp&height=1270&width=1500&s=Fmd0CQVEMfWMKjnihomJYuZZNQIWYLmsv3pdSPeR0HQ 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260126_TheShop_AJ013_o3.jpg?fit=cover&format=webp&height=1760&width=2080&s=-qxApST4yWANgcgd_SC_mP93A4QWoSu08NkBymtv1Nc 2080w" style="object-position: 50% 50%;"> 3174 </div> 3175 </a> 3176 </div> 3177 <div class="px-7 py-6 relative 3178 after:hidden sm:after:block after:border-l after:border-muted after:absolute after:h-[50%] after:top-1/2 after:transform after:-translate-y-1/2 after:-right-4 after:content-[''] 3179"> 3180 3181<div class="text-center"> 3182 <div class="text-[16px] tracking-[2px] leading-[1.125] uppercase mb-2 font-title"> 3183 Visit 3184 </div> 3185 <h3 class="tracking-[0px] text-subtitle-page leading-[1.1875] mb-4"> 3186 <a class="" href="https://shophnoc.com">The Shop</a> 3187 </h3> 3188 <div class="mx-auto xl:w-3/4 mb-6 3189 text-[16px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium 3190 g--highlight-link 3191"><p><span>Our award-winning museum shop offers gifts by local artists, HNOC books, merchandise inspired by objects from our holdings, and much more.</span></p></div> 3192 <div class="flex justify-center items-center"> 3193 3194 3195 3196 3197<a 3198 3199 target="" 3200 class=" relative group overflow-hidden 3201 3202 border border-transparent 3203 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 3204 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://shophnoc.com"> 3205 <span class="relative z-10 flex justify-center items-center">Shop Now 3206 <svg class="ml-2" width="7" height="10" viewB
3206ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3207 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 3208</svg> 3209 3210 </span> 3211 3212 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 3213flex justify-center items-center transition-all duration-500 3214 text-[--buttonBg] 3215 bg-[--buttonText] 3216 stroke-[--buttonBg] 3217"> 3218 Shop Now 3219 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3220 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 3221</svg> 3222 3223 </span> 3224 3225</a> </div> 3226 3227</div> </div> 3228</div> 3229 3230 3231<div class=""> 3232 <div class=""> 3233 <a href="https://hnoc.org/visit/our-campus/the-cafe-at-the-collection" class="block group "> 3234 3235 3236 3237 <div class="overflow-hidden relative" style="padding-top:84.615384615385%"> 3238 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="Exterior view of the courtyard cafe at the Historic New Orleans Collection." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260430_CafeShoot_AJ005_o3.jpg?fit=cover&width=260&s=wna7cyce93AkwAzIFCkbaAJsymILDBBnF27MN7w5KaI" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260430_CafeShoot_AJ005_o3.jpg?fit=cover&format=webp&height=220&width=260&s=sPGdIlDDF0211LCl0NWgKLqjT2NNnfUNB7SedciAf3k 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260430_CafeShoot_AJ005_o3.jpg?fit=cover&format=webp&height=440&width=520&s=oNyj4aHM1OQp_dtZMK9AKeXM6Iwi8otzv17v6XZDmQ4 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260430_CafeShoot_AJ005_o3.jpg?fit=cover&format=webp&height=880&width=1040&s=-nmWFTpSMS8RkYzdA2joHk0AuzKmFzu5uy8SExP8SVY 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260430_CafeShoot_AJ005_o3.jpg?fit=cover&format=webp&height=1270&width=1500&s=_F9EZmE-Y0xw99R5Xv5wH-lGqu6xAVZpuCd9WpQS774 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20260430_CafeShoot_AJ005_o3.jpg?fit=cover&format=webp&height=1760&width=2080&s=CqfzhZPjP-lBhawWM8XAYR4WlhkD_KEL1TeHSlXvpug 2080w" style="object-position: 50% 50%;"> 3239 </div> 3240 </a> 3241 </div> 3242 <div class="px-7 py-6 relative 3243 "> 3244 3245<div class="text-center"> 3246 <div class="text-[16px] tracking-[2px] leading-[1.125] uppercase mb-2 font-title"> 3247 Visit 3248 </div> 3249 <h3 class="tracking-[0px] text-subtitle-page leading-[1.1875] mb-4"> 3250 <a class="" href="https://hnoc.org/visit/our-campus/the-cafe-at-the-collection">The Café</a> 3251 </h3> 3252 <div class="mx-auto xl:w-3/4 mb-6 3253 text-[16px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium 3254 g--highlight-link 3255"><p><span>Relax and recharge while enjoying a coffee or pastry in our historic and picturesque Brulatour Courtyard.</span></p></div> 3256 <div class="flex justify-center items-center"> 3257 3258 3259 3260 3261<a 3262 3263 target="" 3264 class=" relative group overflow-hidden 3265 3266 border border-transparent 3267 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 3268 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/visit/our-campus/the-cafe-at-the-collection"> 3269 <span class="relative z-10 flex justify-center items-center">Learn More 3270 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3271 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 3272</svg> 3273 3274 </span> 3275 3276 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 3277flex justify-center items-center transition-all duration-500 3278 text-[--buttonBg] 3279 bg-[--buttonText] 3280 stroke-[--buttonBg] 3281"> 3282 Learn More 3283 <svg class="ml-2" width="7" height="10" viewB
3283ox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3284 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 3285</svg> 3286 3287 </span> 3288 3289</a> </div> 3290 3291</div> </div> 3292</div> </div> 3293 </div> 3294 </div> 3295 </div> 3296 3297 3298 <div class="mt-10 mb-10 bg-white 3299 "> 3300 <div class="g--wrapper g--wrapper--small flex justify-between items-start flex-wrap gap-y-4"> 3301 <div class="w-full flex-grow md:w-auto"> 3302 <h2 class="text-subtitle-page uppercase font-title"> 3303 Donate & Support 3304</h2> 3305 <p class="font-satoshi font-medium text-[18px] mt-2 w-full md:w-1/2">Become a member and support our mission.</p> 3306 </div> 3307 </div> 3308 </div> 3309 3310 <div class="mb-12 c--node bg-white 3311 mt-12"> 3312 <div class="c--node g--wrapper g--wrapper--small"> 3313 <div class="pb-12 border-b border-pink"> 3314 <div class="mb-10 lg:mb-20"> 3315 3316 3317 3318 3319<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center"> 3320 <div class="col-span-12 3321 md:col-span-5 md:order-2 md:col-start-8"> 3322 3323 3324 3325 3326 3327<div> 3328 <div class=" 3329 uppercase font-title 3330 tracking-[2px] leading-[1.125] 3331 text-[14px] sm:text-[16px] mb-2 "> 3332 Support 3333 </div> 3334 <h3 class="text-title-halfintro mb-6"> 3335 <a class="" href="https://hnoc.org/support/membership">Become a Member</a> 3336 </h3> 3337 <div class="mb-6 text-[16px] sm:text-[18px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium g--section-intro--copy g--highlight-link"> 3338 <p><span>The Historic New Orleans Collection is for everyone! Get the most out of your visit to HNOC with great year-round perks, and find the membership level right for you.</span></p> 3339 </div> 3340 3341 <div class="flex items-center"> 3342 3343 3344 3345 3346<a 3347 3348 target="" 3349 class=" relative group overflow-hidden 3350 3351 border border-transparent 3352 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 3353 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/support/membership"> 3354 <span class="relative z-10 flex justify-center items-center">Learn More 3355 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3356 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 3357</svg> 3358 3359 </span> 3360 3361 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 3362flex justify-center items-center transition-all duration-500 3363 text-[--buttonBg] 3364 bg-[--buttonText] 3365 stroke-[--buttonBg] 3366"> 3367 Learn More 3368 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3369 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 3370</svg> 3371 3372 </span> 3373 3374</a> </div> 3375</div> </div> 3376 3377 3378 <div class="col-span-12 md:col-span-6 "> 3379 <a class="block cursor-pointer group" href="https://hnoc.org/support/membership"> 3380 3381 3382 <div class="overflow-hidden relative" style="padding-top:68.461538461538%"> 3383 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="A man helps a young girl adjust her headphones at an interactive exhibit in a museum. They stand by a display with screens and audio equipment, focused on the experience. The background features informational plaques on the wall." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20190209_ArtsNOLA_FamilyDay_MC-130_o3.jpg?fit=cover&width=260&s=UsI-SSVMWNKp-BVuUJ28q9fSHtYyqbZvap_xc1id7zE" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20190209_ArtsNOLA_FamilyDay_MC-130_o3.jpg?fit=cover&format=webp&height=178&width=260&s=J_rVovOYbqvlv-wwtvkYnalL5EUl9iRbLtLpl1KCahw 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20190209_ArtsNOLA_FamilyDay_MC-130_o3.jpg?fit=cover&format=webp&height=356&width=520&s=9IddN0S4sIkNbQuic5_46wrKV5ql00vxdzN7hQaxIac 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20190209_ArtsNOLA_FamilyDay_MC-130_o3.jpg?fit=cover&format=webp&height=712&width=1040&s=i3I8WlR0VmbiBuVfE-Syrv_hWjcHJcYh3m9MjsYASHI 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20190209_ArtsNOLA_FamilyDay_MC-130_o3.jpg?fit=cover&format=webp&height=1027&width=1500&s=UUcHGExxk4NT8N7tvlu6j81KpP5jeTFt0a4Ma2D0_-k 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/20190209_ArtsNOLA_FamilyDay_MC-130_o3.jpg?fit=cover&format=webp&height=1424&width=2080&s=MrKqWr6uu8ncx4M5mO9VqppEf2RHfhO1W8DL1Luz1ow 2080w" style="object-position: 50% 50%;"> 3384 </div> 3385 </a> </div> 3386 </div> 3387 </div> 3388 <div class=""> 3389 3390 3391 3392 3393<div class="grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center"> 3394 <div class="col-span-12 3395 md:col-span-5 "> 3396 3397 3398 3399 3400 3401<div> 3402 <div class=" 3403 uppercase font-title 3404 tracking-[2px] leading-[1.125]
3405 text-[14px] sm:text-[16px] mb-2 "> 3406 Events 3407 </div> 3408 <h3 class="text-subtitle-page tracking-[0px] leading-[1.1875] mb-6"> 3409 <a class="" href="https://hnoc.org/events/cheers-to-60-years">Cheers to 60 Years! Presented by Ryan Gootee General Contractors</a> 3410 </h3> 3411 <div class="uppercase text-[16px] leading-[1.5] tracking-[2px] font-title mb-4">October 29, 2026, 6â9 p.m.</div> 3412 <div class="mb-6 text-[16px] sm:text-[18px] leading-[1.5] tracking-[0.1px] font-satoshi font-medium g--section-intro--copy g--highlight-link"> 3413 Join us in celebrating HNOCâs 60th birthday with an unforgettable evening in the French Quarter. 3414 </div> 3415 3416 <div class="flex items-center"> 3417 3418 3419 3420 3421<a 3422 3423 target="" 3424 class=" relative group overflow-hidden 3425 3426 border border-transparent 3427 bg-[--buttonBg] text-[--buttonText] stroke-[--buttonText] 3428 flex-shrink-0 inline-block text-[16px] leading-[1.5] tracking-[0.1px] rounded-[1.25rem] py-2 sm:py-3 px-5 sm:px-7.5 font-satoshi font-medium" href="https://hnoc.org/events/cheers-to-60-years"> 3429 <span class="relative z-10 flex justify-center items-center">View 3430 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3431 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 3432</svg> 3433 3434 </span> 3435 3436 <span class="c--clip-path absolute bottom-0 z-20 h-full w-full top-0 left-0 3437flex justify-center items-center transition-all duration-500 3438 text-[--buttonBg] 3439 bg-[--buttonText] 3440 stroke-[--buttonBg] 3441"> 3442 View 3443 <svg class="ml-2" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3444 <path d="M1.5 1L5.5 5L1.5 9" stroke-width="1.5"/> 3445</svg> 3446 3447 </span> 3448 3449</a> </div> 3450</div> </div> 3451 3452 3453 <div class="col-span-12 md:col-span-6 md:col-start-7 "> 3454 <a class="block cursor-pointer group" href="https://hnoc.org/events/cheers-to-60-years"> 3455 3456 3457 <div class="overflow-hidden relative" style="padding-top:68.461538461538%"> 3458 <img class="lazyload top-0 left-0 h-full w-full absolute object-contain group-hover:scale-110" alt="An illustration of a pageant design entitled "Twelfth Night Revelers." Dancing champagne bottles, cakes, teacups and more are depicted." data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&gravity%5Bx%5D=0.5914&gravity%5By%5D=0.5258&width=260&s=MGAYxB_p38ajsYBZq49MDf1tVpoUcE6h6PtMOJMdQKw" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&gravity%5Bx%5D=0.5914&gravity%5By%5D=0.5258&format=webp&height=178&width=260&s=medQ4NtgNx_NNzCVAtvBfZ5I5AyUChfMlybT2plxFWA 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&gravity%5Bx%5D=0.5914&gravity%5By%5D=0.5258&format=webp&height=356&width=520&s=teyddpvk2393VM9kkYFUYpBvp5dSWmSP6QjK900QZfg 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&gravity%5Bx%5D=0.5914&gravity%5By%5D=0.5258&format=webp&height=712&width=1040&s=kirfDKAKOlN_dgDJdx7qOUObfWcD4BfUFYzOxrZPnzM 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&gravity%5Bx%5D=0.5914&gravity%5By%5D=0.5258&format=webp&height=1027&width=1500&s=497pv7mEZsOc-FEdQsRX-3zzq2ZkTSni7vQqgYFowFg 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/1975.117.9_o2.jpg?fit=cover&gravity%5Bx%5D=0.5914&gravity%5By%5D=0.5258&format=webp&height=1424&width=2080&s=xBoFmhLmZE-WpQLlYQSyFnH3tzK9Nc2WDQ4S0thR6jw 2080w" style="object-position: 59.14% 52.58%;"> 3459 </div> 3460 </a> </div> 3461 </div> 3462 </div> 3463 </div> 3464 </div> 3465 </div> 3466 3467 3468 <div class="c--remove-previous-border lg:mt-12 relative py-20 flex items-center justify-center flex-col c--remove-previous-border text-center 3469after:absolute after:bg-terra 3470 after:top-0 after:left-0 after:h-full after:w-full after:content-[''] after:bg-opacity-80 3471"> 3472 <div class="g--wrapper relative z-10"> 3473 <div class=" 3474 uppercase font-title 3475 tracking-[2px] leading-[1.125]
3476 text-[14px] sm:text-[16px] mb-2 "> 3477 Stay Connected 3478 </div> 3479 <h3 class="text-title-halfintro mt-6 font-serif"><p>Subscribe to Our Newsletter</p></h3> 3480 <div class="mt-8"> 3481 <form method="GET" action="https://pages.wordfly.com/historicneworleanscollection/pages/Subscribe/" target="_blank" class="flex flex-col sm:flex-row justify-center"> 3482 <div class="flex flex-wrap sm:flex-nowrap items-end"> 3483 <div class="flex flex-col justify-start w-full sm:w-auto"> 3484 <label class=" font-satoshi font-medium uppercase mb-1 text-left text-[16px]" for="email85777">Email address</label> 3485 <input id="email85777" name="email" placeholder="Type your email here" class="font-satoshi font-medium text-[18px] sm:text-[20px] leading-[1.5] rounded-[20px] py-3 px-4 md:w-[438px]" type="email"> 3486 </div> 3487 <button class="w-full mt-2 sm:mt-0 sm:ml-4 bg-green text-white font-satoshi font-medium text-[18px] sm:text-[20px] leading-[1.5] py-3 px-8 rounded-[20px]">Subscribe</button> 3488 </div> 3489</form> </div> 3490 </div> 3491 <div class="absolute top-0 left-0 w-full h-full z-0 object-cover"> 3492 <img class="lazyload top-0 left-0 h-full w-full absolute object-cover" alt="2000 78 8 1 o3" data-sizes="auto" data-src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2000.78.8.1_o3.jpg?fit=cover&gravity%5Bx%5D=0.52&gravity%5By%5D=0.4098&width=260&s=P-GfElBF-qFHn2b4ijjAvirZTNgzDv9rICrrWOF1Wms" data-srcset="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2000.78.8.1_o3.jpg?fit=cover&gravity%5Bx%5D=0.52&gravity%5By%5D=0.4098&width=260&s=P-GfElBF-qFHn2b4ijjAvirZTNgzDv9rICrrWOF1Wms 260w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2000.78.8.1_o3.jpg?fit=cover&gravity%5Bx%5D=0.52&gravity%5By%5D=0.4098&width=520&s=4cyv0h7E0eQMnEggnEFoRGCh0G39AevhvxeJzqXHWUA 520w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2000.78.8.1_o3.jpg?fit=cover&gravity%5Bx%5D=0.52&gravity%5By%5D=0.4098&width=1040&s=ic3phD4omqraLyrt4pm9-cwUpaoFU8Xq3sMaMWGK2_Q 1040w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2000.78.8.1_o3.jpg?fit=cover&gravity%5Bx%5D=0.52&gravity%5By%5D=0.4098&width=1500&s=AGIyFwSfXQyxLBi22BR7OH21Bvr96Ca5GYqmAlIaepg 1500w, https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/assets/2000.78.8.1_o3.jpg?fit=cover&gravity%5Bx%5D=0.52&gravity%5By%5D=0.4098&width=2080&s=2WdnZZkCrWNJb1iaBOwCLotGfm-M9CROCTDeuq4gCUk 2080w" style="object-position: 52% 40.98%;"> 3493 </div> 3494 </div> 3495 </main> 3496 <footer class="bg-green pt-7"> 3497 <div class="g--wrapper g--wrapper--small grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 items-center"> 3498 <div class="col-span-12 lg:col-span-6 font-title text-carousel-title-small tracking-[2px] uppercase text-white"> 3499 <div class="flex flex-wrap gap-y-2 gap-x-6"> 3500 CONNECT WITH US 3501 <div class="flex items-center gap-x-4"> 3502 <a class="" aria-label="instagram (opens in a new tab)" href="https://www.instagram.com/visit_hnoc" target="_blank"> 3503 <svg class="w-[24px] h-[24px] fill-white" width="30" height="30" alt="instagram" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> 3504 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.01849 0.286937C10.5646 0.216394 11.0582 0.199707 14.995 0.199707C18.9317 0.199707 19.4253 0.216394 20.9714 0.286937C22.5143 0.357308 23.568 0.60237 24.49 0.960727C25.4432 1.33111 26.2516 1.82676 27.0575 2.6326C27.8633 3.4385 28.359 4.24688 28.7294 5.20008C29.0877 6.12209 29.3328 7.17582 29.4031 8.71869C29.4737 10.2648 29.4904 10.7584 29.4904 14.6952C29.4904 18.6319 29.4737 19.1255 29.4031 20.6716C29.3328 22.2144 29.0877 23.2682 28.7294 24.1902C28.359 25.1434 27.8633 25.9518 27.0575 26.7577C26.2516 27.5635 25.4432 28.0592 24.49 28.4296C23.568 28.7879 22.5143 29.033 20.9714 29.1033C19.4253 29.1739 18.9317 29.1906 14.995 29.1906C11.0582 29.1906 10.5646 29.1739 9.01849 29.1033C7.47562 29.033 6.4219 28.7879 5.49988 28.4296C4.54668 28.0592 3.73831 27.5635 2.9324 26.7577C2.12
3504656 25.9518 1.63091 25.1434 1.26053 24.1902C0.902174 23.2682 0.657113 22.2144 0.586742 20.6716C0.516198 19.1255 0.499512 18.6319 0.499512 14.6952C0.499512 10.7584 0.516198 10.2648 0.586742 8.71869C0.657113 7.17582 0.902174 6.12209 1.26053 5.20008C1.63091 4.24688 2.12656 3.4385 2.9324 2.6326C3.73831 1.82676 4.54668 1.33111 5.49988 0.960727C6.4219 0.60237 7.47562 0.357308 9.01849 0.286937ZM23.5439 3.39512C23.0331 3.1966 22.2656 2.96046 20.8523 2.89602C19.3238 2.82628 18.8654 2.81149 14.995 2.81149C11.1245 2.81149 10.666 2.82628 9.13754 2.89602C7.72425 2.96046 6.95673 3.1966 6.44595 3.39512C5.76934 3.65807 5.28647 3.97218 4.77926 4.47945C4.27199 4.98666 3.95788 5.46954 3.69492 6.14615C3.49641 6.65693 3.26027 7.42445 3.19582 8.83774C3.12608 10.3662 3.1113 10.8247 3.1113 14.6952C3.1113 18.5656 3.12608 19.024 3.19582 20.5525C3.26027 21.9658 3.49641 22.7333 3.69492 23.2441C3.95788 23.9207 4.27204 24.4036 4.77926 24.9108C5.28647 25.4181 5.76934 25.7322 6.44595 25.9951C6.95673 26.1937 7.72425 26.4298 9.13754 26.4942C10.6659 26.564 11.1242 26.5788 14.995 26.5788C18.8657 26.5788 19.3241 26.564 20.8523 26.4942C22.2656 26.4298 23.0331 26.1937 23.5439 25.9951C24.2205 25.7322 24.7034 25.4181 25.2106 24.9108C25.7179 24.4036 26.032 23.9207 26.295 23.2441C26.4935 22.7333 26.7296 21.9658 26.7941 20.5525C26.8638 19.024 26.8786 18.5656 26.8786 14.6952C26.8786 10.8247 26.8638 10.3662 26.7941 8.83774C26.7296 7.42445 26.4935 6.65693 26.295 6.14615C26.032 5.46954 25.7179 4.98666 25.2106 4.47945C24.7034 3.97218 24.2205 3.65807 23.5439 3.39512ZM14.995 7.25154C10.8839 7.25154 7.55134 10.5841 7.55134 14.6952C7.55134 18.8061 10.8839 22.1387 14.995 22.1387C19.1059 22.1387 22.4385 18.8061 22.4385 14.6952C22.4385 10.5841 19.1059 7.25154 14.995 7.25154ZM10.1631 14.6952C10.1631 17.3637 12.3264 19.5269 14.995 19.5269C17.6635 19.5269 19.8267 17.3637 19.8267 14.6952C19.8267 12.0266 17.6635 9.86332 14.995 9.86332C12.3264 9.86332 10.1631 12.0266 10.1631 14.6952ZM22.7326 8.69688C23.6933 8.69688 24.4721 7.91814 24.4721 6.95745C24.4721 5.99677 23.6933 5.21797 22.7326 5.21797C21.772 5.21797 20.9932 5.99677 20.9932 6.95745C20.9932 7.91814 21.772 8.69688 22.7326 8.69688Z"/> 3505</svg> 3506 3507 </a> 3508 <a class="" aria-label="facebook (opens in a new tab)" href="https://www.facebook.com/THNOC/" target="_blank"> 3509 <svg class="w-[24px] h-[24px] fill-white" width="26" height="26" alt="facebook" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 3510 <path fill-rule="evenodd" clip-rule="evenodd" d="M24.5739 0.140137H2.22577C1.46035 0.140137 0.839844 0.760639 0.839844 1.52607V23.8742C0.839844 24.6396 1.46035 25.2601 2.22577 25.2601H14.2661V15.5456H10.9961V11.743H14.2661V8.94513C14.2661 5.70119 16.2497 3.93412 19.1428 3.93412C20.1177 3.932 21.0921 3.98115 22.0619 4.08138V7.47258H20.0696C18.4931 7.47258 18.1856 8.21752 18.1856 9.3176V11.7386H21.9536L21.4642 15.5413H18.164V25.2601H24.5739C25.3393 25.2601 25.9598 24.6396 25.9598 23.8742V1.52607C25.9598 0.760639 25.3393 0.140137 24.5739 0.140137Z"/> 3511</svg> 3512 3513 </a> 3514 <a class="" aria-label="linkedin (opens in a new tab)" href="https://www.linkedin.com/company/the-historic-new-orleans-collection/" target="_blank"> 3515 <svg class="w-[24px] h-[24px] fill-white" width="24" height="24" alt="linkedin" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> 3516 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4518 20.4507H16.8929V14.88C16.8929 13.552 16.8689 11.844 15.0422 11.844C13.1914 11.844 12.9087 13.292 12.9087 14.7853V20.4507H9.35252V8.99733H12.7634V10.5627H12.8127C13.2887 9.66267 14.4488 8.71333 16.1809 8.71333C19.7864 8.71333 20.4518 11.084 20.4518 14.1693V20.4507ZM5.33896 7.43333C4.1949 7.43333 3.27218 6.508 3.27218 5.368C3.27218 4.22933 4.1949 3.304 5.33896 3.304C6.47636 3.304 7.40174 4.22933 7.40174 5.368C7.40174 6.508 6.47636 7.43333 5.33896 7.43333ZM3.55486 20.4507H7.11906V8.99733H3.55486V20.4507ZM22.2239 0H1.76943C0.793377 0 0 0.774667 0 1.73067V22.268C0 23.224 0.793377 24 1.76943 24H22.2239C23.2026 24 24 23.224 24 22.268V1.73067C24 0.774667 23.2026 0 22.2239 0Z"/> 3517</svg> 3518 3519 </a> 3520 <a class="" aria-label="emailPlatform (
3520opens in a new tab)" href="mailto:[email protected]" target="_blank"> 3521 <svg class="w-[24px] h-[24px] fill-white" width="27" height="26" alt="emailPlatform" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg"> 3522 <path fill-rule="evenodd" clip-rule="evenodd" d="M1.19971 3.24902V4.9068L3.71171 6.44479L13.7597 12.5944L23.8077 6.48792L26.3197 4.9595V3.24902H1.19971ZM1.19973 7.80312V22.874H26.3197V7.84863L13.7622 15.3781L1.19973 7.80312Z"/> 3523</svg> 3524 3525 </a> 3526 <a class="" aria-label="youtube (opens in a new tab)" href="https://www.youtube.com/@visit_hnoc" target="_blank"> 3527 <svg class="w-[24px] h-[24px] fill-white" width="24" height="24" alt="youtube" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/></svg> 3528 </a> 3529 </div> 3530 </div> 3531 </div> 3532 <div class="col-span-12 lg:col-span-6"> 3533 <form method="GET" action="https://pages.wordfly.com/historicneworleanscollection/pages/Subscribe/" target="_blank"> 3534 <div class="flex flex-wrap sm:flex-nowrap items-end"> 3535 <div class="flex flex-col justify-start w-full flex-grow"> 3536 <label class=" font-title uppercase mb-2 text-left text-[14px] text-white" for="emailFooter">Email address</label> 3537 <input id="emailFooter" name="email" placeholder="Type your email here" class="font-satoshi font-medium text-[16px] leading-[1.5] rounded-[20px] py-3 px-4" type="email"> 3538 </div> 3539 <button class=" mt-2 sm:mt-0 sm:ml-4 bg-green border-white border text-white font-satoshi font-medium text-[16px] leading-[1.5] py-3 px-8 rounded-[20px]">Subscribe</button> 3540 </div> 3541 </form> 3542 </div> 3543 </div> 3544 <div class="mt-10 g--wrapper g--wrapper--small grid grid-cols-12 gap-y-7.5 sm:gap-x-7.5 "> 3545 <div class="col-span-12 lg:col-span-6 flex items-center"> 3546 <div class="mr-6 sm:mr-10 flex-shrink-0"> 3547 <img src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/artifacts/img/footer-logo.svg" class="w-[131px]" alt="The Historic New Orleans Collection"> 3548 </div> 3549 <div class="font-satoshi text-white text-[16px] g--p-linebreak g--p-linebreak--not-last g--satoshi-strong"> 3550 <p><span class="text-[18px]"><strong>Museum & Shop</strong></span><br />520 Royal St., New Orleans, LA 70130<br />TuesdayâSaturday 9:30 a.m.â4:30 p.m.<br />Sunday 10:30 a.m.â4:30 p.m.<br /><strong>(504) 523-4662</strong></p><p><span class="text-[18px]"><strong>Williams Research Center</strong></span><br />410 Chartres St., New Orleans, LA 70130<br />TuesdayâSaturday 9:30 a.m.â4:30 p.m.<br />Closed Sunday and Monday<br /><strong>(504) 598-7171</strong></p> 3551 </div> 3552 </div> 3553 <div class="col-span-12 lg:col-span-6 grid sm:grid-cols-3 gap-x-7.5 gap-y-4 "> 3554 <div class="font-satoshi text-[18px] font-medium text-white"> 3555 <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/about" target="">About Us</a></div> 3556 <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/research-collections" target="">Research</a></div> 3557 <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/visit/accessibility" target="">Accessibility</a></div> 3558 <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/news" target="">News & Press</a></div> 3559 </div> 3560 <div class="font-satoshi text-[18px] font-medium text-white"> 3561 <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/support/membership" target="">Membership</a></div> 3562 <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/support/donate" target="">Donate</a></div> 3563 <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/support/sponsorships" target="">Sponsorship</a></div> 3564 <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/contact-us" target="">Contact & Hours</a></div> 3565 </div> 3566 <div class="font-satoshi text-[18px] font-medium text-white"> 3567 <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/careers" target="">Careers</a></div> 3568 <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/about/internships" target="">Internships</a></div> 3569 <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/about/staff" target="">Staff</a></div> 3570 <div class="mb-2"><a class="hover:underline" href="https://hnoc.org/about/leadership" target="">Leadership</a></div> 3571 </div> 3572 </div> 3573 </div> 3574 <div class="mt-17.5 g--wrapper g--wrapper--small"> 3575 <div class="max-w-[874px] text-white text-header-page leading-[1.125]"> 3576 <p>The Historic New Orleans Collection (HNOC) strives to expand our understanding of the past, present, and future through research, stories, objects, documents, and works of art.</p> 3577 </div> 3578 </div> 3579 <div class="g--wrapper g--wrapper--small"> 3580 <div class="mt-17.5 border-t border-white/10 py-4 text-[15px] font-satoshi font-medium border-opacity-50 md:flex justify-between"> 3581 <div class="sm:flex mb-4 md:mb-0 gap-y-2"> 3582 <div class="text-white mb-2 sm:mb-0">© 2026 All rights reserved</div> 3583 <div class="sm:ml-6 sm:flex text-white/100 flex-wrap"> 3584 <div class="sm:ml-6 mb-1 sm:mb-0"><a class="hover:underline min-h-[24px] inline-block" href="https://hnoc.org/privacy-policy" target="">Privacy Policy</a></div> 3585 <div class="sm:ml-6 mb-1 sm:mb-0"><a class="hover:underline min-h-[24px] inline-block" href="https://hnoc.org/terms-of-service" target="">Terms of Service</a></div> 3586 <div class="sm:ml-6 mb-1 sm:mb-0"><a class="hover:underline min-h-[24px] inline-block" href="https://hnoc.org/terms-of-service" target="">Copyright Policy</a></div> 3587 <div class="sm:ml-6 mb-1 sm:mb-0"><a class="hover:underline min-h-[24px] inline-block" href="https://hnoc.org/disclosure-statement" target="">Disclosure Statement</a></div> 3588 </div> 3589 </div> 3590 <a href="https://studiolhooq.com/" class="hover:underline text-white/100" aria-label="Site by STUDIO LHOOQ (Opens in a new tab)" target="_blank">Site by STUDIO LHOOQ</a> 3591 </div> 3592 </div> 3593</footer> 3594</div>
3595<script src="https://cdn.craft.cloud/97cd51c5-b816-4a93-aea9-fd7e2c5e47da/builds/a27bdea1-be8a-40c4-b35a-adfb97888f37/cpresources/vendor-putyourlightson-craft-sprig-core-src-resources-lib-htmx-2.0.8/htmx.min.js?v=1771370611"></script>
3595</body> 3596</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.