Home - Griffin Museum of Science and Industry

<!DOCTYPE html> <html lang="en" xmlns:fb="http://ogp.me/ns/fb#"> <head> <meta charset="utf-8">  <title>Home - Griffin Museum of Science and Industry</title> <meta name="generator" content="TYPO3 CMS"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Welcome to the Griffin Museum of Science and Industry—the largest science center in the Western Hemisphere."> <meta property="og:title" content="Home"> <meta property="og:description" content="Welcome to the Griffin Museum of Science and Industry—the largest science center in the Western Hemisphere."> <meta name="twitter:card" content="summary"> <meta name="handheldfriendly" content="True"> <meta name="mobileoptimized" content="320"> <meta http-equiv="cleartype" content="on"> <meta http-equiv="cleartype:http-equiv" content="cleartype"> <link rel="preload" href="https://www.msichicago.org/_assets/16c122cebb6dd10fd754319ee821f8f8/StyleSheets/fonts.1732227885.css" as="style" /> <link rel="preload" href="https://www.msichicago.org/_assets/16c122cebb6dd10fd754319ee821f8f8/StyleSheets/all.1732227885.css" as="style" /> <link rel="preload" href="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" as="script" /> <link rel="preload" href="https://www.msichicago.org/_assets/16c122cebb6dd10fd754319ee821f8f8/JavaScript/all.1732227885.js" as="script" /> <link rel="preconnect" href="https://gstatic.com" /> <link rel="preconnect" href="https://translate.google.com" /> <style> @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Raleway:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&display=swap'); </style> <link rel="canonical" href="https://www.msichicago.org/"/>  <link rel="stylesheet" href="/_assets/16c122cebb6dd10fd754319ee821f8f8/StyleSheets/fonts.1732227885.css" /> <link rel="stylesheet" href="/_assets/16c122cebb6dd10fd754319ee821f8f8/StyleSheets/all.1732227885.css" /> <style type="text/css"> :root { --theme-color-1: #fe5000; --theme-color-1-alt: #2aa9e0; --theme-color-2: #0a1f54; --theme-color-3: #060e2c; --theme-color-2-text-light: #858fa9; --theme-color-3-text-light: #818693; --theme-color-1--alpha-8: rgba(254, 80, 0, 0.8); --theme-color-2--alpha-8: rgba(10, 31, 84, 0.8); --theme-color-3--alpha-8: rgba(6, 14, 44, 0.8); --theme-color-3--alpha-95: rgba(6, 14, 44, 0.95); --theme-color-3--alpha-0: rgba(6, 14, 44, 0); --theme-color-2-theme-color-1--mix-15: #713330; --theme-color-2-theme-color-1--mix-40: #532d3a; --theme-color-1-white--mix-80: #fe6119; --theme-color-1-white--mix-70: #fe6a26; --theme-color-2-white--mix-50: #47577e; --theme-color-3-white--mix-50: #444a60; --theme-color-1--lighten-40: #321000; --theme-color-2--lighten-20: #000000; --theme-color-1--darken-15: #b23800; --theme-color-2--lighten-20-desaturate-33: #000000; --theme-color-1-theme-color-2--mix-70: #d9480c; --theme-color-1--scale-color-minus-14: #da4500; --theme-color-1--scale-color-minus-12: #e04600; --theme-color-1--scale-color-94: #fff4f0; --theme-color-2--scale-color-35: #194fd6; } </style> <style type="text/css"></style> <script type="text/javascript"> WebFontConfig = { custom: { families: ['proxima-nova:n4,i4,n6,n7,i7', 'Playfair Display:n4,i4', 'icons'], urls: ['/_assets/16c122cebb6dd10fd754319ee821f8f8/StyleSheets/fonts.css'] } }; /* Web Font Loader v1.6.16 - (c) Adobe Systems, Google. License: Apache 2.0 */ (function(){function aa(a,b,c){return a.call.apply(a.bind,arguments)}function ba(a,b,c){if(!a)throw Error();if(2<arguments.length){var d=Array.prototype.slice.call(arguments,2);return function(){var c=Array.prototype.slice.call(arguments);Array.prototype.unshift.apply(c,d);return a.apply(b,c)}}return function(){return a.apply(b,arguments)}}function n(a,b,c){n=Function.prototype.bind&&-1!=Function.prototype.bind.toString().indexOf("native code")?aa:ba;return n.apply(null,arguments)}var p=Date.now||function(){return+new Date};function r(a,b){this.F=a;this.k=b||a;this.H=this.k.document}var ca=!!window.FontFace;r.prototype.createElement=function(a,b,c){a=this.H.createElement(a);if(b)for(var d in b)b.hasOwnProperty(d)&&("style"==d?a.style.cssText=b[d]:a.setAttribute(d,b[d]));c&&a.appendChild(this.H.createTextNode(c));return a};function s(a,b,c){a=a.H.getElementsByTagName(b)[0];a||(a=document.documentElement);a.insertBefore(c,a.lastChild)} function t(a,b,c){b=b||[];c=c||[];for(var d=a.className.split(/\s+/),e=0;e<b.length;e+=1){for(var f=!1,g=0;g<d.length;g+=1)if(b[e]===d[g]){f=!0;break}f||d.push(b[e])}b=[];for(e=0;e<d.length;e+=1){f=!1;for(g=0;g<c.length;g+=1)if(d[e]===c[g]){f=!0;break}f||b.push(d[e])}a.className=b.join(" ").replace(/\s+/g," ").replace(/^\s+|\s+$/,"")}function u(a,b){for(var c=a.className.split(/\s+/),d=0,e=c.length;d<e;d++)if(c[d]==b)return!0;return!1} function v(a){if("string"===typeof a.fa)return a.fa;var b=a.k.location.protocol;"about:"==b&&(b=a.F.location.protocol);return"https:"==b?"https:":"http:"}function x(a,b,c){function d(){l&&e&&f&&(l(g),l=null)}b=a.createElement("link",{rel:"stylesheet",href:b,media:"all"});var e=!1,f=!0,g=null,l=c||null;ca?(b.onload=function(){e=!0;d()},b.onerror=function(){e=!0;g=Error("Stylesheet failed to load");d()}):setTimeout(function(){e=!0;d()},0);s(a,"head",b)} function y(a,b,c,d){var e=a.H.getElementsByTagName("head")[0];if(e){var f=a.createElement("script",{src:b}),g=!1;f.onload=f.onreadystatechange=function(){g||this.readyState&&"loaded"!=this.readyState&&"complete"!=this.readyState||(g=!0,c&&c(null),f.onload=f.onreadystatechange=null,"HEAD"==f.parentNode.tagName&&e.removeChild(f))};e.appendChild(f);setTimeout(function(){g||(g=!0,c&&c(Error("Script load timeout")))},d||5E3);return f}return null};function z(){this.S=0;this.K=null}function A(a){a.S++;return function(){a.S--;B(a)}}function C(a,b){a.K=b;B(a)}function B(a){0==a.S&&a.K&&(a.K(),a.K=null)};function D(a){this.ea=a||"-"}D.prototype.d=function(a){for(var b=[],c=0;c<arguments.length;c++)b.push(arguments[c].replace(/[\W_]+/g,"").toLowerCase());return b.join(this.ea)};function E(a,b){this.Q=a;this.M=4;this.L="n";var c=(b||"n4").match(/^([nio])([1-9])$/i);c&&(this.L=c[1],this.M=parseInt(c[2],10))}E.prototype.getName=function(){return this.Q};function da(a){return F(a)+" "+(a.M+"00")+" 300px "+G(a.Q)}function G(a){var b=[];a=a.split(/,\s*/);for(var c=0;c<a.length;c++){var d=a[c].replace(/['"]/g,"");-1!=d.indexOf(" ")||/^\d/.test(d)?b.push("'"+d+"'"):b.push(d)}return b.join(",")}function I(a){return a.L+a.M} function F(a){var b="normal";"o"===a.L?b="oblique":"i"===a.L&&(b="italic");return b}function ea(a){var b=4,c="n",d=null;a&&((d=a.match(/(normal|oblique|italic)/i))&&d[1]&&(c=d[1].substr(0,1).toLowerCase()),(d=a.match(/([1-9]00|normal|bold)/i))&&d[1]&&(/bold/i.test(d[1])?b=7:/[1-9]00/.test(d[1])&&(b=parseInt(d[1].substr(0,1),10))));return c+b};function fa(a,b){this.a=a;this.j=a.k.document.documentElement;this.O=b;this.f="wf";this.e=new D("-");this.da=!1!==b.events;this.u=!1!==b.classes}function ga(a){a.u&&t(a.j,[a.e.d(a.f,"loading")]);J(a,"loading")}function K(a){if(a.u){var b=u(a.j,a.e.d(a.f,"active")),c=[],d=[a.e.d(a.f,"loading")];b||c.push(a.e.d(a.f,"inactive"));t(a.j,c,d)}J(a,"inactive")}function J(a,b,c){if(a.da&&a.O[b])if(c)a.O[b](c.getName(),I(c));else a.O[b]()};function ha(){this.t={}}function ia(a,b,c){var d=[],e;for(e in b)if(b.hasOwnProperty(e)){var f=a.t[e];f&&d.push(f(b[e],c))}return d};function L(a,b){this.a=a;this.h=b;this.m=this.a.createElement("span",{"aria-hidden":"true"},this.h)}function M(a,b){var c=a.m,d;d="display:block;position:absolute;top:-9999px;left:-9999px;font-size:300px;width:auto;height:auto;line-height:normal;margin:0;padding:0;font-variant:normal;white-space:nowrap;font-family:"+G(b.Q)+";"+("font-style:"+F(b)+";font-weight:"+(b.M+"00")+";");c.style.cssText=d}function N(a){s(a.a,"body",a.m)}L.prototype.remove=function(){var a=this.m;a.parentNode&&a.parentNode.removeChild(a)};function O(a,b,c,d,e,f){this.G=a;this.J=b;this.g=d;this.a=c;this.v=e||3E3;this.h=f||void 0}O.prototype.start=function(){function a(){p()-d>=c.v?c.J(c.g):b.fonts.load(da(c.g),c.h).then(function(b){1<=b.length?c.G(c.g):setTimeout(a,25)},function(){c.J(c.g)})}var b=this.a.k.document,c=this,d=p();a()};function P(a,b,c,d,e,f,g){this.G=a;this.J=b;this.a=c;this.g=d;this.h=g||"BESbswy";this.s={};this.v=e||3E3;this.Z=f||null;this.D=this.C=this.A=this.w=null;this.w=new L(this.a,this.h);this.A=new L(this.a,this.h);this.C=new L(this.a,this.h);this.D=new L(this.a,this.h);M(this.w,new E(this.g.getName()+",serif",I(this.g)));M(this.A,new E(this.g.getName()+",sans-serif",I(this.g)));M(this.C,new E("serif",I(this.g)));M(this.D,new E("sans-serif",I(this.g)));N(this.w);N(this.A);N(this.C);N(this.D)} var Q={ia:"serif",ha:"sans-serif"},R=null;function S(){if(null===R){var a=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent);R=!!a&&(536>parseInt(a[1],10)||536===parseInt(a[1],10)&&11>=parseInt(a[2],10))}return R}P.prototype.start=function(){this.s.serif=this.C.m.offsetWidth;this.s["sans-serif"]=this.D.m.offsetWidth;this.ga=p();ja(this)};function ka(a,b,c){for(var d in Q)if(Q.hasOwnProperty(d)&&b===a.s[Q[d]]&&c===a.s[Q[d]])return!0;return!1} function ja(a){var b=a.w.m.offsetWidth,c=a.A.m.offsetWidth,d;(d=b===a.s.serif&&c===a.s["sans-serif"])||(d=S()&&ka(a,b,c));d?p()-a.ga>=a.v?S()&&ka(a,b,c)&&(null===a.Z||a.Z.hasOwnProperty(a.g.getName()))?T(a,a.G):T(a,a.J):la(a):T(a,a.G)}function la(a){setTimeout(n(function(){ja(this)},a),50)}function T(a,b){setTimeout(n(function(){this.w.remove();this.A.remove();this.C.remove();this.D.remove();b(this.g)},a),0)};function U(a,b,c){this.a=a;this.p=b;this.P=0;this.ba=this.Y=!1;this.v=c}var V=null;U.prototype.V=function(a){var b=this.p;b.u&&t(b.j,[b.e.d(b.f,a.getName(),I(a).toString(),"active")],[b.e.d(b.f,a.getName(),I(a).toString(),"loading"),b.e.d(b.f,a.getName(),I(a).toString(),"inactive")]);J(b,"fontactive",a);this.ba=!0;ma(this)}; U.prototype.W=function(a){var b=this.p;if(b.u){var c=u(b.j,b.e.d(b.f,a.getName(),I(a).toString(),"active")),d=[],e=[b.e.d(b.f,a.getName(),I(a).toString(),"loading")];c||d.push(b.e.d(b.f,a.getName(),I(a).toString(),"inactive"));t(b.j,d,e)}J(b,"fontinactive",a);ma(this)};function ma(a){0==--a.P&&a.Y&&(a.ba?(a=a.p,a.u&&t(a.j,[a.e.d(a.f,"active")],[a.e.d(a.f,"loading"),a.e.d(a.f,"inactive")]),J(a,"active")):K(a.p))};function na(a){this.F=a;this.q=new ha;this.$=0;this.T=this.U=!0}na.prototype.load=function(a){this.a=new r(this.F,a.context||this.F);this.U=!1!==a.events;this.T=!1!==a.classes;oa(this,new fa(this.a,a),a)}; function pa(a,b,c,d,e){var f=0==--a.$;(a.T||a.U)&&setTimeout(function(){var a=e||null,l=d||null||{};if(0===c.length&&f)K(b.p);else{b.P+=c.length;f&&(b.Y=f);var h,k=[];for(h=0;h<c.length;h++){var m=c[h],w=l[m.getName()],q=b.p,H=m;q.u&&t(q.j,[q.e.d(q.f,H.getName(),I(H).toString(),"loading")]);J(q,"fontloading",H);q=null;null===V&&(V=window.FontFace?(q=/Gecko.*Firefox\/(\d+)/.exec(window.navigator.userAgent))?42<parseInt(q[1],10):!0:!1);q=V?new O(n(b.V,b),n(b.W,b),b.a,m,b.v,w):new P(n(b.V,b),n(b.W,b), b.a,m,b.v,a,w);k.push(q)}for(h=0;h<k.length;h++)k[h].start()}},0)}function oa(a,b,c){var d=[],e=c.timeout;ga(b);var d=ia(a.q,c,a.a),f=new U(a.a,b,e);a.$=d.length;b=0;for(c=d.length;b<c;b++)d[b].load(function(b,c,d){pa(a,f,b,c,d)})};function qa(a,b,c){this.N=a?a:b+ra;this.o=[];this.R=[];this.ca=c||""}var ra="//fonts.googleapis.com/css";function sa(a,b){for(var c=b.length,d=0;d<c;d++){var e=b[d].split(":");3==e.length&&a.R.push(e.pop());var f="";2==e.length&&""!=e[1]&&(f=":");a.o.push(e.join(f))}} qa.prototype.d=function(){if(0==this.o.length)throw Error("No fonts to load!");if(-1!=this.N.indexOf("kit="))return this.N;for(var a=this.o.length,b=[],c=0;c<a;c++)b.push(this.o[c].replace(/ /g,"+"));a=this.N+"?family="+b.join("%7C");0<this.R.length&&(a+="&subset="+this.R.join(","));0<this.ca.length&&(a+="&text="+encodeURIComponent(this.ca));return a};function ta(a){this.o=a;this.aa=[];this.I={}} var ua={latin:"BESbswy",cyrillic:"йяЖ",greek:"αβΣ",khmer:"កខគ",Hanuman:"កខគ"},va={thin:"1",extralight:"2","extra-light":"2",ultralight:"2","ultra-light":"2",light:"3",regular:"4",book:"4",medium:"5","semi-bold":"6",semibold:"6","demi-bold":"6",demibold:"6",bold:"7","extra-bold":"8",extrabold:"8","ultra-bold":"8",ultrabold:"8",black:"9",heavy:"9",l:"3",r:"4",b:"7"},wa={i:"i",italic:"i",n:"n",normal:"n"},xa=/^(thin|(?:(?:extra|ultra)-?)?light|regular|book|medium|(?:(?:semi|demi|extra|ultra)-?)?bold|black|heavy|l|r|b|[1-9]00)?(n|i|normal|italic)?$/; ta.prototype.parse=function(){for(var a=this.o.length,b=0;b<a;b++){var c=this.o[b].split(":"),d=c[0].replace(/\+/g," "),e=["n4"];if(2<=c.length){var f;var g=c[1];f=[];if(g)for(var g=g.split(","),l=g.length,h=0;h<l;h++){var k;k=g[h];if(k.match(/^[\w-]+$/))if(k=xa.exec(k.toLowerCase()),null==k)k="";else{var m;m=k[1];if(null==m||""==m)m="4";else{var w=va[m];m=w?w:isNaN(m)?"4":m.substr(0,1)}k=k[2];k=[null==k||""==k?"n":wa[k],m].join("")}else k="";k&&f.push(k)}0<f.length&&(e=f);3==c.length&&(c=c[2],f= [],c=c?c.split(","):f,0<c.length&&(c=ua[c[0]])&&(this.I[d]=c))}this.I[d]||(c=ua[d])&&(this.I[d]=c);for(c=0;c<e.length;c+=1)this.aa.push(new E(d,e[c]))}};function ya(a,b){this.a=a;this.c=b}var za={Arimo:!0,Cousine:!0,Tinos:!0};ya.prototype.load=function(a){var b=new z,c=this.a,d=new qa(this.c.api,v(c),this.c.text),e=this.c.families;sa(d,e);var f=new ta(e);f.parse();x(c,d.d(),A(b));C(b,function(){a(f.aa,f.I,za)})};function W(a,b){this.a=a;this.c=b;this.X=[]}W.prototype.B=function(a){var b=this.a;return v(this.a)+(this.c.api||"//f.fontdeck.com/s/css/js/")+(b.k.location.hostname||b.F.location.hostname)+"/"+a+".js"}; W.prototype.load=function(a){var b=this.c.id,c=this.a.k,d=this;b?(c.__webfontfontdeckmodule__||(c.__webfontfontdeckmodule__={}),c.__webfontfontdeckmodule__[b]=function(b,c){for(var g=0,l=c.fonts.length;g<l;++g){var h=c.fonts[g];d.X.push(new E(h.name,ea("font-weight:"+h.weight+";font-style:"+h.style)))}a(d.X)},y(this.a,this.B(b),function(b){b&&a([])})):a([])};function X(a,b){this.a=a;this.c=b}X.prototype.B=function(a){return(this.c.api||"https://use.typekit.net")+"/"+a+".js"};X.prototype.load=function(a){var b=this.c.id,c=this.a.k;b?y(this.a,this.B(b),function(b){if(b)a([]);else if(c.Typekit&&c.Typekit.config&&c.Typekit.config.fn){b=c.Typekit.config.fn;for(var e=[],f=0;f<b.length;f+=2)for(var g=b[f],l=b[f+1],h=0;h<l.length;h++)e.push(new E(g,l[h]));try{c.Typekit.load({events:!1,classes:!1,async:!0})}catch(k){}a(e)}},2E3):a([])};function Y(a,b){this.a=a;this.c=b}Y.prototype.B=function(a,b){var c=v(this.a),d=(this.c.api||"fast.fonts.net/jsapi").replace(/^.*http(s?):(\/\/)?/,"");return c+"//"+d+"/"+a+".js"+(b?"?v="+b:"")}; Y.prototype.load=function(a){function b(){if(e["__mti_fntLst"+c]){var d=e["__mti_fntLst"+c](),g=[],l;if(d)for(var h=0;h<d.length;h++){var k=d[h].fontfamily;void 0!=d[h].fontStyle&&void 0!=d[h].fontWeight?(l=d[h].fontStyle+d[h].fontWeight,g.push(new E(k,l))):g.push(new E(k))}a(g)}else setTimeout(function(){b()},50)}var c=this.c.projectId,d=this.c.version;if(c){var e=this.a.k;y(this.a,this.B(c,d),function(c){c?a([]):b()}).id="__MonotypeAPIScript__"+c}else a([])};function Aa(a,b){this.a=a;this.c=b}Aa.prototype.load=function(a){var b,c,d=this.c.urls||[],e=this.c.families||[],f=this.c.testStrings||{},g=new z;b=0;for(c=d.length;b<c;b++)x(this.a,d[b],A(g));var l=[];b=0;for(c=e.length;b<c;b++)if(d=e[b].split(":"),d[1])for(var h=d[1].split(","),k=0;k<h.length;k+=1)l.push(new E(d[0],h[k]));else l.push(new E(d[0]));C(g,function(){a(l,f)})};var Z=new na(window);Z.q.t.custom=function(a,b){return new Aa(b,a)};Z.q.t.fontdeck=function(a,b){return new W(b,a)};Z.q.t.monotype=function(a,b){return new Y(b,a)};Z.q.t.typekit=function(a,b){return new X(b,a)};Z.q.t.google=function(a,b){return new ya(b,a)};var $={load:n(Z.load,Z)};"function"===typeof define&&define.amd?define(function(){return $}):"undefined"!==typeof module&&module.exports?module.exports=$:(window.WebFont=$,window.WebFontConfig&&Z.load(window.WebFontConfig));}()); </script></head>  <body id="f1a" class="interior bleed">  <img height="1" width="1" style="border-style:none;display:inline;position:absolute" alt="" src="https://insight.adsrvr.org/track/pxl/?adv=e4d5x4y&ct=0:xyhf7i8&fmt=3"/> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=689788832992094&ev=PageView&noscript=1" /></noscript>  <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-WKGLGG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(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= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WKGLGG');</script>  <div class="ribbon"></div> <div> <div class="inner-wrap" id="page-inner-wrap"> <div id="header-outer-wrap"> <header id="header" class="row"> <div class="medium-24 columns header-inner-wrap"> <a href="/"><h1 class="site-id">Griffin Museum of Science and Industry</h1></a>  <nav class="nav-global" role="navigation"> <ul class="nav-global__list inline-list"> <li class="nav-global__item trigger "> <a class="nav-global__link" title="Explore" href="/explore">Explore</a> <a tabindex="0" class="keyboard-open-menu" data-skip-link title="See more pages under Explore" aria-label="See more pages under Explore"><i class="icon icon-anglebracket-down"></i></a> </li> <li class="nav-global__item trigger "> <a class="nav-global__link" title="Visit" href="/visit">Visit</a> <a tabindex="0" class="keyboard-open-menu" data-skip-link title="See more pages under Visit" aria-label="See more pages under Visit"><i class="icon icon-anglebracket-down"></i></a> </li> <li class="nav-global__item trigger "> <a class="nav-global__link" title="Join + Give" href="/support">Join + Give</a> <a tabindex="0" class="keyboard-open-menu" data-skip-link title="See more pages under Join + Give" aria-label="See more pages under Join + Give"><i class="icon icon-anglebracket-down"></i></a> </li> <li class="nav-global__item nav-global__item--search"><a role="search" data-search-modal="1" class="nav-global__link" title="Search" href="/search"><span class="hidden">Search</span></a></li> <li data-cart-open-container class="nav-global__item button-group"> <a href="/buy-tickets" target="_blank" title="Buy Tickets" class="nav-global__link button tickets"> Buy Tickets </a> <a href="#" id="my-visit-opener" class="nav-global__link button" data-cart-open style="display: none;"> <span class="first-icon-cell"> <i class="icon icon-add-to-visit"></i> </span> <span class="text-circle"> <span class="text-wrap"> <span class="text-inner-wrap" data-cart-button-count> - </span> </span> </span> </a> </li> </ul> <script> var isLocalStorageAvailable = (function() { var test = 'MSILocalStorageTest'; try { localStorage.setItem(test, test); localStorage.removeItem(test); return true; } catch (e) { return false; } })(); var showMyVisitButton = false if (isLocalStorageAvailable) { var cartItems = window.localStorage.getItem('MSICart'); showMyVisitButton = cartItems && (cartItems !== "[]"); } else { showMyVisitButton = true; } if (showMyVisitButton) { document.getElementById('my-visit-opener').style.display = 'block'; var body = document.querySelector('body'); var hasClass = (' ' + body.className + ' ').indexOf(' my-visit-button-shown ') > -1; if (!hasClass) { body.className += ' my-visit-button-shown'; } var containers = document.querySelectorAll('[data-cart-open-container]'); for (var i = 0; i < containers.length; i++) { containers[i].className += ' my-visit-button-appear'; } } </script> <div class="content explore"> <div class="arrow-up"></div> <div class="column-wrapper"> <div class="column-wrapper__column column-1"> <nav class="dropdown-arrow-list"><ul><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist[type]=Exhibit">Exhibits</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist%5Btype%5D=Film&cHash=f3c9f1dc5fc0e12c45b4ce22a5326dbf">Giant Dome Theater</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist%5Btype%5D=Tour&cHash=5238b0d123ced8f8159d0e01cf1db48a">Tours and Experiences</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist[type]=Event">Events</a></li></ul></nav> </div> <div class="column-wrapper__column column-2"> <section id="c1550" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-left tai__image-intext tai__image-beside-text "> <div class="ce-content rte-content rte-text-smaller "> <div class="headline-group "> <h3 class="title">What's Here</h3> </div> <p>Providing unique experiences designed to spark scientific inquiry and creativity since 1933.</p> <p><a href="/explore/about-us" class="arrow-link internal-link">Learn more</a></p> </div> </section> </div> </div> <a href="/explore/about-us/about-the-museum" class="nav-global__button button--full-width button--transparent"> More about the museum <i class="icon tiny icon-arrow-right"></i> </a> <a tabindex="0" class="keyboard-close-menu" data-skip-link title="Exit menu" aria-label="Exit menu"><span>×</span></a> </div> <div class="content visit"> <div class="arrow-up"></div> <div class="column-wrapper"> <div class="column-wrapper__column column-1"> <section id="c59687" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above "> <div class="ce-content rte-content rte-text-medium "> <h3>Visit us</h3> <p>5700 S. DuSable<br>Lake Shore Drive<br>Chicago, IL 60637</p> <p><a href="/visit/getting-here" class="link-with-bottom-border">Getting here</a></p> </div> </section> </div> <div class="column-wrapper__column column-2"> <nav class="dropdown-arrow-list visit-menu"><ul><li class="visit-menu__item"><a href="/visit"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>help</title><desc>Created with Sketch.</desc><style> .primary-color { fill: #1F9FD6; } </style><defs><path d="M16,2.66666667 C8.64,2.66666667 2.66666667,8.64 2.66666667,16 C2.66666667,23.36 8.64,29.3333333 16,29.3333333 C23.36,29.3333333 29.3333333,23.36 29.3333333,16 C29.3333333,8.64 23.36,2.66666667 16,2.66666667 L16,2.66666667 Z M17.3333333,25.3333333 L14.6666667,25.3333333 L14.6666667,22.6666667 L17.3333333,22.6666667 L17.3333333,25.3333333 L17.3333333,25.3333333 Z M20.0933333,15 L18.8933333,16.2266667 C17.9333333,17.2 17.3333333,18 17.3333333,20 L14.6666667,20 L14.6666667,19.3333333 C14.6666667,17.8666667 15.2666667,16.5333333 16.2266667,15.56 L17.88,13.88 C18.3733333,13.4 18.6666667,12.7333333 18.6666667,12 C18.6666667,10.5333333 17.4666667,9.33333333 16,9.33333333 C14.5333333,9.33333333 13.3333333,10.5333333 13.3333333,12 L10.6666667,12 C10.6666667,9.05333333 13.0533333,6.66666667 16,6.66666667 C18.9466667,6.66666667 21.3333333,9.05333333 21.3333333,12 C21.3333333,13.1733333 20.8533333,14.24 20.0933333,15 L20.0933333,15 Z" id="question-path-1"></path></defs><g id="question-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="question-Nav/Menu/Visit" transform="translate(-49.000000, -264.000000)"><g id="question-Group-2" transform="translate(33.000000, 248.000000)"><g id="question-help" transform="translate(14.000000, 14.000000)"><mask id="question-mask-2" fill="white"><use xlink:href="#question-path-1"></use></mask><g id="question-Mask"></g><g id="question-Colors/Blue" mask="url(#question-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="question-Colors/Black"><g><rect id="question-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="question-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/visit">Visitor Information</a></li><li class="visit-menu__item"><a href="/visit/tickets"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>help</title><desc>Created with Sketch.</desc><defs><path d="M29.3333333,13.3333333 L29.3333333,8 C29.3333333,6.52 28.1333333,5.33333333 26.6666667,5.33333333 L5.33333333,5.33333333 C3.86666667,5.33333333 2.68,6.52 2.68,8 L2.68,13.3333333 C4.14666667,13.3333333 5.33333333,14.5333333 5.33333333,16 C5.33333333,17.4666667 4.14666667,18.6666667 2.66666667,18.6666667 L2.66666667,24 C2.66666667,25.4666667 3.86666667,26.6666667 5.33333333,26.6666667 L26.6666667,26.6666667 C28.1333333,26.6666667 29.3333333,25.4666667 29.3333333,24 L29.3333333,18.6666667 C27.8666667,18.6666667 26.6666667,17.4666667 26.6666667,16 C26.6666667,14.5333333 27.8666667,13.3333333 29.3333333,13.3333333 L29.3333333,13.3333333 Z M17.3333333,23.3333333 L14.6666667,23.3333333 L14.6666667,20.6666667 L17.3333333,20.6666667 L17.3333333,23.3333333 L17.3333333,23.3333333 Z M17.3333333,17.3333333 L14.6666667,17.3333333 L14.6666667,14.6666667 L17.3333333,14.6666667 L17.3333333,17.3333333 L17.3333333,17.3333333 Z M17.3333333,11.3333333 L14.6666667,11.3333333 L14.6666667,8.66666667 L17.3333333,8.66666667 L17.3333333,11.3333333 L17.3333333,11.3333333 Z" id="ticket-path-1"></path></defs><style> .primary-color { fill: #1F9FD6; } </style><g id="ticket-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="ticket-Nav/Menu/Visit" transform="translate(-47.000000, -337.000000)"><g id="ticket-Group-2" transform="translate(33.000000, 248.000000)"><g id="ticket-confirmation_number" transform="translate(30.000000, 105.000000) rotate(-315.000000) translate(-30.000000, -105.000000) translate(14.000000, 89.000000)"><mask id="ticket-mask-2" fill="white"><use xlink:href="#ticket-path-1"></use></mask><g id="ticket-Mask"></g><g id="ticket-Colors/Blue" mask="url(#ticket-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="ticket-Colors/Black"><g><rect id="ticket-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="ticket-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/visit/tickets">Ticket & Offers</a></li><li class="visit-menu__item"><a href="/support/membership"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="26px" height="29px" viewBox="0 0 26 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>help</title><desc>Created with Sketch.</desc><style> .primary-color { fill: #1F9FD6; } </style><defs><path d="M5.33333333,13.3333333 L5.33333333,22.6666667 L9.33333333,22.6666667 L9.33333333,13.3333333 L5.33333333,13.3333333 L5.33333333,13.3333333 Z M13.3333333,13.3333333 L13.3333333,22.6666667 L17.3333333,22.6666667 L17.3333333,13.3333333 L13.3333333,13.3333333 L13.3333333,13.3333333 Z M2.66666667,29.3333333 L28,29.3333333 L28,25.3333333 L2.66666667,25.3333333 L2.66666667,29.3333333 L2.66666667,29.3333333 Z M21.3333333,13.3333333 L21.3333333,22.6666667 L25.3333333,22.6666667 L25.3333333,13.3333333 L21.3333333,13.3333333 L21.3333333,13.3333333 Z M15.3333333,1.33333333 L2.66666667,8 L2.66666667,10.6666667 L28,10.6666667 L28,8 L15.3333333,1.33333333 L15.3333333,1.33333333 Z" id="museum-path-1"></path></defs><g id="museum-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="museum-Nav/Menu/Visit" transform="translate(-49.000000, -413.000000)"><g id="museum-Group-2" transform="translate(33.000000, 248.000000)"><g id="museum-account_balance" transform="translate(14.000000, 164.000000)"><mask id="museum-mask-2" fill="white"><use xlink:href="#museum-path-1"></use></mask><g id="museum-Mask"></g><g id="museum-Colors/Blue" mask="url(#museum-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="museum-Colors/Black"><g><rect id="museum-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="museum-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/support/membership">Member Information</a></li></ul></nav> </div> </div> <a href="/visit/plan-your-visit" class="nav-global__button button--full-width button--transparent"> Need help planning your visit? <i class="icon tiny icon-arrow-right"></i> </a> <a tabindex="0" class="keyboard-close-menu" data-skip-link title="Exit menu" aria-label="Exit menu"><span>×</span></a> </div> <div class="content support"> <div class="arrow-up"></div> <div class="column-wrapper"> <div class="column-wrapper__column column-1"> <nav class="dropdown-arrow-list"><ul><li><a href="/support/membership">Become a Member</a></li><li><a href="/support/donate">Individual Giving</a></li><li><a href="/support/corporate-and-foundation/corporate-support">Corporate Giving</a></li><li><a href="/support/volunteer">Volunteer</a></li></ul></nav> </div> <div class="column-wrapper__column column-2"> <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> <div class="ce-content rte-content rte-text-medium "> <div class="headline-group "> <h3 class="title">Donate</h3> </div> <p>Inspire the next generation of scientific leaders and thinkers with a gift today.</p> <p><a href="/support/donate/support-msi/donate-now" class="arrow-link"><strong>Donate Now</strong></a></p> </div> </section> </div> </div> <a tabindex="0" class="keyboard-close-menu" data-skip-link title="Exit menu" aria-label="Exit menu"><span>×</span></a> </div> </nav> <div class="breadcrumb-share-wrap"> <div class="breadcrumb"> <span></span> </div> <div class="share"> </div> </div> </div> </header> </div> <div id="feature" class="row collapse text-light feature-footer-active"> <div class="inner-wrap medium-24 columns">  <a href="#skip-c55609" class="skip-carousel-link">Skip carousel</a><div id="c55609" class="carousel-container carousel-container--with-arrows "><div class="arrows-wrap row"><div><div class="arrows" id="arrows-55609"><div class="arrow pause" id="pause-55609" data-cycle-cmd="pause" data-cycle-context="#slideshow-55609" ><div class="invisible-button"></div><a href="#" aria-label="pause" role="button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="pause-icon-55609" x="0px" y="0px" viewBox="0 0 52 52" style="enable-background:new 0 0 52 52;" xml:space="preserve"><style type="text/css"> .st0{fill:#F2F2F2;} .st1{opacity:0.3;fill:none;stroke:#FFFFFF;stroke-miterlimit:10;enable-background:new;} .st2{fill:none;stroke:#2AA9E0;stroke-width:4;stroke-miterlimit:10;stroke-dasharray:2000,2000;stroke-dashoffset:2000;} </style><rect x="20.3" y="20.3" class="st0" width="3.4" height="12.3"/><rect x="28.3" y="20.5" class="st0" width="3.4" height="12.3"/><path id="progress-outer-circle-55609" class="st2" d="M26,4c12.1,0,22,9.9,22,22s-9.8,21.9-22,21.9S4,38,4,25.9S13.9,4,26,4"/></svg></a></div><div class="arrow resume" id="resume-55609" data-cycle-cmd="next" data-cycle-context="#slideshow-55609" style="display: none;"><div class="invisible-button"></div><a href="#" aria-label="resume" role="button"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 52 52" style="enable-background:new 0 0 52 52;" xml:space="preserve"><style type="text/css"> .st0{fill:#F2F2F2;} .st1{opacity:0.3;fill:none;stroke:#FFFFFF;stroke-miterlimit:10;enable-background:new ;} </style><polygon class="st0" points="34.6,25.9 21.6,33.9 21.6,18.1 "/></svg></a></div><div id="cycle-pager--left-55609" class="cycle-pager cycle-pager-55609 cycle-pager--left"></div><div class="center-arrows"><div class="center-arrow center-arrow--left"><a href="#" id="prev-55609"><i class="icon icon-arrow-left"></i></a></div><div class="center-arrow center-arrow--right"><a href="#" id="next-55609"><i class="icon icon-arrow-right"></i></a></div></div></div></div></div><div id="slideshow-55609-wrapper" class="slideshow-wrapper"><div id="slideshow-55609" class="carousel " data-cycle-auto-init=false data-cycle-slides="> div.slide" data-cycle-paused=true data-cycle-timeout="5000" data-cycle-speed="1000" data-cycle-center-horz=true data-cycle-fx=scrollHorzCustom data-cycle-easing="easeInOutQuad" data-cycle-next="#next-55609" data-cycle-prev="#prev-55609" data-cycle-pager=".cycle-pager-55609" data-cycle-pager-template="<a href='#'>•</a>" data-cycle-auto-height="calc" data-cycle-log="false"><div class="slide first"><style> .bh-color__theme-c61323 #feature, .bh-color__theme-c61323 .ribbon, .bh-color__theme-c61323 #header-outer-wrap { --theme-color-1: #775bcb; --theme-color-2: #403269; --theme-color-1--alpha-8: rgba(119, 91, 203, 0.8); --theme-color-2--alpha-8: rgba(64, 50, 105, 0.8); --theme-color-2-theme-color-1--mix-15: #574392; --theme-color-2-theme-color-1--mix-40: #503e86; --theme-color-1-white--mix-80: #846bd0; --theme-color-1-white--mix-70: #8b73d2; --theme-color-2-white--mix-50: #6f658e; --theme-color-1--lighten-40: #211644; --theme-color-2--lighten-20: #161124; --theme-color-1--darken-15: #5134a5; --theme-color-2--lighten-20-desaturate-33: #161223; --theme-color-1-theme-color-2--mix-70: #6e54bc; --theme-color-1--scale-color-minus-14: #5e3dc0; --theme-color-1--scale-color-minus-12: #6140c3; --theme-color-1--scale-color-94: #f7f5fc; --theme-color-2--scale-color-35: #7863b5; } </style><script> document.getElementsByTagName('body')[0].className += ' bh-color__theme-c61323 first-theme-class'; </script><div id="c61323" class="row collapse " data-theme-class="bh-color__theme-c61323"><div class="columns"><section class="big-header bh__height-size-3 text-light"><div class="bh__background bh__background-color " style="background-color: #211543;"><div class="bh__gradient" style="background-image: linear-gradient(to top, rgba(33, 21, 67, 1) 0%, rgba(33, 21, 67, 0) 40%);"></div><div class="bh__background-image blur-up lazyload bh__height-size-3 bh__bg-image-top-center " style="background-image: url();" data-bgset="https://www.msichicago.org/fileadmin/assets/_processed_/8/c/csm_Web_Header-1600x700_3_d82a9f5a14.jpg 320w, https://www.msichicago.org/fileadmin/assets/_processed_/8/c/csm_Web_Header-1600x700_3_362712afcf.jpg 480w, https://www.msichicago.org/fileadmin/assets/_processed_/8/c/csm_Web_Header-1600x700_3_f725f417f1.jpg 600w, https://www.msichicago.org/fileadmin/assets/whats_here/exhibits/temporary/annual/catw/2023/Web_Header-1600x700_3.jpg 800w" data-sizes="auto"></div></div><div class="bh__content-wrap"><div class="bh__content "><div class="bh__content-inner-wrap"><h3 class="bh__subtitle"><a href="/explore/whats-here/exhibits/christmas-around-the-world"><span class="line-wrap"><span class="line">Now open!</span></span></a></h3><h2 class="bh__title bh__title-large"><a href="/explore/whats-here/exhibits/christmas-around-the-world"><span class="line-wrap"><span class="line">Christmas Around the World and </span></span><span class="break"></span><span class="line-wrap"><span class="line">Holidays of Light</span></span></a></h2><ul class="bh__links bh__link-underline bh__link-alt-color"><li><a href="/explore/whats-here/exhibits/christmas-around-the-world" title="Learn More">Learn More</a></li></ul></div></div></div></section></div></div></div><div class="slide "><style> .bh-color__theme-c58873 #feature, .bh-color__theme-c58873 .ribbon, .bh-color__theme-c58873 #header-outer-wrap { --theme-color-1: #6d7e8a; --theme-color-2: #1f2123; --theme-color-1--alpha-8: rgba(109, 126, 138, 0.8); --theme-color-2--alpha-8: rgba(31, 33, 35, 0.8); --theme-color-2-theme-color-1--mix-15: #40484e; --theme-color-2-theme-color-1--mix-40: #363c41; --theme-color-1-white--mix-80: #7b8a95; --theme-color-1-white--mix-70: #82919b; --theme-color-2-white--mix-50: #57585a; --theme-color-1--lighten-40: #131618; --theme-color-2--lighten-20: #000000; --theme-color-1--darken-15: #4b575f; --theme-color-2--lighten-20-desaturate-33: #000000; --theme-color-1-theme-color-2--mix-70: #61707a; --theme-color-1--scale-color-minus-14: #5e6c77; --theme-color-1--scale-color-minus-12: #606f79; --theme-color-1--scale-color-94: #f6f7f8; --theme-color-2--scale-color-35: #686f75; } </style><div id="c58873" class="row collapse " data-theme-class="bh-color__theme-c58873"><div class="columns"><section class="big-header bh__height-size-3 text-light"><div class="bh__background bh__background-color " style="background-color: #000000;"><div class="bh__gradient" style="background-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%);"></div><div class="bh__background-image blur-up lazyload bh__height-size-3 bh__bg-image-middle-center " style="background-image: url();" data-bgset="https://www.msichicago.org/fileadmin/assets/_processed_/8/d/csm_007Science_webheader_test1_c00ad58c75.png 320w, https://www.msichicago.org/fileadmin/assets/_processed_/8/d/csm_007Science_webheader_test1_740bbb5e0f.png 480w, https://www.msichicago.org/fileadmin/assets/_processed_/8/d/csm_007Science_webheader_test1_25693818f8.png 600w, https://www.msichicago.org/fileadmin/assets/whats_here/exhibits/temporary/2024/007_Science/_test/007Science_webheader_test1.png 800w" data-sizes="auto"></div></div><div class="bh__content-wrap"><div class="bh__content "><div class="bh__content-inner-wrap"><h3 class="bh__subtitle"><a href="/explore/whats-here/exhibits/007-science-inventing-the-world-of-james-bond"><span class="line-wrap"><span class="line">Where science and imagination meet</span></span></a></h3><h2 class="bh__title bh__title-large"><a href="/explore/whats-here/exhibits/007-science-inventing-the-world-of-james-bond"><span class="line-wrap"><span class="line">007 Science: </span></span><span class="break"></span><span class="line-wrap"><span class="line">Inventing the World </span></span><span class="break"></span><span class="line-wrap"><span class="line">of James Bond</span></span></a></h2><ul class="bh__links bh__link-underline bh__link-alt-color"><li><a href="/explore/whats-here/exhibits/007-science-inventing-the-world-of-james-bond" title="Learn More">Learn More</a></li></ul></div></div></div></section></div></div></div><div class="slide "><style> .bh-color__theme-c59856 #feature, .bh-color__theme-c59856 .ribbon, .bh-color__theme-c59856 #header-outer-wrap { --theme-color-1: #3079A6; --theme-color-2: #3079A6; --theme-color-1--alpha-8: rgba(48, 121, 166, 0.8); --theme-color-2--alpha-8: rgba(48, 121, 166, 0.8); --theme-color-2-theme-color-1--mix-15: #3079a6; --theme-color-2-theme-color-1--mix-40: #3079a6; --theme-color-1-white--mix-80: #4486ae; --theme-color-1-white--mix-70: #4f8db3; --theme-color-2-white--mix-50: #639abc; --theme-color-1--lighten-40: #020608; --theme-color-2--lighten-20: #193f57; --theme-color-1--darken-15: #1f4e6b; --theme-color-2--lighten-20-desaturate-33: #263c4a; --theme-color-1-theme-color-2--mix-70: #3079a6; --theme-color-1--scale-color-minus-14: #29688f; --theme-color-1--scale-color-minus-12: #2a6a92; --theme-color-1--scale-color-94: #f1f7fb; --theme-color-2--scale-color-35: #6aabd4; } </style><div id="c59856" class="row collapse " data-theme-class="bh-color__theme-c59856"><div class="columns"><section class="big-header bh__height-size-3 text-light"><div class="bh__background bh__background-color " style="background-color: #0f121b;"><div class="bh__gradient" style="background-image: linear-gradient(to top, rgba(15, 18, 27, 1) 0%, rgba(15, 18, 27, 0) 40%);"></div><div class="bh__background-image blur-up lazyload bh__height-size-3 bh__bg-image-middle-center " style="background-image: url();" data-bgset="https://www.msichicago.org/fileadmin/assets/_processed_/9/e/csm_Notes_header4_bac902696d.png 320w, https://www.msichicago.org/fileadmin/assets/_processed_/9/e/csm_Notes_header4_d96b014781.png 480w, https://www.msichicago.org/fileadmin/assets/_processed_/9/e/csm_Notes_header4_5f3f13791e.png 600w, https://www.msichicago.org/fileadmin/assets/whats_here/exhibits/notes_to_neurons/Notes_header4.png 800w" data-sizes="auto"></div></div><div class="bh__content-wrap"><div class="bh__content "><div class="bh__content-inner-wrap"><h3 class="bh__subtitle"><a href="/explore/whats-here/exhibits/griffin-studio/notes-to-neurons"><span class="line-wrap"><span class="line">Your brain on music</span></span></a></h3><h2 class="bh__title bh__title-large"><a href="/explore/whats-here/exhibits/griffin-studio/notes-to-neurons"><span class="line-wrap"><span class="line">Notes to Neurons</span></span></a></h2><ul class="bh__links bh__link-underline bh__link-alt-color"><li><a href="/explore/whats-here/exhibits/griffin-studio/notes-to-neurons" title="Learn More">Learn More</a></li></ul></div></div></div></section></div></div></div><div class="slide "><style> .bh-color__theme-c60010 #feature, .bh-color__theme-c60010 .ribbon, .bh-color__theme-c60010 #header-outer-wrap { --theme-color-1: #00c0ff; --theme-color-2: #3c434f; --theme-color-1--alpha-8: rgba(0, 192, 255, 0.8); --theme-color-2--alpha-8: rgba(60, 67, 79, 0.8); --theme-color-2-theme-color-1--mix-15: #227899; --theme-color-2-theme-color-1--mix-40: #2a6883; --theme-color-1-white--mix-80: #19c6ff; --theme-color-1-white--mix-70: #26c9ff; --theme-color-2-white--mix-50: #6c727b; --theme-color-1--lighten-40: #002633; --theme-color-2--lighten-20: #101215; --theme-color-1--darken-15: #0086b3; --theme-color-2--lighten-20-desaturate-33: #0c1119; --theme-color-1-theme-color-2--mix-70: #09ade4; --theme-color-1--scale-color-minus-14: #00a5db; --theme-color-1--scale-color-minus-12: #00a9e0; --theme-color-1--scale-color-94: #f0fbff; --theme-color-2--scale-color-35: #768297; } </style><div id="c60010" class="row collapse " data-theme-class="bh-color__theme-c60010"><div class="columns"><section class="big-header bh__height-size-3 text-light"><div class="bh__background bh__background-color " style="background-color: #000000;"><div class="bh__gradient" style="background-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%);"></div><div class="bh__background-image blur-up lazyload bh__height-size-3 bh__bg-image-bottom-center " style="background-image: url();" data-bgset="https://www.msichicago.org/fileadmin/assets/_processed_/e/c/csm_spacex_header_1_4e29cce426.png 320w, https://www.msichicago.org/fileadmin/assets/_processed_/e/c/csm_spacex_header_1_802cdc9c11.png 480w, https://www.msichicago.org/fileadmin/assets/_processed_/e/c/csm_spacex_header_1_16a8d9a29c.png 600w, https://www.msichicago.org/fileadmin/assets/whats_here/events/2022/spacex/spacex_header_1.png 800w" data-sizes="auto"></div></div><div class="bh__content-wrap"><div class="bh__content "><div class="bh__content-inner-wrap"><h3 class="bh__subtitle"><a href="/explore/whats-here/exhibits/henry-crown-space-center/spacex-dragon-spacecraft"><span class="line-wrap"><span class="line">Missions accomplished</span></span></a></h3><h2 class="bh__title bh__title-large"><a href="/explore/whats-here/exhibits/henry-crown-space-center/spacex-dragon-spacecraft"><span class="line-wrap"><span class="line">SpaceX Dragon </span></span><span class="break"></span><span class="line-wrap"><span class="line">Spacecraft</span></span></a></h2><ul class="bh__links bh__link-underline bh__link-alt-color"><li><a href="/explore/whats-here/exhibits/henry-crown-space-center/spacex-dragon-spacecraft" title="Learn More">Learn More</a></li></ul></div></div></div></section></div></div></div><div class="slide "><style> .bh-color__theme-c59863 #feature, .bh-color__theme-c59863 .ribbon, .bh-color__theme-c59863 #header-outer-wrap { --theme-color-1: #bb922e; --theme-color-2: #373734; --theme-color-1--alpha-8: rgba(187, 146, 46, 0.8); --theme-color-2--alpha-8: rgba(55, 55, 52, 0.8); --theme-color-2-theme-color-1--mix-15: #6f5d31; --theme-color-2-theme-color-1--mix-40: #5e5232; --theme-color-1-white--mix-80: #c19c42; --theme-color-1-white--mix-70: #c5a24d; --theme-color-2-white--mix-50: #696966; --theme-color-1--lighten-40: #171206; --theme-color-2--lighten-20: #030302; --theme-color-1--darken-15: #7e621f; --theme-color-2--lighten-20-desaturate-33: #030302; --theme-color-1-theme-color-2--mix-70: #a7842e; --theme-color-1--scale-color-minus-14: #a17e28; --theme-color-1--scale-color-minus-12: #a58028; --theme-color-1--scale-color-94: #fcf9f2; --theme-color-2--scale-color-35: #808079; } </style><div id="c59863" class="row collapse " data-theme-class="bh-color__theme-c59863"><div class="columns"><section class="big-header bh__height-size-3 text-light"><div class="bh__background bh__background-color " style="background-color: #302d26;"><div class="bh__gradient" style="background-image: linear-gradient(to top, rgba(48, 45, 38, 1) 0%, rgba(48, 45, 38, 0) 40%);"></div><div class="bh__background-image blur-up lazyload bh__height-size-3 bh__bg-image-middle-center " style="background-image: url();" data-bgset="https://www.msichicago.org/fileadmin/assets/_processed_/7/4/csm_header_henrycrown_49d71513fc.jpg 320w, https://www.msichicago.org/fileadmin/assets/_processed_/7/4/csm_header_henrycrown_5f25015513.jpg 480w, https://www.msichicago.org/fileadmin/assets/_processed_/7/4/csm_header_henrycrown_9368914179.jpg 600w, https://www.msichicago.org/fileadmin/assets/whats_here/exhibits/henry_crown_space_center/header_henrycrown.jpg 800w" data-sizes="auto"></div></div><div class="bh__content-wrap"><div class="bh__content "><div class="bh__content-inner-wrap"><h3 class="bh__subtitle"><a href="/explore/whats-here/exhibits/henry-crown-space-center"><span class="line-wrap"><span class="line">Space: the renewed frontier</span></span></a></h3><h2 class="bh__title bh__title-large"><a href="/explore/whats-here/exhibits/henry-crown-space-center"><span class="line-wrap"><span class="line">Henry Crown </span></span><span class="break"></span><span class="line-wrap"><span class="line">Space Center</span></span></a></h2><ul class="bh__links bh__link-underline bh__link-alt-color"><li><a href="/explore/whats-here/exhibits/henry-crown-space-center" title="Learn More">Learn More</a></li></ul></div></div></div></section></div></div></div><div class="slide "><style> .bh-color__theme-c56122 #feature, .bh-color__theme-c56122 .ribbon, .bh-color__theme-c56122 #header-outer-wrap { --theme-color-1: #3079A6; --theme-color-2: #3079A6; --theme-color-1--alpha-8: rgba(48, 121, 166, 0.8); --theme-color-2--alpha-8: rgba(48, 121, 166, 0.8); --theme-color-2-theme-color-1--mix-15: #3079a6; --theme-color-2-theme-color-1--mix-40: #3079a6; --theme-color-1-white--mix-80: #4486ae; --theme-color-1-white--mix-70: #4f8db3; --theme-color-2-white--mix-50: #639abc; --theme-color-1--lighten-40: #020608; --theme-color-2--lighten-20: #193f57; --theme-color-1--darken-15: #1f4e6b; --theme-color-2--lighten-20-desaturate-33: #263c4a; --theme-color-1-theme-color-2--mix-70: #3079a6; --theme-color-1--scale-color-minus-14: #29688f; --theme-color-1--scale-color-minus-12: #2a6a92; --theme-color-1--scale-color-94: #f1f7fb; --theme-color-2--scale-color-35: #6aabd4; } </style><div id="c56122" class="row collapse " data-theme-class="bh-color__theme-c56122"><div class="columns"><section class="big-header bh__height-size-3 text-light"><div class="bh__background bh__background-color " style="background-color: #000630;"><div class="bh__gradient" style="background-image: linear-gradient(to top, rgba(0, 6, 48, 1) 0%, rgba(0, 6, 48, 0) 40%);"></div><div class="bh__background-image blur-up lazyload bh__height-size-3 bh__bg-image-middle-center " style="background-image: url();" data-bgset="https://www.msichicago.org/fileadmin/assets/_processed_/0/b/csm_blueparadox_header_c213c9048b.png 320w, https://www.msichicago.org/fileadmin/assets/_processed_/0/b/csm_blueparadox_header_4710f2532a.png 480w, https://www.msichicago.org/fileadmin/assets/_processed_/0/b/csm_blueparadox_header_18184316c1.png 600w, https://www.msichicago.org/fileadmin/assets/whats_here/exhibits/temporary/2023/blue_paradox/blueparadox_header.png 800w" data-sizes="auto"></div></div><div class="bh__content-wrap"><div class="bh__content "><div class="bh__content-inner-wrap"><h3 class="bh__subtitle"><a href="/explore/whats-here/exhibits/blue-paradox"><span class="line-wrap"><span class="line">Immerse yourself in</span></span></a></h3><h2 class="bh__title bh__title-large"><a href="/explore/whats-here/exhibits/blue-paradox"><span class="line-wrap"><span class="line">The Blue Paradox</span></span></a></h2><ul class="bh__links bh__link-underline bh__link-alt-color"><li><a href="/explore/whats-here/exhibits/blue-paradox" title="Learn More">Learn More</a></li></ul></div></div></div></section></div></div></div></div><div id="cycle-pager-55609" class="cycle-pager cycle-pager-55609 cycle-pager--right"></div></div></div><a name="skip-c55609"></a>  <div class="feature-footer"> <div class="inner-wrap"> <div class="feature-footer__info"> <h4 class="feature-footer__open-hours"> <a href="/visit/museum-hours"> <span data-hours-today style="display: none;"> <span class="hours-description">Open today </span><span class="hours-description__timetable">from 9:30 a.m. to 5:30 p.m.</span> </span> <span data-hours-tomorrow style="display: none;"> <span class="hours-description">Open tomorrow</span><span class="hours-description__timetable"> from 9:30 a.m. to 4:00 p.m.</span> </span> </a> </h4> <div class="feature-footer__link-wrap"> <span class="feature-footer__link"> <a href="/visit/getting-here">Parking + Directions</a> </span> <span class="feature-footer__link"> <a href="/visit/tickets">Ticket Prices</a> </span> </div> </div> </div> </div> </div> </div> <div id="content-wrap" class="row"> <a id="skip-feature"></a> <div class="medium-24 columns"> <script> if (window.location.pathname !== '/') { var isLocalStorageAvailable = (function() { var test = 'MSIHeaderTest'; try { localStorage.setItem(test, test); localStorage.removeItem(test); return true; } catch (e) { return false; } })(); if (isLocalStorageAvailable) { var lastHeaderId = window.localStorage.getItem('MSIHeader'); var headerElement = document.querySelector('#feature [id]'); var hasEmptyLocationHash = window.location.hash === ''; var hasSkipFeatureHash = window.location.hash === '#skip-feature'; if (headerElement) { var currentHeaderId = headerElement.id; if (hasSkipFeatureHash) { if (!lastHeaderId || (lastHeaderId !== currentHeaderId)) { window.location.hash = ''; window.localStorage.setItem('MSIHeader', currentHeaderId) } } else if (hasEmptyLocationHash) { // We've seen this header before. Skip it. if (lastHeaderId && (lastHeaderId === currentHeaderId)) { var url = window.location.href; document.getElementById("header-outer-wrap").style.display = "none"; document.getElementById("feature").style.display = "none"; var skipFeaturePosition = document.getElementById('skip-feature').offsetTop; var skippedFeature = false; if (skipFeaturePosition > 0) { skippedFeature = true; window.scrollTo(0, skipFeaturePosition); } document.addEventListener("DOMContentLoaded", function(event) { document.getElementById("header-outer-wrap").style.display = "block"; document.getElementById("feature").style.display = "block"; if (!skippedFeature) { skipFeaturePosition = document.getElementById('skip-feature').offsetTop; if (skipFeaturePosition > 0) { window.scrollTo(0, skipFeaturePosition); } } }); } else { window.localStorage.setItem('MSIHeader', currentHeaderId) } } } } } </script> <div id="content-inner-wrap"> <main id="content-block-1" class="row collapse"> <div class="medium-24 columns">  <div id="c59796" class="layout-container lc__top-offset-0 .less_padding-top lc__stack-layer-0 " style="" ><div class="lc__background-2 height-default"></div><div class="lc__background " ></div><div class="lc__inner-wrap lc__pad-top-default lc__pad-bottom-default "><div class="row collapse lc__content "><div class="columns lc__content-offset-top-0 lc__content-bottom-up-0"><div class="lc__content-inner-wrap"><div class="welcome_text"><p class="welcome_text__subheader">Welcome to Griffin MSI</p><h1 class="welcome_text__header">Providing unique experiences  <br/>designed to spark scientific inquiry and creativity</h1><p class="welcome_text__link"><a href="/visit">Plan Your Visit</a></p></div></div></div></div></div></div> <div id="c59798" class="layout-container lc__module-3-up lc__top-offset-0 lc__stack-layer-0 " style="" ><div class="lc__background-2 white height-10"></div><div class="lc__background " ></div><div class="lc__inner-wrap lc__pad-top-10 lc__pad-bottom-default "><div class="row collapse lc__content "><div class="columns lc__content-offset-top-0 lc__content-bottom-up-0"><div class="lc__content-inner-wrap"><div class="full_image_box_teaser"><a href="/explore"><div class="full_image_box_teaser__image-wrap blur-up lazyload" style="background-image: url()" data-bgset="https://www.msichicago.org/fileadmin/assets/_processed_/3/b/csm_RotundaLighting_048_833f5db36a.jpg 48w, https://www.msichicago.org/fileadmin/assets/_processed_/3/b/csm_RotundaLighting_048_3fb61eeb79.jpg 100w, https://www.msichicago.org/fileadmin/assets/_processed_/3/b/csm_RotundaLighting_048_2831055654.jpg 240w, https://www.msichicago.org/fileadmin/assets/_processed_/3/b/csm_RotundaLighting_048_25ab3db853.jpg 480w, https://www.msichicago.org/fileadmin/assets/_processed_/3/b/csm_RotundaLighting_048_a18716c9d0.jpg 600w, https://www.msichicago.org/fileadmin/assets/_processed_/3/b/csm_RotundaLighting_048_3a16275fc9.jpg 768w, https://www.msichicago.org/fileadmin/assets/_processed_/3/b/csm_RotundaLighting_048_d3cd1decd8.jpg 960w"}></div><div class="full_image_box_teaser__image-wrap-border"></div><div class="full_image_box_teaser__content"><h3 class="full_image_box_teaser__title"><span class="full_image_box_teaser__title-inner-wrap">What’s Here<i class="icon icon-anglebracket-right"></i></span></h3><p class="full_image_box_teaser__description">Explore all there is to do at the Museum.</p><div class="fade-in"></div></div></a></div><div class="full_image_box_teaser"><a href="/visit"><div class="full_image_box_teaser__image-wrap blur-up lazyload" style="background-image: url()" data-bgset="https://www.msichicago.org/fileadmin/assets/_processed_/7/1/csm_south_portico_header_8acc801abb.jpg 48w, https://www.msichicago.org/fileadmin/assets/_processed_/7/1/csm_south_portico_header_0ac7f972b7.jpg 100w, https://www.msichicago.org/fileadmin/assets/_processed_/7/1/csm_south_portico_header_e53f1568b4.jpg 240w, https://www.msichicago.org/fileadmin/assets/_processed_/7/1/csm_south_portico_header_45c8456de0.jpg 480w, https://www.msichicago.org/fileadmin/assets/_processed_/7/1/csm_south_portico_header_c7f7db4e0e.jpg 600w, https://www.msichicago.org/fileadmin/assets/_processed_/7/1/csm_south_portico_header_0c53c0893e.jpg 768w, https://www.msichicago.org/fileadmin/assets/_processed_/7/1/csm_south_portico_header_a59803c625.jpg 960w"}></div><div class="full_image_box_teaser__image-wrap-border"></div><div class="full_image_box_teaser__content"><h3 class="full_image_box_teaser__title"><span class="full_image_box_teaser__title-inner-wrap">Visit the Museum<i class="icon icon-anglebracket-right"></i></span></h3><p class="full_image_box_teaser__description">Find information and tips for planning your visit.</p><div class="fade-in"></div></div></a></div><div class="full_image_box_teaser"><a href="/support/membership"><div class="full_image_box_teaser__image-wrap blur-up lazyload" style="background-image: url()" data-bgset="https://www.msichicago.org/fileadmin/assets/_processed_/4/3/csm_genetics_babychicks_c84754d307.jpg 48w, https://www.msichicago.org/fileadmin/assets/_processed_/4/3/csm_genetics_babychicks_8ddad56aa9.jpg 100w, https://www.msichicago.org/fileadmin/assets/_processed_/4/3/csm_genetics_babychicks_45decebd22.jpg 240w, https://www.msichicago.org/fileadmin/assets/_processed_/4/3/csm_genetics_babychicks_cf314a947b.jpg 480w, https://www.msichicago.org/fileadmin/assets/_processed_/4/3/csm_genetics_babychicks_cf1a386db0.jpg 600w, https://www.msichicago.org/fileadmin/assets/_processed_/4/3/csm_genetics_babychicks_a049854f4a.jpg 768w, https://www.msichicago.org/fileadmin/assets/_processed_/4/3/csm_genetics_babychicks_f89ebcb245.jpg 960w"}></div><div class="full_image_box_teaser__image-wrap-border"></div><div class="full_image_box_teaser__content"><h3 class="full_image_box_teaser__title"><span class="full_image_box_teaser__title-inner-wrap">Membership<i class="icon icon-anglebracket-right"></i></span></h3><p class="full_image_box_teaser__description">Enjoy free Museum Entry and more as a member.</p><div class="fade-in"></div></div></a></div></div></div></div></div></div> <div id="c4817" class="layout-container lc__top-offset-0 lc__stack-layer-0 " style="" ><div class="lc__background-2 height-0"></div><div class="lc__background " ></div><div class="lc__inner-wrap lc__pad-top-05 lc__pad-bottom-10 lc__mobile-bleed-top lc__mobile-bleed-sides lc__inner-wrap--full-width"><div class="row collapse lc__content lc__full-width "><div class="columns lc__content-offset-top-0 lc__content-bottom-up-0"><div class="lc__content-inner-wrap"><div class="structured-carousel__overflow"><div style="max-width: 960px; margin: 0 auto"><a href="#skip-c59468" class="skip-carousel-link">Skip carousel</a><div class="carousel-background structured-carousel-outer-wrap"><div class="carousel-background-inner"><div id="c59468" class="carousel-container structured-carousel "><div id="slideshow-59468-small-left" class="cycle-slideshow cycle-slideshow-small cycle-slideshow-small-left" aria-hidden="true" data-cycle-auto-init="false" data-cycle-starting-slide=0 data-cycle-timeout="3000" data-cycle-speed="750" data-cycle-center-horz=true data-cycle-fx=scrollHorzRight data-cycle-next="#slideshow-59468-cycle-next" data-cycle-prev="#slideshow-59468-cycle-prev" data-cycle-easing="easeInOutQuad" data-cycle-log="false" data-cycle-delay="4000" ><img class="background-image first" src="https://www.msichicago.org/fileadmin/assets/_processed_/6/0/csm_SPACETHENEWFRONTIER_Still070_3f426af08b.png" width="668" height="418" alt="" /><img class="background-image" src="https://www.msichicago.org/fileadmin/assets/_processed_/1/7/csm_Antarctica_sealpup_c5b667bf0f.jpg" width="522" height="418" alt="Baby seal pup in the snow." /><img class="background-image" src="https://www.msichicago.org/fileadmin/assets/_processed_/9/b/csm_U-505_ForewardTorpedoRoom_1327c62e59.jpg" width="627" height="418" alt="" /><div class="carousel-overlay"></div></div><div id="slideshow-59468" class="cycle-slideshow cycle-slideshow-backgroundimage" aria-hidden="true" data-cycle-auto-init="false" data-cycle-timeout="3000" data-cycle-speed="750" data-cycle-center-horz=true data-cycle-fx=scrollHorzRight data-cycle-easing="easeInOutQuad" data-cycle-next="#slideshow-59468-cycle-next" data-cycle-prev="#slideshow-59468-cycle-prev" data-cycle-log="false" data-cycle-delay="4000" ><img class="background-image first" src="https://www.msichicago.org/fileadmin/assets/_processed_/9/b/csm_U-505_ForewardTorpedoRoom_99a4d521c7.jpg" width="960" height="641" alt="" /><img class="background-image " src="https://www.msichicago.org/fileadmin/assets/_processed_/6/0/csm_SPACETHENEWFRONTIER_Still070_fb026dc834.png" width="960" height="640" alt="" /><img class="background-image " src="https://www.msichicago.org/fileadmin/assets/_processed_/1/7/csm_Antarctica_sealpup_e6ed304cdf.jpg" width="960" height="769" alt="Baby seal pup in the snow." /></div><div id="slideshow-59468-small-right" class="cycle-slideshow cycle-slideshow-small cycle-slideshow-small-right" aria-hidden="true" data-cycle-auto-init="false" data-cycle-starting-slide=0 data-cycle-timeout="3000" data-cycle-speed="750" data-cycle-center-horz=true data-cycle-fx=scrollHorzRight data-cycle-next="#slideshow-59468-cycle-next" data-cycle-prev="#slideshow-59468-cycle-prev" data-cycle-easing="easeInOutQuad" data-cycle-log="false" data-cycle-delay="4000" ><img class="background-image first" src="https://www.msichicago.org/fileadmin/assets/_processed_/1/7/csm_Antarctica_sealpup_e53d66ca86.jpg" width="668" height="418" alt="Baby seal pup in the snow." /><img class="background-image" src="https://www.msichicago.org/fileadmin/assets/_processed_/9/b/csm_U-505_ForewardTorpedoRoom_1327c62e59.jpg" width="627" height="418" alt="" /><img class="background-image" src="https://www.msichicago.org/fileadmin/assets/_processed_/6/0/csm_SPACETHENEWFRONTIER_Still070_c91b54ee5e.png" width="627" height="418" alt="" /><div class="carousel-overlay"></div></div></div><div class="carousel-background-block-wrapper"><div class="carousel-background-block"><div id="slideshow-59468-text" class="cycle-slideshow cycle-slideshow-text" data-cycle-auto-init="false" data-cycle-slides="> div.slide" data-cycle-timeout="3000" data-cycle-speed="750" data-cycle-center-horz=true data-cycle-fx="scrollHorzRight" data-cycle-easing="easeInOutQuad" data-cycle-pager="#cycle-pager-59468" data-cycle-next="#slideshow-59468-cycle-next" data-cycle-prev="#slideshow-59468-cycle-prev" data-cycle-pager-template="" data-cycle-log="false" data-cycle-delay="4000" ><div class="slide first structured-carousel__gradient structured-carousel__gradient--medium"><section><a href="/explore/whats-here/events/u-505-in-depth-experience"><div class="content-area text-light"><div class="date"><span class="line-wrap"><span class="line"></span></span></div><div class="content-area-inner-wrapper"><div class="subtitle"><span class="line-wrap"><span class="line">extended tour on select weekends</span></span></div><h2 class="title "><span class="line-wrap"><span class="line">U-505 In-Depth Experience</span></span></h2><div class="text"><span class="line-wrap"><span class="line"><p>Dive deeper into the submarine's story.</p></span></span><span class="line-wrap"><span class="line structured-carousel__link">U-505 In-Depth</span></span></div></div></div></a></section></div><div class="slide structured-carousel__gradient structured-carousel__gradient--medium"><section><a href="/explore/whats-here/giant-dome-theater/space-the-new-frontier"><div class="content-area text-light"><div class="date"><span class="line-wrap"><span class="line"></span></span></div><div class="content-area-inner-wrapper"><div class="subtitle"><span class="line-wrap"><span class="line">film</span></span></div><h2 class="title "><span class="line-wrap"><span class="line">Space: The New Frontier</span></span></h2><div class="text"><span class="line-wrap"><span class="line"><p>The next age of space travel is here.</p></span></span><span class="line-wrap"><span class="line structured-carousel__link">Space: The New Frontier</span></span></div></div></div></a></section></div><div class="slide structured-carousel__gradient structured-carousel__gradient--medium"><section><a href="/explore/whats-here/giant-dome-theater/antarctica"><div class="content-area text-light"><div class="date"><span class="line-wrap"><span class="line"></span></span></div><div class="content-area-inner-wrapper"><div class="subtitle"><span class="line-wrap"><span class="line">film</span></span></div><h2 class="title "><span class="line-wrap"><span class="line">Antarctica</span></span></h2><div class="text"><span class="line-wrap"><span class="line"><p>Journey to the wild and awe-inspiring continent at the bottom of the world.</p></span></span><span class="line-wrap"><span class="line structured-carousel__link">Antarctica</span></span></div></div></div></a></section></div></div></div></div><a id="slideshow-59468-cycle-prev" class="arrow arrow-prev"><?xml version="1.0" encoding="UTF-8"?><svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Icons/Basic/Arrow back</title><desc>Created with Sketch.</desc><defs><polygon id="path-1" points="16.6666667 9.16666667 6.525 9.16666667 11.1833333 4.50833333 10 3.33333333 3.33333333 10 10 16.6666667 11.175 15.4916667 6.525 10.8333333 16.6666667 10.8333333"></polygon></defs><g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Homepage" transform="translate(-150.000000, -1944.000000)"><g id="Slider" transform="translate(-368.000000, 1671.000000)"><g id="Group" transform="translate(503.000000, 258.000000)"><g id="Icons/Basic/Arrow-back" transform="translate(12.000000, 12.000000)"><polygon id="Shape" points="0 0 20 0 20 20 0 20"></polygon><mask id="mask-2" fill="white"><use xlink:href="#path-1"></use></mask><use id="Mask" fill="#000000" fill-rule="nonzero" xlink:href="#path-1"></use><g id="Colors/White" mask="url(#mask-2)" fill="#FFFFFF" fill-rule="evenodd"><rect id="Rectangle" x="0" y="0" width="20" height="20"></rect></g></g></g></g></g></g></svg></a><a id="slideshow-59468-cycle-next" class="arrow arrow-next"><?xml version="1.0" encoding="UTF-8"?><svg style="transform: scale(-1,1)" width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Icons/Basic/Arrow back</title><desc>Created with Sketch.</desc><defs><polygon id="path-1" points="16.6666667 9.16666667 6.525 9.16666667 11.1833333 4.50833333 10 3.33333333 3.33333333 10 10 16.6666667 11.175 15.4916667 6.525 10.8333333 16.6666667 10.8333333"></polygon></defs><g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Homepage" transform="translate(-150.000000, -1944.000000)"><g id="Slider" transform="translate(-368.000000, 1671.000000)"><g id="Group" transform="translate(503.000000, 258.000000)"><g id="Icons/Basic/Arrow-back" transform="translate(12.000000, 12.000000)"><polygon id="Shape" points="0 0 20 0 20 20 0 20"></polygon><mask id="mask-2" fill="white"><use xlink:href="#path-1"></use></mask><use id="Mask" fill="#000000" fill-rule="nonzero" xlink:href="#path-1"></use><g id="Colors/White" mask="url(#mask-2)" fill="#FFFFFF" fill-rule="evenodd"><rect id="Rectangle" x="0" y="0" width="20" height="20"></rect></g></g></g></g></g></g></svg></a></div></div><a name="skip-c59468"></a></div></div></div></div></div></div></div> <div id="c4819" class="layout-container lc__top-offset-0 robot-boy lc__stack-layer-0 lc__bgimage-bottom-right lc__mobile-image-bottom " style="" data-image-animation="bigSlideInLeft" data-content-animation="fadeInAndSlideInLeft"><div class="lc__background-2 height-default"></div><div class="lc__background lc__left-of-center lazyload" data-bgset="https://www.msichicago.org/fileadmin/assets/_processed_/e/3/csm_homepage-robot-rev_f06f91e588.jpg 320w, https://www.msichicago.org/fileadmin/assets/_processed_/e/3/csm_homepage-robot-rev_154dda11c9.jpg 480w, https://www.msichicago.org/fileadmin/assets/_processed_/e/3/csm_homepage-robot-rev_d3354afd63.jpg 600w, https://www.msichicago.org/fileadmin/assets/_processed_/e/3/csm_homepage-robot-rev_24385827a5.jpg 800w, https://www.msichicago.org/fileadmin/assets/editor_support/sample_files/images/bn_test/homepage-robot-rev.jpg 1200w" data-sizes="auto"></div><div class="lc__inner-wrap lc__pad-top-1 lc__pad-bottom-15 lc__mobile-bleed-top lc__mobile-bleed-bottom "><div class="row collapse lc__content narrow-right"><div class="columns lc__content-offset-top-0 lc__content-bottom-up-0"><div class="lc__content-inner-wrap"><section id="c4818" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above "><div class="ce-content rte-content rte-text-small "><div class="headline-group with-rule "><div class="subtitle">This is our future</div><h2 class="h1-match title">Inspiring the <span class="break"></span>Next Generation of Innovators</h2><span class="rule"></span></div><p class="indent">From field trips to teacher resources, Griffin MSI provides learning experiences both inside and outside the classroom—because improving science education is critical.</p><ul class="arrow-list"><li><a href="/education/education-initiatives" class="internal-link">Education initiatives</a></li><li><a href="/education/field-trips" class="internal-link">Field trips</a></li><li><a href="/education/professional-development" class="internal-link">Educator resources</a></li></ul></div></section></div></div></div></div></div> <div id="c4824" class="layout-container lc__top-offset-0 extra__padding-bottom lc__stack-layer-1 " style="background-color:#0E2355;" ><div class="lc__background-2 height-default"></div><div class="lc__background lazyload" data-bgset="https://www.msichicago.org/fileadmin/assets/_processed_/a/f/csm_header_exterior_southportico_bed52ce28b.jpg 320w, https://www.msichicago.org/fileadmin/assets/_processed_/a/f/csm_header_exterior_southportico_af0e3809f6.jpg 480w, https://www.msichicago.org/fileadmin/assets/_processed_/a/f/csm_header_exterior_southportico_e1fcb369e6.jpg 600w, https://www.msichicago.org/fileadmin/assets/_processed_/a/f/csm_header_exterior_southportico_22915dd16f.jpg 800w, https://www.msichicago.org/fileadmin/assets/general_msi/global_blue_headers/header_exterior_southportico.jpg 1200w" data-sizes="auto"></div><div class="lc__inner-wrap lc__pad-top-125 lc__pad-bottom-4 lc__mobile-bleed-top lc__mobile-bleed-bottom "><div class="row collapse lc__content "><div class="columns lc__content-offset-top-0 lc__content-bottom-up-0"><div class="lc__content-inner-wrap"><a href="#skip-c4823" class="skip-carousel-link">Skip carousel</a><div id="c4823" class="carousel-container carousel-container__main carousel-container__main--with-arrows "><div class="center-arrows"><div class="center-arrow center-arrow--left"><a href="#" id="prev-4823"><i class="icon icon-arrow-left"></i></a></div><div class="center-arrow center-arrow--right"><a href="#" id="next-4823"><i class="icon icon-arrow-right"></i></a></div></div><div class="arrows" id="arrows-4823"><div class="arrow pause" id="pause-4823" data-cycle-cmd="pause" data-cycle-context="#slideshow-4823" ><div class="invisible-button"></div><a href="#" aria-label="pause" role="button"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="pause-icon-4823" x="0px" y="0px" viewBox="0 0 52 52" style="enable-background:new 0 0 52 52;" xml:space="preserve"><style type="text/css"> .st0{fill:#F2F2F2;} .st1{opacity:0.3;fill:none;stroke:#FFFFFF;stroke-miterlimit:10;enable-background:new;} .st2{fill:none;stroke:#2AA9E0;stroke-width:4;stroke-miterlimit:10;stroke-dasharray:2000,2000;stroke-dashoffset:2000;} </style><rect x="20.3" y="20.3" class="st0" width="3.4" height="12.3"/><rect x="28.3" y="20.5" class="st0" width="3.4" height="12.3"/><circle id="circle" class="st1" cx="26" cy="26" r="23.5"/><path id="progress-outer-circle-4823" class="st2" d="M26,4c12.1,0,22,9.9,22,22s-9.8,21.9-22,21.9S4,38,4,25.9S13.9,4,26,4"/></svg></a></div><div class="arrow resume" id="resume-4823" data-cycle-cmd="next" data-cycle-context="#slideshow-4823" style="display: none;"><div class="invisible-button"></div><a href="#" aria-label="resume" role="button"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 52 52" style="enable-background:new 0 0 52 52;" xml:space="preserve"><style type="text/css"> .st0{fill:#F2F2F2;} .st1{opacity:0.3;fill:none;stroke:#FFFFFF;stroke-miterlimit:10;enable-background:new ;} </style><polygon class="st0" points="34.6,25.9 21.6,33.9 21.6,18.1 "/><circle id="circle" class="st1" cx="26" cy="26" r="23.5"/></svg></a></div><div id="cycle-pager--left-4823" class="cycle-pager cycle-pager-4823 cycle-pager--left"></div></div><div id="slideshow-4823" class="carousel carousel-container__home" data-cycle-auto-init=false data-cycle-slides="> div.slide" data-cycle-paused=true data-cycle-timeout="5000" data-cycle-speed="1000" data-cycle-center-horz=true data-cycle-fx=fade data-cycle-easing="easeInOutQuad" data-cycle-next="#next-4823" data-cycle-prev="#prev-4823" data-cycle-pager=".cycle-pager-4823" data-cycle-pager-template="<a href='#'>•</a>" data-cycle-auto-height="calc" data-cycle-log="false"><div class="slide first"><blockquote id="c4821" class="feature-quote text-light ce-margin-top-0 ce-margin-bottom-0"><span></span><span class="quote-content large">This might be my most favorite museum in Chicago. [Griffin MSI has] done a lot to take it beyond the '80s style exhibits into more, flashy 21st century displays.</span><cite><span class="person">Rachel Azark</span> <span class="organization"> CBS Chicago</span></cite></blockquote></div><div class="slide "><blockquote id="c5326" class="feature-quote text-light ce-margin-top-0 ce-margin-bottom-0"><span></span><span class="quote-content large">The best way to describe my experience at the Griffin Museum of Science and Industry is 'Wow!'</span><cite><span class="person">Clinton W</span> <span class="organization"> Crete, Illinois, United States</span></cite></blockquote></div><div class="slide "><blockquote id="c5315" class="feature-quote text-light ce-margin-top-0 ce-margin-bottom-0"><span></span><span class="quote-content large">If you haven’t been to Griffin MSI in a while, it might be time to stop on by and see what’s new.</span><cite><span class="person">Marielle Shaw</span> <span class="organization"> Chicagoist.com</span></cite></blockquote></div></div><div id="cycle-pager-4823" class="cycle-pager cycle-pager-4823 cycle-pager--right"></div></div><a name="skip-c4823"></a></div></div></div></div></div> <div id="c59802" class="layout-container lc__theme-color-3 lc__top-offset-05 footer_container lc__stack-layer-1 " style="" ><div class="lc__background-2 height-default"></div><div class="lc__background " ></div><div class="lc__inner-wrap lc__pad-top-10 lc__pad-bottom-10 "><div class="row collapse lc__content "><div class="columns lc__content-offset-top-2 lc__content-bottom-up-0"><div class="lc__content-inner-wrap"><div id="c59805" class="glide-container "><div id="glide-59805" data-uid="59805" class="glide"><div class="glide__track" data-glide-el="track"><ul class="glide__slides"><li class="glide__slide first"><div class="box_teaser "><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist[type]=Event" target="_blank"><div class="box_teaser__image-wrap" style="background-image:url(https://www.msichicago.org/fileadmin/assets/_processed_/0/9/csm_RS18570_EclipseViewing_0016_2_d177ed5fad.jpg)"></div><div class="box_teaser__content"><h3 class="box_teaser__title">Events</h3><p class="box_teaser__description">Join us on special dates with even more happening at the Museum.</p><div class="fade-in"></div></div></a></div></li><li class="glide__slide "><div class="box_teaser "><a href="/visit/accessibility"><div class="box_teaser__image-wrap" style="background-image:url(https://www.msichicago.org/fileadmin/assets/_processed_/3/c/csm_GraingerCourt_0030_74b60105fa.jpg)"></div><div class="box_teaser__content"><h3 class="box_teaser__title">Accessibility</h3><p class="box_teaser__description">Learn about accessibility features available for your visit.</p><div class="fade-in"></div></div></a></div></li><li class="glide__slide "><div class="box_teaser "><a href="/visit/groups-and-field-trips"><div class="box_teaser__image-wrap" style="background-image:url(https://www.msichicago.org/fileadmin/assets/_processed_/7/d/csm_MSI_South_Exterior_0069_00b64a8b6f.jpg)"></div><div class="box_teaser__content"><h3 class="box_teaser__title">Groups + Field Trips</h3><p class="box_teaser__description">Bringing a group of 15 or more? Here's where to start planning.</p><div class="fade-in"></div></div></a></div></li></ul></div><div class="glide__bullets" data-glide-el="controls[nav]"><button class="glide__bullet" data-glide-dir="=0"></button><button class="glide__bullet" data-glide-dir="=1"></button><button class="glide__bullet" data-glide-dir="=2"></button></div></div></div></div></div></div></div></div>  </div> </main> </div> </div> </div> <footer id="footer"> <div class="newsletter-social-wrap row"> <div class="large-24 columns">  <a href="/subscribe"><div class="newsletter-form"><p class="email">Subscribe to our newsletter</p><button class="button tiny">Register</button></div></a> <ul class="social-wrap inline-list"> <li> <a href="//fb.me/msichicago" class="icon-circle icon-circle-facebook"> <i class="icon icon-facebook"></i><span class="icon-label">Facebook</span> </a> </li> <li> <a href="//twitter.com/msichicago" class="icon-circle icon-circle-twitter"> <i class="icon icon-twitter"></i><span class="icon-label">Twitter</span> </a> </li> <li> <a href="//instagram.com/msichicago" class="icon-circle icon-circle-instagram"> <i class="icon icon-instagram"></i><span class="icon-label">Instagram</span> </a> </li> <li> <a href="//youtube.com/msichicago" class="icon-circle icon-circle-youtube"> <i class="icon icon-youtube"></i><span class="icon-label">YouTube</span> </a> </li> </ul> <div class="divider"></div> </div> </div> <div class="row footer-link"> <div class="xlarge-6 columns"> <h5 class="column-header title-open">Support Us</h5><div class="footer-link-container content-open"><p class="intro">Help transform lives through the power of science and science education.<p><ul class="arrow-list footer-support-links"><li><a href="/support/membership">Become a member</a></li><li><a href="/support/donate">Donate now</a></li></ul></div> </div> <div class="xlarge-6 columns"> <h5 class="column-header">Visit</h5><div class="footer-link-container"><ul class="footer-list"><li><a href="/visit/plan-your-visit">Plan a Visit</a></li><li><a href="/visit/tickets">Ticket Prices</a></li><li><a href="/visit/museum-map">Map</a></li><li><a href="/visit/groups-and-field-trips">Groups + Field Trips</a></li><li><a href="/visit/private-events">Host an Event</a></li><li><a href="https://store.msichicago.org">Museum Store</a></li></ul></div> </div> <div class="xlarge-6 columns"> <h5 class="column-header">Explore</h5><div class="footer-link-container"><ul class="footer-list"><li><a href="/explore/whats-here">What's Here</a></li><li><a href="/education">Education</a></li><li><a href="/science-at-home">Experiment</a></li><li><a href="/explore/about-us">About Us</a></li><li><a href="/explore/about-us/careers">Careers</a></li><li><a href="/press">Press</a></li></ul></div> </div> <div class="xlarge-6 columns"> <h5 class="column-header">Location + Hours</h5><div class="footer-link-container"><p class="location" translate="no" typeof="schema:PostalAddress"><span property="schema:name" style="display: none;">Museum of Science & Industry</span><span property="schema:streetAddress">5700 S. DuSable <br /> Lake Shore Drive</span><br/><span property="schema:addressLocality">Chicago</span>, <abbr title="Illinois" property="schema:addressRegion">IL</abbr>  <span property="schema:postalCode">60637</span><abbr style="display: none;" property="schema:addressCountry">USA</abbr></p><p class="open-hours"><a href="/visit/museum-hours"><span data-hours-today style="display: none;"><strong>Open today</strong><br/><span class="sub-text">from <b> 9:30 </b> a.m. to <b> 5:30 </b> p.m.</span></span><span data-hours-tomorrow style="display: none;"><strong>Open tomorrow</strong><br/><span class="sub-text">from <b> 9:30 </b> a.m. to <b> 4:00 </b> p.m.</span></span></a></p><a class="map-link" href="/visit/getting-here"><i class="icon tiny icon-map-pin"></i> Getting Here</a></div> </div> </div> <div data-footer-end class="footer-end row"> <div class="medium-24 columns translate-btn-column"> <div id="mobileHeader"></div> </div> <div class="xlarge-10 xlarge-push-8 large-24 columns"> <ul class="nav-utility inline-list privacy"> <li> <a href="/privacy-policy">Privacy Policy</a> </li> <li> <a href="/terms-of-use">Terms of Use</a> </li> <li> <a href="/contact">Contact us</a> </li> </ul> </div> <div class="xlarge-8 large-pull-10 large-24 columns copyright"> <span>© 2024 Kenneth C. Griffin Museum of Science and Industry</span> </div> <div class="large-6 columns translate-btn-column"> <div id="m_google_translate_element"> <div data-translate-btn class="translate-btn" style="display: none;" id="g_translater"> <span class="last-icon-cell"><i class="icon small icon-anglebracket-down"></i></span> <div id="google_translate_element"></div> <script type="text/javascript"> function googleTranslateElementInit() { if ($('[data-translate-btn-in-page]').length) { $('[data-translate-btn-in-page]').show(); new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element_in_page'); $('[data-translate-btn-in-page] select > option:first-child').text('Translate'); $('select.goog-te-combo').on('change', toggleTranslationBar()); if ($('select.goog-te-combo').val() != "") { toggleTranslationBar(); } } else { $('[data-footer-end]').addClass('translate-on'); $('[data-translate-btn]').show(); new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); $('#footer .translate-btn select > option:first-child').text('Translate'); $('select.goog-te-combo').on('change', toggleTranslationBar()); if ($('select.goog-te-combo').val() != "") { toggleTranslationBar(); } } } function toggleTranslationBar() { setInterval(function(){ if ($('body > .skiptranslate:first-child').css('display') == 'block') { $('body').addClass('translation-bar-on'); } else { $('body').removeClass('translation-bar-on'); } }, 1000); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> </div> </div> </div> </div> </footer> </div> <div class="reveal-modal content search full" id="searchModal" data-reveal aria-label="Search" aria-hidden="true" role="dialog" style="display:none;"> <div class="row"> <div class="medium-24 columns" data-search> <h1 class="sticky-footer__title--white sticky-footer__title--search text-center">How can we help you?</h1> <form data-search-form action="/index.php?id=122" method="get" class="search-form tx-solr-form row"> <div class="small-20 columns collapse"> <input class="search-input tx-solr-q" type="text" name="q" placeholder="Ex: U-505, Christmas, …" autocomplete="off"> </div> <div class="small-4 columns collapse"> <button class="search-submit" type="submit"> <span class="hidden">Submit Search</span> </button> <div class="search-spinner" data-spinner style="display:none;"></div> </div> </form> <div class="search-results-wrapper" style="display: none;"> <div data-search-results> <ol class="results-list"> </ol> </div> <p id="loading-search-results" style="opacity: 0;"> Loading more results ... </p> <p id="no-more-results" style="opacity: 0;"> No more results to load </p> </div> </div> </div> <button class="close-button close-reveal-modal" data-close aria-label="Close reveal" type="button"> <img class="svg" src="https://www.msichicago.org/_assets/16c122cebb6dd10fd754319ee821f8f8/Icons/Sticky/menuclose.svg"/> </button> </div> <div class="sticky-footer-wrapper" x-cloak x-data="MSI.StickyFooterMobile.menu()" x-init="() => { $(window).on('addToVisitSidebarReady', function(){ updateItems(); }); add = $('[data-addtovisit-add-uid]'); add.on('click', (event) => { totalItems++; }); removeItem = $('#my-visit-container,[data-mobile-cart-items-list]'); removeItem.on('click', '[data-addtovisit-delete-uid]', (event) => { totalItems--; updateBullets(); }); $watch('currentMenu', (value) => { if(value == null){ document.body.style.position = ''; document.body.style.top = ''; window.scrollTo(0, parseInt(scrollY || '0') * -1); }else{ document.body.style.position = 'fixed'; document.body.style.top = `-${window.scrollY}px`; } }); $watch('subMenu', (value) => { if(value == null){ if($('.to-restore-height').length){ $('.to-restore-height')[0].style=''; $('.to-restore-height').removeClass('to-restore-height'); } }else{ $nextTick(()=>{ let height = $('.sticky-footer__panel--active').height(); let interiorHeight = $('.sticky-footer__panel--active .sticky-footer__panel-interior div').height(); if(interiorHeight>height){ $('.sticky-footer__panel--active .sticky-footer__panel-interior').addClass('to-restore-height'); $('.sticky-footer__panel--active .sticky-footer__panel-interior').height(height); $('.sticky-footer__panel--active .sticky-footer__panel-interior').css('padding-bottom',$('.sticky-footer').outerHeight(true)); } }); } }); }" > <div class="sticky-footer-container" :class="{ 'active': (currentMenu != null && currentMenu != 'search'), 'hidden': !(currentMenu != null && currentMenu != 'search') }" > <span style="position: fixed; top:15px; right:20px;" @click="close()"> <span class="svg"> <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>menu</title> <desc>Created with Sketch.</desc> <defs> <polygon id="close-path-1" points="25.3333333 8.54666667 23.4533333 6.66666667 16 14.12 8.54666667 6.66666667 6.66666667 8.54666667 14.12 16 6.66666667 23.4533333 8.54666667 25.3333333 16 17.88 23.4533333 25.3333333 25.3333333 23.4533333 17.88 16"></polygon> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Nav/Visit" transform="translate(-333.000000, -26.000000)"> <g id="close" transform="translate(327.000000, 20.000000)"> <mask id="close-mask-2" fill="white"> <use xlink:href="#close-path-1"></use> </mask> <g id="Mask"></g> <g id="Colors/White" mask="url(#close-mask-2)" fill="#FFFFFF" fill-rule="evenodd"> <g transform="translate(-17.333333, -17.333333)" id="Rectangle"> <rect x="0" y="0" width="66.6666667" height="66.6666667"></rect> </g> </g> </g> </g> </g> </svg> </span> </span> <div class="overlay-clickable" @click="close()" ></div> <div class="sticky-footer__panel visit-tickets text-center" :class="{ 'active': (subMenu == null && currentMenu == 'visit'), 'hidden': !(subMenu == null && currentMenu == 'visit') }" > <h1 class="sticky-footer__title text-center">My Visit</h1> <div class="sticky-footer__clear" x-show="totalItems > 0"><a @click="clear()">Clear</a></div> <div data-mobile-cart-items-list class="glide" x-show="totalItems > 0"> <div class="glide__track" data-glide-el="track"> <ul class="glide__slides"> <template x-for="(item, index) in items" :key="index" class="glide__slide--clone"> <li class="glide__slide"> <div x-html="item"></div> </li> </template> </ul> </div> <div class="glide__bullets" id="footer-glide__bullets" data-glide-el="controls[nav]"> </div> </div> <div x-show="totalItems == 0"> <h4>No Items</h4> </div> <a class="button button--blue-border sticky-footer__button button--full-width" href="/visit/tickets"> Buy tickets now </a> <div class="link-with-bottom-border sticky-footer__link"> <a href="/explore/whats-here"> Find more activities </a> </div> </div> <template x-show="subMenu == null && currentMenu == 'tickets'"> </template> <div class="sticky-footer__panel" :class="{ 'active': (subMenu == null && currentMenu == 'menu'), 'hidden': !(subMenu == null && currentMenu == 'menu') }" > <ul class="mobile-nav-global"> <li class="sticky-footer__menu-item" data-uid="1" @click="showSubMenu(1)"> <a class="sticky-footer__title" href="/">Home</a> <i class="icon icon-anglebracket-right"></i> </li> <li class="sticky-footer__menu-item" data-uid="2" @click="showSubMenu(2)"> <a class="sticky-footer__title" href="#">Explore</a> <i class="icon icon-anglebracket-right"></i> </li> <li class="sticky-footer__menu-item" data-uid="3" @click="showSubMenu(3)"> <a class="sticky-footer__title" href="#">Visit</a> <i class="icon icon-anglebracket-right"></i> </li> <li class="sticky-footer__menu-item" data-uid="4" @click="showSubMenu(4)"> <a class="sticky-footer__title" href="#">Join + Give</a> <i class="icon icon-anglebracket-right"></i> </li> </ul> </div> <div class="sticky-footer__panel explore" :class="getClass(2)"> <a class="sticky-footer__title sticky-footer__submenu__title" @click="showSubMenu(null)"> <span> <i class="icon tiny icon-arrow-left"></i> Explore </span> </a> <div class="sticky-footer__panel-interior"> <div> <div class="sticky-footer__submenu__item"> <nav class="dropdown-arrow-list"><ul><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist[type]=Exhibit">Exhibits</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist%5Btype%5D=Film&cHash=f3c9f1dc5fc0e12c45b4ce22a5326dbf">Giant Dome Theater</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist%5Btype%5D=Tour&cHash=5238b0d123ced8f8159d0e01cf1db48a">Tours and Experiences</a></li><li><a href="/explore/whats-here/?tx_experiences_filterableexperiencelist[type]=Event">Events</a></li></ul></nav> </div> <div class="sticky-footer__submenu__content"> <section id="c1550" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-left tai__image-intext tai__image-beside-text "> <div class="ce-content rte-content rte-text-smaller "> <div class="headline-group "> <h3 class="title">What's Here</h3> </div> <p>Providing unique experiences designed to spark scientific inquiry and creativity since 1933.</p> <p><a href="/explore/about-us" class="arrow-link internal-link">Learn more</a></p> </div> </section> </div> </div> <a href="/explore/about-us/about-the-museum" class="button button--blue-border button--full-width button--transparent"> More about the museum <i class="icon icon-arrow-right"></i> </a> </div> </div> <div class="sticky-footer__panel visit" :class="getClass(3)"> <a class="sticky-footer__title sticky-footer__submenu__title" @click="showSubMenu(null)"> <span> <i class="icon tiny icon-arrow-left"></i> Visit </span> </a> <div class="sticky-footer__panel-interior"> <div> <div class="sticky-footer__submenu__item"> <section id="c59687" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above "> <div class="ce-content rte-content rte-text-medium "> <h3>Visit us</h3> <p>5700 S. DuSable<br>Lake Shore Drive<br>Chicago, IL 60637</p> <p><a href="/visit/getting-here" class="link-with-bottom-border">Getting here</a></p> </div> </section> </div> <div class="sticky-footer__submenu__content"> <nav class="dropdown-arrow-list visit-menu"><ul><li class="visit-menu__item"><a href="/visit"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>help</title><desc>Created with Sketch.</desc><style> .primary-color { fill: #1F9FD6; } </style><defs><path d="M16,2.66666667 C8.64,2.66666667 2.66666667,8.64 2.66666667,16 C2.66666667,23.36 8.64,29.3333333 16,29.3333333 C23.36,29.3333333 29.3333333,23.36 29.3333333,16 C29.3333333,8.64 23.36,2.66666667 16,2.66666667 L16,2.66666667 Z M17.3333333,25.3333333 L14.6666667,25.3333333 L14.6666667,22.6666667 L17.3333333,22.6666667 L17.3333333,25.3333333 L17.3333333,25.3333333 Z M20.0933333,15 L18.8933333,16.2266667 C17.9333333,17.2 17.3333333,18 17.3333333,20 L14.6666667,20 L14.6666667,19.3333333 C14.6666667,17.8666667 15.2666667,16.5333333 16.2266667,15.56 L17.88,13.88 C18.3733333,13.4 18.6666667,12.7333333 18.6666667,12 C18.6666667,10.5333333 17.4666667,9.33333333 16,9.33333333 C14.5333333,9.33333333 13.3333333,10.5333333 13.3333333,12 L10.6666667,12 C10.6666667,9.05333333 13.0533333,6.66666667 16,6.66666667 C18.9466667,6.66666667 21.3333333,9.05333333 21.3333333,12 C21.3333333,13.1733333 20.8533333,14.24 20.0933333,15 L20.0933333,15 Z" id="question-path-1"></path></defs><g id="question-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="question-Nav/Menu/Visit" transform="translate(-49.000000, -264.000000)"><g id="question-Group-2" transform="translate(33.000000, 248.000000)"><g id="question-help" transform="translate(14.000000, 14.000000)"><mask id="question-mask-2" fill="white"><use xlink:href="#question-path-1"></use></mask><g id="question-Mask"></g><g id="question-Colors/Blue" mask="url(#question-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="question-Colors/Black"><g><rect id="question-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="question-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/visit">Visitor Information</a></li><li class="visit-menu__item"><a href="/visit/tickets"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>help</title><desc>Created with Sketch.</desc><defs><path d="M29.3333333,13.3333333 L29.3333333,8 C29.3333333,6.52 28.1333333,5.33333333 26.6666667,5.33333333 L5.33333333,5.33333333 C3.86666667,5.33333333 2.68,6.52 2.68,8 L2.68,13.3333333 C4.14666667,13.3333333 5.33333333,14.5333333 5.33333333,16 C5.33333333,17.4666667 4.14666667,18.6666667 2.66666667,18.6666667 L2.66666667,24 C2.66666667,25.4666667 3.86666667,26.6666667 5.33333333,26.6666667 L26.6666667,26.6666667 C28.1333333,26.6666667 29.3333333,25.4666667 29.3333333,24 L29.3333333,18.6666667 C27.8666667,18.6666667 26.6666667,17.4666667 26.6666667,16 C26.6666667,14.5333333 27.8666667,13.3333333 29.3333333,13.3333333 L29.3333333,13.3333333 Z M17.3333333,23.3333333 L14.6666667,23.3333333 L14.6666667,20.6666667 L17.3333333,20.6666667 L17.3333333,23.3333333 L17.3333333,23.3333333 Z M17.3333333,17.3333333 L14.6666667,17.3333333 L14.6666667,14.6666667 L17.3333333,14.6666667 L17.3333333,17.3333333 L17.3333333,17.3333333 Z M17.3333333,11.3333333 L14.6666667,11.3333333 L14.6666667,8.66666667 L17.3333333,8.66666667 L17.3333333,11.3333333 L17.3333333,11.3333333 Z" id="ticket-path-1"></path></defs><style> .primary-color { fill: #1F9FD6; } </style><g id="ticket-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="ticket-Nav/Menu/Visit" transform="translate(-47.000000, -337.000000)"><g id="ticket-Group-2" transform="translate(33.000000, 248.000000)"><g id="ticket-confirmation_number" transform="translate(30.000000, 105.000000) rotate(-315.000000) translate(-30.000000, -105.000000) translate(14.000000, 89.000000)"><mask id="ticket-mask-2" fill="white"><use xlink:href="#ticket-path-1"></use></mask><g id="ticket-Mask"></g><g id="ticket-Colors/Blue" mask="url(#ticket-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="ticket-Colors/Black"><g><rect id="ticket-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="ticket-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/visit/tickets">Ticket & Offers</a></li><li class="visit-menu__item"><a href="/support/membership"><div class="visit-svg-wrap"><span class="svg visit-svg"><?xml version="1.0" encoding="UTF-8"?><svg width="26px" height="29px" viewBox="0 0 26 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>help</title><desc>Created with Sketch.</desc><style> .primary-color { fill: #1F9FD6; } </style><defs><path d="M5.33333333,13.3333333 L5.33333333,22.6666667 L9.33333333,22.6666667 L9.33333333,13.3333333 L5.33333333,13.3333333 L5.33333333,13.3333333 Z M13.3333333,13.3333333 L13.3333333,22.6666667 L17.3333333,22.6666667 L17.3333333,13.3333333 L13.3333333,13.3333333 L13.3333333,13.3333333 Z M2.66666667,29.3333333 L28,29.3333333 L28,25.3333333 L2.66666667,25.3333333 L2.66666667,29.3333333 L2.66666667,29.3333333 Z M21.3333333,13.3333333 L21.3333333,22.6666667 L25.3333333,22.6666667 L25.3333333,13.3333333 L21.3333333,13.3333333 L21.3333333,13.3333333 Z M15.3333333,1.33333333 L2.66666667,8 L2.66666667,10.6666667 L28,10.6666667 L28,8 L15.3333333,1.33333333 L15.3333333,1.33333333 Z" id="museum-path-1"></path></defs><g id="museum-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="museum-Nav/Menu/Visit" transform="translate(-49.000000, -413.000000)"><g id="museum-Group-2" transform="translate(33.000000, 248.000000)"><g id="museum-account_balance" transform="translate(14.000000, 164.000000)"><mask id="museum-mask-2" fill="white"><use xlink:href="#museum-path-1"></use></mask><g id="museum-Mask"></g><g id="museum-Colors/Blue" mask="url(#museum-mask-2)" fill-rule="evenodd" stroke-width="1"><g transform="translate(-17.333333, -17.333333)" id="museum-Colors/Black"><g><rect id="museum-Rectangle" fill="#FFFFFF" x="0" y="0" width="66.6666667" height="66.6666667"></rect><rect id="museum-Colors/Grey-dark" class="primary-color" x="0" y="0" width="66.6666667" height="66.6666667"></rect></g></g></g></g></g></g></g></svg></span></div></a><a class="visit-menu__link-label" href="/support/membership">Member Information</a></li></ul></nav> </div> </div> <a href="/visit/plan-your-visit" class="button button--blue-border button--full-width button--transparent"> Need help planning your visit? <i class="icon icon-arrow-right"></i> </a> </div> </div> <div class="sticky-footer__panel support" :class="getClass(4)"> <a class="sticky-footer__title sticky-footer__submenu__title" @click="showSubMenu(null)"> <span> <i class="icon tiny icon-arrow-left"></i> Support </span> </a> <div class="sticky-footer__panel-interior"> <div> <div class="sticky-footer__submenu__item"> <nav class="dropdown-arrow-list"><ul><li><a href="/support/membership">Become a Member</a></li><li><a href="/support/donate">Individual Giving</a></li><li><a href="/support/corporate-and-foundation/corporate-support">Corporate Giving</a></li><li><a href="/support/volunteer">Volunteer</a></li></ul></nav> </div> <div class="sticky-footer__submenu__content"> <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above photo-teaser "> <div class="ce-content rte-content rte-text-medium "> <div class="headline-group "> <h3 class="title">Donate</h3> </div> <p>Inspire the next generation of scientific leaders and thinkers with a gift today.</p> <p><a href="/support/donate/support-msi/donate-now" class="arrow-link"><strong>Donate Now</strong></a></p> </div> </section> </div> </div> </div> </div> <div class="sticky-footer__panel text-center" :class="{ 'active': (subMenu == null && currentMenu == 'location'), 'hidden': !(subMenu == null && currentMenu == 'location') }" > <h1 class="sticky-footer__title text-center">Location</h1> <p class="sticky-footer__text">5700 S. DuSable Lake Shore Drive<br> Chicago, IL 60637</p> <a href="/visit/getting-here" title="Getting Here" class="button button--blue-border sticky-footer__button">Getting Here</a> <div class="link-with-bottom-border sticky-footer__link"> <a href="/visit/museum-hours" title="Museum Hours">Museum Hours</a> </div> </div> </div> <div class="sticky-footer"> <a href="#" class="sticky-footer__item" :class="{ 'sticky-footer__item--active': currentMenu === 'visit' }" @click="toggle('visit')"> <span class="sticky-footer__item-icon"> <span class="svg"> <svg width="56px" height="49px" viewBox="0 0 56 49" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <path d="M21,5 C19.89,4.65 18.67,4.5 17.5,4.5 C15.55,4.5 13.45,4.9 12,6 C10.55,4.9 8.45,4.5 6.5,4.5 C4.55,4.5 2.45,4.9 1,6 L1,20.65 C1,20.9 1.25,21.15 1.5,21.15 C1.6,21.15 1.65,21.1 1.75,21.1 C3.1,20.45 5.05,20 6.5,20 C8.45,20 10.55,20.4 12,21.5 C13.35,20.65 15.8,20 17.5,20 C19.15,20 20.85,20.3 22.25,21.05 C22.35,21.1 22.4,21.1 22.5,21.1 C22.75,21.1 23,20.85 23,20.6 L23,6 C22.4,5.55 21.75,5.25 21,5 L21,5 Z M21,18.5 C19.9,18.15 18.7,18 17.5,18 C15.8,18 13.35,18.65 12,19.5 L12,8 C13.35,7.15 15.8,6.5 17.5,6.5 C18.7,6.5 19.9,6.65 21,7 L21,18.5 L21,18.5 Z" id="path-2"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Nav-bar" transform="translate(-15.000000, 3.000000)"> <g id="Group-11" filter="url(#filter-1)"> <g id="Visit-Tab" transform="translate(22.000000, 16.000000)"> <g id="import_contacts" transform="translate(9.000000, 0.000000)"> <mask id="mask-3" fill="white"> <use xlink:href="#path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/Black" mask="url(#mask-3)" fill="#000000" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Colors/Grey-dark"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </g> </svg> </span> <span x-show="getNumber() > 0" x-text="getNumber()" class="number-items"></span> </span> <span class="sticky-footer__item-label"> My Visit </span> </a> <a href="/buy-tickets" target="_blank" title="Buy Tickets" class="sticky-footer__item"> <span class="sticky-footer__item-icon"> <span class="svg"> <svg width="52px" height="50px" viewBox="0 0 52 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="tickets-filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <path d="M20,12 C20,10.9 20.9,10 22,10 L22,6 C22,4.9 21.1,4 20,4 L4,4 C2.9,4 2.01,4.9 2.01,6 L2.01,10 C3.11,10 4,10.9 4,12 C4,13.1 3.11,14 2,14 L2,18 C2,19.1 2.9,20 4,20 L20,20 C21.1,20 22,19.1 22,18 L22,14 C20.9,14 20,13.1 20,12 L20,12 Z M15.58,16.8 L12,14.5 L8.42,16.8 L9.5,12.68 L6.21,9.99 L10.45,9.74 L12,5.8 L13.54,9.75 L17.78,10 L14.49,12.69 L15.58,16.8 L15.58,16.8 Z" id="tickets-path-2"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Nav-bar" transform="translate(-89.000000, 4.000000)"> <g id="Group-11" filter="url(#tickets-filter-1)"> <g id="Tickets-Tab" transform="translate(97.000000, 16.000000)"> <g id="local_activity" transform="translate(6.000000, 0.000000)"> <mask id="tickets-mask-3" fill="white"> <use xlink:href="#tickets-path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/Black" mask="url(#tickets-mask-3)" fill="#000000" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Colors/Grey-dark"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </g> </svg> </span> </span> <span class="sticky-footer__item-label"> Tickets </span> </a> <a href="#" class="sticky-footer__item sticky-footer__item--home" @click="toggle('menu')"> <span class="sticky-footer__item-icon sticky-footer__item-icon--hamburger"> <template x-if="subMenu != null || currentMenu == 'menu'"> <span class="svg svg--close"> <svg width="46px" height="46px" viewBox="0 0 46 46" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="menuclose-filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <polygon id="menuclose-path-2" points="19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12"></polygon> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Nav-bar" transform="translate(-165.000000, -5.000000)"> <g id="Group-11"> <g filter="url(#menuclose-filter-1)"> <g id="close" transform="translate(176.000000, 23.000000)"> <mask id="menuclose-mask-3" fill="white"> <use xlink:href="#menuclose-path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/White" mask="url(#menuclose-mask-3)" fill="#FFFFFF" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Rectangle"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </g> </svg> </span> </template> <template x-if="!(subMenu != null || currentMenu == 'menu')"> <span class="svg"> <svg width="52px" height="46px" viewBox="0 0 52 46" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="menu-filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <path d="M3,18 L21,18 L21,16 L3,16 L3,18 L3,18 Z M3,13 L21,13 L21,11 L3,11 L3,13 L3,13 Z M3,6 L3,8 L21,8 L21,6 L3,6 L3,6 Z" id="menu-path-2"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Nav-bar" transform="translate(-162.000000, -5.000000)"> <g id="Group-11" filter="url(#menu-filter-1)"> <g id="menu" transform="translate(176.000000, 23.000000)"> <mask id="menu-mask-3" fill="white"> <use xlink:href="#menu-path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/White" mask="url(#menu-mask-3)" fill="#FFFFFF" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Rectangle"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </svg> </span> </template> </span> </a> <a href="#" class="sticky-footer__item" :class="{ 'sticky-footer__item--active': currentMenu === 'search' }" @click="toggle('search')"> <span class="sticky-footer__item-icon"> <span class="svg"> <svg width="47px" height="47px" viewBox="0 0 47 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="search-filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <path d="M15.5,14 L14.71,14 L14.43,13.73 C15.41,12.59 16,11.11 16,9.5 C16,5.91 13.09,3 9.5,3 C5.91,3 3,5.91 3,9.5 C3,13.09 5.91,16 9.5,16 C11.11,16 12.59,15.41 13.73,14.43 L14,14.71 L14,15.5 L19,20.49 L20.49,19 L15.5,14 L15.5,14 Z M9.5,14 C7.01,14 5,11.99 5,9.5 C5,7.01 7.01,5 9.5,5 C11.99,5 14,7.01 14,9.5 C14,11.99 11.99,14 9.5,14 L9.5,14 Z" id="search-path-2"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Nav-bar" transform="translate(-233.000000, 4.000000)"> <g id="Group-11" filter="url(#search-filter-1)"> <g id="Search-Tab" transform="translate(242.000000, 16.000000)"> <g id="search" transform="translate(4.000000, 0.000000)"> <mask id="search-mask-3" fill="white"> <use xlink:href="#search-path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/Black" mask="url(#search-mask-3)" fill="#000000" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Colors/Grey-dark"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </g> </svg> </span> </span> <span class="sticky-footer__item-label"> Search</span> </a> <a href="#" class="sticky-footer__item" :class="{ 'sticky-footer__item--active': currentMenu === 'location' }" @click="toggle('location')"> <span class="sticky-footer__item-icon"> <span class="svg"> <svg width="46px" height="50px" viewBox="0 0 46 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  <title>menu</title> <desc>Created with Sketch.</desc> <defs> <filter x="-12.3%" y="-65.7%" width="124.5%" height="231.4%" filterUnits="objectBoundingBox" id="location-filter-1"> <feOffset dx="0" dy="-7" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="8.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <path d="M12,2 C8.13,2 5,5.13 5,9 C5,14.25 12,22 12,22 C12,22 19,14.25 19,9 C19,5.13 15.87,2 12,2 L12,2 Z M12,11.5 C10.62,11.5 9.5,10.38 9.5,9 C9.5,7.62 10.62,6.5 12,6.5 C13.38,6.5 14.5,7.62 14.5,9 C14.5,10.38 13.38,11.5 12,11.5 L12,11.5 Z" id="location-path-2"></path> </defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.5"> <g id="Nav-bar" transform="translate(-308.000000, 5.000000)"> <g id="Group-11" filter="url(#location-filter-1)"> <g id="Location-Tab" transform="translate(309.000000, 16.000000)"> <g id="location_on" transform="translate(10.000000, 0.000000)"> <mask id="location-mask-3" fill="white"> <use xlink:href="#location-path-2"></use> </mask> <g id="Mask"></g> <g id="Colors/Black" mask="url(#location-mask-3)" fill="#000000" fill-rule="evenodd"> <g transform="translate(-13.000000, -13.000000)" id="Colors/Grey-dark"> <rect x="0" y="0" width="50" height="50"></rect> </g> </g> </g> </g> </g> </g> </g> </svg> </span> </span> <span class="sticky-footer__item-label"> Location </span> </a> </div> </div> <div id="my-visit-container"></div> <script type="text/javascript" src="https://skipto-landmarks-headings.github.io/page-script-5/dist/skipto.min.js"></script> <script type="text/javascript"> var SkipToConfig = { "settings": { "skipTo": { "displayOption": "popup", "headings": "h1, h2.h1-match", "main": "main, [role=main]", "landmarks": "[role=navigation], [role=search]", "customClass": "skip-to-menu", } } }; </script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script type="text/javascript" src="/_assets/16c122cebb6dd10fd754319ee821f8f8/JavaScript/all.1732227885.js"></script> <script type="text/javascript" src="https://js.adsrvr.org/up_loader.1.1.0.js"></script> <script type="text/javascript"> ttd_dom_ready( function() { if (typeof TTDUniversalPixelApi === 'function') { var universalPixelApi = new TTDUniversalPixelApi(); universalPixelApi.init("e4d5x4y", ["ebtbxhy"], "https://insight.adsrvr.org/track/up"); } }); </script> <script type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function($){ var progressBarPath; var autoplay = 1; var recordUid = 55609; var progressSelector = '#progress-outer-circle-' + recordUid; var arrowAnimateTime = 5500; var clonedBackgrounds = ''; $('#slideshow-' + recordUid).find('.bh__background').each(function(i,e){ clonedBackgrounds+= $('<div>').append($(e).clone()).html(); $(e).remove(); }); $('<div id="slideshow-' + recordUid + '-background" class="background-slider"></div>').html(clonedBackgrounds).insertBefore('#slideshow-' + recordUid); $('#slideshow-' + recordUid + '-background').find('.bh__background').first().addClass('active'); $('#slideshow-' + recordUid).cycle(); function getProgressBarPath() { if (!progressBarPath) { progressBarPath = new ProgressBar.Path(pauseIcon.querySelector(progressSelector), { duration: arrowAnimateTime, }); } return progressBarPath; } var pauseIcon = $('#pause-icon-' + recordUid).get(0), slideshowContainer = $('#slideshow-' + recordUid); $('#slideshow-' + recordUid).waypoint(function(direction) { if (autoplay) { if (pauseIcon && pauseIcon.querySelector(progressSelector)) { var path = getProgressBarPath(); path.animate(1.0, function() { path.set(0); }); } $('#slideshow-' + recordUid).cycle('resume'); } }, { offset: 'bottom-in-view' }) slideshowContainer.on('cycle-before', function( e, opts, outgoingSlideEl, incomingSlideEl, forwardFlag) { $('#slideshow-' + recordUid + '-background').find('.bh__background.active').removeClass('active'); $('#slideshow-' + recordUid + '-background').find('.bh__background').eq(opts.nextSlide).addClass('active'); if ( !(slideshowContainer.is('.cycle-paused')) && $('#pause-icon-' + recordUid).is(':visible') ) { var arrowAnimateTime = {arrowAnimateTime}; if (pauseIcon && pauseIcon.querySelector(progressSelector)) { var path = getProgressBarPath(true); path.set(0); path.animate(1.0, function() { path.set(0); }); } } $video = $('#slideshow-' + recordUid + '-background').find('.bh__background').eq(opts.currSlide).find('video'); if ($video.length) { $video.each(function() { $(this).hide(); this.pause(); }); } $video = $('#slideshow-' + recordUid + '-background').find('.bh__background').eq(opts.nextSlide).find('video'); if ($video.length) { $video.each(function() { $(this).show(); var playPromise = this.play(); if (playPromise !== undefined) { playPromise.then(_ => { $(this).parent().addClass('video-init'); }) .catch(error => { // Auto-play was prevented // Show paused UI. }); } }); } }); slideshowContainer.on('cycle-initialized', function( e, opts) { $video = $('#slideshow-' + recordUid + '-background').find('.bh__background').eq(0).find('video'); if ($video.length) { $video.each(function() { this.play(); }); } }); slideshowContainer.on('cycle-paused', function( e, opts) { $('#pause-' + recordUid).hide(); $('#resume-' + recordUid).show(); }); slideshowContainer.on('cycle-resumed', function( e, opts) { var path = getProgressBarPath(); path.set(0); path.stop(); path.animate(1.0, function() { path.set(0); }); $('#resume-' + recordUid).hide(); $('#pause-' + recordUid).show(); }); slideshowContainer.on('cycle-next cycle-prev', function( e, opts) { $('#slideshow-' + recordUid).cycle('resume'); }); // slideshowContainer.on('cycle-next cycle-prev cycle-pager-activated', function( e, opts ) { slideshowContainer.on('cycle-pager-activated', function( e, opts ) { slideshowContainer.cycle('pause'); // Reset the animation when paused. if (pauseIcon && pauseIcon.querySelector(progressSelector)) { var path = getProgressBarPath(); path.stop(); path.set(0); } }); $('body').on('addtovisit:opening', function() { slideshowContainer.cycle('pause'); // Reset the animation when paused. if (pauseIcon && pauseIcon.querySelector(progressSelector)) { var path = getProgressBarPath(); path.stop(); path.set(0); } }); $('body').on('addtovisit:closed', function() { slideshowContainer.cycle('resume'); var arrowAnimateTime = {arrowAnimateTime}; if (pauseIcon) { var path = getProgressBarPath(); path.stop(); path.set(0); path.animate(1.0, function() { path.set(0); }); } }); // @todo - See if we can get this working without causing problems on all of the non-feature slides on the site slideshowContainer.css('height', slideshowContainer.find('.slide.first').height()).cycle(); setTimeout(function() { slideshowContainer.css('height', 'auto'); }, 500); }); </script> <script type="text/javascript"> jQuery(document).ready(function($) { var progressBarPath; var recordUid = 59468; var progressSelector = '#progress-outer-circle-' + recordUid; $('#slideshow-' + recordUid).cycle(); $('#slideshow-' + recordUid + '-small-left').cycle(); $('#slideshow-' + recordUid + '-small-right').cycle(); $('#slideshow-' + recordUid + '-text').cycle(); var pauseIcon = $('#pause-icon-' + recordUid).get(0), slideshowContainer = $('#slideshow-' + recordUid), slideshowSmallLeft = $('#slideshow-' + recordUid + '-small-left'), slideshowSmallRight = $('#slideshow-' + recordUid + '-small-right'), slideshowText = $('#slideshow-' + recordUid + '-text'); var maxHeight = 0; slideshowText.find('.cycle-slide').each(function(i,e){ if(maxHeight < $(e).height()){ maxHeight = $(e).height(); } }); setTimeout(function(){ slideshowText.find('.cycle-sentinel').height(maxHeight); },500); slideshowText.on('cycle-before', function( e, opts ) { slideshowText.find('.cycle-sentinel').height(maxHeight); }); /* //This is to make the height resize on each slide slideshowText.on('cycle-after', function( e, opts ) { console.log($(e),$('.cycle-slide-active')) console.log(slideshowText.find('.cycle-slide-active').height()) console.log(slideshowText.find('.cycle-sentinel').height(),slideshowText.find('.cycle-slide-active').height()) console.log(slideshowText.find('.cycle-sentinel').height(slideshowText.find('.cycle-slide-active').height())) });*/ slideshowContainer.on('cycle-before', function( e, opts ) { if (!slideshowContainer.is('.cycle-paused') ) { console.log('getting ready to animate'); } }); $('body').on('addtovisit:opening', function() { slideshowContainer.cycle('pause'); slideshowSmallLeft.cycle('pause'); slideshowSmallRight.cycle('pause'); slideshowText.cycle('pause'); // Reset the animation when paused. if (pauseIcon && pauseIcon.querySelector(progressSelector)) { } }); $('body').on('addtovisit:closed', function() { var arrowAnimateTime = {arrowAnimateTime}; if (pauseIcon) { } $('#slideshow-' + recordUid).cycle('resume'); $('#slideshow-' + recordUid + '-small-left').cycle('resume'); $('#slideshow-' + recordUid + '-small-right').cycle('resume'); $('#slideshow-' + recordUid + '-text').cycle('resume'); }); }); </script> <script type="text/javascript"> jQuery(document).on('personas:ready', function() { var $ = jQuery; // @note This assumes that video will only move to the second slide so we don't have issues with auto-starting on this re-init. // @todo-upgrade No more personas:ready, so this should start immediately. $('#slideshow-4823').cycle(); }); jQuery(document).ready(function($){ var progressBarPath; var autoplay = 1; var recordUid = '4823'; var progressSelector = '#progress-outer-circle-' + recordUid; if ($('html').hasClass('personas-ready')) // @todo-upgrade No more personas:ready, so this should start immediately. $('#slideshow-' + recordUid).cycle(); function getProgressBarPath() { if (!progressBarPath) { var arrowAnimateTime = 5500; progressBarPath = new ProgressBar.Path(pauseIcon.querySelector(progressSelector), { duration: arrowAnimateTime, }); } return progressBarPath; } var pauseIcon = $('#pause-icon-' + recordUid).get(0), slideshowContainer = $('#slideshow-' + recordUid); $('#slideshow-' + recordUid).waypoint(function(direction) { if (pauseIcon && pauseIcon.querySelector(progressSelector)) { var path = getProgressBarPath(); path.animate(1.0, function() { path.set(0); }); } if (autoplay) { $('#slideshow-' + recordUid).cycle('resume'); } }, { offset: 'bottom-in-view' }) slideshowContainer.on('cycle-before', function( e, opts, outgoingSlideEl, incomingSlideEl, forwardFlag) { if ( !(slideshowContainer.is('.cycle-paused')) && $('#pause-icon-' + recordUid).is(':visible') ) { var arrowAnimateTime = 5500; if (pauseIcon && pauseIcon.querySelector(progressSelector)) { var path = getProgressBarPath(true); path.set(0); path.animate(1.0, function() { path.set(0); }); } } $video = $(incomingSlideEl).find('video'); if ($video.length) { $video.each(function() { $(this).show(); this.play(); }); } }); slideshowContainer.on('cycle-after', function( e, opts, outgoingSlideEl, incomingSlideEl, forwardFlag) { $video = $(outgoingSlideEl).find('video'); if ($video.length) { $video.each(function() { $(this).hide(); this.pause(); }); } }); slideshowContainer.on('cycle-initialized', function( e, opts) { $video = $(this).find('.slide:first video'); if ($video.length) { $video.each(function() { this.play(); }); } }); slideshowContainer.on('cycle-paused', function( e, opts) { $('#pause-' + recordUid).hide(); $('#resume-' + recordUid).show(); }); slideshowContainer.on('cycle-resumed', function( e, opts) { var path = getProgressBarPath(); path.set(0); path.stop(); path.animate(1.0, function() { path.set(0); }); $('#resume-' + recordUid).hide(); $('#pause-' + recordUid).show(); }); slideshowContainer.on('cycle-next cycle-prev', function( e, opts) { $('#slideshow-' + recordUid).cycle('resume'); }); // slideshowContainer.on('cycle-next cycle-prev cycle-pager-activated', function( e, opts ) { slideshowContainer.on('cycle-pager-activated', function( e, opts ) { slideshowContainer.cycle('pause'); // Reset the animation when paused. if (pauseIcon && pauseIcon.querySelector(progressSelector)) { var path = getProgressBarPath(); path.stop(); path.set(0); } }); $('body').on('addtovisit:opening', function() { slideshowContainer.cycle('pause'); // Reset the animation when paused. if (pauseIcon && pauseIcon.querySelector(progressSelector)) { var path = getProgressBarPath(); path.stop(); path.set(0); } }); $('body').on('addtovisit:closed', function() { slideshowContainer.cycle('resume'); var arrowAnimateTime = 5500; if (pauseIcon) { var path = getProgressBarPath(); path.stop(); path.set(0); path.animate(1.0, function() { path.set(0); }); } }); // @todo - See if we can get this working without causing problems on all of the non-feature slides on the site slideshowContainer.css('height', slideshowContainer.find('.slide.first').height()).cycle(); setTimeout(function() { slideshowContainer.css('height', 'auto'); }, 500); }); </script> <script type="text/javascript"> MSI.Glide.createGlide("#glide-59805"); </script></body> </html>

CINXE.COM

Home - Griffin Museum of Science and Industry