

<!DOCTYPE html>
<html class="no-js">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="google-site-verification" content="IIB2y3sd9nOU94rS6_hSkK6R1Ueqqi1GRum8ubCt7rI" />
    <meta name="language" content="english">

    
    <title>Events | Skokie Public Library</title>

    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Lato:400,700" rel="stylesheet" type="text/css">

    <link rel="apple-touch-icon" sizes="57x57" href="/static/img/favicons/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/static/img/favicons/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/static/img/favicons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/static/img/favicons/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/static/img/favicons/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/static/img/favicons/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/static/img/favicons/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/static/img/favicons/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/static/img/favicons/apple-touch-icon-180x180.png">
    <link rel="icon" type="image/png" href="/static/img/favicons/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/static/img/favicons/android-chrome-192x192.png" sizes="192x192">
    <link rel="icon" type="image/png" href="/static/img/favicons/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="/static/img/favicons/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="/static/img/favicons/manifest.json">
    <link rel="shortcut icon" href="/static/img/favicons/favicon.ico">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/static/img/favicons/mstile-144x144.png">
    <meta name="msapplication-config" content="/static/img/favicons/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

    <link type="text/css" rel="stylesheet" href="/static/css/main.css?v=1.2">
    


    

    <meta property="og:site_name" content="Skokie Public Library"/>
    

    

    <script src="/static/js/modernizr.min.js"></script>
    <script src="/static/js/svg4everybody.min.js"></script>

  </head>

  <body  class=" ">

    <div class="cms-toolbar-bin">
    </div>

    
<section class="site-alert">
    <p>We will be closed on Monday, September 1.</p>
</section>

<section class="site-alert">
    <p><a href="https://skokielibrary.info/about/what-to-expect/">Our parking lot will be closed August 25–26. </a></p>
