1<!doctype html> 2<!-- fade-batch upload marker 2026-06-12 --> 3<html lang="en"> 4<head> 5<meta HTTP-EQUIV="content-type" CONTENT="text/html; charset=UTF-8" /> 6<title>OCTOBER GALLERY: ABOUT US</title> 7<meta name="description" content="" /> 8<meta name="robots" content="index, follow"> 9<link rel="canonical" href="https://www.octobergallery.co.uk/about_us" /> 10<meta name="viewport" content="width=device-width, initial-scale=1"> 11<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" /> 12<link rel="icon" type="image/svg+xml" href="/website_safezone/images/framework/october_gallery_logo.svg" /> 13<link rel="shortcut icon" href="/favicon.ico" /> 14<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> 15<meta name="apple-mobile-web-app-title" content="october" /> 16<link rel="manifest" href="/site.webmanifest" /> 17 18<link rel="preconnect" href="https://fonts.googleapis.com"> 19<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 20<link rel="preconnect" href="https://use.typekit.net" crossorigin> 21<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin> 22 23<!-- Perf/CLS: preload the above-the-fold fonts (latin subsets) so the swap happens 24 before first paint instead of reflowing #content (Lighthouse layout-shift culprit). 25 URLs are version-pinned to what Google Fonts serves today (OSC v24, Barlow v16); 26 if Lighthouse ever warns "preloaded but not used", refresh them from the CSS. --> 27<link rel="preload" as="font" type="font/woff2" crossorigin href="https://fonts.gstatic.com/s/opensanscondensed/v24/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuXMR7eS2Ao.woff2"> 28<link rel="preload" as="font" type="font/woff2" crossorigin href="https://fonts.gstatic.com/s/opensanscondensed/v24/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMR7eS2Ao.woff2"> 29<link rel="preload" as="font" type="font/woff2" crossorigin href="https://fonts.gstatic.com/s/barlowsemicondensed/v16/wlpvgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRXeIqqKkkogw.woff2"> 30<link rel="preload" as="font" type="font/woff2" crossorigin href="https://fonts.gstatic.com/s/barlowsemicondensed/v16/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfi6m_B2slqZ6GfQ.woff2"> 31<link rel="preload" as="font" type="font/woff2" crossorigin href="https://fonts.gstatic.com/s/barlowsemicondensed/v16/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfp66_B2slqZ6GfQ.woff2"> 32 33<link href="/css/og_2025_styles.css?v=1788982781" rel="stylesheet" type="text/css"> 34 35<!-- Perf: non-critical CSS deferred via media=print/onload swap. --> 36<link href="/css/cookie_check.css" rel="stylesheet" type="text/css" media="print" onload="this.media='all';this.onload=null"> 37<noscript><link href="/css/cookie_check.css" rel="stylesheet" type="text/css"></noscript> 38<link id="meanmenu-css" href="/css/meanmenu.css" rel="stylesheet" type="text/css" media="print" onload="this.media='screen, projection';this.onload=null"> 39<noscript><link id="meanmenu-css" href="/css/meanmenu.css" rel="stylesheet" type="text/css" media="screen, projection"></noscript> 40 41 42<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,400,700&display=swap" rel="stylesheet"> 43 44<link href="https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"> 45 46<link href="https://fonts.googleapis.com/css?family=Dosis:300,400,500,600&display=swap" rel="stylesheet"> 47 48<link rel="stylesheet" href="https://use.typekit.net/azc6pwg.css?display=swap"> 49 50<link href="/css/flowup.css" rel="stylesheet" type="text/css" media="print" onload="this.media='all';this.onload=null"> 51<noscript><link href="/css/flowup.css" rel="stylesheet" type="text/css"></noscript> 52 53 54<!--
54<script src="https://kit.fontawesome.com/ecaf8473b2.js" crossorigin="anonymous"></script>
54--> 55<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> 56<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/v4-shims.min.css"><link rel="preload" as="image" imagesrcset="/website_safezone/images/headers/inst_44A3177.jpg 2700w, /website_safezone/images/headers/medium/inst_44A3177.jpg 1350w" imagesizes="95vw" media="(min-width: 450px)" fetchpriority="high"> 57<link rel="preload" as="image" href="/website_safezone/images/headers/mobile/inst_44A3177.webp" media="(max-width: 449.98px)" fetchpriority="high"> 58<style> 59/* Perf: keep first slide visible before Cycle2 init; reserve controls height to stop CLS. */ 60#header-image .cycle-slideshow > img:first-of-type, 61#mobile-header-image .cycle-slideshow > img:first-of-type { display: block; visibility: visible; } 62#carousel-controls { min-height: 36px; } 63</style> 64 65
65<script type="application/ld+json"> 66{ 67 "@context": "https://schema.org", 68 "@type": [ 69 "ArtGallery", 70 "Organization" 71 ], 72 "name": "October Gallery", 73 "alternateName": "October Gallery London", 74 "foundingDate": "1979", 75 "url": "https://www.octobergallery.co.uk", 76 "description": "Pioneer art gallery promoting Transvangarde contemporary art from around the world since 1979. Showcasing transcultural avant-garde works by leading international artists.", 77 "image": "https://www.octobergallery.co.uk/website_safezone/images/figures/spaces_rentals_shoot23_y2_8314.jpg", 78 "address": { 79 "@type": "PostalAddress", 80 "streetAddress": "24 Old Gloucester Street, Bloomsbury", 81 "addressLocality": "London", 82 "postalCode": "WC1N 3AL", 83 "addressCountry": "GB" 84 }, 85 "telephone": "+44-20-7242-7367", 86 "email": "[email protected]", 87 "priceRange": "Free", 88 "isAccessibleForFree": true, 89 "geo": { 90 "@type": "GeoCoordinates", 91 "latitude": "51.5215", 92 "longitude": "-0.1236" 93 }, 94 "openingHoursSpecification": [ 95 { 96 "@type": "OpeningHoursSpecification", 97 "dayOfWeek": [ 98 "Tuesday", 99 "Wednesday", 100 "Thursday", 101 "Friday", 102 "Saturday" 103 ], 104 "opens": "12:30", 105 "closes": "17:30" 106 } 107 ], 108 "specialOpeningHoursSpecification": [ 109 { 110 "@type": "OpeningHoursSpecification", 111 "opens": "00:00", 112 "closes": "00:00", 113 "validFrom": "2026-08-01", 114 "validThrough": "2026-08-31" 115 } 116 ], 117 "founder": { 118 "@type": "Person", 119 "name": "Chili Hawes", 120 "jobTitle": "Director" 121 }, 122 "employee": { 123 "@type": "Person", 124 "name": "Elisabeth Lalouschek", 125 "jobTitle": "Artistic Director" 126 }, 127 "knowsAbout": [ 128 "Contemporary Art", 129 "Transvangarde", 130 "African Art", 131 "Asian Art", 132 "International Art", 133 "Sculpture", 134 "Painting", 135 "Installation Art" 136 ], 137 "sameAs": [ 138 "https://www.instagram.com/octobergallerylondon/", 139 "https://www.facebook.com/octobergallerylondon/", 140 "https://www.artsy.net/partner/october-gallery", 141 "https://en.wikipedia.org/wiki/October_Gallery" 142 ], 143 "event": [ 144 { 145 "@type": "ExhibitionEvent", 146 "@id": "https://www.octobergallery.co.uk/exhibitions/zana-masombuka-spotlight-benji-reid", 147 "name": "Zana Masombuka / Spotlight: Benji Reid", 148 "startDate": "2026-09-03", 149 "endDate": "2026-10-03" 150 }, 151 { 152 "@type": "ExhibitionEvent", 153 "@id": "https://www.octobergallery.co.uk/exhibitions/romuald-hazoume-my-blue-period", 154 "name": "Romuald Hazoum\u00e8: My Blue Period", 155 "startDate": "2026-10-08", 156 "endDate": "2026-11-21" 157 }, 158 { 159 "@type": "ExhibitionEvent", 160 "@id": "https://www.octobergallery.co.uk/exhibitions/rafael-trelles-caliban", 161 "name": "Rafael Trelles: Caliban", 162 "startDate": "2026-11-26", 163 "endDate": "2027-01-16" 164 } 165 ] 166}</script>
166 167 168</head> 169<body> 170<a id="top" class="og-skip" href="#content">Skip to content</a> 171 <div id="menu-logo"><a href="/" aria-label="October Gallery — home"><img src="/website_safezone/images/framework/og_london_white.svg" alt="" /></a></div> 172<div id="main-wrapper" class="main-wrapper"> 173<div id="header-wrapper"> 174 <div id="semi-logo-container"> 175 <div id="semi-logo"> 176 <a href="/" aria-label="October Gallery — home"><img src="/website_safezone/images/framework/october_gallery_logo.svg" alt="" /></a> 177 </div> 178 </div> 179 <div id="logo"> 180 <div id="inner-logo-container"> 181 <a href="/" aria-label="October Gallery — home"><img src="/website_safezone/images/framework/og_london.svg" alt="" /></a> 182 </div> 183 </div> 184 185 <div id="top_extras"> 186 <div type="button" id="burger" class="scroll-top"> 187 <a href="#top" title="Main Menu"><i class="fa fa-bars"></i><span class="icon-text-hide"> Main Menu</span></a> 188 </div><!-- <a href="https://www.octobergallery.co.uk/viewingrooms" title="Viewing Rooms"><i class="fa fa-eye"></i><span class="icon-text-hide"> Viewing Rooms</span></a> 189 190 <a href="http://www.vimeocom" title="Vimeo Channel"><i class="fa fa-vimeo"></i><span class="icon-text-hide"> Vimeo Channel</span></a> --> 191 192 <a href="/support-us/" title="Support Us"><i class="fa-solid fa-heart"></i><span class="icon-text-hide"> Support Us</span></a> 193 194<a href="/newsletter-sign-up" title="Join Our Mailing List"><i class="fa-regular fa-envelope"></i><span class="icon-text-hide"> Join Our Mailing List</span></a> 195 196<a href="/og-shop/?cart" title="Shopping Cart"><i class="fa-solid fa-bag-shopping"></i><span class="icon-text-hide"> Shopping Cart</span><span id="cart-count" style="display:none;color:#c8102e;font-size:inherit;font-weight:400;margin-left:2px;"></span></a>
197<script> 198(function(){ 199 fetch('/shop/index.php?route=common/cart.info', {credentials:'include'}) 200 .then(function(r){return r.text();}) 201 .then(function(html){ 202 var m = html.match(/(\d+)\s*item/i); 203 if(m && parseInt(m[1]) > 0){ 204 var el = document.getElementById('cart-count'); 205 if(el){el.textContent='('+m[1]+' item'+(parseInt(m[1])>1?'s':'')+')';el.style.display='inline';} 206 } 207 }) 208 .catch(function(){}); 209})(); 210</script>
210 <div id="search-form" style="display: inline-block; position: relative"> 211 <form name="search_form" action="/results.php" onsubmit="return validateForm()" method="get" role="search"> 212 <label for="search-input" class="og-visually-hidden">Search the site</label> 213 <input id="search-input" style="font-size: 17px; font-weight: 400; font-family: 'Barlow Semi Condensed', sans-serif; border: 0px; padding-left: 10px; padding-bottom: 4px; color: #888; margin-top: 0px;" type="text" size="25" name="search_string" placeholder="Search..." required> 214 <button id="search-submit" style="position: relative; right: 60px; top: 0px; border: 0px; background-color: transparent; font-size: 16px;" type="submit" aria-label="Search"><i class="fa fa-search" aria-hidden="true"></i></button> 215 </form> 216</div> 217 </div> 218 219 <header class=""> 220 <nav> 221 <div id="nav"> 222 <ul id="menu" class="menu"> 223<!------------ MENU INCLUDE (needs making relevant to ROOT) --------------> 224 225 <li class="og-home"><a href="/">Home</a></li> 226<li><a href="/exhibitions">Exhibitions</a></li> 227<li><a href="/artists">Artists</a></li> 228<li><a href="/news">News</a></li> 229<li><a href="/artfairs">Art Fairs & External Shows</a></li> 230<li><a href="https://www.octobergalleryeducation.com">Education</a></li> 231<li><a href="/events">Events</a></li> 232<li><a href="/space_and_venue_hire_central_london">Space Hire</a></li> 233<li><a href="/about_us" class="current">About</a></li> 234<li><a href="/og-shop">Shop</a></li> 235<li><a href="/accommodation">Accommodation</a></li> 236<li><a href="/contact">Contact</a></li> 237<li><a href="/consignments">Consign to Us</a></li> 238<li><a href="/movies">Videos</a></li> 239<li><a href="/cafe">Cafe</a></li> 240 241<!------------INCLUDE --------------> 242 </ul> 243 </div> 244 </nav> 245 246 247 <div id="artist-sub-nav" class="artist-sub-nav"> 248 <div class="sub-nav-flex-parent"> 249 <div class="sub-nav-flex-item artist-name"><a href="#" id="aboutlink">About Us</a></div> 250 <div class="sub-nav-flex-item team"><a href="#" id="teamlink">The Team</a></div> 251<div class="sub-nav-flex-item news"><a href="#" id="trusteeslink">Our Trustees</a></div> 252 <div class="sub-nav-flex-item visit"><a href="#" id="visitlink">Visiting October Gallery</a></div> 253 <div class="sub-nav-flex-item"><a href="/#accessibility">Accessibility</a></div> 254 <!-- <div class="sub-nav-flex-item own"><a href="#" id="ownlink">Own Art</a></div>--> 255 256 </div> 257 </div> 258 259 260 <div class="clear"></div> 261 </header> 262</div> 263<div id="content" role="main" tabindex="-1" class=""> 264<!------------ Retina header images 2700x1350px assume broadband but use high compression--------------> 265<!------------ firefox works 100%. current safari not sure. Other browsers may use fall back but hard to tell--------------> 266 267 268 269 270 <div id="header-image"> 271 <div class="cycle-slideshow" 272 data-cycle-caption="#adv-custom-caption" 273 data-cycle-caption-template="{{cycleTitle}}" 274 data-cycle-pause-on-hover="false" 275 data-cycle-pager="#carousel-pager" 276 data-cycle-pager-template="<span></span>" 277 > 278 279 <div id="adv-custom-caption" class="cycle-caption"> </div> 280 <img class='og-header-desktop' data-src='/website_safezone/images/headers/medium/inst_44A3177.jpg' data-srcset='/website_safezone/images/headers/inst_44A3177.jpg 2700w, /website_safezone/images/headers/medium/inst_44A3177.jpg 1350w' data-sizes='95vw' width='2700' height='1350' fetchpriority='high' data-cycle-title='Installation of <em>DREAM NO SMALL DREAM: CELEBRATING 40 YEARS OF THE TRANSVANGARDE</em>, 2019.' title='Installation of DREAM NO SMALL DREAM: CELEBRATING 40 YEARS OF THE TRANSVANGARDE, 2019.' alt='Installation of DREAM NO SMALL DREAM: CELEBRATING 40 YEARS OF THE TRANSVANGARDE, 2019.' ><img class='og-header-desktop' data-src='/website_safezone/images/headers/medium/_44a1282.jpg' data-srcset='/website_safezone/images/headers/_44a1282.jpg 2700w, /website_safezone/images/headers/medium/_44a1282.jpg 1350w' data-sizes='95vw' width='2700' height='1350' loading='lazy' data-cycle-title='Installation of <em>EL ANATSUI: MATERIAL WONDER</em>, 2019.' title='Installation of EL ANATSUI: MATERIAL WONDER, 2019.' alt='Installation of EL ANATSUI: MATERIAL WONDER, 2019.' ><img class='og-header-desktop' data-src='/website_safezone/images/headers/medium/_IML5683.jpg' data-srcset='/website_safezone/images/headers/_IML5683.jpg 2700w, /website_safezone/images/headers/medium/_IML5683.jpg 1350w' data-sizes='95vw' width='2700' height='1350' loading='lazy' data-cycle-title='Installation of <em>LR VANDY: HIDDEN</em>, 2019.' title='Installation of LR VANDY: HIDDEN, 2019.' alt='Installation of LR VANDY: HIDDEN, 2019.' ></div> 281</div> 282 283<!-- Carousel Controls -->
284<div id="carousel-controls"> 285 <div id="carousel-pager"></div> 286 <button id="carousel-play-pause" class="carousel-btn"> 287 <i class="fa fa-pause"></i> 288 </button> 289</div> 290 291 292 293 294 <!------------ mobile portrait square images 900 x 900 px --------------> 295 <!------------ TITLES TAKEN FROM HERE REGARDLESS OF WHICH HEADER IMAGES ARE DISPLAYED --------------> 296 <div id="mobile-header-image"> 297 <div class="cycle-slideshow" 298data-cycle-caption="#alt-caption" 299 data-cycle-caption-template="{{alt}}" 300 data-cycle-fx=fade> 301 <div id="alt-caption" class="cycle-caption"></div> 302 303 <img class='og-header-mobile' data-src='/website_safezone/images/headers/mobile/inst_44A3177.webp' width='900' height='900' fetchpriority='high' alt='Installation of DREAM NO SMALL DREAM: CELEBRATING 40 YEARS OF THE TRANSVANGARDE, 2019.' ><img class='og-header-mobile' data-src='/website_safezone/images/headers/mobile/_44a1282.webp' width='900' height='900' loading='lazy' alt='Installation of EL ANATSUI: MATERIAL WONDER, 2019.' ><img class='og-header-mobile' data-src='/website_safezone/images/headers/mobile/_IML5683.webp' width='900' height='900' loading='lazy' alt='Installation of LR VANDY: HIDDEN, 2019.' >
303<script> 304(function () { 305 /* â ï¸ 449.98px is the EXACT COMPLEMENT of the CSS, and the CSS is the master. 306 og_2025_styles.css switches the wrappers at `min-width: 450px`: 307 #header-image display:none â block (2:1 desktop/medium crop) 308 #mobile-header-image display:block â none (1:1 900x900 crop) 309 This gate used 766px, so at 450â766px the CSS showed the DESKTOP set while 310 this script activated the MOBILE set â the visible images never received a 311 src and the header rendered as an empty band (or broken-image alt text). 312 Live on every page with a header, at tablet/narrowed-window widths. 313 Fixed 2026-09-07. 314 THREE places encode this one decision and NOTHING keeps them in step: 315 1. css/og_2025_styles.css @media (min-width: 450px) â master 316 2. this gate (max-width: 449.98px) 317 3. includes/header_preload.php the two `media=` attributes 318 Change one, change all three. */ 319 var mq = window.matchMedia('(max-width: 449.98px)'); 320 321 function activate(cls) { 322 var imgs = document.querySelectorAll('img.' + cls + '[data-src]'); 323 for (var i = 0; i < imgs.length; i++) { 324 var im = imgs[i]; 325 if (im.getAttribute('data-srcset')) im.setAttribute('srcset', im.getAttribute('data-srcset')); 326 if (im.getAttribute('data-sizes')) im.setAttribute('sizes', im.getAttribute('data-sizes')); 327 im.setAttribute('src', im.getAttribute('data-src')); 328 im.removeAttribute('data-src'); 329 } 330 } 331 332 function slideshowOf(cls) { 333 var im = document.querySelector('img.' + cls); 334 if (!im) return null; 335 var el = im.parentElement; 336 while (el && el !== document.body) { 337 if (el.className && el.className.indexOf('cycle-slideshow') > -1) return el; 338 el = el.parentElement; 339 } 340 return null; 341 } 342 343 function neutralise(cls) { 344 var show = slideshowOf(cls); 345 if (show && show.classList.contains('cycle-slideshow')) { 346 show.classList.remove('cycle-slideshow'); 347 show.classList.add('cycle-slideshow-dormant'); 348 } 349 } 350 351 function wake(cls) { 352 activate(cls); 353 var show = slideshowOf(cls); 354 if (show && show.classList.contains('cycle-slideshow-dormant')) { 355 show.classList.remove('cycle-slideshow-dormant'); 356 show.classList.add('cycle-slideshow'); 357 if (window.jQuery && jQuery.fn && jQuery.fn.cycle) jQuery(show).cycle(); 358 } 359 } 360 361 if (mq.matches) { activate('og-header-mobile'); neutralise('og-header-desktop'); } 362 else { activate('og-header-desktop'); neutralise('og-header-mobile'); } 363 364 function onCross(e) { e.matches ? wake('og-header-mobile') : wake('og-header-desktop'); } 365 if (mq.addEventListener) mq.addEventListener('change', onCross); 366 else if (mq.addListener) mq.addListener(onCross); 367})(); 368</script>
368 369 </div> 370 </div> 371 372 373 <div class="clear"></div> 374 <div id="inner-content"> 375 376 <div class="clear"></div> 377 <a name="about" class="anchor-offset"> </a> 378 <h1 class="flowup">ABOUT US</h1> 379 380 381 <p>October Gallery Trust was founded in 1979 and is supported by sales of art, rental of the Gallery's unique facilities, grants from various funding bodies and the active support of dedicated artists, musicians, writers and many friends from around the world. The Gallery’s Education Department is inclusive of all ages from under 5’s to PGCE student and delivers a wide range of provision, see <a href="https://www.octobergalleryeducation.com">October Gallery Education. 382 383</a></p> 384<p>October Gallery has been instrumental in bringing to worldwide attention many of the world's leading international artists, including El Anatsui, Romuald Hazoumè, Nnenna Okore, Laila Shawa, Rachid Koraïchi and Kenji Yoshida. By looking beyond a Western canon, the Gallery was one of the first galleries in the UK to introduce the very best in contemporary art from around the world. It has nurtured and promoted extraordinary artists from a multitude of cultures, decades before it became common practice.</p><p>October Gallery Trust maintains a cultural hub in central London, which over the last four decades has become a nexus for poets, writers, intellectuals and artists, hosting talks, performances and ecological collaborations, see <a href="https://octobergallery.co.uk/events">www.octobergallery.co.uk/events</a></p><p> 385The rich diversity of art presented is an inspiration to collectors and enthusiasts. Institutions such as the Tate and the British Museum, London; the Metropolitan Museum of Art, New York; Centre Pompidou, Paris; Museum Kunstpalast, Düsseldorf, Germany; Neue Galerie, Kassel, Germany; Setagagya Art Museum, Tokyo, Japan have all collected works from October Gallery.</p> 386 387<h1 class="flowup">CONTACT</h1> 388
388<script language='JavaScript' type='text/javascript'> 389<!-- 390fstr=''; 391fstr+='Education enquiries: <a href=\"mailto'; 392fstr+='\:education'; 393fstr+='@'; 394fstr+='octobergallery.co.uk'; 395fstr+='\?subject=Message sent via octobergallery.co.uk website\">'; 396fstr+='education'; 397fstr+='@'; 398fstr+='octobergallery.co.uk<\/a>'; 399document.write(fstr); 400 401fstr=''; 402fstr+='<br>Events and Space hire: <a href=\"mailto'; 403fstr+='\:events'; 404fstr+='@'; 405fstr+='octobergallery.co.uk'; 406fstr+='\?subject=Message sent via octobergallery.co.uk website\">'; 407fstr+='events'; 408fstr+='@'; 409fstr+='octobergallery.co.uk<\/a>'; 410document.write(fstr); 411 412fstr=''; 413fstr+='<br>General enquiries: <a href=\"mailto'; 414fstr+='\:gallery'; 415fstr+='@'; 416fstr+='octobergallery.co.uk'; 417fstr+='\?subject=Message sent via octobergallery.co.uk website\">'; 418fstr+='gallery'; 419fstr+='@'; 420fstr+='octobergallery.co.uk<\/a>'; 421document.write(fstr); 422 423fstr=''; 424fstr+='<br>Press enquiries: <a href=\"mailto'; 425fstr+='\:press'; 426fstr+='@'; 427fstr+='octobergallery.co.uk'; 428fstr+='\?subject=Message sent via octobergallery.co.uk website\">'; 429fstr+='press'; 430fstr+='@'; 431fstr+='octobergallery.co.uk<\/a>'; 432document.write(fstr); 433 434fstr=''; 435fstr+='<br>Sales enquiries: <a href=\"mailto'; 436fstr+='\:sales'; 437fstr+='@'; 438fstr+='octobergallery.co.uk'; 439fstr+='\?subject=Message sent via octobergallery.co.uk website\">'; 440fstr+='sales'; 441fstr+='@'; 442fstr+='octobergallery.co.uk<\/a>'; 443document.write(fstr); 444 445//--> 446 </script>
446 447 448 449 450 <br> 451<div class="dotted_breaker"></div> 452 453 <div class="clear"></div> 454 <section> 455 <a name="team" class="anchor-offset"> </a> 456 <br><br> 457<h1 class="flowup">THE TEAM</h1> 458 <br> 459 460 461 462 463 464 <div class='staff-flex flowup'> 465 466 <article class=''> 467 468 <figure class=''><img src='../website_safezone/images/staff/chili_Y2_1621.jpg' alt='Chili Hawes - Director'/></figure> 469 <div class='minor-heading'>Chili Hawes - Director</div> 470 <div>Chili Hawes, FRGS, is one of the Founders of October Gallery and Director since its opening in 1979<strong>. </strong>A native of the Rocky Mountains, she obtained a BA in French Literature from Colorado College, followed by a year at the Sorbonne and post-graduate work in Linguistics at Claremont Graduate School and has taught at all levels of the educational system both in the USA and Australia. A founder and director of Institute of Ecotechnics <a href="http://www.ecotechnics.edu">www.ecotechnics.edu</a><strong>, </strong>she has managed various ecological projects in the high desert of New Mexico, the Outback of Australia and the south of France. She has travelled widely including major research trips for the October Gallery to India, Melanesia, Peru, Southern Africa and Fiji.</div> 471 472 <div class='clear'></div> 473 </article> 474 </div><div class='staff-flex flowup'> 475 476 <article class=''> 477 478 <figure class=''><img src='../website_safezone/images/staff/Elisabeth-Lalouschek,-Artistic-Director,-October-Gallery-,-London,-Photo-by-Jonathan-Greet.jpg' alt='Elisabeth Lalouschek - Artistic Director & Art Sales'/></figure> 479 <div class='minor-heading'>Elisabeth Lalouschek - Artistic Director & Art Sales</div> 480 <div>Elisabeth Lalouschek was born in Vienna and holds an MA in Fine Art from the Royal College of Art. She joined October Gallery in 1987 and has been instrumental in creating a solid foundation for the idea of the Transvangarde, the transcultural avant-garde. Lalouschek has furthered the careers of a range of outstanding artists. She has organised and curated the majority of exhibitions at October Gallery, as well as collaborating on numerous projects nationally and internationally, most notably those promoting contemporary African art. <br><br>
481<script language="JavaScript" type="text/javascript"> 482<!-- 483fstr=''; 484fstr+='<a href="mailto'; 485fstr+='\:art'; 486fstr+='@'; 487fstr+='octobergallery.co.uk'; 488fstr+='\?subject=Message sent via octobergallery.co.uk website">'; 489fstr+='art'; 490fstr+='@'; 491fstr+='octobergallery.co.uk<\/a>'; 492document.write(fstr); 493//--> 494</script>
494</div> 495 496 <div class='clear'></div> 497 </article> 498 </div><div class='staff-flex flowup'> 499 500 <article class=''> 501 502 <figure class=''><img src='../website_safezone/images/staff/009_IML1998.jpg' alt='Gerard Houghton - Director of Special Projects '/></figure> 503 <div class='minor-heading'>Gerard Houghton - Director of Special Projects </div> 504 <div>Gerard Houghton was born in England. After graduating from Churchill College, Cambridge, he travelled in West Africa, working as an interpreter, before moving to Japan, in 1980, where he taught Literature and Linguistics at Nara Women’s University and Kyoto University. He has been with October Gallery since 1994, and as Special Projects' Director co-ordinates a variety of Gallery projects and oversees all things textual: writing essays, articles, catalogues, Press Release, etc. He is also a free-lance writer, translator and editor with interests in a wide range of subjects both artistic and scientific.</div> 505 506 <div class='clear'></div> 507 </article> 508 </div><div class='staff-flex flowup'> 509 510 <article class=''> 511 512 <figure class=''><img src='../website_safezone/images/staff/055_IML1768.jpg' alt='Stefani Abadian-Crone - Director of Operations'/></figure> 513 <div class='minor-heading'>Stefani Abadian-Crone - Director of Operations</div> 514 <div>Stefani Abadian-Crone, originally from the Netherlands, studied Hotel Management at NHL Stenden in Leeuwarden. Following a career path in international<br> 5-star hotel business and telecommunications living in Belgium, where she used her language skills, she joined October Gallery, in 2007, initially as Events Manager. She is currently in charge of Operations in the broadest sense of the term, and plays an important role in running the Gallery as a 'tight ship.' She develops and runs projects in any field within the organisation and has overseen the production of four major October Gallery publications over the last decade. </div> 515 516 <div class='clear'></div> 517 </article> 518 </div><div class='staff-flex flowup'> 519 520 <article class=''> 521 522 <figure class=''><img src='../website_safezone/images/staff/_44A5580.jpg' alt='Oliver Place - Project Manager'/></figure> 523 <div class='minor-heading'>Oliver Place - Project Manager</div> 524 <div>Oliver Place studied sculpture at Wimbledon College of Art and worked for contemporary art galleries and fine art shipping companies before joining October Gallery in 2016, bringing with him a passion for contemporary art combined with a considerable knowledge of shipping logistics. As Project Manager Oliver works closely with the Artistic Director on exhibitions and art fairs.</div> 525 526 <div class='clear'></div> 527 </article> 528 </div><div class='staff-flex flowup'> 529 530 <article class=''> 531 532 <figure class=''><img src='../website_safezone/images/staff/BW-_Y__0512.jpg' alt='Eleri Fanshawe - Curator'/></figure> 533 <div class='minor-heading'>Eleri Fanshawe - Curator</div> 534 <div>Eleri Fanshawe read History of Art at UCL and SOAS and has a background in Fine Art Practice from a foundation year at Central St Martins. She specialised in Contemporary Art and Anthropology, which influenced her extensive solo travels throughout Asia and South America in 2019. She has experience working in art-led establishments across London for over the last 5 years, including Royal Academy of Arts, Freelands Foundation, Alexander McQueen, R.H. Art Gallery. Throughout her life she has also maintained a keen interest in education, volunteering for charities throughout the UK and Asia. Eleri joined the October Gallery in 2018, combining her interest in global arts, education, and curation.</div> 535 536 <div class='clear'></div> 537 </article> 538 </div><div class='staff-flex flowup'> 539 540 <article class=''> 541 542 <figure class=''><img src='../website_safezone/images/staff/BW-_Y__0336.jpg' alt='Alana Pryce Tojcic - Head of Press & Media Relations'/></figure> 543 <div class='minor-heading'>Alana Pryce Tojcic - Head of Press & Media Relations</div> 544 <div>Alana Pryce Tojcic has developed media campaigns working within the Arts for a period spanning over twenty years. She is
544interested in creating partnerships, developing brands and has worked with numerous arts-led organisations and foundations. A former promotions producer at Sky Arts and the BBC, she has formulated content and copy for the Academy Awards and BAFTA and has an education in audio-visual design and filmmaking. Her broad experience includes implementing effective strategies and press communications at The Robert Ho Foundation, Muse 269 Gallery, Mazzoleni and Stephen Friedman Gallery.</div> 545 546 <div class='clear'></div> 547 </article> 548 </div><div class='staff-flex flowup'> 549 550 <article class=''> 551 552 <figure class=''><img src='../website_safezone/images/staff/BW-_Y__0171.jpg' alt='Line Schreyer - Communications Manager'/></figure> 553 <div class='minor-heading'>Line Schreyer - Communications Manager</div> 554 <div>Line Schreyer grew up and was educated in Denmark. She obtained her MA in Applied Philosophy and specialised in Intercultural Philosophy. Since then Line has travelled through South East Asia, taking an internship in Japan that further developed her interest in intercultural art and dialogue. Arriving in London in 2017, she has accumulated much invaluable experience working in contemporary art venues and running events. As Communications Manager for October Gallery, Line works closely with the Head of Press & Media Relations and is in charge of October Galleryâs digital communication strategy and digital media output.</div> 555 556 <div class='clear'></div> 557 </article> 558 </div><div class='staff-flex flowup'> 559 560 <article class=''> 561 562 <figure class=''><img src='../website_safezone/images/staff/esther_Y2_1960.jpg' alt='Esther Adesigbin - Education Manager'/></figure> 563 <div class='minor-heading'>Esther Adesigbin - Education Manager</div> 564 <div>Esther is a practising artist with an MA in Ceramics and Glass from the Royal College of Art. She works alongside Co-Education Manager Jessica Bannister to deliver and develop October Galleryâs education programme, including its youth and training programmes. A passionate advocate for the Black Curriculum 365, she has developed online art lessons for Oak National Academy focused on inclusion, cultural representation, and equitable access to the arts. Esther has over thirty yearsâ experience as a creative practitioner working in London schools and communities. She is a member of NSEAD, and her recent work includes creating resources and leading learning programmes for exhibitions at the Royal Academy of Arts and the British Museum.</div> 565 566 <div class='clear'></div> 567 </article> 568 </div><div class='staff-flex flowup'> 569 570 <article class=''> 571 572 <figure class=''><img src='../website_safezone/images/staff/52922921930_1ea7230424_o.jpg' alt='Jessica Bannister - Education Manager'/></figure> 573 <div class='minor-heading'>Jessica Bannister - Education Manager</div> 574 <div>After graduating from the University of Edinburgh with an MA in History of Art and Architectural History, Jessica has remained involved in the arts, including four years managing the Marrakech Biennale. With an interest in arts and education, she completed an MA in Museums and Galleries in Education at the Institute of Education (UCL) and is also a qualified Forest School Leader. She joined October Gallery in 2022, and is working alongside colleagues in the Education Department, developing a diverse and exciting programme of education.</div> 575 576 <div class='clear'></div> 577 </article> 578 </div><div class='staff-flex flowup'> 579 580 <article class=''> 581 582 <figure class=''><img src='../website_safezone/images/staff/_44A9944.jpg' alt='Brian Pistolesi - Registrar'/></figure> 583 <div class='minor-heading'>Brian Pistolesi - Registrar</div> 584 <div>Brian Pistolesi was born in Rome, Italy but grew up mostly in New York State. He moved to London in 2004 to embark on a course in guitar making at London Metropolitan University. Upon completing the course he worked for five years as a guitar repairer/restorer in Londonâs Denmark Street before finding his way to October Gallery in May 2013.</div> 585 586 <div class='clear'></div> 587 </article> 588 </div><div class='staff-flex flowup'> 589 590 <article class=''> 591 592 <div class='minor-heading'>
592Alex McNamee - Head Archivist and Curatorial Assistant</div> 593 <div class='inner-item'>Alex is an artist and studied her BA at The Slade School of Fine Art, graduating in 2013. In 2016 she set up Muddy Yard, a non-for-profit exhibition space in Brixton. She has worked in multiple creative industries from Fine Art Tutor for Bonas MacFarlane, to Assistant Director at Green TV, she has worked on the PR team at Scott and Co and worked for Frith Street Gallery, London Fashion Week and Atelier Concorde.</div> 594 595 <div class='no-image'></div> 596 </article> 597 </div><div class='staff-flex flowup'> 598 599 <article class=''> 600 601 <figure class=''><img src='../website_safezone/images/staff/pavel_Y2_1516.jpg' alt='Pavel Sembera - Events Manager'/></figure> 602 <div class='minor-heading'>Pavel Sembera - Events Manager</div> 603 <div>Pavel Sembera graduated from the University of Economics and Management in Prague. He moved to London in 2014, and gained valuable experience in digital marketing while working for a large technology company. To pursue his interest and passion for art and event management, he secured a position as the Events Manager at the Czech Cultural Centre. Pavel also collaborated on several projects for the European Union National Institutes for Culture, establishing an annual event showcasing electronic music and the visual arts. He joined October Gallery, in 2022, where he manages all internal and external corporate, cultural and social events within the Galleryâs various spaces.</div> 604 605 <div class='clear'></div> 606 </article> 607 </div><div class='staff-flex flowup'> 608 609 <article class=''> 610 611 <div class='minor-heading'>Cherise Silvestri - Assistant Events Manager</div> 612 <div class='inner-item'></div> 613 614 <div class='no-image'></div> 615 </article> 616 </div><div class='staff-flex flowup'> 617 618 <article class=''> 619 620 <figure class=''><img src='../website_safezone/images/staff/BW-_Y__0406.jpg' alt='Ibrahim Madina Bah - Head of Accounts and Finance'/></figure> 621 <div class='minor-heading'>Ibrahim Madina Bah - Head of Accounts and Finance</div> 622 <div>Ibrahim has worked as an accountant for a number of charitable organisations, including the Africa Centre and the National Literacy Trust. He has a lot of experience in the specialist area of charity finances. Ibrahim has been an integral member of October Gallery's financial team since 2014. 623 </div> 624 625 <div class='clear'></div> 626 </article> 627 </div><div class='staff-flex flowup'> 628 629 <article class=''> 630 631 <figure class=''><img src='../website_safezone/images/staff/_44A9868.jpg' alt='John Flahive - Accountant'/></figure> 632 <div class='minor-heading'>John Flahive - Accountant</div> 633 <div>John Flahive has worked in various roles in the film industry and arts, starting as a royalty accountant for the British Film Institute and later becoming their Film Sales Manager representing them at film festivals and markets. He then went to become an independent Film Sales agent and documentary producer with his own company Wavelength Pictures. He re-joined the October Gallery in 2017, having previously worked for us from 2008 to 2013.</div> 634 635 <div class='clear'></div> 636 </article> 637 </div> 638 639 640 </section> 641 642 <section> 643 <a name="trustees" class="anchor-offset"> </a> 644 <h1 class="flowup">OUR TRUSTEES</h1> 645 <br> 646 647 648 649 <div class='staff-flex flowup'> 650 651 <article class=''> 652 653 <figure class=''><img src='../website_safezone/images/staff/Ian-Goodfellow_photo-by-Sarah-Drake.jpg' alt='Ian Goodfellow'/></figure> 654 <div class='minor-heading'>Ian Goodfellow</div> 655 <div>Architect, Partner at Penoyre & Prasad; Deputy Chair of Higher Education Design Quality Forum (HEDQF); Director Ecotechnics Maritime.<br><br> 656London</div> 657 <div class='clear'></div> 658 </article> 659 </div><div class='staff-flex flowup'> 660 661 <article class=''> 662 663 <figure class=''><img src='../website_safezone/images/staff/16588074029_eb178a75f1_o.jpg' alt='Deborah Parrish Snyder'/></figure> 664 <div class='minor-heading'>Deborah Parrish Snyder</div> 665 <div>Publisher Synergetic Press (Santa Fe / London); Executive VP and Director Institute of Ecotechnics.<br><br> 666Santa Fe, New Mexico</div> 667 <div class='clear'></div> 668 </article> 669 </div><div class='staff-flex flowup'> 670 671 <article class=''> 672 673 <figure class=''><img src='../website_safezone/images/staff/NEWChris-Spring-(2).jpg' alt='Dr. Chris Spring'/></figure> 674 <div class='minor-heading'>Dr. Chris Spring</div> 675 <div>Artist, Writer and Curator, formerly of the African Galleries at the British Museum; former Trustee The Africa Centre.<br><br> 676London</div> 677 <div class='clear'></div> 678 </article> 679 </div><div class='staff-flex flowup'> 680 681 <article class=''> 682 683 <figure class=''><img src='../website_safezone/images/staff/babaie.jpg' alt='Professor Sussan Babaie'/></figure> 684 <div class='minor-heading'>Professor Sussan Babaie</div> 685 <div>Sussan Babaie is Professor of the Arts of Iran and Islam at The Courtauld, University of London.<br><br>London</div> 686 <div class='clear'></div> 687 </article> 688 </div><div class='staff-flex flowup'> 689 690 <article class=''> 691 692 <figure class=''><img src='../website_safezone/images/staff/David-Hernandez.jpg' alt='David Hernandez'/></figure> 693 <div class='minor-heading'>David Hernandez</div> 694 <div>Circuit Judge (retired).<br><br> 695Manchester</div> 696 <div class='clear'></div> 697 </article> 698 </div><div class='staff-flex flowup'> 699 700 <article class=''> 701 702 <figure class=''><img src='../website_safezone/images/staff/about_corrine-bougaard_20260921-180210_fa39e4.jpg' alt='Corrine Bougaard'/></figure> 703 <div class='minor-heading'>Corrine Bougaard</div> 704 <div>Art producer & director, artist, curator, senior design lecturer and founder of Union Dance Trust Ltd, an arts educational charitable trust & performance arts organisation.<br><br> 705London</div> 706 <div class='clear'></div> 707 </article> 708 </div> 709 710 711 712 713 </section> 714 715 <section> 716 <a name="trustees" class="anchor-offset"> </a> 717 <h1 class="flowup">FORMER TRUSTEES | EMERITI</h1> 718<br> 719 720 721 722 <div class='staff-flex flowup'> 723 724 <article class=''> 725 726 <figure class=''><img src='../website_safezone/images/staff/johnnycropped2300.jpg' alt='John Allen FLS (Emeritus)'/></figure> 727 <div class='minor-heading'>John Allen FLS (Emeritus)</div> 728 <div>Author; Mining-metallurgical Engineer; Inventor Biosphere 2 project; Co-founder Institute of Ecotechnics and Theater of All Possibilities; Co-founder 729October Gallery.<br><br> 730Santa Fe, New Mexico</div> 731 732 <div class='clear'></div> 733 </article> 734 </div><div class='staff-flex flowup'> 735 736 <article class=''> 737 738 <figure class=''><img src='../website_safezone/images/staff/harding.jpg' alt='Marie Harding (Emerita)'/></figure> 739 <div class='minor-heading'>Marie Harding (Emerita)</div> 740 <div>Co-founder October Gallery; Artist; President Synergia Ranch LLC; Director Institute of Ecotechnics; President Global Ecotechnics Corporation.<br><br> 741Santa Fe, New Mexico</div> 742 743 <div class='clear'></div> 744 </article> 745 </div><div class='staff-flex flowup'> 746 747 <article class=''> 748 749 <figure class=''><img src='../website_safezone/images/staff/chili_Y2_1621.jpg' alt='Judy Ann âChiliâ Hawes'/></figure> 750 <div class='minor-heading'>Judy Ann âChiliâ Hawes</div> 751 <div>Co-founder and Director October Gallery; Co-founder and Director Institute of Ecotechnics.<br><br> 752London</div> 753 754 <div class='clear'></div> 755 </article> 756 </div><div class='staff-flex flowup'> 757 758 <article class=''> 759 760 <figure class=''><img src='../website_safezone/images/staff/ulrich.jpg' alt='Ulric Cross DSO DFC (1917-2013)'/></figure> 761 <div class='minor-heading'>Ulric Cross DSO DFC (1917-2013)</div> 762 <div>Judge; Diplomat; RAF Navigator<br><br> 763Trinidad</div> 764 765 <div class='clear'></div> 766 </article> 767 </div><div class='staff-flex flowup'> 768 769 <article class=''> 770 771 <figure class=''><img src='../website_safezone/images/staff/petermayer.jpg' alt='Peter Mayer (1936-2018)'/></figure> 772 <div class='minor-heading'>Peter Mayer (1936-2018)</div> 773 <div>Publisher<br><br> 774New York City and London</div> 775 776 <div class='clear'></div> 777 </article> 778 </div><div class='staff-flex flowup'> 779 780 <article class=''> 781 782 <figure class=''><img src='../website_safezone/images/staff/croppedDAVID-WIDDICOMBE.OCTOBER.GALLERY..40YRS.SLR.ED.jpg' alt='David Widdicombe QC (1924-2019) 783'/></figure> 784 <div class='minor-heading'>David Widdicombe QC (1924-2019) 785</div> 786 <div>Deputy High Court Judge<br><br> 787London</div> 788 789 <div class='clear'></div> 790 </article> 791 </div><div class='staff-flex flowup'> 792 793 <article class=''> 794 795 <figure class=''><img src='../website_safezone/images/staff/Pamela-bw.jpg' alt='Pamela Kember (1955-2021)'/></figure> 796 <div class='minor-heading'>Pamela Kember (1955-2021)</div> 797 <div>Independent Art Historian and Curator 798<br><br>London</div> 799 800 <div class='clear'></div> 801 </article> 802 </div> 803 804 805 </section> 806 807 <div class="clear"></div> 808 <section> 809 <article class="flowup"> 810 <a name="visit" class="anchor-offset"> </a> 811 812 813 <h1>Visiting October Gallery</h1> 814 815 816 <div class="wide-text-columns"> 817 818 <p class="larger-text"><strong> 819 <!--visit times--> 820 October Gallery is open from 12:30 to 17:30 pm, Tuesday to Saturday. The Gallery is closed during official holidays and for the entire month of August. 821<br><br> 822<a href="/cafe">October Gallery Cafe</a>
822 is open from 12:30 pm â 2:30 pm, Tuesday to Friday. 823 <!-- Visit times End--> 824 825 826 </strong></p> 827 </div> 828 </article> 829 </section> 830 <section class="flowup"> 831 <iframe id="map" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d9930.373919128813!2d-0.1217174!3d51.5206737!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x76e67f7a39aa1cc4!2sOctober+Gallery!5e0!3m2!1sen!2suk!4v1499783801311" width="100%" height="350" frameborder="0" style="border:0" allowfullscreen></iframe> 832 </section> 833 834 835 836 837 <!-- Sponsors & Associations --> 838 <section class="og-sponsors-section"> 839 <div class="og-sponsors-bar"> 840 <div class="og-sponsors-left"> 841 <div class="og-sponsor-item"> 842 <span class="og-sponsor-label">October Gallery is supported by:</span> 843 <a href="https://www.artscouncil.org.uk/" target="_blank"><img src="/website_safezone/images/framework/lottery_Logo_Black_RGB.png" alt="Supported using public funding by Arts Council England"></a> 844 <a href="https://www.tfa.london" target="_blank"><img src="/website_safezone/images/framework/tfa.jpg" alt="TFA London - Total Fine Art Solutions"></a> 845 </div> 846 <div class="og-sponsor-item"> 847 <span class="og-sponsor-label">October Gallery Education supported by:</span> 848 <a href="https://www.standrewholborn.org.uk/" target="_blank"><img src="/website_safezone/images/framework/st-andrews-logo.jpg" alt="St Andrew Holborn Charities"></a> 849 <a href="https://www.jlc.london" target="_blank"><img src="/website_safezone/images/framework/JLClogo.png" alt="John Lyon's Charity"></a> 850 </div> 851 </div> 852 <div class="og-sponsors-right"> 853 <a href="https://galleryclimatecoalition.org" target="_blank"><img src="/website_safezone/images/framework/GCC-Active-Member-Verification-Badge-2024.png" alt="GCC 2024"></a> 854 </div> 855 </div> 856 </section> 857 <br><br><br><br> 858 <!------------ end outer flex containers--------------> 859 </div> 860</div> 861 862 863 864<section id="mobile-footer" class="flowup footer-flex"> 865<div class="footer-inner-flex address">October Gallery, 24 Old Gloucester Street, Bloomsbury, London WC1N 3AL Tel: + 44 (0)20 7242 7367</div> 866<div class="footer-inner-flex signup"><a href="newsletter-sign-up">Join our mailing list</a></div> 867 868<!--<div class="footer-inner-flex"> 869 <a href="https://twitter.com/October_Gallery"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.7 79.7" class="social-link"><defs><style>.cls-1{fill:#e41e33;}</style></defs><title>twitter</title><g id="Layer_2" data-name="Layer 2"><g id="objects"><path class="cls-1" d="M0,0V79.7H79.7V0ZM64,27.48c0,.54,0,1.07,0,1.61,0,16.45-12.52,35.4-35.4,35.4A35.25,35.25,0,0,1,9.52,58.91a25.67,25.67,0,0,0,3,.17,25,25,0,0,0,15.46-5.33,12.46,12.46,0,0,1-11.62-8.64,12.35,12.35,0,0,0,2.34.23,12.53,12.53,0,0,0,3.28-.44A12.45,12.45,0,0,1,12,32.7v-.16A12.39,12.39,0,0,0,17.6,34.1a12.46,12.46,0,0,1-3.85-16.62,35.31,35.31,0,0,0,25.65,13A12.45,12.45,0,0,1,60.6,19.14a24.88,24.88,0,0,0,7.9-3A12.47,12.47,0,0,1,63,23a24.85,24.85,0,0,0,7.15-2A25.34,25.34,0,0,1,64,27.48Z"/></g></g></svg></a> 870 </div> 871 872 <div class="footer-inner-flex"> 873 <a href="https://www.instagram.com/octobergallerylondon/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 362.09 362.09" class="social-link"><defs><style>.cls-1{fill:#e41e33;}</style></defs><title>instagram</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M120.7,181A60.35,60.35,0,1,1,181,241.39,60.35,60.35,0,0,1,120.7,181m-32.62,0a93,93,0,1,0,93-93,93,93,0,0,0-93,93M256,84.4a21.73,21.73,0,1,0,21.73-21.72A21.73,21.73,0,0,0,256,84.4m-148.07,244c-17.65-.8-27.24-3.74-33.61-6.23a56.12,56.12,0,0,1-20.82-13.55,56.08,56.08,0,0,1-13.55-20.81c-2.48-6.38-5.43-16-6.23-33.62-.87-19.09-1.06-24.82-1.06-73.16s.19-54.07,1.06-73.16c.81-17.65,3.75-27.23,6.23-33.61A56.09,56.09,0,0,1,53.46,53.45,56,56,0,0,1,74.28,39.91c6.38-2.48,16-5.43,33.61-6.24C127,32.8,132.71,32.62,181,32.62s54.07.18,73.16,1.06c17.65.81,27.23,3.76,33.61,6.24a56.06,56.06,0,0,1,20.82,13.54,56.07,56.07,0,0,1,13.54,20.82c2.48,6.38,5.43,16,6.24,33.61.87,19.09,1,24.82,1,73.16s-.
87318,54.07-1,73.16c-.81,17.65-3.76,27.24-6.24,33.62a60,60,0,0,1-34.36,34.36c-6.38,2.48-16,5.43-33.61,6.23-19.09.88-24.82,1.06-73.16,1.06s-54.07-.18-73.15-1.06M106.4,1.09C87.13,2,74,5,62.46,9.5A88.69,88.69,0,0,0,30.39,30.39,88.61,88.61,0,0,0,9.51,62.45C5,74,2,87.13,1.1,106.4S0,131.87,0,181s.21,55.33,1.1,74.64S5,288.12,9.51,299.63A88.57,88.57,0,0,0,30.39,331.7a88.74,88.74,0,0,0,32.06,20.88C74,357.06,87.13,360.12,106.4,361s25.47,1.09,74.64,1.09,107.08-5,118.6-9.5a92.58,92.58,0,0,0,52.94-53c4.47-11.51,7.54-24.67,8.42-43.94s1.09-25.47,1.09-74.64-.2-55.33-1.09-74.64S357.06,74,352.59,62.45a88.8,88.8,0,0,0-20.88-32.07A88.76,88.76,0,0,0,299.64,9.5C288.12,5,275,2,255.69,1.09S230.22,0,181,0,125.72.21,106.4,1.09"/></g></g></svg></a> 874 </div> 875 876 <div class="footer-inner-flex"> 877 <a href="https://www.facebook.com/octobergallerylondon/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 327 327" class="social-link"><defs><style>.cls-1{fill:#e41e33;}</style></defs><title>facebook</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M283,0H44.07A44.07,44.07,0,0,0,0,44.07V282.93A44.07,44.07,0,0,0,44.07,327H162V210H131.25a7.21,7.21,0,0,1-7.25-7.15l-.15-37.64a7.24,7.24,0,0,1,7.29-7.22H162V121.47C162,79.08,188.26,56,226.62,56h30.21A7.16,7.16,0,0,1,264,63.16V95.69a7.26,7.26,0,0,1-7.22,7.31H237.66C217,103,213,112.94,213,127.51V158h45a7.16,7.16,0,0,1,7.11,8l-4.47,37.67a7.16,7.16,0,0,1-7.11,6.32H213V327h69.93A44.07,44.07,0,0,0,327,282.93V44.06A44,44,0,0,0,283,0Zm0,0"/></g></g></svg> 878 </a></div>--> 879 880</section> 881 882 883 884</div> 885 886 887<footer id="footer" class="fade-up footer-flex"> 888<div class="footer-inner-flex address">October Gallery, 24 Old Gloucester Street, Bloomsbury, London WC1N 3AL Tel: + 44 (0)20 7242 7367</div> 889 <div class="footer-inner-flex signup"><a href="/#accessibility"><strong>Accessibility</strong></a></div> 890 <div class="footer-inner-flex signup"><a href="/contact/privacy.php">Privacy Policy</a></div> 891 <div class="footer-inner-flex signup"><a href="/contact/returns.php">Returns & Refunds</a></div> 892<div class="footer-inner-flex signup"><a href="/news/environment.html">Sustainability Statement</a></div> 893 894<!--<div class="footer-inner-flex"> 895 <a href="https://twitter.com/October_Gallery"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.7 79.7" class="social-link"><defs><style>.cls-1{fill:#e41e33;}</style></defs><title>twitter</title><g id="Layer_2" data-name="Layer 2"><g id="objects"><path class="cls-1" d="M0,0V79.7H79.7V0ZM64,27.48c0,.54,0,1.07,0,1.61,0,16.45-12.52,35.4-35.4,35.4A35.25,35.25,0,0,1,9.52,58.91a25.67,25.67,0,0,0,3,.17,25,25,0,0,0,15.46-5.33,12.46,12.46,0,0,1-11.62-8.64,12.35,12.35,0,0,0,2.34.23,12.53,12.53,0,0,0,3.28-.44A12.45,12.45,0,0,1,12,32.7v-.16A12.39,12.39,0,0,0,17.6,34.1a12.46,12.46,0,0,1-3.85-16.62,35.31,35.31,0,0,0,25.65,13A12.45,12.45,0,0,1,60.6,19.14a24.88,24.88,0,0,0,7.9-3A12.47,12.47,0,0,1,63,23a24.85,24.85,0,0,0,7.15-2A25.34,25.34,0,0,1,64,27.48Z"/></g></g></svg></a> 896 </div>--> 897 898 <div class="footer-inner-flex"> 899 <a href="https://www.instagram.com/octobergallerylondon/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 362.09 362.09" class="social-link"><defs><style>.cls-1{fill:#e41e33;}</style></defs><title>instagram</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M120.7,181A60.35,60.35,0,1,1,181,241.39,60.35,60.35,0,0,1,120.7,181m-32.62,0a93,93,0,1,0,93-93,93,93,0,0,0-93,93M256,84.4a21.73,21.73,0,1,0,21.73-21.72A21.73,21.73,0,0,0,256,84.4m-148.07,244c-17.65-.8-27.24-3.74-33.61-6.23a56.12,56.12,0,0,1-20.82-13.55,56.08,56.08,0,0,1-13.55-20.81c-2.48-6.38-5.43-16-6.23-33.62-.87-19.09-1.06-24.82-1.06-73.16s.19-54.07,1.06-73.16c.81-17.65,3.75-27.23,6.23-33.61A56.09,56.09,0,0,1,53.46,53.45,56,56,0,0,1,74.28,39.91c6.38-2.48,16-5.43,33.61-6.24C127,32.8,132.71,32.62,181,32.62s54.07.18,73.16,1.06c17.65.81,27.23,3.76,33.61,6.24a56.06,56.06,0,0,1,20.82,13.54,56.07,56.07,0,0,1,13.54,20.82c2.48,6.38,5.43,16,6.24,33.61.87,19.09,1,24.82,1,73.16s-.18,54.07-1,73.16c-.81,17.65-3.76,27.24-6.24,33.62a60,60,0,0,1-34.36,34.36c-6.38,2.48-16,5.43-33.61,6.23-19.09.88-24.82,1.06-73.16,1.06s-54.07-.18-73.15-1.06M106.4,1.09C87.13,2,74,5,62.46,9.5A88.69,88.69,0,0,0,30.39,30.39,88.61,88.61,0,0,0,9.51,62.45C5,74,2,87.13,1.1,106.4S0,131.87,0,181s.21,55.33,1.1,74.64S5,288.12,9.51,299.63A88.57,88.57,0,0,0,30.39,331.7a88.74,88.74,0,0,0,32.06,20.88C74,357.06,87.13,360.12,106.4,361s25.47,1.09,74.64,1.09,107.08-5,118.6-9.5a92.58,92.58,0,0,0,52.94-53c4.47-11.51,7.54-24.67,8.42-43.94s1.09-25.47,1.09-74.64-.2-55.33-1.09-74.64S357.06,74,352.59,62.45a88.8,88.8,0,0,0-20.88-32.07A88.76,88.76,0,0,0,299.64,9.5C288.12,5,275,2,255.69,1.09S230.22,0,181,0,125.72.21,106.4,1.09"/></g></g></svg></a> 900 </div> 901 902 <div class="footer-inner-flex"> 903 <a href="https://www.facebook.com/octobergallerylondon/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 327 327" class="social-link"><defs><style>.cls-1{fill:#e41e33;}</style></defs><title>facebook</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M283,0H44.07A44.07,44.07,0,0,0,0,44.07V282.93A44.07,44.07,0,0,0,44.07,327H162V210H131.25a7.21,7.21,0,0,1-7.25-
9037.15l-.15-37.64a7.24,7.24,0,0,1,7.29-7.22H162V121.47C162,79.08,188.26,56,226.62,56h30.21A7.16,7.16,0,0,1,264,63.16V95.69a7.26,7.26,0,0,1-7.22,7.31H237.66C217,103,213,112.94,213,127.51V158h45a7.16,7.16,0,0,1,7.11,8l-4.47,37.67a7.16,7.16,0,0,1-7.11,6.32H213V327h69.93A44.07,44.07,0,0,0,327,282.93V44.06A44,44,0,0,0,283,0Zm0,0"/></g></g></svg></a> 904 </div> 905 906 <div class="footer-inner-flex"> 907 <a href="https://www.youtube.com/channel/UCSqJoIxmqBbRDWi_V9iUuCg" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('youtube','','/website_safezone/images/framework/you_tube_grey.png',1)"><img src="/website_safezone/images/framework/you_tube.png" width="86" height="58" alt="Youtube channel" id="youtube" title="youtube" class="social-link"></a> 908 </div> 909 910 <!-- Vimeo replaced with Artsy 2026-06-11 â original kept for reference: 911 <div class="footer-inner-flex"> 912 <a href="https://vimeo.com/octobergallery" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('vimeo','','/website_safezone/images/framework/vimeo_grey.png',1)"><img src="/website_safezone/images/framework/vimeo_red.png" alt="Vimeo channel" id="vimeo" title="Vimeo" class="social-link"></a> 913 </div> 914 --> 915 916 <div class="footer-inner-flex"> 917 <a href="https://www.artsy.net/partner/october-gallery"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" class="social-link"><defs><style>.cls-1{fill:#e41e33;}</style></defs><title>Artsy</title><path class="cls-1" fill-rule="evenodd" clip-rule="evenodd" d="M40 39.9962H0V0H40V39.9962ZM31.0691 37.1188H37.1226V2.87615H2.87865V37.1188H28.1892V29.2345H31.0691V37.1188ZM12.955 7.01093H16.1298L22.0088 22.1446H18.9671L17.4022 17.9006H11.7039L10.1165 22.1446H7.07723L12.955 7.01093ZM14.5424 10.0715L12.5911 15.3382H16.4711L14.5424 10.0715Z"></path></svg></a> 918 </div> 919 920</footer>
921<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
vendor: 1 bytes, line 921
921
922<script src="/js/jquery.cycle2.min.js?v=1774523182"></script>
vendor: 1 bytes, line 922
922
923<script src="/js/jquery.cycle2.caption2.min.js?v=1774523182"></script>
vendor: 1 bytes, line 923
923
924<script src="/js/jquery.meanmenu.js?v=1774523181"></script>
924 925<!--
925<script src="/js/is-on-screen25.js"></script>
925 -->
926<script src="/js/flowup.js?v=1672937419"></script>
vendor: 1 bytes, line 926
926
927<script src="/js/page_set-up.js?v=1788982782"></script>
927 928 929<!-- Mobile Sub-Nav - set to false to disable -->
930<script src="/js/mobile-subnav.js?v=1774523182"></script>
930 931 932<!-- Mobile Side Tabs - set to false to disable -->
933<script src="/js/mobile-side-tabs.js?v=1788979316"></script>
933 934
935<script src="/js/search-suggest.js?v=1774523183"></script>
vendor: 1 bytes, line 935
935
936<script src="/js/jquery.ihavecookies.js?v=1672937422"></script>
vendor: 1 bytes, line 936
936
937<script src="/js/cookie-options.js?v=1774523181"></script>
vendor: 1 bytes, line 937
937
938<script src="/js/og-video-mobile.js?v=1774523181"></script>
938 939
940<script> 941$(document).ready(function(){ 942 $(".scroll-top").click(function() { 943 $("html, body").animate({ 944 scrollTop: 0 945 }, "fast"); 946 return false; 947 }); 948}); 949 950 $('img').mousedown(function (e) { 951 if(e.button == 2) { // right click 952 return false; // do nothing! 953 } 954}); 955 956function MM_swapImgRestore() { //v3.0 957 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; 958} 959function MM_preloadImages() { //v3.0 960 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); 961 var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) 962 if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} 963} 964 965function MM_findObj(n, d) { //v4.01 966 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { 967 d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} 968 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; 969 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); 970 if(!x && d.getElementById) x=d.getElementById(n); return x; 971} 972 973function MM_swapImage() { //v3.0 974 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) 975 if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} 976} 977 978 979</script>
979 980 981 982 983 984<!--anchor scroller -->
985<script> 986function scrollToAnchor(aid){ 987 var aTag = $("a[name='"+ aid +"']"); 988 if (aTag.length) { 989 var offset = 0; 990 // On mobile, account for fixed meanmenu (44px) + subnav (~44px) 991 if (window.innerWidth <= 768) { 992 offset = 100; 993 } 994 $('html,body').animate({scrollTop: aTag.offset().top - offset}, 'fast'); 995 } 996} 997 998 999$("#fromourstorelink").click(function() { 1000 scrollToAnchor('fromourstore'); 1001}); 1002 1003$("#visitlink").click(function() { 1004 scrollToAnchor('visit'); 1005}); 1006 1007$("#newslink").click(function() { 1008 scrollToAnchor('news'); 1009}); 1010 1011$("#accessibilitylink").click(function() { 1012 scrollToAnchor('accessibility'); 1013}); 1014 1015$("#old_newslink").click(function() { 1016 scrollToAnchor('old_news'); 1017}); 1018$("#current_newslink").click(function() { 1019 scrollToAnchor('current_news'); 1020}); 1021$("#exhibitionslink").click(function() { 1022 scrollToAnchor('exhibitions'); 1023}); 1024$("#ownlink").click(function() { 1025 scrollToAnchor('own'); 1026}); 1027 1028$("#yearlink").click(function() { 1029 scrollToAnchor('year'); 1030}); 1031$("#yearlink2").click(function() { 1032 scrollToAnchor('year'); 1033}); 1034$("#currentlink").click(function() { 1035 scrollToAnchor('current'); 1036}); 1037$("#forthcominglink").click(function() { 1038 scrollToAnchor('forthcoming'); 1039}); 1040$("#previouslink").click(function() { 1041 scrollToAnchor('previous'); 1042}); 1043$("#teamlink").click(function() { 1044 scrollToAnchor('team'); 1045}); 1046$("#trusteeslink").click(function() { 1047 scrollToAnchor('trustees'); 1048}); 1049$("#aboutlink").click(function() { 1050 scrollToAnchor('about'); 1051}); 1052$("#contactlink").click(function() { 1053 scrollToAnchor('contact'); 1054}); 1055$("#featuredlink").click(function() { 1056 scrollToAnchor('featured'); 1057}); 1058$("#availablelink").click(function() { 1059 scrollToAnchor('available'); 1060}); 1061$("#cvlink").click(function() { 1062 scrollToAnchor('cv'); 1063}); 1064 1065 1066$("#myTriggerTest").click(function() { 1067 scrollToAnchor('myAnchor'); 1068}); 1069$("#storeitems").click(function() { 1070 scrollToAnchor('storeitems'); 1071}); 1072 1073$("#storeitemslink").click(function() { 1074 scrollToAnchor('storeitems'); 1075}); 1076 1077$("#workslink").click(function() { 1078 scrollToAnchor('works'); 1079}); 1080 1081$("#medialink").click(function() { 1082 scrollToAnchor('media'); 1083}); 1084 1085$("#articleslink").click(function() { 1086 scrollToAnchor('articles'); 1087}); 1088 1089$("#search-medialink").click(function() { 1090 scrollToAnchor('search-media'); 1091}); 1092 1093$("#search-artistslink").click(function() { 1094 scrollToAnchor('search-artists'); 1095}); 1096$("#search-storelink").click(function() { 1097 scrollToAnchor('search-store'); 1098}); 1099 $("#search-workslink").click(function() { 1100 scrollToAnchor('search-works'); 1101}); 1102 $("#search-sololink").click(function() { 1103 scrollToAnchor('search-solo'); 1104}); 1105 $("#search-newslink").click(function() { 1106 scrollToAnchor('search-news'); 1107}); 1108 $("#search-externallink").click(function() { 1109 scrollToAnchor('search-external'); 1110}); 1111 $("#search-grouplink").click(function() { 1112 scrollToAnchor('search-group'); 1113}); 1114 1115 $("#roomslink").click(function() { 1116 scrollToAnchor('rooms'); 1117}); 1118 $("#rateslink").click(function() { 1119 scrollToAnchor('rates'); 1120}); 1121 $("#locationlink").click(function() { 1122 scrollToAnchor('location'); 1123}); 1124 1125 $("#infolink").click(function() { 1126 scrollToAnchor('info'); 1127}); 1128 1129 </script>
1129 1130
1131<script> 1132$(document).ready(function() { 1133 // Ken Burns â alternate zoom in / zoom out on both desktop + mobile slideshows 1134 function initKenBurns($slideshow) { 1135 var zoomIn = true; 1136 $slideshow.on('cycle-before', function(e, opts, outgoing, incoming){ 1137 zoomIn = !zoomIn; 1138 $(incoming).css({opacity: 1, display: 'block', zIndex: 1}); 1139 $(outgoing).css({zIndex: 2}); 1140 $(incoming).addClass(zoomIn ? 'kb-in' : 'kb-out'); 1141 }); 1142 $slideshow.on('cycle-after', function(e, opts, outgoing, incoming){ 1143 $(outgoing).removeClass('kb-in kb-out'); 1144 }); 1145 } 1146 initKenBurns($('#header-image .cycle-slideshow')); 1147 initKenBurns($('#mobile-header-image .cycle-slideshow')); 1148 1149 // Initialize cycle with pager 1150 $('.cycle-slideshow').cycle({ 1151 fx: 'fadeout', 1152 pager: '#carousel-pager', 1153 pagerTemplate: '<span></span>', 1154 pauseOnHover: true, 1155 timeout: 4000, // 4 seconds per slide (adjust as needed) 1156 speed: 2000 // transition speed â slow crossfade during Ken Burns 1157 }); 1158 1159 // Ken Burns â kick off first slide on both slideshows after init 1160 $('#header-image .cycle-slideshow img').first().addClass('kb-in'); 1161 $('#mobile-header-image .cycle-slideshow img').first().addClass('kb-in'); 1162 1163 // Play/Pause toggle. 1164 // The button is icon-only, so it had no accessible name. Named from here 1165 // rather than in the markup because the markup is copied into 40 pages and 1166 // the button does nothing at all without this script. 1167 var $pp = $('#carousel-play-pause'); 1168 function ogNamePlayPause() { 1169 var paused = $('.cycle-slideshow').is('.cycle-paused'); 1170 $pp.attr('aria-label', paused ? 'Play slideshow' : 'Pause slideshow') 1171 .attr('title', paused ? 'Play slideshow' : 'Pause slideshow'); 1172 } 1173 $pp.find('i').attr('aria-hidden', 'true'); 1174 ogNamePlayPause(); 1175 1176 $pp.on('click', function() { 1177 var $icon = $(this).find('i'); 1178 var $slideshow = $('.cycle-slideshow'); 1179 1180 if ($slideshow.is('.cycle-paused')) { 1181 // Currently paused, so play 1182 $slideshow.cycle('resume'); 1183 $icon.removeClass('fa-play').addClass('fa-pause'); 1184 } else { 1185 // Currently playing, so pause 1186 $slideshow.cycle('pause'); 1187 $icon.removeClass('fa-pause').addClass('fa-play'); 1188 } 1189 ogNamePlayPause(); 1190 }); 1191}); 1192</script>
vendor: 65 bytes, lines 1192-1194
1192 1193 1194<script async src='https://www.googletagmanager.com/gtag/js?id=
1194G-5YW7V0H54X
vendor: 12 bytes, line 1194
1194'></script>
1195<script> 1196
vendor: 133 bytes, lines 1196-1199
1196window.dataLayer = window.dataLayer || []; 1197 function gtag(){dataLayer.push(arguments);} 1198 gtag('js', new Date()); 1199 gtag('config', '
1199G-5YW7V0H54X
vendor: 4 bytes, line 1199
1199');
1200</script>
1200 1201 1202 1203<!-- Artwork Enquiry Slide Panel --> 1204<link rel="stylesheet" href="/css/enquiry-slide.css">
1205<script src="/js/enquiry-slide.js"></script>
vendor: 1 bytes, line 1205
1205
1206<script> 1207$(document).ready(function() { 1208 $(document).on('click', '.artwork-enquire-link', function(e) { 1209 e.preventDefault(); 1210 e.stopPropagation(); 1211 var enquiryUrl = $(this).data('enquire-url'); 1212 if (enquiryUrl && typeof openEnquirySlide === 'function') { 1213 openEnquirySlide(enquiryUrl); 1214 } else { 1215 window.open(enquiryUrl, '_blank', 'width=500,height=700'); 1216 } 1217 }); 1218}); 1219 1220// Artwork Reel â opens ArtworkExplorer in a modal overlay 1221$(document).on('click', '.artwork-reel-link', function(e) { 1222 e.preventDefault(); 1223 e.stopPropagation(); 1224 var stockNumber = $(this).data('stock-number'); 1225 var enquireUrl = $(this).data('enquire-url') || ''; 1226 var artistName = $(this).data('artist') || ''; 1227 var artworkTitle = $(this).data('title') || ''; 1228 var artworkYear = $(this).data('year') || ''; 1229 var artworkMedium = $(this).data('medium') || ''; 1230 var artworkDimensions = $(this).data('dimensions') || ''; 1231 if (!stockNumber) return; 1232 1233 // Create overlay if it doesn't exist 1234 if (!document.getElementById('artwork-reel-overlay')) { 1235 var overlay = document.createElement('div'); 1236 overlay.id = 'artwork-reel-overlay'; 1237 overlay.innerHTML = 1238 '<div id="artwork-reel-close" title="Close (ESC)"><span></span><span></span></div>' + 1239 '<div id="artwork-reel-inner">' + 1240 '<div id="artwork-reel-container"></div>' + 1241 '<a href="#" id="artwork-reel-enquire">ENQUIRE</a>' + 1242 '<div id="artwork-reel-info">' + 1243 '<div id="artwork-reel-artist"></div>' + 1244 '<div id="artwork-reel-title"></div>' + 1245 '<div id="artwork-reel-medium"></div>' + 1246 '<div id="artwork-reel-dimensions"></div>' + 1247 '</div>' + 1248 '</div>'; 1249 document.body.appendChild(overlay); 1250 1251 var style = document.createElement('style'); 1252 style.textContent = 1253 '#artwork-reel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);z-index:100002;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;pointer-events:none;}' + 1254 '#artwork-reel-overlay.active{opacity:1;pointer-events:auto;}' + 1255 /* Close button â matches Strip exactly */ 1256 '#artwork-reel-close{position:absolute;top:12px;right:12px;width:48px;height:48px;cursor:pointer;z-index:100003;}' + 1257 '#artwork-reel-close span{position:absolute;top:50%;left:50%;width:24px;height:3px;background-color:#e41e33;transform-origin:center;transition:background-color 0.2s ease;}' + 1258 '#artwork-reel-close span:first-child{transform:translate(-50%,-50%) rotate(45deg);}' + 1259 '#artwork-reel-close span:last-child{transform:translate(-50%,-50%) rotate(-45deg);}' + 1260 '#artwork-reel-close:hover span{background-color:#b81829;}' + 1261 /* Zoom controls hidden */ 1262 '.artwork-reel-active #strip-zoom-overlay{display:none!important;}' + 1263 /* Inner layout */ 1264 '#artwork-reel-inner{display:flex;flex-direction:column;align-items:center;}' + 1265 '#artwork-reel-container{border-radius:8px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,0.5);}' + 1266 /* Enquire button â matches Strip caption style */ 1267 '#artwork-reel-enquire{display:none;margin-top:18px;color:#e41e33;font-family:"Open Sans Condensed",sans-serif;font-size:22px;font-weight:bold;text-decoration:none;text-align:center;}' + 1268 '#artwork-reel-enquire:hover{color:#888;text-decoration:none;}' + 1269 /* Artist/title info */ 1270 '#artwork-reel-info{margin-top:14px;text-align:center;font-family:"Barlow Semi Condensed","Century Gothic",sans-serif;font-size:15px;line-height:1.6;}' + 1271 '#artwork-reel-artist{color:#fff;font-weight:600;}' + 1272 '#artwork-reel-title{color:#ccc;}' + 1273 '#artwork-reel-title i{font-style:italic;}' + 1274 '#artwork-reel-medium{color:#999;font-size:13px;}' + 1275 '#artwork-reel-dimensions{color:#999;font-size:13px;}' + 1276 /* Enquiry slide above reel */ 1277 '.artwork-reel-active .enquiry-slide-overlay{z-index:100010!important;}' + 1278 '.artwork-reel-active .enquiry-slide-panel{z-index:100011!important;}'; 1279 document.head.appendChild(style); 1280 1281 // Enquire button handler 1282 document.getElementById('artwork-reel-enquire').addEventListener('click', function(ev) { 1283 ev.preventDefault(); 1284 ev.stopPropagation(); 1285 var url = this.dataset.enquireUrl; 1286 if (url && typeof openEnquirySlide === 'function') { 1287 openEnquirySlide(url); 1288 } else if (url) { 1289 window.open(url, '_blank', 'width=500,height=700'); 1290 } 1291 }); 1292 1293 // Close handlers â stop propagation so Strip lightbox stays open 1294 function closeReel(ev) { 1295 if (ev) { ev.preventDefault(); ev.stopPropagation(); ev.stopImmediatePropagation(); } 1296 document.getElementById('artwork-reel-overlay').classList.remove('active'); 1297 document.body.classList.remove('artwork-reel-active'); 1298 document.getElementById('artwork-reel-container').innerHTML = ''; 1299 } 1300 document.getElementById('artwork-reel-close').addEventListener('click', function(ev) { 1301 closeReel(ev); 1302 }); 1303 overlay.addEventListener('click', function(ev) { 1304 if (ev.target === overlay) closeReel(ev); 1305 }); 1306 document.addEventListener('keydown', function(ev) { 1307 if (ev.key === 'Escape' && overlay.classList.contains('active')) { 1308 ev.preventDefault(); 1309 ev.stopPropagation(); 1310 ev.stopImmediatePropagation(); 1311 closeReel(); 1312 } 1313 }, true); 1314 } 1315 1316 var container = document.getElementById('artwork-reel-container'); 1317 container.innerHTML = ''; 1318 1319 // Determine size based on viewport 1320 var size = Math.min(window.innerWidth * 0.85, window.innerHeight * 0.7, 600); 1321 1322 if (typeof ArtworkExplorer !== 'undefined') { 1323 ArtworkExplorer.mount(container, { stockNumber: stockNumber, width: size, height: size }); 1324 } else { 1325 var script = document.createElement('script'); 1326 script.src = '/landscape3/js/artwork-explorer-player.js'; 1327 script.onload = function() { 1328 ArtworkExplorer.mount(container, { stockNumber: stockNumber, width: size, height: size }); 1329 }; 1330 document.body.appendChild(script); 1331 } 1332 1333 // Enquire button 1334 var enquireBtn = document.getElementById('artwork-reel-enquire'); 1335 if (enquireUrl) { 1336 enquireBtn.dataset.enquireUrl = enquireUrl; 1337 enquireBtn.style.display = 'block'; 1338 } else { 1339 enquireBtn.style.display = 'none'; 1340 } 1341 1342 // Artist/title/medium/dimensions â matches lightbox caption punctuation 1343 document.getElementById('artwork-reel-artist').textContent = artistName; 1344 var titleEl = document.getElementById('artwork-reel-title'); 1345 var titleParts = []; 1346 if (artworkTitle) titleParts.push('<i>' + artworkTitle + '</i>'); 1347 if (artworkYear) titleParts.push(artworkYear); 1348 titleEl.innerHTML = titleParts.length ? titleParts.join(', ') + '.' : ''; 1349 var detailParts = []; 1350 if (artworkMedium) detailParts.push(artworkMedium); 1351 if (artworkDimensions) detailParts.push(artworkDimensions); 1352 document.getElementById('artwork-reel-medium').textContent = detailParts.length ? detailParts.join(', ') + '.' : ''; 1353 document.getElementById('artwork-reel-dimensions').textContent = ''; 1354 1355 document.getElementById('artwork-reel-overlay').classList.add('active'); 1356 document.body.classList.add('artwork-reel-active'); 1357}); 1358</script>
1358 1359 1360 1361</body> 1362</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.