Doorzoek de collectie | Musea Brugge

<!doctype html> <html lang="nl" class="overflow-x-hidden "> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="preconnect" href="https://museabrugge.imgix.net" crossorigin> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#000000"> <meta name="msapplication-TileColor" content="#000000"> <meta name="theme-color" content="#ffffff"> <script>sessionStorage.fontsLoaded && document.documentElement.classList.add('fonts-loaded');</script> <link rel="stylesheet" href="https://use.typekit.net/pyu3tir.css"> <link rel="stylesheet" href="https://www.museabrugge.be/dist/app.8b02ed08dd69eaee3998.css"> <script> window.imageExists=function(t){ try{ var e=new XMLHttpRequest; e.open("HEAD",t,false); e.send(); return e.status!=404; }catch(r){ return false; } setTimeout(function(){ return false; }, 5000); }; </script> <script src="https://www.museabrugge.be/dist/head.3cdd5b50b21ea5e493bc.js" async></script> <script type="text/javascript" async src="//l.getsitecontrol.com/d4e0rvew.js"></script> <script> var fm = function () { return { load: function () { var e = document, t = e.getElementById("iframe_flxml_form"), n = e.getElementById("flx-styles"), r = n ? n.innerHTML : ""; t ? t.contentWindow.postMessage(r, 'https://return.flexmail.eu') : alert("Flexmail: Frame not found!") } } }(); </script> <style> #iframe_flxml_form { height: 400px !important; } </style> <style id="flx-styles"> *, :after, :before { border: 0 solid; box-sizing: border-box; } p:empty { display: none; } .fm_body { background-color: #ffffff; padding: 10px 3% 10px; } #flxml_frm { display: block; width: 100%; } #flxml_frm > table { width: 100%; } #flxml_frm > table > tbody > tr { display: flex; flex-direction: column; } #flxml_frm > table > tbody > tr > td { width: 100% !important; padding: 0; } /* Form labels */ #flxml_frm > table > tbody > tr > td:nth-child(1) { color: #696f76; line-height: 1.6; font-size: 14px !important; padding-bottom: 6px; font-weight: normal !important; } /* Form input elements */ #flxml_frm input[type="text"] { width: 100% !important; height: auto !important; text-indent: 2%; padding: 8px 0 !important; padding: 0; } /* Form submit button */ #flxml_frm button[type="submit"] { background: #ff1428; color: white; border-radius: 0 !important; text-shadow: none; min-height: 42px; font-weight: 900; font-size: 1rem; transition: .15s background-color ease-in-out; } #flxml_frm button[type="submit"]:hover { background: #555; } </style> <title>Doorzoek de collectie | Musea Brugge</title> <script>dl = []; (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dl','GTM-5M8MW34'); </script> <script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '3109778305974731'); fbq('track', 'PageView'); </script><meta name="keywords" content="Brugge, musea brugge, arentshuis, belfort brugge, brugse vrije, gentpoort, gezellemuseum, groeningenmuseum, gruuthusemuseum, onze-lieve-vrouwekerk, onze-lieve-vrouw-ter-potterie, sint-janshospitaal, sint-janshuismolen, stadhuis, volkskundemuseum, museum brugge, Stadhuis brugge"> <meta name="description" content="Officiële website van Musea Brugge, de overkoepelende organisatie van de stedelijke musea. Musea Brugge verbindt kunst, cultuur, erfgoed en mensen met elkaar. En dat op 13 unieke locaties binnen de muren van de stad."> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="robots" content="all"> <meta content="173828195968003" property="fb:profile_id"> <meta content="nl_NL" property="og:locale"> <meta content="es_ES" property="og:locale:alternate"> <meta content="en_EN" property="og:locale:alternate"> <meta content="de_DE" property="og:locale:alternate"> <meta content="fr_FR" property="og:locale:alternate"> <meta content="Musea Brugge" property="og:site_name"> <meta content="website" property="og:type"> <meta content="https://www.museabrugge.be/collecties/doorzoek" property="og:url"> <meta content="Doorzoek de collectie" property="og:title"> <meta content="Officiële website van Musea Brugge, de overkoepelende organisatie van de stedelijke musea. Musea Brugge verbindt kunst, cultuur, erfgoed en mensen met elkaar. En dat op 13 unieke locaties binnen de muren van de stad." property="og:description"> <meta content="https://www.museabrugge.be/volumes/general/_1200x630_crop_center-center_82_none/mb-og.png?mtime=1649925612" property="og:image"> <meta content="1200" property="og:image:width"> <meta content="630" property="og:image:height"> <meta content="Musea Brugge" property="og:image:alt"> <meta content="https://www.youtube.com/user/MuseaBrugge" property="og:see_also"> <meta content="https://www.linkedin.com/company/musea-brugge/" property="og:see_also"> <meta content="https://www.tiktok.com/@museabrugge" property="og:see_also"> <meta content="https://www.instagram.com/museabrugge/" property="og:see_also"> <meta content="https://www.facebook.com/MuseaBrugge/" property="og:see_also"> <meta name="facebook-domain-verification" content="qb5fb5w0bxvs3drgf6uuo6hr5jyiwu"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@museabrugge"> <meta name="twitter:creator" content="@museabrugge"> <meta name="twitter:title" content="Doorzoek de collectie"> <meta name="twitter:description" content="Officiële website van Musea Brugge, de overkoepelende organisatie van de stedelijke musea. Musea Brugge verbindt kunst, cultuur, erfgoed en mensen met elkaar. En dat op 13 unieke locaties binnen de muren van de stad."> <meta name="twitter:image" content="https://www.museabrugge.be/volumes/general/_800x418_crop_center-center_82_none/mb-og.png?mtime=1649925612"> <meta name="twitter:image:width" content="800"> <meta name="twitter:image:height" content="418"> <meta name="twitter:image:alt" content="Musea Brugge"> <meta name="google-site-verification" content="stkpvBrV0C0hI0aQlT6KO-EZMOwTqj18XqCd3-Jex0g"> <meta name="msvalidate.01" content="FD6044B6E27E5FA497171E907A002E10"> <link href="https://www.museabrugge.be/collecties/doorzoek" rel="canonical"> <link href="https://www.museabrugge.be" rel="home"> <link type="text/plain" href="https://www.museabrugge.be/humans.txt" rel="author"> <link href="https://www.museabrugge.be/es/colecciones/collectie-zoekresultaten" rel="alternate" hreflang="es"> <link href="https://www.museabrugge.be/en/collections/browse" rel="alternate" hreflang="en"> <link href="https://www.museabrugge.be/de/collecties/collectie-zoekresultaten" rel="alternate" hreflang="de"> <link href="https://www.museabrugge.be/fr/collecties/rechercher" rel="alternate" hreflang="fr"> <link href="https://www.museabrugge.be/collecties/doorzoek" rel="alternate" hreflang="x-default"> <link href="https://www.museabrugge.be/collecties/doorzoek" rel="alternate" hreflang="nl"></head> <body class="site-group--musea-brugge section--pages "><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5M8MW34" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=3109778305974731&ev=PageView&noscript=1" /></noscript> <div class="w-screen min-h-screen max-w-full h-full bg-gray-100 js-mobile-wrapper mobile-wrapper"> <div class="container text-right"> <div class="js-toggle mt-7 cursor-pointer font-bold text-base text-black z-20" data-target=".js-mobile-wrapper"> <span>Sluiten</span> <svg width="16" height="16" class="ml-2 mb-1"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#close"/></svg> </div> </div> <div class="mt-7"> <div class="grid justify-center"> <div class="grid__item text-white mobile-menu"> <div class="container w-full"> <form action="https://www.museabrugge.be/search" class="w-full mobile-search"> <div class="flex"> <div class="flex-grow input mb-0 relative"> <input type="text" class="bg-white border-none input__field text-black pr-10" name="q" placeholder="Zoeken"> <button type="submit" class="ladda-button absolute mobile-search-button p-4" name="form_submit" data-style="expand-right" data-spinner-size="25"> <span class="ladda-label"> <svg width="18" height="18" class="text-yellow"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#search"/></svg> </span> </button> </div> </div> </form> </div> <div class="overflow-auto mobile-menu-list flex flex-col mt-4"> <div class="container w-full"> <nav class="mmmenu mb-8"> <ul class="mmmenu__root"> <li class="mmmenu__item border-t-0"> <a class="mmmenu__link" href="https://www.museabrugge.be/"> Home </a> </li> <li class="mmmenu__item mmmenu__item--lvl1"> <a class="mmmenu__link mmmenu__link--parent" href="#"> Bezoek onze musea <svg width="31.26" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow-dot"/></svg> </a> <ul class="mmmenu__sub"> <li class="mmmenu__item mmmenu__item--back border-t-0"> <a class="mmmenu__back-link" href="#"> <svg width="9" height="15" class="pointer--left text-black mr-2 -mt-1"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#pointer"/></svg> Terug</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/bezoek-onze-musea/onze-musea-en-monumenten">Musea en monumenten</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/bezoek-onze-musea/plan-je-bezoek">Plan je bezoek</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/bezoek-onze-musea/bezoek-met-gezin">Met je gezin</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/bezoek-onze-musea/bezoek-met-klas">Met je klas</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/bezoek-onze-musea/met_een_groep">Met een groep</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/bezoek-onze-musea/toegankelijkheid">Toegankelijkheid</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/bezoek-onze-musea/brusk">BRUSK</a> </li> </ul> </li> <li class="mmmenu__item mmmenu__item--lvl1"> <a class="mmmenu__link mmmenu__link--parent" href="#"> Kalender <svg width="31.26" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow-dot"/></svg> </a> <ul class="mmmenu__sub"> <li class="mmmenu__item mmmenu__item--back border-t-0"> <a class="mmmenu__back-link" href="#"> <svg width="9" height="15" class="pointer--left text-black mr-2 -mt-1"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#pointer"/></svg> Terug</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/kalender/tentoonstellingen">Tentoonstellingen</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/kalender/activiteiten-en-evenementen">Activiteiten en evenementen</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/kalender/museumartiest_porcelain_id">Museumartiest Porcelain id</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/kalender/archief">Archief</a> </li> </ul> </li> <li class="mmmenu__item mmmenu__item--lvl1"> <a class="mmmenu__link mmmenu__link--parent" href="#"> Collectie <svg width="31.26" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow-dot"/></svg> </a> <ul class="mmmenu__sub"> <li class="mmmenu__item mmmenu__item--back border-t-0"> <a class="mmmenu__back-link" href="#"> <svg width="9" height="15" class="pointer--left text-black mr-2 -mt-1"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#pointer"/></svg> Terug</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/collecties/ontdek">Ontdek de collectie</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/collecties/doorzoek">Doorzoek de collectie</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/collecties/athome">Musea Brugge @ home</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/collecties/bron">BRON research centre</a> </li> </ul> </li> <li class="mmmenu__item mmmenu__item--lvl1"> <a class="mmmenu__link mmmenu__link--parent" href="#"> Steun ons <svg width="31.26" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow-dot"/></svg> </a> <ul class="mmmenu__sub"> <li class="mmmenu__item mmmenu__item--back border-t-0"> <a class="mmmenu__back-link" href="#"> <svg width="9" height="15" class="pointer--left text-black mr-2 -mt-1"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#pointer"/></svg> Terug</a> </li> <li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/steun-ons/de-vrienden-van-musea-brugge" class="pb-2 border-b border-gray-500 mb-2 block text-black">Vrienden van Musea Brugge</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/steun-ons/word-partner">Word partner</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/steun-ons/word-vrijwilliger">Word vrijwilliger</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/steun-ons/doe-een-gift">Doe een gift</a> </li> </ul> </li> <li class="mmmenu__item mmmenu__item--lvl1"> <a class="mmmenu__link mmmenu__link--parent" href="#"> Over ons <svg width="31.26" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow-dot"/></svg> </a> <ul class="mmmenu__sub"> <li class="mmmenu__item mmmenu__item--back border-t-0"> <a class="mmmenu__back-link" href="#"> <svg width="9" height="15" class="pointer--left text-black mr-2 -mt-1"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#pointer"/></svg> Terug</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/over-ons/missie-en-visie">Missie en visie</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/over-ons/wie-is-wie">Wie is wie bij Musea Brugge?</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/over-ons/werk-bij-ons">Werk bij Musea Brugge</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/over-ons/partners">Partners</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/over-ons/diversiteit_en_inclusie">Diversiteit en inclusie</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/over-ons/jongercrew-musea-brugge">Briklyoung</a> </li> <li class="mmmenu__item mmmenu__item--lvl2"> <a class="mmmenu__link" href="https://www.museabrugge.be/over-ons/afdelingen-en-contact">Contact</a> </li> </ul> </li> <li class="mmmenu__item mmmenu__item--lvl1"> <a class="mmmenu__link" href="/webshop"> Webshop </a> </li> </ul> </nav> <div class="flex items-center justify-between"> <ul class="list-reset flex justify-start"> <li class=""> <a href="https://www.museabrugge.be/collecties/doorzoek" class="bg-white font-bold py-2 px-4 block text-black">NL </a> </li> <li class=""> <a href="https://www.museabrugge.be/fr/collecties/rechercher" class=" py-2 px-4 block text-black">FR </a> </li> <li class=""> <a href="https://www.museabrugge.be/de/collecties/collectie-zoekresultaten" class=" py-2 px-4 block text-black">DE </a> </li> <li class=""> <a href="https://www.museabrugge.be/en/collections/browse" class=" py-2 px-4 block text-black">EN </a> </li> <li class=""> <a href="https://www.museabrugge.be/es/colecciones/collectie-zoekresultaten" class=" py-2 px-4 block text-black">ES </a> </li> </ul> <div> <a href="https://www.museabrugge.be/koop-tickets?offers=MTEyMSwgOTUzMSwgMTM0NywgMjk5MiwgMjEwMCwgMTM3MSwgMTM2OCwgMTM1MCwgMTM1MywgNDU2MCwgMTMwMywgMTM1OSwgMTM2MiwgMTM2NQ%3D%3D&excl=MTA2OTAsIDE3MDUw" class="button bg-black " > Tickets </a> </div> </div> </div> <div class="relative flex-shrink-1 mt-7 black-overlay"> <img data-src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fwww.museabrugge.be%2Fvolumes%2Fgeneral%2F0000_GRO0161_I_2_380.f1649952172.jpg?dpr=2&w=1440&h=314&fit=crop&s=31eca50f92d9ce58baddb0bd1ff651d2" alt="Madonna met kanunnik Joris van der Paele" class="fit-cover w-full h-full mobile-menu-visual lazyload" > </div> </div> </div> </div> </div> </div> <div class="header bg-gray-100 flex items-center"> <div class="flex items-center h-full w-full justify-between"> <div class=""> <a href="https://www.museabrugge.be/" class="inline-block"> <div class="pl-4 md:pl-7"> <svg height="25.2" width="57"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#logo-line"/></svg> </div> </a> </div> <div class="hidden xl:block flex-grow"> <ul class="list-reset flex justify-center h-full items-center text-black"><li class="text-lg p-3 main-nav-item js-flyout-trigger flyout-trigger "> <span class="py-1 text-black nav-hover-target ">Bezoek onze musea</span> <div class="js-flyout flyout hidden z-50"> <ul class="list-reset"> <li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/bezoek-onze-musea/onze-musea-en-monumenten" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Musea en monumenten</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/bezoek-onze-musea/plan-je-bezoek" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Plan je bezoek</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/bezoek-onze-musea/bezoek-met-gezin" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Met je gezin</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/bezoek-onze-musea/bezoek-met-klas" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Met je klas</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/bezoek-onze-musea/met_een_groep" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Met een groep</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/bezoek-onze-musea/toegankelijkheid" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Toegankelijkheid</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/bezoek-onze-musea/brusk" class=" hover:underline block text-black">BRUSK</a> </li></ul> </div> </li><li class="text-lg p-3 main-nav-item js-flyout-trigger flyout-trigger "> <span class="py-1 text-black nav-hover-target ">Kalender</span> <div class="js-flyout flyout hidden z-50"> <ul class="list-reset"> <li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/kalender/tentoonstellingen" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Tentoonstellingen</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/kalender/activiteiten-en-evenementen" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Activiteiten en evenementen</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/kalender/museumartiest_porcelain_id" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Museumartiest Porcelain id</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/kalender/archief" class=" hover:underline block text-black">Archief</a> </li></ul> </div> </li><li class="text-lg p-3 main-nav-item js-flyout-trigger flyout-trigger text-black"> <span class="py-1 text-black nav-hover-target better-underline">Collectie</span> <div class="js-flyout flyout hidden z-50"> <ul class="list-reset"> <li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/collecties/ontdek" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Ontdek de collectie</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/collecties/doorzoek" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Doorzoek de collectie</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/collecties/athome" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Musea Brugge @ home</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/collecties/bron" class=" hover:underline block text-black">BRON research centre</a> </li></ul> </div> </li><li class="text-lg p-3 main-nav-item js-flyout-trigger flyout-trigger "> <span class="py-1 text-black nav-hover-target ">Steun ons</span> <div class="js-flyout flyout hidden z-50"> <ul class="list-reset"> <li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/steun-ons/de-vrienden-van-musea-brugge" class="pb-2 border-b border-gray-500 mb-2 block text-black hover:underline">Vrienden van Musea Brugge</a> </li> <li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/steun-ons/word-partner" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Word partner</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/steun-ons/word-vrijwilliger" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Word vrijwilliger</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/steun-ons/doe-een-gift" class=" hover:underline block text-black">Doe een gift</a> </li></ul> </div> </li><li class="text-lg p-3 main-nav-item js-flyout-trigger flyout-trigger "> <span class="py-1 text-black nav-hover-target ">Over ons</span> <div class="js-flyout flyout hidden z-50"> <ul class="list-reset"> <li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/over-ons/missie-en-visie" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Missie en visie</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/over-ons/wie-is-wie" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Wie is wie bij Musea Brugge?</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/over-ons/werk-bij-ons" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Werk bij Musea Brugge</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/over-ons/partners" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Partners</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/over-ons/diversiteit_en_inclusie" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Diversiteit en inclusie</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/over-ons/jongercrew-musea-brugge" class="pb-2 border-b border-gray-500 mb-2 hover:underline block text-black">Briklyoung</a> </li><li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/over-ons/afdelingen-en-contact" class=" hover:underline block text-black">Contact</a> </li></ul> </div> </li><li class="text-lg p-3 main-nav-item type-url "> <a class="py-1 text-black nav-hover-target" href="/webshop">Webshop</a> </li></ul> </div> <div class="flex items-center"> <div class=""> <a href="https://www.museabrugge.be/koop-tickets?offers=MTEyMSwgOTUzMSwgMTM0NywgMjk5MiwgMjEwMCwgMTM3MSwgMTM2OCwgMTM1MCwgMTM1MywgNDU2MCwgMTMwMywgMTM1OSwgMTM2MiwgMTM2NQ%3D%3D&excl=MTA2OTAsIDE3MDUw" class="button bg-red-500 " > Tickets </a> </div> <a href="https://www.museabrugge.be/user/account" class="ml-6 mr-2 text-black" style="margin-bottom: 1px;"> <svg width="20" height="20"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#account"/></svg> </a> <div class="hidden xl:flex items-center"> <button class="js-toggle mx-4" data-target=".js-search" data-overflow="true"> <svg width="20" height="20"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#search"/></svg> </button> <div class="mr-7"> <div class="js-flyout-trigger flyout-trigger"> <a class="p-3 uppercase" tabindex="0" aria-labelledby="languageSwitch" aria-haspopup="true"> nl <svg width="11" height="7" class="ml-2"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow"/></svg> </a> <div class="js-flyout flyout hidden z-40 lang-switch-flyout"> <ul class="list-reset"> <li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/fr/collecties/rechercher" data-language="fr" class="pb-2 border-b border-gray-500 mb-2 block text-black langswitch-item">Français</a> </li> <li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/de/collecties/collectie-zoekresultaten" data-language="de" class="pb-2 border-b border-gray-500 mb-2 block text-black langswitch-item">Deutsch</a> </li> <li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/en/collections/browse" data-language="en" class="pb-2 border-b border-gray-500 mb-2 block text-black langswitch-item">English</a> </li> <li class="whitespace-no-wrap normal-case"> <a href="https://www.museabrugge.be/es/colecciones/collectie-zoekresultaten" data-language="es" class=" block text-black langswitch-item">Español</a> </li> </ul> </div> </div> </div> </div> <div class="xl:hidden justify-end mr-6"> <span class="js-toggle cursor-pointer" data-target=".js-mobile-wrapper" data-overflow="true"> <svg width="20" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#hamburger"/></svg> </span> </div> </div> </div> </div> <div class="relative overflow-hidden"> <div class="black-overlay page-header-sm" style="background-image: url('https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fwww.museabrugge.be%2Fvolumes%2Fgeneral%2F0000_GRO0161_I_2_380.f1695802076.jpg?dpr=2&w=1440&h=93&fit=crop&s=c870a3a059aac4415d3753f15d29afa0'); background-position:50% 50%;"></div> <div class="absolute z-10 pin-t pin-l w-full h-full"> <div class="px-4 md:px-8 h-full"> <div class="flex items-start justify-between h-full"> <div class="legs-sm"> <svg height="73" width="11"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#leg-left"/></svg> </div> <div class="flex items-start h-full"> <div class="legs-sm"> <svg height="73" width="11"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#leg-left"/></svg> </div> <div class="ml-4 flex-stretch flex items-center h-full musea-header"> <svg height="62.76" width="135.4"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#musea-brugge"/></svg> </div> </div> </div> </div> </div> </div> <div class="w-full max-w-full overflow-x-hidden"> <div class="container"> <div class="flex"> <ul class="list-reset flex flex-wrap md:flex-no-wrap text-gray-700 text-base py-6 relative z-10 breadcrumb "> <li> <span class="hidden md:inline-block mr-2">Je bent hier:</span><a href="https://www.museabrugge.be/">Home</a> </li> <li> <span class="mx-1 inline-block">/</span>...</li><li> <span class="mx-1 inline-block">/</span>Doorzoek de collectie</li> </ul> </div> </div> </div> <div class="container"> <h1 class="page-title">Doorzoek de collectie</h1> <div class="relative"> <div class="hidden sprig-loader absolute pin z-50 text-black text-center pt-32"> <svg class="block mx-auto" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewbox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve"> <path opacity="0.2" fill="currentColor" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634 c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"/> <path fill="currentColor" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z"> <animatetransform attributetype="xml" attributename="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.8s" repeatcount="indefinite"/> </path> </svg> </div> <div id="component-etjgrt" class="sprig-component" data-hx-target="this" data-hx-include="this" data-hx-trigger="refresh" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-hx-vals="{"sprig:siteId":"ad333b8954e204e70a3303d03a8b275081fffbe7c7001775a9e10a7a454642751","sprig:template":"7bd1da0880187af601b095dac6ac1d16c891a3fe4b2b975105e8d28178d3329f_sprig\/search","sprig:component":"b95cff91a40dec720fa5e8a78d401311cfaf52828c18416f1d1b46a43aefd602","sprig:variables[entry_id]":"2f43ad30c325d641c79dcfacdd0b59229fce801f7becab8b5640db53baaa100b931367"}"> <div> <div class="xl:flex items-center justify-between bg-gray-500 p-6 mt-6"> <div class="md:flex items-stretch w-full"> <div class="mr-4 hidden md:flex"> <div class="h-full"> <input type="radio" id="layout_grid" class="hidden" name="layout" value="grid" checked sprig="sprig" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> <label for="layout_grid" class="flex w-12 h-full items-center justify-center hover:bg-gray-700 cursor-pointer bg-red-500"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><path fill="#fff" d="M9 0H0v9h9V0ZM7.2 7.2H1.8V1.8h5.4v5.4ZM20 0h-9v9h9V0Zm-1.8 7.2h-5.4V1.8h5.4v5.4ZM0 20h9v-9H0v9Zm1.8-7.2h5.4v5.4H1.8v-5.4ZM11 20h9v-9h-9v9Zm1.8-7.2h5.4v5.4h-5.4v-5.4Z"/></svg> </label> </div> <div class="h-full"> <input type="radio" id="layout_list" class="hidden" name="layout" value="list" sprig="sprig" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> <label for="layout_list" class="flex w-12 h-full items-center justify-center cursor-pointer hover:bg-gray-700 bg-black"> <svg xmlns="http://www.w3.org/2000/svg" width="19" height="14" fill="none" viewBox="0 0 19 14"><path fill="#fff" d="M4.7 5.8H18v2.4H4.7V5.8Zm0-5.8H18v2.3H4.7V0Zm0 11.7H18V14H4.7v-2.3ZM0 5.8h3v2.4H0V5.8ZM0 0h3v2.3H0V0Zm0 11.7h3V14H0v-2.3Z"/></svg> </label> </div> </div> <div class="input w-full search-input"> <input type="search" id="search" class="input__field" name="search" value placeholder="Zoek op kunstenaar, zoekwoord, jaartal, …" sprig="sprig" autocomplete="off" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> </div> <div class="button w-full md:w-auto bg-red-500 mt-4 md:mt-0 md:mr-4 xl:mr-8 h-full cursor-pointer" sprig="sprig" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> Zoeken </div> <div class="mt-6 md:mt-0 md:mr-4"> <input type="checkbox" id="masterpiece" class="hidden" name="masterpiece" value="1" sprig="sprig" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> <label for="masterpiece" class="inline-flex md:flex w-10 h-10 md:h-full items-center justify-center hover:bg-gray-700 hover:text-white text-black border-2 border-black cursor-pointer bg-transparent" data-tippy-content="Vlaams Topstuk" > <svg width="20" height="20"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#star_5_points"/></svg> </label> </div> </div> <div class="w-full mt-6 xl:mt-0"> <div class="md:flex"> <div class="w-full md:w-auto md:flex-auto z-10 relative select-none" x-data="{ open: false }" :class="{'z-20': open}"> <div class="relative mt-2 mr-4 pr-5 md:mt-0 md:flex-auto sprig-flyout w-full md:w-auto border-2 border-black" data-sprig-parsed> <button class="sprig-flyout__trigger w-full font-bold text-black" x-on:click="open = !open">Locatie</button> <svg width="8.94" height="5" class="absolute right-4 top-1/2 transform -translate-y-1/2 text-black"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow"/></svg> <div class="w-full lg:w-auto origin-top-right absolute left-0 mt-1 shadow-lg sprig-flyout__content bg-white max-h-64 flex flex-col" style="display: none;" x-show="open" x-on:click.away="open = !open" data-sprig-parsed> <div class="w-full pt-2 px-4 pb-4 search-options flex flex-col overflow-y-auto h-full relative"> <div class="flex flex-col" role="menu" aria-orientation="vertical" aria-labelledby="options-filter"> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="depot" type="checkbox" id="repository1" name="repository[]" > <label class="label--checkbox" for="repository1"></label> </div> <div> <label for="repository1" class="form-checkbox__label whitespace-no-wrap" >Depot</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="groeningemuseum" type="checkbox" id="repository2" name="repository[]" > <label class="label--checkbox" for="repository2"></label> </div> <div> <label for="repository2" class="form-checkbox__label whitespace-no-wrap" >Groeningemuseum</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="gruuthusemuseum" type="checkbox" id="repository3" name="repository[]" > <label class="label--checkbox" for="repository3"></label> </div> <div> <label for="repository3" class="form-checkbox__label whitespace-no-wrap" >Gruuthusemuseum</label> </div> </div> <div class="flex mt-1 order-first "> <div class="relative flex items-center mr-2"> <input class="invisible" value="sint-janshospitaal" type="checkbox" id="repository4" name="repository[]" checked> <label class="label--checkbox" for="repository4"></label> </div> <div> <label for="repository4" class="form-checkbox__label whitespace-no-wrap" >Museum Sint-Janshospitaal</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="onze-lieve-vrouw-ter-potterie" type="checkbox" id="repository5" name="repository[]" > <label class="label--checkbox" for="repository5"></label> </div> <div> <label for="repository5" class="form-checkbox__label whitespace-no-wrap" >O.L.V. ter Potterie</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="onze-lieve-vrouwekerk" type="checkbox" id="repository6" name="repository[]" > <label class="label--checkbox" for="repository6"></label> </div> <div> <label for="repository6" class="form-checkbox__label whitespace-no-wrap" >O.L.V.-kerk Museum</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="stadhuis" type="checkbox" id="repository7" name="repository[]" > <label class="label--checkbox" for="repository7"></label> </div> <div> <label for="repository7" class="form-checkbox__label whitespace-no-wrap" >Stadhuis</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="volkskundemuseum" type="checkbox" id="repository8" name="repository[]" > <label class="label--checkbox" for="repository8"></label> </div> <div> <label for="repository8" class="form-checkbox__label whitespace-no-wrap" >Volkskundemuseum</label> </div> </div> </div> </div> <div class="w-full px-4 pb-4 mt-4"> <button class="button w-full md:w-auto button-dark" sprig="sprig" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> Toepassen </button> </div> </div> </div> </div> <div class="w-full md:w-auto md:flex-auto z-10 relative select-none" x-data="{ open: false }" :class="{'z-20': open}"> <div class="relative mt-2 mr-4 pr-5 md:mt-0 md:flex-auto sprig-flyout w-full md:w-auto border-2 border-black" data-sprig-parsed> <button class="sprig-flyout__trigger w-full font-bold text-black" x-on:click="open = !open">Onderwerp</button> <svg width="8.94" height="5" class="absolute right-4 top-1/2 transform -translate-y-1/2 text-black"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow"/></svg> <div class="w-full lg:w-auto origin-top-right absolute left-0 mt-1 shadow-lg sprig-flyout__content bg-white max-h-64 flex flex-col" style="display: none;" x-show="open" x-on:click.away="open = !open" data-sprig-parsed> <div class="w-full pt-2 px-4 pb-4 search-options flex flex-col overflow-y-auto h-full relative"> <div class="flex flex-col" role="menu" aria-orientation="vertical" aria-labelledby="options-filter"> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="abstract" type="checkbox" id="subject1" name="subject[]" > <label class="label--checkbox" for="subject1"></label> </div> <div> <label for="subject1" class="form-checkbox__label whitespace-no-wrap" >abstract</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="allegorie" type="checkbox" id="subject2" name="subject[]" > <label class="label--checkbox" for="subject2"></label> </div> <div> <label for="subject2" class="form-checkbox__label whitespace-no-wrap" >allegorie</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="anatomie" type="checkbox" id="subject3" name="subject[]" > <label class="label--checkbox" for="subject3"></label> </div> <div> <label for="subject3" class="form-checkbox__label whitespace-no-wrap" >anatomie</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="architectuur" type="checkbox" id="subject4" name="subject[]" > <label class="label--checkbox" for="subject4"></label> </div> <div> <label for="subject4" class="form-checkbox__label whitespace-no-wrap" >architectuur</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="archivalia" type="checkbox" id="subject5" name="subject[]" > <label class="label--checkbox" for="subject5"></label> </div> <div> <label for="subject5" class="form-checkbox__label whitespace-no-wrap" >archivalia</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="beeldhouwwerken" type="checkbox" id="subject6" name="subject[]" > <label class="label--checkbox" for="subject6"></label> </div> <div> <label for="subject6" class="form-checkbox__label whitespace-no-wrap" >beeldhouwwerken</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="bijbel" type="checkbox" id="subject7" name="subject[]" > <label class="label--checkbox" for="subject7"></label> </div> <div> <label for="subject7" class="form-checkbox__label whitespace-no-wrap" >bijbel</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="boek" type="checkbox" id="subject8" name="subject[]" > <label class="label--checkbox" for="subject8"></label> </div> <div> <label for="subject8" class="form-checkbox__label whitespace-no-wrap" >boek</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="boeken" type="checkbox" id="subject9" name="subject[]" > <label class="label--checkbox" for="subject9"></label> </div> <div> <label for="subject9" class="form-checkbox__label whitespace-no-wrap" >boeken</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="cartografie" type="checkbox" id="subject10" name="subject[]" > <label class="label--checkbox" for="subject10"></label> </div> <div> <label for="subject10" class="form-checkbox__label whitespace-no-wrap" >cartografie</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="classificatie" type="checkbox" id="subject11" name="subject[]" > <label class="label--checkbox" for="subject11"></label> </div> <div> <label for="subject11" class="form-checkbox__label whitespace-no-wrap" >classificatie</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="diervoorstellingen" type="checkbox" id="subject12" name="subject[]" > <label class="label--checkbox" for="subject12"></label> </div> <div> <label for="subject12" class="form-checkbox__label whitespace-no-wrap" >diervoorstellingen</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="dorpsgezichten" type="checkbox" id="subject13" name="subject[]" > <label class="label--checkbox" for="subject13"></label> </div> <div> <label for="subject13" class="form-checkbox__label whitespace-no-wrap" >dorpsgezichten</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="fantastische-kunst" type="checkbox" id="subject14" name="subject[]" > <label class="label--checkbox" for="subject14"></label> </div> <div> <label for="subject14" class="form-checkbox__label whitespace-no-wrap" >fantastische kunst</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="figuurvoorstellingen" type="checkbox" id="subject15" name="subject[]" > <label class="label--checkbox" for="subject15"></label> </div> <div> <label for="subject15" class="form-checkbox__label whitespace-no-wrap" >figuurvoorstellingen</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="genrestukken" type="checkbox" id="subject16" name="subject[]" > <label class="label--checkbox" for="subject16"></label> </div> <div> <label for="subject16" class="form-checkbox__label whitespace-no-wrap" >genrestukken</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="glasramen" type="checkbox" id="subject17" name="subject[]" > <label class="label--checkbox" for="subject17"></label> </div> <div> <label for="subject17" class="form-checkbox__label whitespace-no-wrap" >glasramen</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="grafmonumenten" type="checkbox" id="subject18" name="subject[]" > <label class="label--checkbox" for="subject18"></label> </div> <div> <label for="subject18" class="form-checkbox__label whitespace-no-wrap" >grafmonumenten</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="heiligen" type="checkbox" id="subject19" name="subject[]" > <label class="label--checkbox" for="subject19"></label> </div> <div> <label for="subject19" class="form-checkbox__label whitespace-no-wrap" >heiligen</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="heraldiek" type="checkbox" id="subject20" name="subject[]" > <label class="label--checkbox" for="subject20"></label> </div> <div> <label for="subject20" class="form-checkbox__label whitespace-no-wrap" >heraldiek</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="historiestukken" type="checkbox" id="subject21" name="subject[]" > <label class="label--checkbox" for="subject21"></label> </div> <div> <label for="subject21" class="form-checkbox__label whitespace-no-wrap" >historiestukken</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="historische_gebeurtenissen" type="checkbox" id="subject22" name="subject[]" > <label class="label--checkbox" for="subject22"></label> </div> <div> <label for="subject22" class="form-checkbox__label whitespace-no-wrap" >historische gebeurtenissen</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="humoristische_onderwerpen" type="checkbox" id="subject23" name="subject[]" > <label class="label--checkbox" for="subject23"></label> </div> <div> <label for="subject23" class="form-checkbox__label whitespace-no-wrap" >humoristische onderwerpen</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="inscripties" type="checkbox" id="subject24" name="subject[]" > <label class="label--checkbox" for="subject24"></label> </div> <div> <label for="subject24" class="form-checkbox__label whitespace-no-wrap" >inscripties</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="interieurs" type="checkbox" id="subject25" name="subject[]" > <label class="label--checkbox" for="subject25"></label> </div> <div> <label for="subject25" class="form-checkbox__label whitespace-no-wrap" >interieurs</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="landschappen" type="checkbox" id="subject26" name="subject[]" > <label class="label--checkbox" for="subject26"></label> </div> <div> <label for="subject26" class="form-checkbox__label whitespace-no-wrap" >landschappen</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="man" type="checkbox" id="subject27" name="subject[]" > <label class="label--checkbox" for="subject27"></label> </div> <div> <label for="subject27" class="form-checkbox__label whitespace-no-wrap" >man</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="meubilair" type="checkbox" id="subject28" name="subject[]" > <label class="label--checkbox" for="subject28"></label> </div> <div> <label for="subject28" class="form-checkbox__label whitespace-no-wrap" >meubilair</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="militaire_voorstellingen" type="checkbox" id="subject29" name="subject[]" > <label class="label--checkbox" for="subject29"></label> </div> <div> <label for="subject29" class="form-checkbox__label whitespace-no-wrap" >militaire voorstellingen</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="mythologie" type="checkbox" id="subject30" name="subject[]" > <label class="label--checkbox" for="subject30"></label> </div> <div> <label for="subject30" class="form-checkbox__label whitespace-no-wrap" >mythologie</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="natuurhistorische_onderwerpen" type="checkbox" id="subject31" name="subject[]" > <label class="label--checkbox" for="subject31"></label> </div> <div> <label for="subject31" class="form-checkbox__label whitespace-no-wrap" >natuurhistorische onderwerpen</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="ornament" type="checkbox" id="subject32" name="subject[]" > <label class="label--checkbox" for="subject32"></label> </div> <div> <label for="subject32" class="form-checkbox__label whitespace-no-wrap" >ornament</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="oudheden" type="checkbox" id="subject33" name="subject[]" > <label class="label--checkbox" for="subject33"></label> </div> <div> <label for="subject33" class="form-checkbox__label whitespace-no-wrap" >oudheden</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="oudheid" type="checkbox" id="subject34" name="subject[]" > <label class="label--checkbox" for="subject34"></label> </div> <div> <label for="subject34" class="form-checkbox__label whitespace-no-wrap" >Oudheid</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="partituur" type="checkbox" id="subject35" name="subject[]" > <label class="label--checkbox" for="subject35"></label> </div> <div> <label for="subject35" class="form-checkbox__label whitespace-no-wrap" >partituur</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="portretten" type="checkbox" id="subject36" name="subject[]" > <label class="label--checkbox" for="subject36"></label> </div> <div> <label for="subject36" class="form-checkbox__label whitespace-no-wrap" >portretten</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="religieuze-voorstellingen" type="checkbox" id="subject37" name="subject[]" > <label class="label--checkbox" for="subject37"></label> </div> <div> <label for="subject37" class="form-checkbox__label whitespace-no-wrap" >religieuze voorstellingen</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="stadsgezichten" type="checkbox" id="subject38" name="subject[]" > <label class="label--checkbox" for="subject38"></label> </div> <div> <label for="subject38" class="form-checkbox__label whitespace-no-wrap" >stadsgezichten</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="stillevens" type="checkbox" id="subject39" name="subject[]" > <label class="label--checkbox" for="subject39"></label> </div> <div> <label for="subject39" class="form-checkbox__label whitespace-no-wrap" >stillevens</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="studies" type="checkbox" id="subject40" name="subject[]" > <label class="label--checkbox" for="subject40"></label> </div> <div> <label for="subject40" class="form-checkbox__label whitespace-no-wrap" >studies</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="symboliek" type="checkbox" id="subject41" name="subject[]" > <label class="label--checkbox" for="subject41"></label> </div> <div> <label for="subject41" class="form-checkbox__label whitespace-no-wrap" >symboliek</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="topografie" type="checkbox" id="subject42" name="subject[]" > <label class="label--checkbox" for="subject42"></label> </div> <div> <label for="subject42" class="form-checkbox__label whitespace-no-wrap" >topografie</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="water" type="checkbox" id="subject43" name="subject[]" > <label class="label--checkbox" for="subject43"></label> </div> <div> <label for="subject43" class="form-checkbox__label whitespace-no-wrap" >water</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="wetenschappelijke_onderwerpen" type="checkbox" id="subject44" name="subject[]" > <label class="label--checkbox" for="subject44"></label> </div> <div> <label for="subject44" class="form-checkbox__label whitespace-no-wrap" >wetenschappelijke onderwerpen</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="zeegezichten" type="checkbox" id="subject45" name="subject[]" > <label class="label--checkbox" for="subject45"></label> </div> <div> <label for="subject45" class="form-checkbox__label whitespace-no-wrap" >zeegezichten</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="zelfportretten" type="checkbox" id="subject46" name="subject[]" > <label class="label--checkbox" for="subject46"></label> </div> <div> <label for="subject46" class="form-checkbox__label whitespace-no-wrap" >zelfportretten</label> </div> </div> </div> </div> <div class="w-full px-4 pb-4 mt-4"> <button class="button w-full md:w-auto button-dark" sprig="sprig" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> Toepassen </button> </div> </div> </div> </div> <div class="w-full md:w-auto md:flex-auto z-10 relative select-none" x-data="{ open: false }" :class="{'z-20': open}"> <div class="relative mt-2 mr-4 pr-5 md:mt-0 md:flex-auto sprig-flyout w-full md:w-auto border-2 border-black" data-sprig-parsed> <button class="sprig-flyout__trigger w-full font-bold text-black" x-on:click="open = !open">Categorie</button> <svg width="8.94" height="5" class="absolute right-4 top-1/2 transform -translate-y-1/2 text-black"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow"/></svg> <div class="w-full lg:w-auto origin-top-right absolute left-0 mt-1 shadow-lg sprig-flyout__content bg-white max-h-64 flex flex-col" style="display: none;" x-show="open" x-on:click.away="open = !open" data-sprig-parsed> <div class="w-full pt-2 px-4 pb-4 search-options flex flex-col overflow-y-auto h-full relative"> <div class="flex flex-col" role="menu" aria-orientation="vertical" aria-labelledby="options-filter"> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="borduursels" type="checkbox" id="cat1" name="cat[]" > <label class="label--checkbox" for="cat1"></label> </div> <div> <label for="cat1" class="form-checkbox__label whitespace-no-wrap" >Borduursels</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="glas_en_kristal" type="checkbox" id="cat2" name="cat[]" > <label class="label--checkbox" for="cat2"></label> </div> <div> <label for="cat2" class="form-checkbox__label whitespace-no-wrap" >Glas en kristal</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="houtsculptuur" type="checkbox" id="cat3" name="cat[]" > <label class="label--checkbox" for="cat3"></label> </div> <div> <label for="cat3" class="form-checkbox__label whitespace-no-wrap" >Houtsculptuur</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="ijzer" type="checkbox" id="cat4" name="cat[]" > <label class="label--checkbox" for="cat4"></label> </div> <div> <label for="cat4" class="form-checkbox__label whitespace-no-wrap" >Ijzer</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="ivoor_en_parelmoer" type="checkbox" id="cat5" name="cat[]" > <label class="label--checkbox" for="cat5"></label> </div> <div> <label for="cat5" class="form-checkbox__label whitespace-no-wrap" >Ivoor en parelmoer</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="juwelen_en_email" type="checkbox" id="cat6" name="cat[]" > <label class="label--checkbox" for="cat6"></label> </div> <div> <label for="cat6" class="form-checkbox__label whitespace-no-wrap" >Juwelen en email</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="kant" type="checkbox" id="cat7" name="cat[]" > <label class="label--checkbox" for="cat7"></label> </div> <div> <label for="cat7" class="form-checkbox__label whitespace-no-wrap" >Kant</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="keramiek" type="checkbox" id="cat8" name="cat[]" > <label class="label--checkbox" for="cat8"></label> </div> <div> <label for="cat8" class="form-checkbox__label whitespace-no-wrap" >Keramiek</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="koper_en_brons" type="checkbox" id="cat9" name="cat[]" > <label class="label--checkbox" for="cat9"></label> </div> <div> <label for="cat9" class="form-checkbox__label whitespace-no-wrap" >Koper en brons</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="meetinstrumenten" type="checkbox" id="cat10" name="cat[]" > <label class="label--checkbox" for="cat10"></label> </div> <div> <label for="cat10" class="form-checkbox__label whitespace-no-wrap" >Meetinstrumenten</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="meubilair" type="checkbox" id="cat11" name="cat[]" > <label class="label--checkbox" for="cat11"></label> </div> <div> <label for="cat11" class="form-checkbox__label whitespace-no-wrap" >Meubilair</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="modern_en_hedendaags" type="checkbox" id="cat12" name="cat[]" > <label class="label--checkbox" for="cat12"></label> </div> <div> <label for="cat12" class="form-checkbox__label whitespace-no-wrap" >Modern en hedendaags</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="muziekinstrumenten" type="checkbox" id="cat13" name="cat[]" > <label class="label--checkbox" for="cat13"></label> </div> <div> <label for="cat13" class="form-checkbox__label whitespace-no-wrap" >Muziekinstrumenten</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="numismatiek" type="checkbox" id="cat14" name="cat[]" > <label class="label--checkbox" for="cat14"></label> </div> <div> <label for="cat14" class="form-checkbox__label whitespace-no-wrap" >Numismatiek</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="prenten" type="checkbox" id="cat15" name="cat[]" > <label class="label--checkbox" for="cat15"></label> </div> <div> <label for="cat15" class="form-checkbox__label whitespace-no-wrap" >Prenten</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="schilderijen" type="checkbox" id="cat16" name="cat[]" > <label class="label--checkbox" for="cat16"></label> </div> <div> <label for="cat16" class="form-checkbox__label whitespace-no-wrap" >Schilderijen</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="sigillografie" type="checkbox" id="cat17" name="cat[]" > <label class="label--checkbox" for="cat17"></label> </div> <div> <label for="cat17" class="form-checkbox__label whitespace-no-wrap" >Sigillografie</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="steensculptuur" type="checkbox" id="cat18" name="cat[]" > <label class="label--checkbox" for="cat18"></label> </div> <div> <label for="cat18" class="form-checkbox__label whitespace-no-wrap" >Steensculptuur</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="tekeningen" type="checkbox" id="cat19" name="cat[]" > <label class="label--checkbox" for="cat19"></label> </div> <div> <label for="cat19" class="form-checkbox__label whitespace-no-wrap" >Tekeningen</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="tin" type="checkbox" id="cat20" name="cat[]" > <label class="label--checkbox" for="cat20"></label> </div> <div> <label for="cat20" class="form-checkbox__label whitespace-no-wrap" >Tin</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="varia" type="checkbox" id="cat21" name="cat[]" > <label class="label--checkbox" for="cat21"></label> </div> <div> <label for="cat21" class="form-checkbox__label whitespace-no-wrap" >Varia</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="voertuigen" type="checkbox" id="cat22" name="cat[]" > <label class="label--checkbox" for="cat22"></label> </div> <div> <label for="cat22" class="form-checkbox__label whitespace-no-wrap" >Voertuigen</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="volkskunde" type="checkbox" id="cat23" name="cat[]" > <label class="label--checkbox" for="cat23"></label> </div> <div> <label for="cat23" class="form-checkbox__label whitespace-no-wrap" >Volkskunde</label> </div> </div> <div class="flex mt-1 opacity-50 cursor-not-allowed pointer-events-none"> <div class="relative flex items-center mr-2"> <input class="invisible" value="wandtapijten" type="checkbox" id="cat24" name="cat[]" > <label class="label--checkbox" for="cat24"></label> </div> <div> <label for="cat24" class="form-checkbox__label whitespace-no-wrap" >Wandtapijten</label> </div> </div> <div class="flex mt-1 "> <div class="relative flex items-center mr-2"> <input class="invisible" value="zilver" type="checkbox" id="cat25" name="cat[]" > <label class="label--checkbox" for="cat25"></label> </div> <div> <label for="cat25" class="form-checkbox__label whitespace-no-wrap" >Zilver</label> </div> </div> </div> </div> <div class="w-full px-4 pb-4 mt-4"> <button class="button w-full md:w-auto button-dark" sprig="sprig" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> Toepassen </button> </div> </div> </div> </div> <div class="w-full md:w-auto md:flex-auto z-10 relative select-none" x-data="{ open: false }" :class="{'z-20': open}"> <div class="relative mt-2 mr-4 pr-5 md:mt-0 md:flex-auto sprig-flyout w-full md:w-auto border-2 border-black" data-sprig-parsed> <button class="sprig-flyout__trigger w-full font-bold text-black" x-on:click="open = !open">Periode</button> <svg width="8.94" height="5" class="absolute right-4 top-1/2 transform -translate-y-1/2 text-black"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow"/></svg> <div class="w-full lg:w-auto origin-top-right absolute left-0 mt-1 shadow-lg sprig-flyout__content bg-white max-h-64 flex flex-col" style="display: none;" x-show="open" x-on:click.away="open = !open" data-sprig-parsed> <div class="w-full pt-2 px-4 pb-4 search-options flex flex-col overflow-y-auto h-full relative"> <div x-data="range(1200,2023,1200,2023)" x-init="mintrigger();maxtrigger()" class="relative w-64"> <div class="flex justify-between items-center py-5 w-full"> <input type="text" id="start" class="px-3 py-2 border border-gray-500 text-center w-16 text-bold" name="start" maxlength="5" x-on:input="mintrigger" x-model="mindate" sprig="sprig" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> <input type="text" id="end" class="px-3 py-2 border border-gray-500 text-center w-16 text-bold" name="end" maxlength="5" x-on:input="maxtrigger" x-model="maxdate" sprig="sprig" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> </div> <div class="relative"> <div class="relative -mx-2"> <input type="range" step="1" x-bind:min="min" x-bind:max="max" x-on:input="mintrigger" x-model="mindate" class="absolute pointer-events-none appearance-none z-60 h-2 w-full opacity-0 cursor-pointer"> <input type="range" step="1" x-bind:min="min" x-bind:max="max" x-on:input="maxtrigger" x-model="maxdate" class="absolute pointer-events-none appearance-none z-60 h-2 w-full opacity-0 cursor-pointer"> </div> <div class="relative z-10"> <div class="absolute z-30 left-0 right-0 bottom-0 top-0 w-full h-px bg-gray-500"></div> <div class="absolute z-40 top-0 bottom-0 h-px bg-black" x-bind:style="'right:'+maxthumb+'%; left:'+minthumb+'%'"></div> <div class="absolute z-50 w-2 h-2 top-0 left-0 bg-black rounded-full -mt-1 -ml-1" x-bind:style="'left: '+minthumb+'%'"></div> <div class="absolute z-50 w-2 h-2 top-0 right-0 bg-black rounded-full -mt-1 -mr-1" x-bind:style="'right: '+maxthumb+'%'"></div> </div> </div> </div> </div> <div class="w-full px-4 pb-4 mt-4"> <button class="button w-full button-dark text-center" sprig="sprig" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> Toepassen </button> </div> </div> </div> </div> <div class="w-full md:w-auto md:flex-auto relative z-10" x-data="{ open: false }" :class="{'z-20': open}"> <div class="relative mt-2 pr-5 md:mt-0 md:flex-auto sprig-flyout w-full md:w-auto border-2 border-black" data-sprig-parsed> <button class="sprig-flyout__trigger w-full whitespace-no-wrap font-bold text-black" x-on:click="open = !open">Sorteer op</button> <svg width="8.94" height="5" class="absolute right-4 top-1/2 transform -translate-y-1/2 text-black"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow"/></svg> <div class="w-full lg:w-auto mt-1 origin-top-right absolute left-0 z-50 shadow-lg sprig-flyout__content bg-white overflow-auto max-h-64 flex flex-col" style="display: none;" x-show="open" x-on:click.away="open = !open" data-sprig-parsed> <div class="w-full pt-2 px-4 pb-4 search-options flex flex-col mt-1 overflow-y-auto h-full relative"> <div class="flex flex-col" role="menu" aria-orientation="vertical" aria-labelledby="options-filter"> <div class="flex mt-2"> <div class="relative mr-2 hidden"> <input type="radio" id="sort_default" class="invisible" name="sort" value checked sprig="sprig" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> <label class="label--checkbox" for="sort_default"></label> </div> <div> <label for="sort_default" class="form-checkbox__label cursor-pointer font-bold">Standaard</label> </div> </div> <div class="flex mt-2"> <div class="relative mr-2 hidden"> <input type="radio" id="sort_abc" class="invisible" name="sort" value="abc" sprig="sprig" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> <label class="label--checkbox" for="sort_abc"></label> </div> <div> <label for="sort_abc" class="form-checkbox__label cursor-pointer ">abc ↓</label> </div> </div> <div class="flex mt-2"> <div class="relative mr-2 hidden"> <input type="radio" id="sort_zyx" class="invisible" name="sort" value="zyx" sprig="sprig" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> <label class="label--checkbox" for="sort_zyx"></label> </div> <div> <label for="sort_zyx" class="form-checkbox__label cursor-pointer ">abc ↑</label> </div> </div> <div class="flex mt-2"> <div class="relative mr-2 hidden"> <input type="radio" id="sort_dasc" class="invisible" name="sort" value="dasc" sprig="sprig" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> <label class="label--checkbox" for="sort_dasc"></label> </div> <div> <label for="sort_dasc" class="form-checkbox__label cursor-pointer ">datum ↑</label> </div> </div> <div class="flex mt-2"> <div class="relative mr-2 hidden"> <input type="radio" id="sort_ddesc" class="invisible" name="sort" value="ddesc" sprig="sprig" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-sprig-parsed> <label class="label--checkbox" for="sort_ddesc"></label> </div> <div> <label for="sort_ddesc" class="form-checkbox__label cursor-pointer ">datum ↓</label> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="flex my-6"> <div class=""> <a class="inline-flex items-center cursor-pointer mr-4" data-remove-filter="repository" data-remove-value="sint-janshospitaal"> <span class="inline-block mr-3 font-bold text-black">Museum Sint-Janshospitaal</span> <svg width="12" height="12" class="text-black"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#close"/></svg> </a> <a onclick="location.href='https://www.museabrugge.be/collecties/doorzoek';" class="cursor-pointer">Alles wissen</a> <div class="hidden"> <button id="search-hidden-submit" sprig="sprig" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-sprig-parsed></button> </div> </div> </div> </div> <div class="row flex justify-between mb-12 mt-8"> <div class="col"> Pagina <strong class="font-bold text-black">1</strong> van <strong class="font-bold text-black">5</strong> </div> <div class="col"> <ul class="pagination flex justify-start items-center"> <li class="inline-block"> <a class="p-2 select-none font-bold text-black">1</a> </li> <li class="inline-block"> <a class="cursor-pointer p-2" sprig s-val:page="2" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-hx-vals="{"page":"2"}" data-sprig-parsed>2</a> </li> <li class="inline-block"> <a class="cursor-pointer p-2" sprig s-val:page="3" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-hx-vals="{"page":"3"}" data-sprig-parsed>3</a> </li> <li class="inline-block"> <span class="cursor-text p-2 pt-1 hidden md:flex">…</span> </li> <li class="inline-block"> <a class="cursor-pointer p-2" sprig s-val:page="5" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-hx-vals="{"page":"5"}" data-sprig-parsed>5</a> </li> <li class="inline-block"> <a class="cursor-pointer p-2 pt-1" sprig s-val:page="2" s-push-url="?page=2" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-hx-vals="{"page":"2"}" data-hx-push-url="?page=2" data-sprig-parsed> → </a> </li> </ul> </div> </div> <div class="grid flex flex-wrap msnry-grid -ml-8"> <a href="https://collectie.museabrugge.be/collection/work/id/O_SJ0176_I" class="pb-8 pl-8 msnry-grid__item pl-4 md:pl-8 w-full sm:w-1/2 md:w-1/3 lg:w-1/4 py-3"> <div class="relative"> <img src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fdam.museabrugge.be%2Fiiif%2F2%2Fpublic%252F517.tif%2Ffull%2F500%2C%2F0%2Fdefault.jpg?dpr=2&w=500&fit=crop&s=f6cf4cdf6da5b94af74cb72a3dde6876" alt="" class="w-full js-thumbnail" > <div class="absolute top-work-icon--grid bg-red-500 flex items-center justify-center rounded-full"> <svg width="20" height="20" class="text-white"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#star_5_points"/></svg> </div> </div> <h3 class="text-xl leading-sm mt-2">Reliekschrijn van de Heilige Ursula</h3> <strong class="font-bold"> Hans Memling </strong> <span class="block">1482 - 1489</span> <div class="flex justify-end"> <svg class="text-black" width="31.26" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow-dot"/></svg> </div> </a> <a href="https://collectie.museabrugge.be/collection/work/id/O_SJ0149_V" class="pb-8 pl-8 msnry-grid__item pl-4 md:pl-8 w-full sm:w-1/2 md:w-1/3 lg:w-1/4 py-3"> <div class="relative"> <img src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fdam.museabrugge.be%2Fiiif%2F2%2Fpublic%252F494.tif%2Ffull%2F500%2C%2F0%2Fdefault.jpg?dpr=2&w=500&fit=crop&s=5044f70eee0a9c11d24132299b1318eb" alt="" class="w-full js-thumbnail" > <div class="absolute top-work-icon--grid bg-red-500 flex items-center justify-center rounded-full"> <svg width="20" height="20" class="text-white"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#star_5_points"/></svg> </div> </div> <h3 class="text-xl leading-sm mt-2">Pre-Eyckiaans Ursulaschrijn</h3> <strong class="font-bold"> anoniem </strong> <span class="block">circa 1400 - circa 1415</span> <div class="flex justify-end"> <svg class="text-black" width="31.26" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow-dot"/></svg> </div> </a> <a href="https://collectie.museabrugge.be/collection/work/id/0000_GRO0201_I-0202_I" class="pb-8 pl-8 msnry-grid__item pl-4 md:pl-8 w-full sm:w-1/2 md:w-1/3 lg:w-1/4 py-3"> <div class="relative"> <img src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fdam.museabrugge.be%2Fiiif%2F2%2Fpublic%252F12403.tif%2Ffull%2F500%2C%2F0%2Fdefault.jpg?dpr=2&w=500&fit=crop&s=6e8403526008998cb8af5a8feef48647" alt="" class="w-full js-thumbnail" > <div class="absolute top-work-icon--grid bg-red-500 flex items-center justify-center rounded-full"> <svg width="20" height="20" class="text-white"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#star_5_points"/></svg> </div> </div> <h3 class="text-xl leading-sm mt-2">Mater Dolorosa en Man van Smarten</h3> <strong class="font-bold"> anoniem, Simon Marmion </strong> <span class="block">circa 1476 - circa 1500</span> <div class="flex justify-end"> <svg class="text-black" width="31.26" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow-dot"/></svg> </div> </a> <a href="https://collectie.museabrugge.be/collection/work/id/0000_GRO0202_I" class="pb-8 pl-8 msnry-grid__item pl-4 md:pl-8 w-full sm:w-1/2 md:w-1/3 lg:w-1/4 py-3"> <div class="relative"> <img src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fdam.museabrugge.be%2Fiiif%2F2%2Fpublic%252F12405.tif%2Ffull%2F500%2C%2F0%2Fdefault.jpg?dpr=2&w=500&fit=crop&s=c511d3768f474d434043cbc151fe3679" alt="" class="w-full js-thumbnail" > <div class="absolute top-work-icon--grid bg-red-500 flex items-center justify-center rounded-full"> <svg width="20" height="20" class="text-white"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#star_5_points"/></svg> </div> </div> <h3 class="text-xl leading-sm mt-2">Man van Smarten</h3> <strong class="font-bold"> anoniem, Simon Marmion </strong> <span class="block">circa 1476 - circa 1500</span> <div class="flex justify-end"> <svg class="text-black" width="31.26" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow-dot"/></svg> </div> </a> <a href="https://collectie.museabrugge.be/collection/work/id/0000_GRO0497_I" class="pb-8 pl-8 msnry-grid__item pl-4 md:pl-8 w-full sm:w-1/2 md:w-1/3 lg:w-1/4 py-3"> <div class="relative"> <img src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fdam.museabrugge.be%2Fiiif%2F2%2Fpublic%252F427.tif%2Ffull%2F500%2C%2F0%2Fdefault.jpg?dpr=2&w=500&fit=crop&s=1c6360f0ac69a3381989db6128bf99da" alt="" class="w-full js-thumbnail" > </div> <h3 class="text-xl leading-sm mt-2">De anatomische les</h3> <strong class="font-bold"> anoniem </strong> <span class="block">1679</span> <div class="flex justify-end"> <svg class="text-black" width="31.26" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow-dot"/></svg> </div> </a> <a href="https://collectie.museabrugge.be/collection/work/id/0000_GRO0516_I" class="pb-8 pl-8 msnry-grid__item pl-4 md:pl-8 w-full sm:w-1/2 md:w-1/3 lg:w-1/4 py-3"> <div class="relative"> <img src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fdam.museabrugge.be%2Fiiif%2F2%2Fpublic%252F7725.tif%2Ffull%2F500%2C%2F0%2Fdefault.jpg?dpr=2&w=500&fit=crop&s=f37e3d490375589dff812c884f7512cd" alt="" class="w-full js-thumbnail" > </div> <h3 class="text-xl leading-sm mt-2">Portret van de oogarts François De Wulf</h3> <strong class="font-bold"> anoniem </strong> <span class="block">circa 1700</span> <div class="flex justify-end"> <svg class="text-black" width="31.26" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow-dot"/></svg> </div> </a> <a href="https://collectie.museabrugge.be/collection/work/id/0000_GRO0608_I" class="pb-8 pl-8 msnry-grid__item pl-4 md:pl-8 w-full sm:w-1/2 md:w-1/3 lg:w-1/4 py-3"> <div class="relative"> <img src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fdam.museabrugge.be%2Fiiif%2F2%2Fpublic%252F7009.tif%2Ffull%2F500%2C%2F0%2Fdefault.jpg?dpr=2&w=500&fit=crop&s=608fb8a0c6f2bf5d0ad56fd26bb23004" alt="" class="w-full js-thumbnail" > </div> <h3 class="text-xl leading-sm mt-2">Portret van Franciscus Toomkins</h3> <strong class="font-bold"> anoniem </strong> <span class="block">circa 1691 - circa 1700</span> <div class="flex justify-end"> <svg class="text-black" width="31.26" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow-dot"/></svg> </div> </a> <a href="https://collectie.museabrugge.be/collection/work/id/2016_SJ0001_I" class="pb-8 pl-8 msnry-grid__item pl-4 md:pl-8 w-full sm:w-1/2 md:w-1/3 lg:w-1/4 py-3"> <div class="relative"> <img src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fdam.museabrugge.be%2Fiiif%2F2%2Fpublic%252F12500.tif%2Ffull%2F500%2C%2F0%2Fdefault.jpg?dpr=2&w=500&fit=crop&s=2b192c950d27f42bb96bb51be1ed6585" alt="" class="w-full js-thumbnail" > </div> <h3 class="text-xl leading-sm mt-2">Heilige Elisabeth van Hongarije verzorgt zieken</h3> <strong class="font-bold"> Frans Francken II </strong> <span class="block">circa 1610</span> <div class="flex justify-end"> <svg class="text-black" width="31.26" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow-dot"/></svg> </div> </a> <a href="https://collectie.museabrugge.be/collection/work/id/2020_GRO0012_I" class="pb-8 pl-8 msnry-grid__item pl-4 md:pl-8 w-full sm:w-1/2 md:w-1/3 lg:w-1/4 py-3"> <div class="relative"> <img src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fdam.museabrugge.be%2Fiiif%2F2%2Fpublic%252F12883.tif%2Ffull%2F500%2C%2F0%2Fdefault.jpg?dpr=2&w=500&fit=crop&s=d0e1fe20f225b0b710628179635ce51c" alt="" class="w-full js-thumbnail" > </div> <h3 class="text-xl leading-sm mt-2">Portret van een lid van de familie De Rojas</h3> <strong class="font-bold"> Hans Memling </strong> <span class="block">1460 - 1470</span> <div class="flex justify-end"> <svg class="text-black" width="31.26" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow-dot"/></svg> </div> </a> <a href="https://collectie.museabrugge.be/collection/work/id/O_OTP0058_I" class="pb-8 pl-8 msnry-grid__item pl-4 md:pl-8 w-full sm:w-1/2 md:w-1/3 lg:w-1/4 py-3"> <div class="relative"> <img src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fdam.museabrugge.be%2Fiiif%2F2%2Fpublic%252F13878.tif%2Ffull%2F500%2C%2F0%2Fdefault.jpg?dpr=2&w=500&fit=crop&s=d24d28afd6fc4e41a245f4a757d65403" alt="" class="w-full js-thumbnail" > </div> <h3 class="text-xl leading-sm mt-2">De Zeven Werken van Barmhartigheid</h3> <strong class="font-bold"> Frans Francken I </strong> <span class="block">1601 - 1700</span> <div class="flex justify-end"> <svg class="text-black" width="31.26" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow-dot"/></svg> </div> </a> <a href="https://collectie.museabrugge.be/collection/work/id/O_SJ0033_VII" class="pb-8 pl-8 msnry-grid__item pl-4 md:pl-8 w-full sm:w-1/2 md:w-1/3 lg:w-1/4 py-3"> <div class="relative"> <img src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fdam.museabrugge.be%2Fiiif%2F2%2Fpublic%252F12516.tif%2Ffull%2F500%2C%2F0%2Fdefault.jpg?dpr=2&w=500&fit=crop&s=e66181e616eb98a2d8a2ba40381ce456" alt="" class="w-full js-thumbnail" > </div> <h3 class="text-xl leading-sm mt-2">Koffer met schubmotieven</h3> <strong class="font-bold"> anoniem </strong> <span class="block">1601 - 1700</span> <div class="flex justify-end"> <svg class="text-black" width="31.26" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow-dot"/></svg> </div> </a> <a href="https://collectie.museabrugge.be/collection/work/id/O_SJ0062_I" class="pb-8 pl-8 msnry-grid__item pl-4 md:pl-8 w-full sm:w-1/2 md:w-1/3 lg:w-1/4 py-3"> <div class="relative"> <img src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fdam.museabrugge.be%2Fiiif%2F2%2Fpublic%252F13440.tif%2Ffull%2F500%2C%2F0%2Fdefault.jpg?dpr=2&w=500&fit=crop&s=2f5d9012ca0a9960bcee3459106099cf" alt="" class="w-full js-thumbnail" > </div> <h3 class="text-xl leading-sm mt-2">Caritastafereel met 15de-eeuws kerkhofkapelletje</h3> <strong class="font-bold"> anoniem </strong> <span class="block">1701 - 1800</span> <div class="flex justify-end"> <svg class="text-black" width="31.26" height="17"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#arrow-dot"/></svg> </div> </a> </div> <div class="row flex justify-between mb-12 mt-8"> <div class="col"> Pagina <strong class="font-bold text-black">1</strong> van <strong class="font-bold text-black">5</strong> </div> <div class="col"> <ul class="pagination flex justify-start items-center"> <li class="inline-block"> <a class="p-2 select-none font-bold text-black">1</a> </li> <li class="inline-block"> <a class="cursor-pointer p-2" sprig s-val:page="2" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-hx-vals="{"page":"2"}" data-sprig-parsed>2</a> </li> <li class="inline-block"> <a class="cursor-pointer p-2" sprig s-val:page="3" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-hx-vals="{"page":"3"}" data-sprig-parsed>3</a> </li> <li class="inline-block"> <span class="cursor-text p-2 pt-1 hidden md:flex">…</span> </li> <li class="inline-block"> <a class="cursor-pointer p-2" sprig s-val:page="5" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-hx-vals="{"page":"5"}" data-sprig-parsed>5</a> </li> <li class="inline-block"> <a class="cursor-pointer p-2 pt-1" sprig s-val:page="2" s-push-url="?page=2" data-hx-get="https://www.museabrugge.be/index.php?p=actions/sprig-core/components/render" data-hx-vals="{"page":"2"}" data-hx-push-url="?page=2" data-sprig-parsed> → </a> </li> </ul> </div> </div> </div> <script src="https://unpkg.com/htmx.org@1.7.0/dist/htmx.min.js" integrity="sha384-EzBXYPt0/T6gxNp0nuPtLkmRpmDBbjg6WmCUZRLXBBwYYmwAUxzlSGej0ARHX0Bo" crossorigin="anonymous"></script> </div> </div> <style> input[type=range]::-webkit-slider-thumb { pointer-events: all; width: 24px; height: 24px; } </style> <script> function range(earliest,latest,start,end) { return { mindate: start, maxdate: end, min: earliest, max: latest, minthumb: 0, maxthumb: 0, mintrigger() { this.mindate = Math.min(this.mindate, this.maxdate - 1); this.minthumb = ((this.mindate - this.min) / (this.max - this.min)) * 100; }, maxtrigger() { this.maxdate = Math.max(this.maxdate, this.mindate + 1); this.maxthumb = 100 - (((this.maxdate - this.min) / (this.max - this.min)) * 100); }, } } </script> <script> function init() { var tags = document.querySelectorAll('[data-remove-filter][data-remove-value]'); [].forEach.call(tags, function(tag) { var value = tag.getAttribute('data-remove-value'); if (value) { tag.addEventListener('click', function() { var selected = document.querySelectorAll('input[value="' + value + '"][type="checkbox"]'); [].forEach.call(selected, function(checkbox) { checkbox.checked = false; htmx.trigger(htmx.find('#search-hidden-submit'), 'click'); }); }); } }); var tags = document.querySelectorAll('[data-remove-input]'); [].forEach.call(tags, function(tag) { var value = tag.getAttribute('data-remove-input'); if (value) { tag.addEventListener('click', function() { document.getElementById(value).remove(); tag.remove(); htmx.trigger(htmx.find('#search-hidden-submit'), 'click'); }); } }); var paginationLinks = document.querySelectorAll('.pagination li'); var sprigComponent = document.querySelector('.sprig-component'); [].forEach.call(paginationLinks, function(link) { link.addEventListener("click", function() { try { sprigComponent.scrollIntoView(true); } catch (e) { console.log(e); } }); }); var allImages = document.querySelectorAll('.js-thumbnail'); [].forEach.call(allImages, function(image) { var imageUrl = image.getAttribute('src'); if (imageUrl && !window.imageExists(imageUrl)) { image.setAttribute('src', '/images/placeholder.gif'); } }); } htmx.on('htmx:afterSwap', function(event) { init(); var sprigLoader = document.querySelector('.sprig-loader'); sprigLoader.classList.add('hidden'); window.initMasonry(); }); htmx.on('htmx:beforeRequest', function(event) { var sprigLoader = document.querySelector('.sprig-loader'); sprigLoader.classList.remove('hidden'); }); htmx.on('htmx:historyRestore', function(event) { var sprigLoader = document.querySelector('.sprig-loader'); sprigLoader.classList.add('hidden'); }); init(); </script> <footer class="footer"> <div class="bg-black text-white py-7 md:py-10 xl:py-15 relative"> <div class="container z-10 relative"> <div class="grid"> <div class="grid__item text-center md:text-left md:w-1/3 xl:w-1/4"> <h4 class="text-gray-500 t-gamma">Bezoekersinformatie</h4> <div class="richtext--footer"> <a href="mailto:musea.reservatie@brugge.be">musea.reservatie@brugge.be</a><br> <p>+32 50 44 87 43</p> </div> <h4 class="text-gray-500 t-gamma">Contact</h4> <div class="richtext--footer"> <p>Musea Brugge<br /> Dijver 12<br /> 8000 Brugge (België)<br><br> <a href="mailto:musea@brugge.be">musea@brugge.be</a><br> </p> </div> </div> <div class="grid__item hidden md:block md:w-1/3 xl:w-1/6"> <div class="richtext--footer"> <h4>Bezoek ons </h4> <p><a href="https://www.museabrugge.be/koop-tickets"></a></p> <ul><li><a href="https://www.museabrugge.be/bezoek-onze-musea/plan-je-bezoek">Plan je bezoek</a><br /></li><li><a href="https://www.museabrugge.be/bezoek-onze-musea/faq">Veelgestelde vragen</a> <br /></li><li><a href="https://www.museabrugge.be/koop-tickets">Koop tickets</a></li><li><a href="https://www.museabrugge.be/bezoek-onze-musea/trade">Trade</a></li></ul> </div> <div class="richtext--footer"> <h4>Over ons<br /></h4> <ul><li><a href="https://www.museabrugge.be/over-ons/missie-en-visie">Missie en visie</a><br /></li><li><a href="https://www.museabrugge.be/over-ons/wie-is-wie">Wie is wie</a></li><li><a href="https://www.museabrugge.be/over-ons/werk-bij-ons">Werk bij ons</a></li></ul> </div> </div> <div class="grid__item hidden md:block md:w-1/3 xl:w-1/6"> <div class="richtext--footer w-1/2 md:w-full"> <h4>Actualiteit</h4> <ul><li><a href="https://www.museabrugge.be/nieuws">Nieuws</a></li><li><a href="https://www.museabrugge.be/pers">Pers</a></li></ul> </div> <div class="richtext--footer w-1/2 md:w-full"> <h4>Shop</h4> <ul><li><a href="https://www.museabrugge.be/bezoek-onze-musea/museumshops">Museumshops</a></li><li><a href="https://www.museabrugge.be/webshop">Webshop</a></li><li><a href="https://www.museabrugge.be/webshop/faq-webshop">FAQ Webshop</a></li><li><a href="https://www.museabrugge.be/webshop/verzending-en-levering">Verzending en levering</a></li><li><a href="https://www.museabrugge.be/webshop/retourneren-of-ruilen">Retourneren of ruilen</a></li><li><a href="https://www.museabrugge.be/webshop/algemene-voorwaarden">Alg. voorwaarden</a></li></ul> </div> </div> <div class="grid__item newsletter-form xl:w-5/12 mt-7 xl:mt-0"> <div class="mb-8"> <h3 class="t-alpha text-white text-center md:text-left">Blijf op de hoogte</h3> <div class="mt-8 text-center md:text-left"> <a href="https://www.museabrugge.be/newsletter" class="button bg-red-500 " > Schrijf je in </a> </div> </div> <div class="flex justify-center xl:justify-start"> <h4 class="mr-4 text-white font-base font-bold inline-block">Volg ons op</h4> <a href="https://www.facebook.com/MuseaBrugge/" class="text-white flex items-center" target="_blank" rel="noopener" aria-label="Link to Facebook of Musea Brugge - NL"> <svg class=" mr-7" width="9" height="20"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#facebook"/></svg> <span class="hidden">Facebook</span> </a> <a href="https://www.youtube.com/user/MuseaBrugge " class="text-white flex items-center" target="_blank" rel="noopener" aria-label="Link to Youtube of Musea Brugge - NL"> <svg class=" mr-7" width="27" height="20"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#youtube"/></svg> <span class="hidden">Youtube</span> </a> <a href="https://www.linkedin.com/company/musea-brugge/" class="text-white flex items-center" target="_blank" rel="noopener" aria-label="Link to Linkedin of Musea Brugge - NL"> <svg class=" mr-7" width="20.56" height="20"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#linkedin"/></svg> <span class="hidden">Linkedin</span> </a> <a href="https://www.instagram.com/museabrugge/" class="text-white flex items-center" target="_blank" rel="noopener" aria-label="Link to Instagram of Musea Brugge - NL"> <svg class=" mr-7" width="20" height="22"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#instagram"/></svg> <span class="hidden">Instagram</span> </a> <a href="https://www.tiktok.com/@museabrugge" class="text-white flex items-center" target="_blank" rel="noopener" aria-label="Link to TikTok of Musea Brugge - NL"> <svg class="" width="20" height="20"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#tiktok"/></svg> <span class="hidden">TikTok</span> </a> </div> </div> </div> <div class="block md:hidden my-6 js-slider"> <div class="w-full max-h-60"> <a href="https://www.museabrugge.be/" target="_blank" rel="noopener" class="block max-h-60 text-center"> <svg height="120" class="max-h-60 inline-block"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#logo-rev"/></svg> </a> </div> <div class="w-full max-h-60"> <a href="https://www.vlaanderen.be/nl" target="_blank" rel="noopener" class="block max-h-60 text-center"> <img data-src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fwww.museabrugge.be%2Fimages%2Fflanders-white.png?dpr=2&h=120&fit=crop&s=33d81ae1be0aaca8846e6d1a84804fc5" alt="Vlaamse Kunstcollectie" class="max-h-60 inline-block lazyload" > </a> </div> <div class="w-full max-h-60"> <a href="http://www.vlaamsekunstcollectie.be/" target="_blank" rel="noopener" class="block max-h-60 text-center"> <img data-src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fwww.museabrugge.be%2Fimages%2Fvlaamse-kunstcollectie-white.png?dpr=2&h=120&fit=crop&s=796fe14ba301cd32b28bdd755e624add" alt="Vlaamse Kunstcollectie" class="max-h-60 inline-block lazyload" > </a> </div> <div class="w-full max-h-60"> <a href="https://www.vsmb.be/" target="_blank" rel="noopener" class="block max-h-60 text-center"> <img data-src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fwww.museabrugge.be%2Fimages%2Fvrienden-musea-brugge-white.png?dpr=2&h=120&fit=crop&s=585dc40f90bdd115d876b965c808961e" alt="Vrienden Musea Brugge" class="max-h-60 inline-block lazyload" > </a> </div> <div class="w-full max-h-60"> <a href="http://vlaamseprimitieven.vlaamsekunstcollectie.be/nl" target="_blank" rel="noopener" class="block max-h-60 text-center"> <img data-src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fwww.museabrugge.be%2Fimages%2Fvlaamse-primitieven-white.png?dpr=2&h=120&fit=crop&s=aee161101aa0668263ecfea52044e5b5" alt="De Vlaamse primitieven" class="max-h-60 inline-block lazyload" > </a> </div> <div class="w-full max-h-60"> <a href="https://lukasweb.be/en" target="_blank" rel="noopener" class="block max-h-60 text-center"> <img data-src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fwww.museabrugge.be%2Fimages%2Flukas-white.png?dpr=2&h=120&fit=crop&s=4870d3b7ab6cd0d6c3151d8f4c372da2" alt="Art in Flanders" class="max-h-60 inline-block lazyload" > </a> </div> </div> <div class="justify-between pt-12 pb-2 hidden md:flex"> <div> <a href="https://www.museabrugge.be/" target="_blank" rel="noopener" class="inline-block max-h-60 w-auto"> <svg height="60" width="60" class="h-full max-h-60 flex"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#logo-rev"/></svg> </a> </div> <div> <a href="https://www.vlaanderen.be/nl" class="inline-block max-h-60 w-auto" target="_blank" rel="noopener"> <img data-src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fwww.museabrugge.be%2Fimages%2Fflanders-white.png?dpr=2&h=120&fit=crop&s=33d81ae1be0aaca8846e6d1a84804fc5" alt="Vlaamse Kunstcollectie" class="h-full max-h-60 flex lazyload" > </a> </div> <div> <a href="http://www.vlaamsekunstcollectie.be/" class="inline-block max-h-60 w-auto" target="_blank" rel="noopener"> <img data-src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fwww.museabrugge.be%2Fimages%2Fvlaamse-kunstcollectie-white.png?dpr=2&h=120&fit=crop&s=796fe14ba301cd32b28bdd755e624add" alt="Vlaamse Kunstcollectie" class="h-full max-h-60 flex lazyload" > </a> </div> <div> <a href="https://www.vsmb.be/" class="inline-block max-h-60 w-auto" target="_blank" rel="noopener"> <img data-src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fwww.museabrugge.be%2Fimages%2Fvrienden-musea-brugge-white.png?dpr=2&h=120&fit=crop&s=585dc40f90bdd115d876b965c808961e" alt="Vrienden Musea Brugge" class="h-full max-h-60 flex lazyload" > </a> </div> <div> <a href="http://vlaamseprimitieven.vlaamsekunstcollectie.be/nl" class="inline-block max-h-60 w-auto" target="_blank" rel="noopener"> <img data-src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fwww.museabrugge.be%2Fimages%2Fvlaamse-primitieven-white.png?dpr=2&h=120&fit=crop&s=aee161101aa0668263ecfea52044e5b5" alt="De Vlaamse primitieven" class="h-full max-h-60 flex lazyload" > </a> </div> <div> <a href="https://lukasweb.be/en" class="inline-block max-h-60 w-auto" target="_blank" rel="noopener"> <img data-src="https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fwww.museabrugge.be%2Fimages%2Flukas-white.png?dpr=2&h=120&fit=crop&s=4870d3b7ab6cd0d6c3151d8f4c372da2" alt="Art in Flanders" class="h-full max-h-60 flex lazyload" > </a> </div> </div> </div> </div> <div class="bg-blue-lighter"> <div class="container"> <div class="grid items-center py-6 xl:py-8 text-black"> <div class="grid__item md:w-1/2"> <ul class="list-reset flex justify-center md:justify-start mb-4 md:mb-0"> <li class="mr-4">© Musea Brugge</li> <li class="mr-4"><a href="https://www.museabrugge.be/disclaimer">Disclaimer</a></li> <li class="mr-4"><a href="https://www.museabrugge.be/sitemap">Sitemap</a></li> </ul> </div> <div class="grid__item md:w-1/2 text-center md:text-right"> made by <a href="https://www.glue.be" alt="Glue" target="_blank"> <svg class="inline-block -mt-1" width="58" height="18"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#glue"/></svg> </a> </div> </div> </div> </div> </footer> <script>var r=document.querySelectorAll(".js-check-url");[].forEach.call(r,r=>{var e=r.getAttribute("src");if(e&&!window.imageExists(e)){r.setAttribute("src","/images/placeholder.gif");r.parentNode.classList.add("remove-trigger")}});</script> <div class="fixed w-full h-full pin-t pin-l z-50 bg-gray-100 js-search search-modal flex items-center justify-center flex-col"> <div class="search-overlay-close"> <div class="js-toggle mt-7 cursor-pointer font-bold text-base text-black z-20 mr-4" data-target=".js-search"> <span>Sluiten</span> <svg width="16" height="16" class="ml-2 mb-1"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#close"/></svg> </div> </div> <div class="container-md w-full"> <div class="relative overflow-hidden black-overlay"> <div class="search-bg" style="background-image: url('https://cdn-museabrugge-be.cloud.glue.be/https%3A%2F%2Fwww.museabrugge.be%2Fvolumes%2Fgeneral%2F0000_GRO0161_I_2_380.f1649952172.jpg?dpr=2&w=1060&h=284&fit=crop&s=f97759ebd9c39c53cfca058fd73596a8');"></div> <div class="container-sm"> <div class="search-content"> <h1 class="page-title text-white mb-8">Zoek op Musea Brugge</h1> <form action="https://www.museabrugge.be/search" class="js-search-field mb-4"> <div class="flex"> <div class="flex-grow relative dark-behind"> <div class="input relative z-10"> <button type="submit" class="ladda-button absolute search-overlay-button p-4" name="form_submit" data-style="expand-right" data-spinner-size="25"> <span class="ladda-label"> <svg width="18" height="18" class="text-yellow"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#search"/></svg> </span> </button> <input type="text" class="input__field pl-12 outline-none rounded-none" name="q" placeholder="Zoeken"> </div> </div> <div> <button type="submit" class="button ladda-button bg-red-500 h-full" data-style="expand-right" data-spinner-size="25"> <span class="ladda-label">Zoeken</span> </button> </div> </div> </form> </div> </div> </div> </div> <div class="container-md w-full"> <div class=""> <div class="pt-12 flex justify-center text-black"> <div class="flex justify-center xl:justify-start"> <h4 class="mr-4 text-black font-base font-bold inline-block">Volg ons op</h4> <a href="https://www.facebook.com/MuseaBrugge/" class="text-black flex items-center" target="_blank" rel="noopener" aria-label="Link to Facebook of Musea Brugge - NL"> <svg class=" mr-7" width="9" height="20"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#facebook"/></svg> <span class="hidden">Facebook</span> </a> <a href="https://www.youtube.com/user/MuseaBrugge " class="text-black flex items-center" target="_blank" rel="noopener" aria-label="Link to Youtube of Musea Brugge - NL"> <svg class=" mr-7" width="27" height="20"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#youtube"/></svg> <span class="hidden">Youtube</span> </a> <a href="https://www.linkedin.com/company/musea-brugge/" class="text-black flex items-center" target="_blank" rel="noopener" aria-label="Link to Linkedin of Musea Brugge - NL"> <svg class=" mr-7" width="20.56" height="20"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#linkedin"/></svg> <span class="hidden">Linkedin</span> </a> <a href="https://www.instagram.com/museabrugge/" class="text-black flex items-center" target="_blank" rel="noopener" aria-label="Link to Instagram of Musea Brugge - NL"> <svg class=" mr-7" width="20" height="22"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#instagram"/></svg> <span class="hidden">Instagram</span> </a> <a href="https://www.tiktok.com/@museabrugge" class="text-black flex items-center" target="_blank" rel="noopener" aria-label="Link to TikTok of Musea Brugge - NL"> <svg class="" width="20" height="20"><use xlink:href="https://www.museabrugge.be/dist/symbol-sprite.b3a24941649d5ffbde049b8fe3c3d668.svg#tiktok"/></svg> <span class="hidden">TikTok</span> </a> </div> </div> </div> </div> </div> <script src="https://www.museabrugge.be/dist/header.5e743e453ea36cb10a0d.js" async></script> <script src="https://www.museabrugge.be/dist/app.fb0d0101e7f70aaf6e01.js" async></script> <script src="https://www.museabrugge.be/dist/form.db4a855d702a5848af5a.js" async></script> <script src="https://www.museabrugge.be/dist/search.8fb74f776a125f6d8df5.js" async></script> <script type="text/javascript"> window.Craft = {"csrfTokenName":"CSRF_TOKEN","csrfTokenValue":"LNKexpORzTBOhnrN9Jh5T3JBNCfPbBHwd_1SMJj2LGqgY1__v7T_BRyT-rHJ3YdYOrEe-o31Iyo7Dk52n0FamzulH2n0tGYawwcrjZL5k04="}; window.baseUrl = 'https://www.museabrugge.be'; window.favoritesUrl = 'https://www.museabrugge.be/user/favorieten'; window.siteHandle = 'default'; </script> <script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"WebPage","author":{"@id":"#identity"},"copyrightHolder":{"@id":"#identity"},"copyrightYear":"2022","creator":{"@id":"#creator"},"dateModified":"2022-04-20T09:39:31+02:00","datePublished":"2022-04-14T13:34:00+02:00","description":"Officiële website van Musea Brugge, de overkoepelende organisatie van de stedelijke musea. Musea Brugge verbindt kunst, cultuur, erfgoed en mensen met elkaar. En dat op 13 unieke locaties binnen de muren van de stad.","headline":"Doorzoek de collectie","image":{"@type":"ImageObject","url":"https://www.museabrugge.be/volumes/general/_1200x630_crop_center-center_82_none/mb-og.png?mtime=1649925612"},"inLanguage":"nl","mainEntityOfPage":"https://www.museabrugge.be/collecties/doorzoek","name":"Doorzoek de collectie","publisher":{"@id":"#creator"},"url":"https://www.museabrugge.be/collecties/doorzoek"},{"@id":"#identity","@type":"GovernmentOrganization","address":{"@type":"PostalAddress","addressCountry":"België","addressLocality":"Brugge","addressRegion":"West-Vlaanderen","postalCode":"8000","streetAddress":"12 Dijver"},"alternateName":"Bruges Museums","description":"Official visitor website of Musea Brugge, the umbrella organisation of 14 municipal museums. Visual and applied art from the 15th to the 21st century, housed in classified monuments in the historic centre of Bruges.","email":"musea@brugge.be","image":{"@type":"ImageObject","height":"136","url":"https://www.museabrugge.be/volumes/general/Logo-Musea-Brugge.png","width":"279"},"logo":{"@type":"ImageObject","height":"60","url":"https://www.museabrugge.be/volumes/general/_600x60_fit_center-center_82_none/MB_Logo_Standard_Black-Large.f1672835796.png?mtime=1672835796","width":"76"},"name":"Musea Brugge","sameAs":["https://www.facebook.com/MuseaBrugge/","https://www.instagram.com/museabrugge/","https://www.tiktok.com/@museabrugge","https://www.linkedin.com/company/musea-brugge/","https://www.youtube.com/user/MuseaBrugge"],"telephone":"+32 50 44 87 11"},{"@id":"www.glue.Be#creator","@type":"LocalBusiness","name":"Glue","priceRange":"$","url":"https://www.museabrugge.be/www.glue.Be"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://www.museabrugge.be","name":"Musea Brugge","position":1},{"@type":"ListItem","item":"https://www.museabrugge.be/collecties","name":"Collecties","position":2},{"@type":"ListItem","item":"https://www.museabrugge.be/collecties/doorzoek","name":"Doorzoek de collectie","position":3}],"name":"Breadcrumbs"}]}</script></body> </html> <script> var entryId = 931367; </script> <script src="https://www.museabrugge.be/cpresources/7a148883/editButton.js?v=1732694532" async></script>

CINXE.COM

Doorzoek de collectie | Musea Brugge