</section>


    

    

    <header class="contain-to-grid" role="banner"> <!-- add class 'fixed' -->
      <div class="my-account-bin">
              <nav class="top-bar nocontent" data-topbar role="navigation">
        <ul class="title-area">
          <!-- Title Area  -->
          <li class="name">
            <a href="/" title="homepage" class="brand">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="18 29.1 324 157.8"><path class="st0" d="M145.6 67.4c.8 1.4 1.9 2.5 3.3 3.2 1.3.7 2.8 1.1 4.6 1.1 1.1 0 2.1-.2 3-.5.9-.3 1.7-.8 2.4-1.4.7-.6 1.2-1.3 1.6-2.1.4-.8.6-1.7.6-2.8 0-1.2-.2-2.2-.7-2.9-.5-.8-1.2-1.4-2-1.9s-1.8-.9-2.8-1.3c-1-.4-2.1-.7-3.2-1.1-1.1-.4-2.2-.8-3.2-1.2-1-.5-2-1-2.8-1.8-.8-.7-1.5-1.6-2-2.7s-.7-2.4-.7-4c0-1.5.3-2.9.9-4 .6-1.2 1.4-2.2 2.4-2.9 1-.8 2.2-1.4 3.5-1.8 1.3-.4 2.7-.6 4.1-.6 1.9 0 3.6.3 5.2 1s3 1.8 4.1 3.3l-2.7 2c-.8-1.1-1.7-2-2.8-2.5-1.1-.6-2.4-.8-3.8-.8-1 0-2 .1-2.9.4-.9.3-1.7.7-2.4 1.2s-1.2 1.2-1.7 2c-.4.8-.6 1.8-.6 2.8 0 1.7.4 3 1.3 3.9.9.9 2 1.6 3.3 2.2 1.3.5 2.7 1 4.2 1.4s2.9.9 4.2 1.6c1.3.7 2.4 1.6 3.3 2.8.9 1.2 1.3 2.9 1.3 5 0 1.5-.3 2.9-.9 4.1-.6 1.2-1.4 2.2-2.3 3-1 .8-2.1 1.4-3.4 1.9-1.3.4-2.6.6-4 .6-2.3 0-4.3-.4-6.2-1.2-1.9-.8-3.5-2.1-4.9-4l2.7-2zM173.6 39.6h3.2v15h.3l16.5-15h4.4l-17.3 15.6 18.2 18.5h-4.6L177 56h-.3v17.6h-3.2v-34h.1zM201.1 56.6c0-2.6.4-5 1.3-7.2s2.1-4.1 3.6-5.7c1.5-1.6 3.4-2.8 5.6-3.7 2.2-.9 4.6-1.3 7.2-1.3 2.6 0 5 .4 7.2 1.3s4 2.1 5.6 3.7c1.5 1.6 2.7 3.5 3.6 5.7.9 2.2 1.3 4.6 1.3 7.2s-.4 5-1.3 7.2-2.1 4.1-3.6 5.7-3.4 2.8-5.6 3.7c-2.2.9-4.6 1.3-7.2 1.3-2.6 0-5-.4-7.2-1.3s-4-2.1-5.6-3.7-2.7-3.5-3.6-5.7c-.9-2.2-1.3-4.6-1.3-7.2zm3.1 0c0 2.1.3 4.1 1 5.9s1.6 3.4 2.9 4.8c1.2 1.3 2.8 2.4 4.5 3.2 1.8.8 3.8 1.2 6 1.2s4.2-.4 6-1.2c1.8-.8 3.3-1.8 4.6-3.2 1.2-1.4 2.2-2.9 2.9-4.8.7-1.8 1-3.8 1-5.9s-.3-4.1-1-5.9c-.7-1.8-1.6-3.4-2.9-4.8-1.3-1.3-2.8-2.4-4.6-3.2-1.8-.8-3.8-1.2-6-1.2s-4.2.4-6 1.2c-1.8.8-3.3 1.8-4.5 3.2-1.3 1.4-2.2 2.9-2.9 4.8-.6 1.8-1 3.8-1 5.9zM245.4 39.6h3.2v15h.3l16.5-15h4.4l-17.3 15.6 18.2 18.5h-4.6L248.9 56h-.3v17.6h-3.2v-34zM279.8 39.6h3.2v34.1h-3.2V39.6zM293.9 39.6h20.9v2.9h-17.7v12.1h16.6v2.9h-16.6v13.3h18.5v2.9H294l-.1-34.1zM144.7 88.9h9.8c1.2 0 2.4.1 3.7.4 1.3.3 2.5.7 3.6 1.4s2 1.6 2.7 2.8 1 2.6 1 4.4c0 1.5-.3 2.9-.8 4-.6 1.1-1.3 2.1-2.3 2.8-.9.7-2 1.3-3.3 1.6-1.2.4-2.5.5-3.9.5h-7.4V123h-3.2V88.9h.1zm3.2 15h7.2c.9 0 1.8-.1 2.7-.3.9-.2 1.6-.5 2.3-1 .7-.5 1.2-1.1 1.6-1.9.4-.8.6-1.7.6-2.8s-.2-2-.7-2.8c-.4-.8-1-1.4-1.7-1.9s-1.5-.9-2.4-1.1c-.9-.2-1.8-.3-2.7-.3h-7v12.1h.1zM199.4 109.9c0 1.8-.2 3.6-.6 5.3-.4 1.7-1.1 3.2-2.1 4.4-1 1.3-2.3 2.3-3.8 3.1-1.6.8-3.5 1.2-5.9 1.2s-4.3-.4-5.9-1.2c-1.6-.8-2.9-1.8-3.9-3.1s-1.7-2.8-2.1-4.4c-.4-1.7-.6-3.4-.6-5.3v-21h3.2v20.2c0 1.2.1 2.5.3 3.9s.7 2.7 1.3 3.9c.7 1.2 1.6 2.2 2.8 2.9 1.2.8 2.8 1.2 4.8 1.2s3.6-.4 4.8-1.2 2.1-1.8 2.8-2.9c.7-1.2 1.1-2.5 1.3-3.9s.3-2.7.3-3.9V88.9h3.2v21h.1zM210 88.9h9.8c1.3 0 2.6.1 3.9.3 1.3.2 2.5.6 3.5 1.3s1.9 1.6 2.6 2.7c.7 1.2 1 2.7 1 4.7 0 1.7-.5 3.2-1.5 4.5-1 1.3-2.6 2.1-4.6 2.6v.1c1.1.1 2.2.4 3.1.8.9.4 1.7 1 2.4 1.7s1.2 1.6 1.6 2.6c.4 1 .6 2.1.6 3.3 0 2-.4 3.6-1.1 4.8-.8 1.2-1.7 2.2-2.8 2.9s-2.4 1.2-3.7 1.4c-1.3.3-2.6.4-3.7.4H210V88.9zm3.2 14.7h6.6c1.6 0 3-.2 4-.6s1.8-.9 2.4-1.5c.6-.6 1-1.2 1.2-1.9.2-.7.3-1.3.3-1.8 0-1.2-.2-2.2-.6-3-.4-.8-.9-1.4-1.6-1.9s-1.5-.8-2.4-1c-.9-.2-1.8-.3-2.8-.3h-7l-.1 12zm0 16.5h7.3c1.9 0 3.4-.2 4.5-.7 1.1-.4 2-1 2.6-1.7.6-.7 1-1.4 1.2-2.1.2-.8.3-1.4.3-2 0-1.3-.2-2.3-.7-3.2-.5-.9-1.1-1.6-1.9-2.2-.8-.6-1.6-1-2.6-1.2-1-.3-2-.4-3-.4h-7.8v13.5h.1zM242.1 88.9h3.2v31.2h15.9v2.9h-19.1V88.9zM270.1 88.9h3.2V123h-3.2V88.9zM313 117.6c-1.6 2.2-3.5 3.8-5.7 4.8s-4.5 1.4-7 1.4c-2.6 0-5-.4-7.2-1.3s-4-2.1-5.6-3.7c-1.5-1.6-2.7-3.5-3.6-5.7-.9-2.2-1.3-4.6-1.3-7.2s.4-5 1.3-7.2 2.1-4.1 3.6-5.7 3.4-2.8 5.6-3.7c2.2-.9 4.6-1.3 7.2-1.3 2.3 0 4.5.4 6.5 1.2 2 .8 3.8 2.2 5.3 4.1l-2.6 2.2c-1.1-1.6-2.4-2.8-4.1-3.5-1.7-.7-3.3-1.1-5.1-1.1-2.2 0-4.2.4-6 1.2-1.8.8-3.3 1.8-4.6 3.2-1.3 1.3-2.2 2.9-2.9 4.8-.7 1.8-1 3.8-1 5.9s.3 4.1 1 5.9c.7 1.8 1.6 3.4 2.9 4.8 1.3 1.3 2.8 2.4 4.6 3.2 1.8.8 3.8 1.2 6 1.2.9 0 1.8-.1 2.7-.3s1.8-.5 2.7-1c.9-.4 1.7-1 2.5-1.6.8-.7 1.5-1.5 2.1-2.4l2.7 1.8zM144.7 138.2h3.2v31.2h15.9v2.9h-19.1v-34.1zM172.6 138.2h3.2v34.1h-3.2v-34.1zM186.4 138.2h9.8c1.3 0 2.6.1 3.9.3 1.3.2 2.5.6 3.5 1.3s1.9 1.6 2.6 2.7c.7 1.2 1 2.7 1 4.6 0 1.7-.5 3.2-1.5 4.5-1 1.3-2.6 2.1-4.6 2.6v.1c1.1.1 2.2.4 3.1.8.9.4 1.7 1 2.4 1.7s1.2 1.6 1.6 2.6c.4 1 .6 2.1.6 3.3 0 2-.4 3.6-1.1 4.8-.8 1.2-1.7 2.2-2.8 2.9-1.1.7-2.4 1.2-3.7 1.4-1.3.3-2.6.4-3.7.4h-10.9v-34h-.2zm3.2 14.7h6.6c1.6 0 3-.2 4-.6 1-.4 1.8-.9 2.4-1.5.6-.6 1-1.2 1.2-1.9.2-.7.3-1.3.3-1.8 0-1.2-.2-2.2-.6-3-.4-.8-.9-1.4-1.6-1.9-.7-.5-1.5-.8-2.4-1s-1.8-.3-2.8-.3h-7v12h-.1zm0 16.5h7.3c1.9 0 3.4-.2 4.5-.7 1.1-.4 2-1 2.6-1.7s1-1.4 1.2-2.1c.2-.8.3-1.4.3-2.1 0-1.3-.2-2.3-.7-3.2-.5-.9-1.1-1.6-1.9-2.2-.8-.6-1.7-1-2.6-1.2-1-.3-2-.4-3-.4h-7.8l.1 13.6zM218.2 138.2H229c.8 0 1.6.1 2.5.3s1.8.4 2.7.8c.9.4 1.8.9 2.5 1.5.7.7 1.3 1.5 1.8 2.6.5 1 .7 2.3.7 3.8 0 1.6-.3 3-.8 4-.6 1.1-1.3 1.9-2.1 2.6s-1.8 1.2-2.8 1.5-2 .5-2.9.7l9.9 16.4h-3.6l-9.6-16.2h-5.9v16.2h-3.2v-34.2zm3.2 15h6.7c1.7 0 3-.2 4.1-.6 1-.4 1.9-.9 2.4-1.5.6-.6 1-1.3 1.2-2 .2-.7.3-1.4.3-1.9 0-.6-.1-1.2-.3-1.9s-.6-1.4-1.2-2c-.6-.6-1.4-1.1-2.4-1.5-1-.4-2.4-.6-4.1-.6h-6.7v12zM261.3 138.2h3.3l14.4 34.1h-3.6l-3.7-9.1h-18.1l-3.9 9.1h-3.3l14.9-34.1zm1.5 3.5l-8 18.7h15.7l-7.7-18.7zM286.9 138.2h10.8c.8 0 1.6.1 2.5.3.9.2 1.8.4 2.7.8.9.4 1.8.9 2.5 1.5.7.7 1.3 1.5 1.8 2.6.5 1 .7 2.3.7 3.8 0 1.6-.3 3-.8 4-.6 1.1-1.3 1.9-2.1 2.6s-1.8 1.2-2.8 1.5-2 .5-2.9.7l9.9 16.4h-3.6l-9.6-16.2h-5.9v16.2h-3.2v-34.2zm3.2 15h6.7c1.7 0 3-.2 4.1-.6 1-.4 1.9-.9 2.4-1.5.6-.6 1-1.3 1.2-2 .2-.7.3-1.4.3-1.9 0-.6-.1-1.2-.3-1.9s-.6-1.4-1.2-2c-.6-.6-1.4-1.1-2.4-1.5-1-.4-2.4-.6-4.1-.6h-6.7v12zM326.3 157.6l-12.5-19.4h3.8l10.3 16.2 10.5-16.2h3.6l-12.5 19.4v14.7h-3.2v-14.7zM80.8 186.9L55 175.6 18 77.7l73.1-48.6-.4 39.2 32.5-21.9L108 169.5l-21.5-9.4 1-86-21.7 14.6 15 98.2zm-23.4-13.6l19.5 8.5-14.5-94.6 25.1-16.9.4-35.5-66.1 44 35.6 94.5zm32.2-15.2l15.8 6.9 13.8-112.2L90.6 72l-1 86.1z" /></svg>
            </a>
          </li>
          <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
          <li class="toggle-topbar menu-icon track" data-ga-category="Interface" data-ga-action="Click" data-ga-label="Mobile menu"><a href="#">Menu</a></li>
        </ul>

        <section class="top-bar-section">
          <!-- Right Nav Section -->
          <ul class="right">
            <li class="has-dropdown">
              <a href="/events" class="nav-item">Events</a>
              <ul class="dropdown mega-menu events-menu">
                <div class="row">
                  <div class="columns medium-4">
                    <li>
                    <span>Events For</span>
                    <ul>
                      <li><a href="/events/kids">Kids</a></li>
                      <li><a href="/events/teens">Teens</a></li>
                      <li><a href="/events/adults">Adults</a></li>
                      <li><a href="/events/ada-35">ADA 35</a></li>
                    </ul>
                  </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>Classes &amp; Schedules</span>
                      <ul>
                        <li><a href="https://skokielibrary.info/events/storytime/">Storytime</a></li>
                        <li><a href="/events/group/tech-classes">Tech classes</a></li>
                        <li><a href="/events/category/movie">Movie schedule</a></li>
                        <li><a href="/events/performances">Performances</a></li>
                        <li><a href="/events/group/book-discussions">Book discussions</a></li>
                        <!-- <li><a href="/events/author-visits">Author visits</a></li> -->
                        <li><a href="/events/group/author-events">Author visits</a></li>
                        <li><a href="https://skokielibrary.info/events/exhibits/">Exhibits</a></li>
                      </ul>
                    </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>Download</span>
                      <ul>
                        <li><a href="/events/newsletters/">Newsletters</a></li>
                        <li><a href="/events/handouts/">Handouts</a></li>
                      </ul>
                    </li>
                  </div>
                </div>
                <div class="row">
                  <div class="columns medium-12">
                    <a href="/events/propose-event" class="menu-extra border-extra">Propose an event</a>
                  </div>
                </div>
              </ul> <!-- end of mega dropdown -->
            </li>
            <li class="divider"></li>
            <li class="has-dropdown">
              <a href="/books-movies-more" class="nav-item">Books, movies, more</a>
              <ul class="dropdown mega-menu books-movies-more-menu">
                <div class="row">
                  <div class="columns medium-4">
                    <li>
                    <span>Find it</span>
                    <ul>
                      <li><a href="/books-movies-more/books">Books</a></li>
                      <li><a href="/books-movies-more/movies">Movies</a></li>
                      <li><a href="/books-movies-more/world-languages/">World Languages</a></li>
                      <li><a href="/books-movies-more/ebooks-downloads">eBooks &amp; downloads</a></li>
                    </ul>
                  </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>Recommendations</span>
                      <ul>
                        <li><a href="/lists">Lists</a></li>
                        <li><a href="/books-movies-more/bookmatch">Bookmatch</a></li>
                        <li><a href="/books-movies-more/bookmatch-kids">Bookmatch for Kids</a></li>
                        <li><a href="/books-movies-more/screenmatch">Screenmatch</a></li>
                        <li><a href="https://skokielibrary.info/services/families/birth-to-kindergarten/grow-reader/">Grow a Reader</a></li>
                      </ul>
                    </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>More</span>
                      <ul>
                        <li><a href="/books-movies-more/local-authors">Local authors</a></li>
                        <li><a href="/books-movies-more/new-coming-soon">New &amp; coming soon</a></li>
                        <!--<li><a href="http://readingclubs.skokielibrary.info">Summer Reading</a></li>-->
                      </ul>
                    </li>
                  </div>
                </div>
                <div class="row">
                  <div class="columns medium-12">
                    <a href="/books-movies-more/cant-find-item/" class="menu-extra border-extra">Can't find an item?</a>
                  </div>
                </div>
              </ul> <!-- end of mega dropdown -->
            </li>
            <li class="divider"></li>
            <li class="has-dropdown">
              <a href="/resources" class="nav-item">Resources</a>
              <ul class="dropdown mega-menu resources-menu">
                <div class="row">
                  <div class="columns medium-4">
                    <li>
                    <span>Information</span>
                    <ul>
                      <li><a href="/services/businesses/personal-financial-help/">Personal Finance</a></li>
                      <li><a href="/resources/tax-forms">Tax forms</a></li>
                      <li><a href="/resources/research/business-and-investing">Business &amp; investing</a></li>
                      <li><a href="/resources/research/consumer-information">Consumer info</a></li>
                      <li><a href="/voter-information">Voter information</a></li>
                      <li><a href="/resources/civic-lab">Civic Lab</a></li>
                    </ul>
                  </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>Learn &amp; Explore</span>
                      <ul>
                        <li><a href="/resources/online-training-tutorials">Online training &amp; tutorials</a></li>
                        <li><a href="/resources/homework-help">Homework help</a></li>
                        <li><a href="/resources/research/languages">Learn a language</a></li>
						<li><a href="/resources/studio">Studio</a></li>
                        <li><a href="/resources/boombox">BOOMbox</a></li>
                        <li><a href="/resources/fun-things-to-do">Fun Things To Do</a></li>
                        <li><a href="/resources/museums-attractions">Museums &amp; Attractions</a></li>
                      </ul>
                    </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>Research</span>
                      <ul>
                        <li><a href="/resources/research">Research a topic</a></li>
                        <li><a href="/resources/research/current-newspapers/">Current Newspapers</a></li>
                        <li><a href="/resources/research/genealogy">Genealogy</a></li>
                        <li><a href="/resources/local-history">Local history</a></li>
                      </ul>
                    </li>
                  </div>
                </div>
              </ul> <!-- end of mega dropdown -->
            </li>
            <li class="divider"></li>
            <li class="has-dropdown">
              <a href="/services" class="nav-item">Services</a>
              <ul class="dropdown mega-menu services-menu">
                <div class="row">
                  <div class="columns medium-4">
                    <li>
                    <span>Services For</span>
                    <ul>
                      <li><a href="/services/families">Families</a></li>
                      <li><a href="/services/educators-schools">Educators &amp; schools</a></li>
                      <li><a href="/services/early-childhood">Early Childhood Teachers</a></li>
                      <li><a href="/services/businesses">Businesses</a></li>
                      <li><a href="/services/job-seekers">Job Seekers</a></li>
                    </ul>
                  </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>&nbsp;</span>
                      <ul>
                        <li><a href="/services/esl-learners">ESL Learners</a></li>
                        <li><a href="/services/senior-services">Senior Services</a></li>
                      </ul>
                    </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>In the library</span>
                      <ul>
                        <li><a href="/services/study-meeting-rooms">Study &amp; meeting rooms</a></li>
                        <li><a href="/services/computers-technology">Computers &amp; technology</a></li>
                        <li><a href="/services/accessibility">Accessibility</a></li>
                        <li><a href="/services/test-proctoring">Test proctoring</a></li>
                      </ul>
                    </li>
                  </div>

                </div>
                <!--
                 <div class="row">
                  <div class="columns medium-12">
                    <a href="https://skokie.libnet.info/reserve" class="menu-extra border-extra">Reserve a study room</a>
                  </div>
                </div>
                -->
              </ul> <!-- end of mega dropdown -->
            </li>
            <li class="divider"></li>
            <li class="has-dropdown">
              <a href="/about" class="nav-item">About</a>
              <ul class="dropdown mega-menu about-menu">
                <div class="row">
                  <div class="columns medium-4">
                    <li>
                    <span>Get involved</span>
                    <ul>
                      <li><a href="/about/jobs">Jobs</a></li>
                      <li><a href="/about/volunteering">Volunteering</a></li>
                      <li><a href="/about/donations">Donations</a></li>
                    </ul>
                  </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>Using the library</span>
                      <ul>
                        <li><a href="/about/hours-location-contact">Hours, location, contact</a></li>
                        <li><a href="/about/what-to-expect">What to Expect</a></li>
                        <li><a href="/about/bookmobile">Bookmobile</a></li>
                        <li><a href="/about/library-cards">Library cards</a></li>
                        <li><a href="/about/getting-items">Getting Items</a></li>
                        <li><a href="/about/policies">Policies</a></li>
                      </ul>
                    </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>More info</span>
                      <ul>
                        <li><a href="/about">About us</a></li>
                        <li><a href="/about/staff">Staff</a></li>
                        <li><a href="/about/board">Board</a></li>
                        <li><a href="/about/history-building">History &amp; Building</a></li>
                        <li><a href="/blog/">Blog</a></li>
                        <li><a href="/renovation/">Renovation 2020</a></li>
                      </ul>
                    </li>
                  </div>
                </div>
                <div class="row">
                  <div class="columns medium-12">
                    <span class="tellus emailgen menu-extra border-extra">Have questions?</span>
                  </div>
                </div>
              </ul> <!-- end of mega dropdown -->
            </li>
            <li class="divider"></li>
            <!-- ReciteMe Icon-->
            <li class="has-dropdown">
              <a id='enableRecite'><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" xml:space="preserve" width="25" height="25"><title> Launch Recite Me assistive technology </title><path style="fill:#05757f" d="m17.782 7.899 -4.566 0.609H11.785l-4.566 -0.609c-0.608 -0.086 -1.161 0.344 -1.242 0.949 -0.08 0.605 0.344 1.161 0.949 1.242l3.698 0.493v2.794l-2.593 5.219c-0.272 0.547 -0.049 1.21 0.498 1.482a1.105 1.105 0 0 0 1.482 -0.498L12.5 14.569l2.491 5.011a1.105 1.105 0 0 0 1.482 0.498c0.546 -0.272 0.769 -0.935 0.498 -1.482l-2.594 -5.219V10.583l3.698 -0.493c0.605 -0.08 1.03 -0.636 0.949 -1.242 -0.081 -0.605 -0.637 -1.035 -1.242 -0.949"/><path style="fill:#05757f" d="M12.5 8.001c1.01 0 1.828 -0.819 1.828 -1.828s-0.819 -1.828 -1.828 -1.828c-1.01 0 -1.828 0.819 -1.828 1.828s0.819 1.828 1.828 1.828"/><path style="fill:#05757f" d="M12.5 0C5.608 0 0 5.608 0 12.5c0 2.629 0.816 5.07 2.208 7.085l-0.445 3.825 3.897 -0.453C7.627 24.248 9.977 25 12.5 25c6.892 0 12.5 -5.607 12.5 -12.5C25 5.608 19.393 0 12.5 0m0 23.158c-5.877 0 -10.658 -4.781 -10.658 -10.658 0 -5.877 4.781 -10.658 10.658 -10.658s10.658 4.781 10.658 10.658 -4.781 10.658 -10.658 10.658"/><g/><g/><g/><g/><g/><g/></svg></a>
            </li>
            <!-- End ReciteMe Icon-->            
            
            <li class="not-click nav-search-icon track" id="search-icon" data-ga-category="Search" data-ga-action="Click" data-ga-label="Navigation search">
              <?xml version="1.0" encoding="utf-8"?>
              <!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
              <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
              <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" width="27px" height="27px" viewBox="0 0 100 100" xml:space="preserve" class="nav-search-icon-svg">
              <path d="M86.464,79.452l-8.547-8.547l-6.808-6.808c3.502-4.926,5.582-10.93,5.582-17.422c0-16.639-13.537-30.176-30.176-30.176
                S16.341,30.036,16.341,46.675c0,16.638,13.535,30.174,30.174,30.174c6.951,0,13.341-2.385,18.447-6.348l11.7,11.7
                c0.144,0.144,0.305,0.258,0.462,0.377l3.107,3.107L86.464,79.452z M46.517,69.751C33.793,69.75,23.442,59.398,23.442,46.676
                c0-12.724,10.352-23.075,23.075-23.075s23.075,10.351,23.075,23.075c0,5.294-1.809,10.163-4.82,14.061
                c-0.995,1.287-2.113,2.475-3.354,3.527C57.394,67.678,52.196,69.751,46.517,69.751z"/>
              </svg>
            </li>
            
          </ul>
          
          <div class="nav-search-form-bin" id="search-bin">
            <div class="nav-search search-bar" id="search-bar">
              <input type="text" name="target" class="search-input track" id="search-query" placeholder="Search the catalog" data-ga-category="Search" data-ga-action="Click" data-ga-label="Input box">
              <select id="search-type">
                <option>Catalog</option>
                <option>Website</option>
              </select>
            </div>
          </div>
          

        </section>
      </nav>

        <a href="https://skokielibrary.bibliocommons.com/checkedout" class="button alert my-account small track" data-ga-category="Interface" data-ga-action="Click" data-ga-label="My Account">My Account</a>

        <a href="https://skokielibrary.bibliocommons.com/" class="catalog track catalog-regular-link" data-ga-category="Interface" data-ga-action="Click" data-ga-label="Catalog">Catalog</a>
      </div>

    </header> <!-- end of header container -->

    

    <main id="content" class="row" role="main">

      <div class="columns">

        
        


  <div class="row">
    <div class="medium-12 columns">
      
      <ul class="breadcrumbs">
<li>
	
	<a href="/">Home</a> <span class="separator">&raquo;</span>
	
</li>

<li>
	
	<span class="active">Events</span>
	
</li>
</ul>
      <h1 class="events-title">Events</h1>

      <ul class="event-sub-links">
        <li><a class="button small calendar-toggle event-view-toggle light track" href="/events/calendar/" data-ga-category="Event" data-ga-action="Click" data-ga-label="Calendar View">Calendar</a></li>
        <li><a class="button small list-view-toggle list-view-toggle event-view-toggle  track" href="/events/" data-ga-category="Event" data-ga-action="Click" data-ga-label="List View">List View</a></li>
      </ul>
    </div>
  </div>

  

  <!-- filter bar -->
  <div class="row">
  <div class="large-12 columns">
    <button class="show-for-small-only button expand light event-filter-button">Filter</button>
  </div>
</div>
<div class="row">
  <div class="large-12 columns show-for-medium-up">
    <div class="divider light thin filter-divider "></div>
  </div>
  <div class="large-12 columns filter-bin">
    <button class="button light event-filter-close-fixed">&times;</button>
    <h3 class="filter-events-by">Filter by</h3>
    <ul class="filters">
      <li class="filter-by-label"><label class="upper">Filter by:</label></li>
      <li class="audience Kids track"><a href="/events/kids/" data-ga-category="Event" data-ga-action="Click" data-ga-label="tag: Kids">Kids</a></li>
      <li class="audience Teens track"><a href="/events/teens/" data-ga-category="Event" data-ga-action="Click" data-ga-label="tag: Teens">Teens</a></li>
      <li class="audience Adults track"><a href="/events/adults/" data-ga-category="Event" data-ga-action="Click" data-ga-label="tag: Adults">Adults</a></li>

      <li class="category">
        <select class="filter-by-category" onchange="location = this.options[this.selectedIndex].value;">
            <option value="">Event type</option>
            
              
                <option value="/events/category/discussion/" class="track" data-ga-category="Event" data-ga-action="Click" data-ga-label="tag: Discussion">Discussion</option>
              
            
              
                <option value="/events/category/festival/" class="track" data-ga-category="Event" data-ga-action="Click" data-ga-label="tag: Festival">Festival</option>
              
            
              
                <option value="/events/category/internal-event/" class="track" data-ga-category="Event" data-ga-action="Click" data-ga-label="tag: Internal Event">Internal Event</option>
              
            
              
                <option value="/events/category/movie/" class="track" data-ga-category="Event" data-ga-action="Click" data-ga-label="tag: Movie">Movie</option>
              
            
              
                <option value="/events/category/nonlibrary-event/" class="track" data-ga-category="Event" data-ga-action="Click" data-ga-label="tag: Nonlibrary Event">Nonlibrary Event</option>
              
            
              
                <option value="/events/category/performance/" class="track" data-ga-category="Event" data-ga-action="Click" data-ga-label="tag: Performance">Performance</option>
              
            
              
                <option value="/events/category/presentation/" class="track" data-ga-category="Event" data-ga-action="Click" data-ga-label="tag: Presentation">Presentation</option>
              
            
              
                <option value="/events/category/social-gathering/" class="track" data-ga-category="Event" data-ga-action="Click" data-ga-label="tag: Social Gathering">Social Gathering</option>
              
            
              
                <option value="/events/category/spaced-based-learning/" class="track" data-ga-category="Event" data-ga-action="Click" data-ga-label="tag: Spaced-based Learning">Spaced-based Learning</option>
              
            
              
                <option value="/events/category/storytime/" class="track" data-ga-category="Event" data-ga-action="Click" data-ga-label="tag: Storytime">Storytime</option>
              
            
              
                <option value="/events/category/workshop/" class="track" data-ga-category="Event" data-ga-action="Click" data-ga-label="tag: Workshop">Workshop</option>
              
            
              
                <option value="/events/category/xcommunity-connection/" class="track" data-ga-category="Event" data-ga-action="Click" data-ga-label="tag: xCommunity Connection">xCommunity Connection</option>
              
            
              
                <option value="/events/category/xprivate-partner/" class="track" data-ga-category="Event" data-ga-action="Click" data-ga-label="tag: xPrivate Partner">xPrivate Partner</option>
              
            
        </select>
      </li>

      
      <li class="date">
        <input type="button" placeholder="Tuesday, August 26" readonly id="datepicker" class="datepicker button light jump-to-date track " name="date" value="Jump to date&nbsp;&nbsp;&#9662;" data-ga-category="Event" data-ga-action="Action" data-ga-label="Jump to date">
      </li>
    </ul>

    <button class="expand event-filter-close">Done</button>
  </div>
  <div class="large-12 columns show-for-medium-up">
    <div class="divider light thin filter-divider"></div>
  </div>

  
    <div class="large-12 columns">
      <a href="/events/2025/08/19/" class="prev-month button small left"><i class="back-arrow"></i><i class="back-arrow"></i><i class="back-arrow"></i></a>
      <a href="/events/2025/09/02/" class="next-month button small right"><i class="arrow"></i><i class="arrow"></i><i class="arrow"></i></a>

      <h2 class="current-month">Tuesday, August 26, 2025</h2>

      
    </div>
  
</div>


  
    
  
  
    <div class="row">
      <div class="large-12 columns day-header">
        <h2>Tuesday, August 26</h2>
      </div>
    </div>
    

  <div class="row event">
    <div class="medium-2 columns">
      <span class="event-time">9:15 am - 12:15 pm</span>

      <div>
      
        <span class="block Adults "></span>
      
      </div>

    </div>
    <div class="medium-3 columns">
      <h3 class="event-title"><a href="/events/20640/oakton-college-adult-literacy-class">Oakton College Adult Literacy Class</a></h3>

      
        <span class="category">Workshop</span>
      

    </div>
    <div class="medium-7 columns">
      <p class="event-description"></p>

      
    </div>
    <div class="large-12 columns">
      <div class="divider"></div>
    </div>
  </div>
  

  <div class="row event">
    <div class="medium-2 columns">
      <span class="event-time">10:00 am - 11:00 am</span>

      <div>
      
        <span class="block Kids "></span>
      
      </div>

    </div>
    <div class="medium-3 columns">
      <h3 class="event-title"><a href="/events/20709/stay-and-play">Stay and Play </a></h3>

      
        <span class="category">Social Gathering</span>
      

    </div>
    <div class="medium-7 columns">
      <p class="event-description"></p>

      
    </div>
    <div class="large-12 columns">
      <div class="divider"></div>
    </div>
  </div>
  

  <div class="row event">
    <div class="medium-2 columns">
      <span class="event-time">1:30 pm - 6:00 pm</span>

      <div>
      
        <span class="block Adults "></span>
      
      </div>

    </div>
    <div class="medium-3 columns">
      <h3 class="event-title"><a href="/events/20710/versiti-blood-drive">Versiti Blood Drive <span style="color:red"><br>Canceled</span></a></h3>

      
        <span class="category">Nonlibrary Event</span>
      

    </div>
    <div class="medium-7 columns">
      <p class="event-description"></p>

      
    </div>
    <div class="large-12 columns">
      <div class="divider"></div>
    </div>
  </div>
  

  <div class="row event">
    <div class="medium-2 columns">
      <span class="event-time">4:00 pm - 5:00 pm</span>

      <div>
      
        <span class="block Teens "></span>
      
      </div>

    </div>
    <div class="medium-3 columns">
      <h3 class="event-title"><a href="/events/20817/courtyard-games-for-teens">Courtyard Games for Teens</a></h3>

      
        <span class="category">Social Gathering</span>
      

    </div>
    <div class="medium-7 columns">
      <p class="event-description"></p>

      
    </div>
    <div class="large-12 columns">
      <div class="divider"></div>
    </div>
  </div>
  

  <div class="row event">
    <div class="medium-2 columns">
      <span class="event-time">4:30 pm - 6:00 pm</span>

      <div>
      
        <span class="block Kids "></span>
      
      </div>

    </div>
    <div class="medium-3 columns">
      <h3 class="event-title"><a href="/events/20766/adventure-club-taskmaster-edition">Adventure Club: Taskmaster Edition</a></h3>

      
        <span class="category">Social Gathering</span>
      

    </div>
    <div class="medium-7 columns">
      <p class="event-description"></p>

      
        
          
            <a href="http://skokie.libnet.info/event/13620605?registration=true" class="button right track" data-ga-category="Event" data-ga-action="Click" data-ga-label="Register">Register<i class="arrow-w"></i><i class="arrow-w"></i><i class="arrow-w"></i></a>
          
        
      
    </div>
    <div class="large-12 columns">
      <div class="divider"></div>
    </div>
  </div>
  

  <div class="row event">
    <div class="medium-2 columns">
      <span class="event-time">6:30 pm - 8:00 pm</span>

      <div>
      
        <span class="block Adults "></span>
      
      </div>

    </div>
    <div class="medium-3 columns">
      <h3 class="event-title"><a href="/events/20641/oakton-college-citizenship-class">Oakton College Citizenship Class</a></h3>

      
        <span class="category">Workshop</span>
      

    </div>
    <div class="medium-7 columns">
      <p class="event-description"></p>

      
    </div>
    <div class="large-12 columns">
      <div class="divider"></div>
    </div>
  </div>
  

    <div class="row">
      <div class="large-12 columns day-header">
        <h2>Wednesday, August 27</h2>
      </div>
    </div>
    

  <div class="row event">
    <div class="medium-2 columns">
      <span class="event-time">10:00 am - 10:45 am</span>

      <div>
      
        <span class="block Kids "></span>
      
      </div>

    </div>
    <div class="medium-3 columns">
      <h3 class="event-title"><a href="/events/20875/storytime-stroll">Storytime Stroll</a></h3>

      
        <span class="category">Storytime</span>
      

    </div>
    <div class="medium-7 columns">
      <p class="event-description"></p>

      
        
          
            <a href="http://skokie.libnet.info/event/13642543?registration=true" class="button right track" data-ga-category="Event" data-ga-action="Click" data-ga-label="Register">Register<i class="arrow-w"></i><i class="arrow-w"></i><i class="arrow-w"></i></a>
          
        
      
    </div>
    <div class="large-12 columns">
      <div class="divider"></div>
    </div>
  </div>
  

  <div class="row event">
    <div class="medium-2 columns">
      <span class="event-time">12:30 pm - 2:00 pm</span>

      <div>
      
        <span class="block Adults "></span>
      
      </div>

    </div>
    <div class="medium-3 columns">
      <h3 class="event-title"><a href="/events/20676/esl-cafe">ESL Café</a></h3>

      
        <span class="category">Discussion</span>
      

    </div>
    <div class="medium-7 columns">
      <p class="event-description"></p>

      
    </div>
    <div class="large-12 columns">
      <div class="divider"></div>
    </div>
  </div>
  

  <div class="row event">
    <div class="medium-2 columns">
      <span class="event-time">2:00 pm - 4:00 pm</span>

      <div>
      
        <span class="block Adults "></span>
      
      </div>

    </div>
    <div class="medium-3 columns">
      <h3 class="event-title"><a href="/events/20677/one-on-one-tech-help">One-on-One Tech Help</a></h3>

      
        <span class="category">Workshop</span>
      

    </div>
    <div class="medium-7 columns">
      <p class="event-description"></p>

      
    </div>
    <div class="large-12 columns">
      <div class="divider"></div>
    </div>
  </div>
  

  <div class="row event">
    <div class="medium-2 columns">
      <span class="event-time">7:00 pm - 8:45 pm</span>

      <div>
      
        <span class="block Adults "></span>
      
      </div>

    </div>
    <div class="medium-3 columns">
      <h3 class="event-title"><a href="/events/20853/pages-through-history-empress-of-the-east">Pages Through History: Empress of the East</a></h3>

      
        <span class="category">Discussion</span>
      

    </div>
    <div class="medium-7 columns">
      <p class="event-description"></p>

      
        
          
            <a href="http://skokie.libnet.info/event/13641650?registration=true" class="button right track" data-ga-category="Event" data-ga-action="Click" data-ga-label="Register">Register<i class="arrow-w"></i><i class="arrow-w"></i><i class="arrow-w"></i></a>
          
        
      
    </div>
    <div class="large-12 columns">
      <div class="divider"></div>
    </div>
  </div>
  

    <div class="row">
      <div class="large-12 columns day-header">
        <h2>Thursday, August 28</h2>
      </div>
    </div>
    

  <div class="row event">
    <div class="medium-2 columns">
      <span class="event-time">11:00 am - 12:00 pm</span>

      <div>
      
        <span class="block Adults "></span>
      
      </div>

    </div>
    <div class="medium-3 columns">
      <h3 class="event-title"><a href="/events/20818/getting-started-with-libby-and-hoopla">Getting Started with Libby and Hoopla</a></h3>

      
        <span class="category">Presentation</span>
      

    </div>
    <div class="medium-7 columns">
      <p class="event-description"></p>

      
        
          
            <a href="http://skokie.libnet.info/event/13574255?registration=true" class="button right track" data-ga-category="Event" data-ga-action="Click" data-ga-label="Register">Register<i class="arrow-w"></i><i class="arrow-w"></i><i class="arrow-w"></i></a>
          
        
      
    </div>
    <div class="large-12 columns">
      <div class="divider"></div>
    </div>
  </div>
  

  <div class="row event">
    <div class="medium-2 columns">
      <span class="event-time">12:00 pm - 1:00 pm</span>

      <div>
      
        <span class="block Adults "></span>
      
      </div>

    </div>
    <div class="medium-3 columns">
      <h3 class="event-title"><a href="/events/20819/getting-started-with-google-drive-and-cloud-storage">Getting Started with Google Drive and Cloud Storage</a></h3>

      
        <span class="category">Workshop</span>
      

    </div>
    <div class="medium-7 columns">
      <p class="event-description"></p>

      
        
          
           <a href="http://skokie.libnet.info/event/13636653" class="button right track waitlist_button" data-ga-category="Event" data-ga-action="Click" data-ga-label="Waitlist">Join the waitlist <div class="waitlist_circle waitlist_circle_white"></div></a>
          
        
      
    </div>
    <div class="large-12 columns">
      <div class="divider"></div>
    </div>
  </div>
  

    <div class="row">
      <div class="large-12 columns day-header">
        <h2>Friday, August 29</h2>
      </div>
    </div>
    

  <div class="row event">
    <div class="medium-2 columns">
      <span class="event-time">1:30 pm - 3:30 pm</span>

      <div>
      
        <span class="block Adults "></span>
      
      </div>

    </div>
    <div class="medium-3 columns">
      <h3 class="event-title"><a href="/events/20820/friday-film-bride-prejudice">Friday Film: Bride & Prejudice</a></h3>

      
        <span class="category">Movie</span>
      

    </div>
    <div class="medium-7 columns">
      <p class="event-description"></p>

      
    </div>
    <div class="large-12 columns">
      <div class="divider"></div>
    </div>
  </div>
  

    <div class="row">
      <div class="large-12 columns day-header">
        <h2>Saturday, August 30</h2>
      </div>
    </div>
    

  <div class="row event">
    <div class="medium-2 columns">
      <span class="event-time">10:00 am - 10:30 am</span>

      <div>
      
        <span class="block Kids "></span>
      
      </div>

    </div>
    <div class="medium-3 columns">
      <h3 class="event-title"><a href="/events/20774/saturday-family-storytime">Saturday Family Storytime <span style="color:red"><br>Canceled</span></a></h3>

      
        <span class="category">Storytime</span>
      

    </div>
    <div class="medium-7 columns">
      <p class="event-description"></p>

      
    </div>
    <div class="large-12 columns">
      <div class="divider"></div>
    </div>
  </div>
  

    <div class="row">
      <div class="large-12 columns day-header">
        <h2>Sunday, August 31</h2>
      </div>
    </div>
    

  <div class="row event">
    <div class="medium-2 columns">
      <span class="event-time">3:00 pm - 4:15 pm</span>

      <div>
      
        <span class="block Adults "></span>
      
      </div>

    </div>
    <div class="medium-3 columns">
      <h3 class="event-title"><a href="/events/20821/violin-and-cello-duo-jonathan-kuo-and-alexei-romanenko">Violin and Cello Duo: Jonathan Kuo and Alexei Romanenko</a></h3>

      
        <span class="category">Performance</span>
      

    </div>
    <div class="medium-7 columns">
      <p class="event-description"></p>

      
    </div>
    <div class="large-12 columns">
      <div class="divider"></div>
    </div>
  </div>
  


<a href="/events/2025/09/02/" class="button right light">Next week <i class="arrow"></i><i class="arrow"></i><i class="arrow"></i></a>



  


  
  

</div>



      </div>
    </main>

    

    

    <footer role="content:info">
      <div class="newsletters">
        <div class="row">
          <div class="large-4 small-12 columns">
            <!-- <span> SIGN UP FOR LIBRARY EMAILS </span> -->
          </div>
          <div class="large-8 small-12 columns">
            <div class="row">
              <div class="small-centered">
                <div class="row collapse">
                  <!-- <a href="https://skokielibrary.info/sign-up-for-email-updates/" style="color:#ffffff;"> <img src="https://skokielibrary.info/media/filer_public/e9/9a/e99a4d71-8c9f-4280-8ce5-6eb9e024ca38/sign-up-for-library-emails-button-2.png " alt="SIGN UP FOR LIBRARY EMAILS"> </a> -->
                  <!-- <a href="https://skokielibrary.info/sign-up-for-email-updates/" style="color:#ffffff;"> <img src="https://skokielibrary.info/media/filer_public/33/24/3324b457-21fc-4ad8-b3a4-4a7183b3b1db/sign-up-for-library-emails-button_002.png" alt="SIGN UP FOR LIBRARY EMAILS"> </a>  -->
                  <!-- <form method="post" action="https://visitor.r20.constantcontact.com/d.jsp?llr=jqu9zxbab&p=oi&m=1101384208905&sit=htrcsavbb&f=adf71866-4022-459f-9ee6-f2763c19fbb1" target="_blank">
                    <input type="hidden" name="m" value="1101384208905">
                    <div class="small-12 columns">
                      <input type="text" name="ea" placeholder="Your email address">
                      <input type="submit" name="go" value="Subscribe" class="postfix">
                    </div>
                  </form> -->
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="contact-info">
        <div class="row">
          <div class="medium-4 columns">
            <h3>Skokie Public Library</h3>
            <ul>
              <li>5215 Oakton Street</li>
              <li>Skokie, Illinois 60077</li>
              <li><a href="tel:847-673-7774" title="+1-847-673-7774" class="library-phone-number">847-673-7774</a></li>
              <li><span class="tellus emailgen"></span></li>
            </ul>
          </div>
          <div class="medium-4 columns">
          <h3>Hours</h3>
            <ul>
              <!-- <li>See our current <a href="/about/hours-location-contact">hours and services</a>.</li> -->
              <li>Monday-Friday, 9 am to 9 pm</li><li>Saturday, 9 am to 6 pm</li><li>Sunday, noon to 6 pm</li>
            </ul>
          </div>
          <div class="medium-4 columns">
            <a href="/" class="brand stamp">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="55.4 29.1 105.2 157.8"><path class="st0" d="M117.8 186.9L92 175.6 55 77.7l73.1-48.6-.4 39.2 32.5-21.9L145 169.5l-21.5-9.4 1-86-21.7 14.6 15 98.2zm-23.4-13.6l19.5 8.5-14.5-94.6 25.1-16.9.4-35.5-66.1 44 35.6 94.5zm32.2-15.2l15.8 6.9 13.8-112.2L127.6 72l-1 86.1z" /></svg>
            </a>
          </div>
        </div>
        <div class="footer-bottom">
          <div class="row">
            
            <!-- <a href="https://skokielibrary.info/sign-up-for-email-updates/">SIGN UP FOR LIBRARY EMAILS</a> -->

            
            <div class="medium-12 columns connect">
                     
              <a href="https://skokielibrary.info/sign-up-for-email-updates/"><img src="https://skokielibrary.info/media/filer_public/d9/57/d957f24a-7a23-45ea-82a6-aa648c488318/sign-up-for-library-emails-button-5.png" alt="SIGN UP FOR LIBRARY EMAILS"></a>  
              
              <a href="https://www.facebook.com/skokielibrary" title="Facebook" target="_blank" rel="noopener noreferrer" class="social-link track" data-ga-category="Interface" data-ga-action="Click" data-ga-label="Facebook">
                <img src="/static/img/social/Facebook.png" alt="Facebook" />
              </a>

              <a href="https://instagram.com/skokielibrary" title="Instagram" target="_blank" rel="noopener noreferrer" class="social-link track" data-ga-category="Interface" data-ga-action="Click" data-ga-label="Instagram">
                <img src="/static/img/social/Instagram.png" alt="Instagram" />
              </a>
              
              <a href="https://www.youtube.com/skokielibrary" title="Youtube" target="_blank" rel="noopener noreferrer" class="social-link track" data-ga-category="Interface" data-ga-action="Click" data-ga-label="YouTube">
                <img src="/static/img/social/YouTube.png" alt="YouTube" />
              </a>
              
              <a href="https://www.twitter.com/skokielibrary" title="Twitter" target="_blank" rel="noopener noreferrer" class="social-link track" data-ga-category="Interface" data-ga-action="Click" data-ga-label="Twitter">
                <img src="/static/img/social/Twitter-X.png" alt="Twitter" />
              </a>
              
            </div>
            
            
          </div>
        </div>
      </div>
      <div class="translate">
  <div class="row">
    <div class="medium-12 columns">
      <style>
        .translate{
          padding: 1rem 0;
        }
        .goog-te-gadget{
          font-family: inherit;
        }
        .goog-te-gadget-simple{
          border: 1px solid #dcd3ce;
        }
      </style>
      <div id="google_translate_element"></div>
      <script type="text/javascript">
        function googleTranslateElementInit() {
          new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'ar,de,es,fr,gu,hi,iw,ja,ko,ru,ur,vi,zh-CN', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, gaTrack: true, gaId: 'UA-57803033-1'}, 'google_translate_element');
        }
        </script>
      <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
    </div>
  </div>
</div>

    </footer>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="/static/js/all.min.js?v=1.1"></script>

<!-- Old Universal Analytics analytics.js Script -->
    <script>
      /* Google Analytics */
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-57803033-1', 'auto');
      ga('send', 'pageview');

      //function to add event tracker to certain links with class .track
      $(function(){
        if (typeof ga !== undefined){

          //find each link with "track" class and add tracking event
          $('.track').each(function(){
            //category, action, label
            var c, a, l;

            //use links data attributes for variables\
            c = $(this).attr('data-ga-category');
            a = $(this).attr('data-ga-action');
            l = $(this).attr('data-ga-label');
            //bind click event
            $(this).bind('click', function(){
              ga('send', 'event', c, a, l);

            }).addClass('tracking');
          });
        }
      });
    </script>

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-JWJ93LWN48"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-JWJ93LWN48');
      //function to add event tracker to certain links with class .track
      $(function(){ 
        if (typeof gtag !== undefined){

          //find each link with "track" class and add tracking event
          $('.track').each(function(){
            //category, action, label
            var event_category, event_action, event_label;

            //use links data attributes for variables\
            event_category = $(this).attr('data-ga-category');
            event_action = $(this).attr('data-ga-action');
            event_label = $(this).attr('data-ga-label');
            //bind click event
            $(this).bind('click', function(){
              gtag('event', event_action, {event_category, event_label});

            }).addClass('tracking');
          });
        }
      });
    </script>
    
    <!-- Recite Me -->
<script>
  var serviceUrl = "//api.reciteme.com/asset/js?key=";
  var serviceKey = "aab2ff4ca92452e8ba873637e723cf5704edd158";
  var options = {};  // Options can be added as needed
  var autoLoad = false;
  var enableFragment = "#reciteEnable";
  var loaded = [], frag = !1; window.location.hash === enableFragment && (frag = !0); function loadScript(c, b) { var a = document.createElement("script"); a.type = "text/javascript"; a.readyState ? a.onreadystatechange = function () { if ("loaded" == a.readyState || "complete" == a.readyState) a.onreadystatechange = null, void 0 != b && b() } : void 0 != b && (a.onload = function () { b() }); a.src = c; document.getElementsByTagName("head")[0].appendChild(a) } function _rc(c) { c += "="; for (var b = document.cookie.split(";"), a = 0; a < b.length; a++) { for (var d = b[a]; " " == d.charAt(0);)d = d.substring(1, d.length); if (0 == d.indexOf(c)) return d.substring(c.length, d.length) } return null } function loadService(c) { for (var b = serviceUrl + serviceKey, a = 0; a < loaded.length; a++)if (loaded[a] == b) return; loaded.push(b); loadScript(serviceUrl + serviceKey, function () { "function" === typeof _reciteLoaded && _reciteLoaded(); "function" == typeof c && c(); Recite.load(options); Recite.Event.subscribe("Recite:load", function () { Recite.enable() }) }) } "true" == _rc("Recite.Persist") && loadService(); if (autoLoad && "false" != _rc("Recite.Persist") || frag) document.addEventListener ? document.addEventListener("DOMContentLoaded", function (c) { loadService() }) : loadService();

  document.addEventListener("DOMContentLoaded", function(event) {

    document.getElementById('enableRecite').addEventListener("click", function() {
    
        loadService();
    
    });
    document.getElementById('launchRecite').addEventListener("click", function() {
    
      loadService();
  
  });

    
    });
  
  
</script>

    
<script src="/static/js/moment.js"></script>
<script src="/static/js/pikaday.js"></script>
<script>
  var now = moment();
  var defaultDate = moment('2025/08/26');

  var picker = new Pikaday({
    field: document.getElementById('datepicker'),
    format: 'YYYY/MM/DD',
    defaultDate: new Date('2025/08/26'),
    onSelect: function() {
      var date = document.getElementById('datepicker').value;
      window.location.replace("/events/" + date + "/");
    }
  });

  // disable other filters when selection is made
  var audience = "All";
  var audience_list = ["Kids", "Teens", "Adults", "All-Ages"];

  if ($.inArray(audience, audience_list) > -1) {
    $( ".audience" ).each(function( index ) {
      if ($(this).attr('class').indexOf(audience) < 0) {
        $( this ).addClass('disabled');
      }
    });
  }

  /*
      Filter by tags
  */
  $('.event-filter-button').click(function() {
    $('.filter-bin').toggleClass('modal-fullscreen');
    $('body').css('overflow', 'hidden');
  });

  // on close
  $('.event-filter-close-fixed').click(function() {
    $('.filter-bin').removeClass('modal-fullscreen');
    $('body').css('overflow', 'auto');
  });

  // on close
  $('.event-filter-close').click(function() {
    $('.filter-bin').removeClass('modal-fullscreen');
    $('body').css('overflow', 'auto');
  });

</script>



    <script src="/static/js/scripts.js?v=1.2"></script>
    <script src="/static/js/emailgen.js"></script>

    


  </body>
</html>
