Ever. Wonder. | Stratford Public Library

<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8" /> <meta name="description" content="LIBRARY HOURS: Monday, 10am - 9pm; Tuesday, 10am - 9pm; Wednesday, 10am - 9pm ; Thursday, 10am - 9pm ; Friday, 10am - 6pm ; Saturday, 10am - 5pm ; Sunday, 2pm - 5pm" /> <link rel="shortlink" href="https://splibrary.ca/" /> <link rel="canonical" href="https://splibrary.ca/" /> <meta name="Generator" content="Drupal 9 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/themes/custom/spl/favicon.ico" type="image/vnd.microsoft.icon" /> <script src="/sites/default/files/google_tag/splibrary_tag/google_tag.script.js?sncu1a" defer></script> <script src="/sites/default/files/google_tag/stratfordlibrary_tag/google_tag.script.js?sncu1a" defer></script> <title>Ever. Wonder. | Stratford Public Library</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_ZeqwD0PLzGVRFHhypx5l6G7aXFfOJunWaQmidzvzaYA.css" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_zOXK6Uie_hMlaIRLVpji7QJ-Q87HKnX7873iz-KtCVY.css" /> <script src="/libraries/alpinejs/dist/cdn.min.js?v=3.7.x" defer></script> </head> <body class="path-frontpage"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MKG66LL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KWB68JG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div id="page-wrapper" class="tw-font-sans tw-text-gray-700"> <div id="page" class="tw-antialiased"> <div class="tw-bg-purple-200 tw-font-medium tw-text-white" x-data="{ open: true }" x-show.transition="open"> <div class="tw-container tw-mx-auto tw-px-4 sm:tw-px-6 lg:tw-px-8 tw-py-3 region region-alert"> <div id="block-notice" data-block-plugin-id="spl_support_site_wide_notice" class="settings-tray-editable tw-relative tw-flex tw-flex-wrap tw-items-center tw-justify-between block block-spl-support block-spl-support-site-wide-notice" data-drupal-settingstray="editable"> <h2 class="block__title tw-capitalize tw-text-purple-300 tw-mb-4 tw-text-2xl">Site wide notice</h2> <div class="tw-w-0 tw-flex-1 tw-flex tw-items-center"> <div class="tw-flex tw-p-2 tw-rounded-sm tw-bg-purple-300"> <svg class="tw-h-6 tw-w-6 tw-text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"></path> </svg> </div> <div class="tw-ml-3 tw-truncate"> <div class="tw-inline md:tw-hidden"><p class="tw-leading-6 tw-font-medium tw-space-y-1">POSTAL STRIKE: Printed Library notices and InterLibrary Loans will be suspended during the strike period. <a href="/about-us/contact-us" data-entity-type="node" data-entity-uuid="6d2f9828-8907-4c63-9ade-78ab13cac91f" data-entity-substitution="canonical" title="Contact Us">Contact SPL</a> for more information.聽</p></div> <div class="tw-hidden md:tw-inline"><p class="tw-leading-6 tw-font-medium tw-space-y-1">POSTAL STRIKE: Printed Library notices and InterLibrary Loans will be suspended during the strike period. <a href="/about-us/contact-us" data-entity-type="node" data-entity-uuid="6d2f9828-8907-4c63-9ade-78ab13cac91f" data-entity-substitution="canonical" title="Contact Us">Contact SPL</a> for more information.聽</p></div> </div> </div> <div class="tw-order-2 tw-flex-shrink-0 sm:tw-order-3 sm:tw-ml-3"> <button type="button" class="tw--mr-1 tw-flex tw-p-2 tw-rounded-md hover:tw-bg-purple-300 focus:tw-outline-none focus:tw-bg-purple-300 sm:tw--mr-2 tw-transition tw-ease-in-out tw-duration-150" @click="open = false" aria-label="Dismiss"> <svg class="tw-h-6 tw-w-6 tw-text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> </div> </div> </div> <div id="leaderboard-wrapper" class="tw-bg-gray-100 tw-py-2 tw-text-sm"> <div class="tw-container tw-mx-auto tw-px-4 sm:tw-px-6 lg:tw-px-8 tw-uppercase tw-text-sm sm:tw-flex sm:tw-flex-col md:tw-flex-row md:tw-items-center md:tw-justify-end region region-leaderboard"> <div id="block-accountinfoforgreytoolbar" data-block-plugin-id="block_content:71eaf11e-8ea4-45a8-a985-760c1a969f51" class="settings-tray-editable tw-relative block block-block-content block-block-content71eaf11e-8ea4-45a8-a985-760c1a969f51" data-drupal-settingstray="editable"> <div class="tw-prose tw-max-w-none clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><a data-entity-substitution="canonical" data-entity-type="node" data-entity-uuid="6d2f9828-8907-4c63-9ade-78ab13cac91f" href="/about-us/contact-us" media_library="Media Library" title="Contact Us">CONTACT SPL</a>聽聽聽|聽聽聽<a href="https://spl.bibliocommons.com/user/login?destination=%2Fcheckedout" media_library="Media Library">MY ACCOUNT</a></p> </div> </div> </div> </div> <header id="header" role="banner" class="header-wrapper tw-py-2"> <div class="tw-container tw-mx-auto tw-px-4 sm:tw-px-6 lg:tw-px-8 tw-flex tw-flex-col tw-space-y-4 md:tw-space-y-0 sm:tw-grid sm:tw-grid-cols-2 md:tw-grid-cols-3 region region-header"> <div id="block-spl-branding" data-block-plugin-id="system_branding_block" class="settings-tray-editable tw-relative block block-system block-system-branding-block" data-drupal-settingstray="editable"> <a href="/" rel="home" class="site-logo"> <img src="/themes/custom/spl/logo.svg" alt="Home" /> </a> </div> <div class="views-exposed-form settings-tray-editable tw-relative md:tw-col-start-3 tw-flex block block-views block-views-exposed-filter-blocksearch-content-page-1" data-drupal-selector="views-exposed-form-search-content-page-1" id="block-exposed-form-search-content-page-1-header" data-block-plugin-id="views_exposed_filter_block:search_content-page_1" data-drupal-settingstray="editable"> <form action="/search/content" method="get" id="views-exposed-form-search-content-page-1" accept-charset="UTF-8" class="tw-flex-grow tw-self-center"> <div class="tw-space-y-5"> <div id="edit-search-target-toggle" class="tw-flex tw-justify-start tw-text-purple-300 tw-uppercase tw-mb-3 tw-text-sm tw-font-bold form-radios"><div class="tw-inline-flex tw-items-center js-form-item form-item js-form-type-radio form-type-radio js-form-item-search-target-toggle form-item-search-target-toggle"> <input data-drupal-selector="edit-search-target-toggle-catalogue" type="radio" id="edit-search-target-toggle-catalogue" name="search_target_toggle" value="catalogue" checked="checked" class="form-radio tw-form-radio tw-mr-1" /> <label for="edit-search-target-toggle-catalogue" class="option">catalogue</label> </div> <div class="tw-inline-flex tw-items-center tw-ml-5 js-form-item form-item js-form-type-radio form-type-radio js-form-item-search-target-toggle form-item-search-target-toggle"> <input data-drupal-selector="edit-search-target-toggle-website" type="radio" id="edit-search-target-toggle-website" name="search_target_toggle" value="website" class="form-radio tw-form-radio tw-mr-1" /> <label for="edit-search-target-toggle-website" class="option">library website</label> </div> </div> <div class="tw-flex tw-justify-center"><div class="tw-flex-grow tw-flex js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-keys form-item-keys form-no-label"> <label for="edit-keys" class="visually-hidden js-form-required form-required">Search</label> <input placeholder="SEARCH" title="Search SPL Catalogue." class="tw-w-full tw-flex-grow tw-rounded-r-none form-text required error tw-form-input" data-drupal-selector="edit-keys" type="text" id="edit-keys" name="keys" value="" size="30" maxlength="128" required="required" aria-required="true" aria-invalid="true" /> </div> <div class="tw-flex tw-space-x-2 form-actions js-form-wrapper form-wrapper" data-drupal-selector="edit-actions" id="edit-actions"><button data-bc-catalogue-search-submit="true" class="tw-form-input tw-rounded-l-none tw-w-16 tw-h-full tw-bg-purple-300 button js-form-submit form-submit" data-drupal-selector="edit-submit-search-content" type="submit" id="edit-submit-search-content" value="Search"> <span class="tw-sr-only">Search</span> <svg class="tw-text-white tw-inline-block tw-h-6 tw-w-6" xmlns="http://www.w3.org/2000/svg"> <path d="M21 20.3l-6-6c1.2-1.4 2-3.3 2-5.3 0-4.4-3.6-8-8-8S1 4.6 1 9s3.6 8 8 8c2 0 3.9-.8 5.3-2l6 6 .7-.7h0zM2 9c0-3.9 3.1-7 7-7s7 3.1 7 7-3.1 7-7 7-7-3.1-7-7h0z" fill="currentColor" fill-rule="nonzero" stroke="currentColor" stroke-width="2"/> </svg> </button> </div> </div> </div> </form> </div> </div> </header> <div id="primary-menu-wrapper" class="primary-menu-wrapper tw-relative tw-border-t-4 tw-border-gray-200"> <div class="md:tw-hidden sm:tw-container sm:tw-mx-auto tw-flex tw-items-center tw-px-4 sm:tw-px-6"> <button class="focus:tw-bg-gray-100 focus:tw-outline-none focus:tw-text-gray-500 hover:tw-bg-gray-100 hover:tw-text-blue-300 mobile-nav-button tw-duration-150 tw-ease-in-out tw-font-bold tw-inline-flex tw-items-center tw-justify-center tw-p-2 tw-text-blue-200 tw-transition tw-w-full"> <span class="tw-uppercase">Menu</span> <svg class="tw-h-6 tw-w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24"> <path class="mobile-nav-button--hamburger tw-inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> <path class="mobile-nav-button--close tw-hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div id="spl-region-primary-menu-wrapper" class="tw-px-4 sm:tw-px-6 lg:tw-px-8 tw-hidden sm:tw-container sm:tw-mx-auto md:tw-block region region-primary-menu"> <nav role="navigation" aria-labelledby="block-spl-main-menu-menu" id="block-spl-main-menu" data-block-plugin-id="menu_block:main" class="settings-tray-editable tw-relative tw-font-bold md:tw-flex md:tw--mt-1 block block-menu navigation menu--main" data-drupal-settingstray="editable"> <h2 class="block__title tw-capitalize tw-text-purple-300 tw-mb-4 tw-text-2xl visually-hidden" id="block-spl-main-menu-menu">Main navigation</h2> <ul class="menu tw-w-full tw-capitalize md:tw-w-auto md:tw-flex md:tw-flex-wrap md:tw-items-center md:tw-justify-center"> <li class="menu-item tw-transition tw-duration-150 tw-ease-in-out tw-relative tw-py-2 tw-px-6 tw-border-transparent hover:tw-border-blue-200 focus:tw-border-blue-200 md:tw-flex md:tw-border-t-4 md:tw-text-2xl menu-item--expanded" x-data="{ flyoutMenuOpen: false, openPanel: false }" @click.away="flyoutMenuOpen = false"> <div class="tw-flex tw-w-full tw-justify-between tw-items-center"> <a href="/books" data-drupal-link-system-path="node/1">Books & More</a> <button type="button" @click="flyoutMenuOpen = !flyoutMenuOpen" x-state:on="Item active" x-state:off="Item inactive" :class="{ 'tw-text-blue-200': flyoutMenuOpen, 'tw-text-gray-700': !flyoutMenuOpen }" class="tw-hidden tw-group md:tw-inline-flex tw-items-center tw-space-x-2 tw-text-base tw-leading-6 tw-font-medium hover:tw-text-blue-200 focus:tw-outline-none focus:tw-text-blue-200 tw-transition tw-ease-in-out tw-duration-150"> <span class="tw-sr-only">Open</span> <svg class="tw-h-5 tw-w-5 group-hover:tw-text-blue-200 group-focus:tw-text-blue-200 tw-transition tw-ease-in-out tw-duration-150" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> </svg> </button> <button class="md:tw-hidden tw-ml-6 tw-h-7 focus:tw-outline-none" @click="openPanel = !openPanel" x-description="Expand/collapse sub-menu" x-bind:aria-expanded="openPanel" > <svg class="tw-rotate-0 tw-h-6 tw-w-6 tw-transform" x-description="Expand/collapse icon, toggle classes based on menu open state." x-state:on="Open" x-state:off="Closed" x-bind:class="{ 'tw--rotate-180': openPanel, 'rotate-0': !openPanel }" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> </svg> </button> </div> <div x-description="Books & More sub-menu" x-show="flyoutMenuOpen || openPanel" x-transition:enter="md:tw-transition md:tw-ease-out md:tw-duration-200" x-transition:enter-start="md:tw-opacity-0 md:tw-translate-y-1" x-transition:enter-end="md:tw-opacity-100 md:tw-translate-y-0" x-transition:leave="md:tw-transition md:tw-easy-in md:tw-duration-150" x-transition:leave-start="md:tw-opacity-100 md:tw-translate-y-0" x-transition:leave-end="md:tw-opacity-0 md:tw-translate-y-1" class="tw-pr-12 tw-text-base md:tw-absolute md:tw-pr-0 md:tw-z-20 md:tw-left-1/2 md:tw-transform md:tw--translate-x-1/2 md:tw-mt-9 md:tw-w-screen md:tw-max-w-xs" style="display: none;" > <div class="md:tw-shadow-lg"> <div class="md:tw-shadow-xs md:tw-overflow-hidden"> <ul class="md:tw-z-20 tw-relative md:tw-bg-white tw-divide-y tw-divide-gray-700 menu"> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="https://spl.bibliocommons.com/">Library Catalogue</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="https://spl.bibliocommons.com/explore/recent_arrivals">New Titles</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/books-more/cant-find-it" data-drupal-link-system-path="node/57">Can't Find It?</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/readersadvisory" data-drupal-link-system-path="node/53">Readers' Advisory</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/bookclubs" data-drupal-link-system-path="node/39">Book Clubs</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/cela" data-drupal-link-system-path="node/52">CELA & Daisy</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/books-and-more/digitalcontent" data-drupal-link-system-path="node/75">Digital Content</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/research/all-databases/create-learn-make" data-drupal-link-system-path="node/67">Take a Course</a> </li> <li class="menu-item tw-py-2 tw-px-6 menu-item--collapsed" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/books-more/research" data-drupal-link-system-path="node/63">Research & Learning</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/books-and-more/seedlibrary" data-drupal-link-system-path="node/55">Seed Library</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/books-more/wonder-passes" data-drupal-link-system-path="node/56">Wonder Passes</a> </li> </ul> </div> </div> </div> </li> <li class="menu-item tw-transition tw-duration-150 tw-ease-in-out tw-relative tw-py-2 tw-px-6 tw-border-transparent hover:tw-border-blue-200 focus:tw-border-blue-200 md:tw-flex md:tw-border-t-4 md:tw-text-2xl menu-item--expanded" x-data="{ flyoutMenuOpen: false, openPanel: false }" @click.away="flyoutMenuOpen = false"> <div class="tw-flex tw-w-full tw-justify-between tw-items-center"> <a href="/events" data-drupal-link-system-path="events">Programs & Events</a> <button type="button" @click="flyoutMenuOpen = !flyoutMenuOpen" x-state:on="Item active" x-state:off="Item inactive" :class="{ 'tw-text-blue-200': flyoutMenuOpen, 'tw-text-gray-700': !flyoutMenuOpen }" class="tw-hidden tw-group md:tw-inline-flex tw-items-center tw-space-x-2 tw-text-base tw-leading-6 tw-font-medium hover:tw-text-blue-200 focus:tw-outline-none focus:tw-text-blue-200 tw-transition tw-ease-in-out tw-duration-150"> <span class="tw-sr-only">Open</span> <svg class="tw-h-5 tw-w-5 group-hover:tw-text-blue-200 group-focus:tw-text-blue-200 tw-transition tw-ease-in-out tw-duration-150" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> </svg> </button> <button class="md:tw-hidden tw-ml-6 tw-h-7 focus:tw-outline-none" @click="openPanel = !openPanel" x-description="Expand/collapse sub-menu" x-bind:aria-expanded="openPanel" > <svg class="tw-rotate-0 tw-h-6 tw-w-6 tw-transform" x-description="Expand/collapse icon, toggle classes based on menu open state." x-state:on="Open" x-state:off="Closed" x-bind:class="{ 'tw--rotate-180': openPanel, 'rotate-0': !openPanel }" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> </svg> </button> </div> <div x-description="Programs & Events sub-menu" x-show="flyoutMenuOpen || openPanel" x-transition:enter="md:tw-transition md:tw-ease-out md:tw-duration-200" x-transition:enter-start="md:tw-opacity-0 md:tw-translate-y-1" x-transition:enter-end="md:tw-opacity-100 md:tw-translate-y-0" x-transition:leave="md:tw-transition md:tw-easy-in md:tw-duration-150" x-transition:leave-start="md:tw-opacity-100 md:tw-translate-y-0" x-transition:leave-end="md:tw-opacity-0 md:tw-translate-y-1" class="tw-pr-12 tw-text-base md:tw-absolute md:tw-pr-0 md:tw-z-20 md:tw-left-1/2 md:tw-transform md:tw--translate-x-1/2 md:tw-mt-9 md:tw-w-screen md:tw-max-w-xs" style="display: none;" > <div class="md:tw-shadow-lg"> <div class="md:tw-shadow-xs md:tw-overflow-hidden"> <ul class="md:tw-z-20 tw-relative md:tw-bg-white tw-divide-y tw-divide-gray-700 menu"> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/events?age-group%5B8%5D=8" data-drupal-link-query="{"age-group":{"8":"8"}}" data-drupal-link-system-path="events">Adults</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/events?age-group%5B5%5D=5" data-drupal-link-query="{"age-group":{"5":"5"}}" data-drupal-link-system-path="events">Kids</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/events?age-group%5B3%5D=3" data-drupal-link-query="{"age-group":{"3":"3"}}" data-drupal-link-system-path="events">Teens</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/events?age-group%5B4%5D=4" data-drupal-link-query="{"age-group":{"4":"4"}}" data-drupal-link-system-path="events">Family</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/events?age-group%5B6%5D=6" data-drupal-link-query="{"age-group":{"6":"6"}}" data-drupal-link-system-path="events">MakerSpace</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/sites/default/files/news/09sepoctnewsletterweb.pdf">Library Newsletter</a> </li> </ul> </div> </div> </div> </li> <li class="menu-item tw-transition tw-duration-150 tw-ease-in-out tw-relative tw-py-2 tw-px-6 tw-border-transparent hover:tw-border-blue-200 focus:tw-border-blue-200 md:tw-flex md:tw-border-t-4 md:tw-text-2xl menu-item--expanded" x-data="{ flyoutMenuOpen: false, openPanel: false }" @click.away="flyoutMenuOpen = false"> <div class="tw-flex tw-w-full tw-justify-between tw-items-center"> <a href="/youth" data-drupal-link-system-path="node/8">Youth</a> <button type="button" @click="flyoutMenuOpen = !flyoutMenuOpen" x-state:on="Item active" x-state:off="Item inactive" :class="{ 'tw-text-blue-200': flyoutMenuOpen, 'tw-text-gray-700': !flyoutMenuOpen }" class="tw-hidden tw-group md:tw-inline-flex tw-items-center tw-space-x-2 tw-text-base tw-leading-6 tw-font-medium hover:tw-text-blue-200 focus:tw-outline-none focus:tw-text-blue-200 tw-transition tw-ease-in-out tw-duration-150"> <span class="tw-sr-only">Open</span> <svg class="tw-h-5 tw-w-5 group-hover:tw-text-blue-200 group-focus:tw-text-blue-200 tw-transition tw-ease-in-out tw-duration-150" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> </svg> </button> <button class="md:tw-hidden tw-ml-6 tw-h-7 focus:tw-outline-none" @click="openPanel = !openPanel" x-description="Expand/collapse sub-menu" x-bind:aria-expanded="openPanel" > <svg class="tw-rotate-0 tw-h-6 tw-w-6 tw-transform" x-description="Expand/collapse icon, toggle classes based on menu open state." x-state:on="Open" x-state:off="Closed" x-bind:class="{ 'tw--rotate-180': openPanel, 'rotate-0': !openPanel }" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> </svg> </button> </div> <div x-description="Youth sub-menu" x-show="flyoutMenuOpen || openPanel" x-transition:enter="md:tw-transition md:tw-ease-out md:tw-duration-200" x-transition:enter-start="md:tw-opacity-0 md:tw-translate-y-1" x-transition:enter-end="md:tw-opacity-100 md:tw-translate-y-0" x-transition:leave="md:tw-transition md:tw-easy-in md:tw-duration-150" x-transition:leave-start="md:tw-opacity-100 md:tw-translate-y-0" x-transition:leave-end="md:tw-opacity-0 md:tw-translate-y-1" class="tw-pr-12 tw-text-base md:tw-absolute md:tw-pr-0 md:tw-z-20 md:tw-left-1/2 md:tw-transform md:tw--translate-x-1/2 md:tw-mt-9 md:tw-w-screen md:tw-max-w-xs" style="display: none;" > <div class="md:tw-shadow-lg"> <div class="md:tw-shadow-xs md:tw-overflow-hidden"> <ul class="md:tw-z-20 tw-relative md:tw-bg-white tw-divide-y tw-divide-gray-700 menu"> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/youth/kid-zone" data-drupal-link-system-path="node/76">Kid Zone</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/youth/teen-lounge" data-drupal-link-system-path="node/78">Teen Lounge</a> </li> </ul> </div> </div> </div> </li> <li class="menu-item tw-transition tw-duration-150 tw-ease-in-out tw-relative tw-py-2 tw-px-6 tw-border-transparent hover:tw-border-blue-200 focus:tw-border-blue-200 md:tw-flex md:tw-border-t-4 md:tw-text-2xl menu-item--expanded" x-data="{ flyoutMenuOpen: false, openPanel: false }" @click.away="flyoutMenuOpen = false"> <div class="tw-flex tw-w-full tw-justify-between tw-items-center"> <a href="/services" data-drupal-link-system-path="node/12">Services</a> <button type="button" @click="flyoutMenuOpen = !flyoutMenuOpen" x-state:on="Item active" x-state:off="Item inactive" :class="{ 'tw-text-blue-200': flyoutMenuOpen, 'tw-text-gray-700': !flyoutMenuOpen }" class="tw-hidden tw-group md:tw-inline-flex tw-items-center tw-space-x-2 tw-text-base tw-leading-6 tw-font-medium hover:tw-text-blue-200 focus:tw-outline-none focus:tw-text-blue-200 tw-transition tw-ease-in-out tw-duration-150"> <span class="tw-sr-only">Open</span> <svg class="tw-h-5 tw-w-5 group-hover:tw-text-blue-200 group-focus:tw-text-blue-200 tw-transition tw-ease-in-out tw-duration-150" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> </svg> </button> <button class="md:tw-hidden tw-ml-6 tw-h-7 focus:tw-outline-none" @click="openPanel = !openPanel" x-description="Expand/collapse sub-menu" x-bind:aria-expanded="openPanel" > <svg class="tw-rotate-0 tw-h-6 tw-w-6 tw-transform" x-description="Expand/collapse icon, toggle classes based on menu open state." x-state:on="Open" x-state:off="Closed" x-bind:class="{ 'tw--rotate-180': openPanel, 'rotate-0': !openPanel }" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> </svg> </button> </div> <div x-description="Services sub-menu" x-show="flyoutMenuOpen || openPanel" x-transition:enter="md:tw-transition md:tw-ease-out md:tw-duration-200" x-transition:enter-start="md:tw-opacity-0 md:tw-translate-y-1" x-transition:enter-end="md:tw-opacity-100 md:tw-translate-y-0" x-transition:leave="md:tw-transition md:tw-easy-in md:tw-duration-150" x-transition:leave-start="md:tw-opacity-100 md:tw-translate-y-0" x-transition:leave-end="md:tw-opacity-0 md:tw-translate-y-1" class="tw-pr-12 tw-text-base md:tw-absolute md:tw-pr-0 md:tw-z-20 md:tw-left-1/2 md:tw-transform md:tw--translate-x-1/2 md:tw-mt-9 md:tw-w-screen md:tw-max-w-xs" style="display: none;" > <div class="md:tw-shadow-lg"> <div class="md:tw-shadow-xs md:tw-overflow-hidden"> <ul class="md:tw-z-20 tw-relative md:tw-bg-white tw-divide-y tw-divide-gray-700 menu"> <li class="menu-item tw-py-2 tw-px-6 menu-item--collapsed" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/librarycards" data-drupal-link-system-path="node/61">Get a Library Card</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/services/ask-librarian" data-drupal-link-system-path="node/21">Ask a Librarian</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/services/computers-wifi" data-drupal-link-system-path="node/22">Computers & Wifi</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/services/printing-scanning-photocopying" data-drupal-link-system-path="node/23">Printing, Scanning & Photocopying</a> </li> <li class="menu-item tw-py-2 tw-px-6 menu-item--collapsed" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/services/makerspace" data-drupal-link-system-path="node/86">MakerSpace</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/services/educators" data-drupal-link-system-path="node/40">For Educators</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/tours-and-class-visits" data-drupal-link-system-path="node/420">Tours & Class Visits</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/illo" data-drupal-link-system-path="node/41">InterLibrary Loan</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/services/visiting-library-service" data-drupal-link-system-path="node/42">Visting Library Service</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/services/technology-help" data-drupal-link-system-path="node/59">Technology Help</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/services/community-art" data-drupal-link-system-path="node/38">Community Art</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/services/community-supports" data-drupal-link-system-path="node/58">Community Supports</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/roomrentals" data-drupal-link-system-path="node/37">Room Rentals</a> </li> </ul> </div> </div> </div> </li> <li class="menu-item tw-transition tw-duration-150 tw-ease-in-out tw-relative tw-py-2 tw-px-6 tw-border-transparent hover:tw-border-blue-200 focus:tw-border-blue-200 md:tw-flex md:tw-border-t-4 md:tw-text-2xl menu-item--expanded" x-data="{ flyoutMenuOpen: false, openPanel: false }" @click.away="flyoutMenuOpen = false"> <div class="tw-flex tw-w-full tw-justify-between tw-items-center"> <a href="/about-us" data-drupal-link-system-path="node/60">About Us</a> <button type="button" @click="flyoutMenuOpen = !flyoutMenuOpen" x-state:on="Item active" x-state:off="Item inactive" :class="{ 'tw-text-blue-200': flyoutMenuOpen, 'tw-text-gray-700': !flyoutMenuOpen }" class="tw-hidden tw-group md:tw-inline-flex tw-items-center tw-space-x-2 tw-text-base tw-leading-6 tw-font-medium hover:tw-text-blue-200 focus:tw-outline-none focus:tw-text-blue-200 tw-transition tw-ease-in-out tw-duration-150"> <span class="tw-sr-only">Open</span> <svg class="tw-h-5 tw-w-5 group-hover:tw-text-blue-200 group-focus:tw-text-blue-200 tw-transition tw-ease-in-out tw-duration-150" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> </svg> </button> <button class="md:tw-hidden tw-ml-6 tw-h-7 focus:tw-outline-none" @click="openPanel = !openPanel" x-description="Expand/collapse sub-menu" x-bind:aria-expanded="openPanel" > <svg class="tw-rotate-0 tw-h-6 tw-w-6 tw-transform" x-description="Expand/collapse icon, toggle classes based on menu open state." x-state:on="Open" x-state:off="Closed" x-bind:class="{ 'tw--rotate-180': openPanel, 'rotate-0': !openPanel }" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/> </svg> </button> </div> <div x-description="About Us sub-menu" x-show="flyoutMenuOpen || openPanel" x-transition:enter="md:tw-transition md:tw-ease-out md:tw-duration-200" x-transition:enter-start="md:tw-opacity-0 md:tw-translate-y-1" x-transition:enter-end="md:tw-opacity-100 md:tw-translate-y-0" x-transition:leave="md:tw-transition md:tw-easy-in md:tw-duration-150" x-transition:leave-start="md:tw-opacity-100 md:tw-translate-y-0" x-transition:leave-end="md:tw-opacity-0 md:tw-translate-y-1" class="tw-pr-12 tw-text-base md:tw-absolute md:tw-pr-0 md:tw-z-20 md:tw-left-1/2 md:tw-transform md:tw--translate-x-1/2 md:tw-mt-9 md:tw-w-screen md:tw-max-w-xs" style="display: none;" > <div class="md:tw-shadow-lg"> <div class="md:tw-shadow-xs md:tw-overflow-hidden"> <ul class="md:tw-z-20 tw-relative md:tw-bg-white tw-divide-y tw-divide-gray-700 menu"> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/about-us/location-hours" data-drupal-link-system-path="node/18">Location & Hours</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/about-us/contact-us" data-drupal-link-system-path="node/34">Questions & Comments</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/staff" data-drupal-link-system-path="node/32">Library Managers & Key Contacts</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/splboard" data-drupal-link-system-path="node/487">Library Board & Reports</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/about-us/support-your-library" data-drupal-link-system-path="node/29">Support Your Library</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/jobs" data-drupal-link-system-path="node/17">Jobs at the Library</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/about-us/volunteering" data-drupal-link-system-path="node/30">Volunteering</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/about-us/accessibility" data-drupal-link-system-path="node/120">Accessibility</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/about-us/truth-reconciliation-and-your-library" data-drupal-link-system-path="node/125">Truth & Reconciliation</a> </li> <li class="menu-item tw-py-2 tw-px-6" x-data="" @click.away="flyoutMenuOpen = false"> <a href="/news" data-drupal-link-system-path="node/143">Library News</a> </li> </ul> </div> </div> </div> </li> </ul> </nav> </div> </div> <div id="main-wrapper" class="tw-container tw-mx-auto tw-px-4 sm:tw-px-6 lg:tw-px-8"> <div id="main" class="tw-clearfix"> <main id="content" class="main-content tw-mt-12" role="main"> <a id="main-content" tabindex="-1"></a> <div class="main-content-wrapper"> <div class="tw-space-y-5 region region-content"> <div data-drupal-messages-fallback class="hidden"></div> <div id="block-spl-content" data-block-plugin-id="system_main_block" class="tw-space-y-5 tw-relative block block-system block-system-main-block"> <div class="layout layout--onecol"> <div class="layout__region layout__region--content"> <div data-block-plugin-id="inline_block:carousel" class="tw-relative block block-layout-builder block-inline-blockcarousel"> <div class="slick blazy slick--field slick--field-carousel-items slick--field-carousel-items--full slick--skin--default slick--optionset--default tw-relative boom-bam" data-blazy=""> <div id="slick-e50c60e8c6a" data-slick="{"count":5,"total":5,"autoplay":true,"dots":true,"lazyLoad":"blazy"}" class="slick__slider"> <div class="slick__slide slide slide--0"> <div class="tw-bg-gray-500 tw-relative paragraph paragraph--type--slide paragraph--view-mode--default"> <div class="tw-h-56 tw-bg-green-250 sm:tw-h-72 md:tw-absolute md:tw-left-0 md:tw-h-full md:tw-w-1/2"> <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-slick"> <div class="blazy blazy--field blazy--field-media-image blazy--field-media-image--slick field field--name-field-media-image field--type-image field--label-hidden field__item" data-blazy=""> <div data-b-token="b-f68861924eb" class="media media--blazy media--image-style--slide-image media--image is-b-loading"><img alt="InvestStratford" decoding="async" class="media__element b-lazy image-style-slide-image" loading="lazy" data-src="/sites/default/files/styles/slide_image/public/untitled-design-48.png?itok=HvQL4QP5" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%2F%3E" width="672" height="340" /> </div> </div> </article> </div> </div> <div class="tw-relative tw-max-w-7xl tw-mx-auto tw-px-4 tw-py-12 sm:tw-px-6 lg:tw-px-8 lg:tw-py-16"> <div class="md:tw-ml-auto md:tw-w-1/2 md:tw-pl-16 tw-flex tw-flex-col tw-justify-center tw-leading-none"> <div class="tw-prose tw-max-w-none clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><p><span>Free registration to an online Small Business course!</span></p><p>聽</p></div> <div class="field field--name-field-link field--type-link field--label-hidden field__item"><a href="https://splibrary.ca/research/all-databases/create-learn-make">Marketing For Your Small Business</a></div> </div> </div> </div> </div> <div class="slick__slide slide slide--1"> <div class="tw-bg-gray-500 tw-relative paragraph paragraph--type--slide paragraph--view-mode--default"> <div class="tw-h-56 tw-bg-green-250 sm:tw-h-72 md:tw-absolute md:tw-left-0 md:tw-h-full md:tw-w-1/2"> <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-slick"> <div class="blazy blazy--field blazy--field-media-image blazy--field-media-image--slick field field--name-field-media-image field--type-image field--label-hidden field__item" data-blazy=""> <div data-b-token="b-cd4d5ddddcb" class="media media--blazy media--image-style--slide-image media--image is-b-loading"><img alt="Book" decoding="async" class="media__element b-lazy image-style-slide-image" loading="lazy" data-src="/sites/default/files/styles/slide_image/public/booksbnr0.jpg?itok=SquctpN0" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%2F%3E" width="672" height="340" /> </div> </div> </article> </div> </div> <div class="tw-relative tw-max-w-7xl tw-mx-auto tw-px-4 tw-py-12 sm:tw-px-6 lg:tw-px-8 lg:tw-py-16"> <div class="md:tw-ml-auto md:tw-w-1/2 md:tw-pl-16 tw-flex tw-flex-col tw-justify-center tw-leading-none"> <div class="tw-prose tw-max-w-none clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><p><span>Looking for something fantastic to read?</span></p><p>聽</p></div> <div class="field field--name-field-link field--type-link field--label-hidden field__item"><a href="https://spl.bibliocommons.com/explore/featured_lists/staff_picks">Check Out Our Staff Picks!</a></div> </div> </div> </div> </div> <div class="slick__slide slide slide--2"> <div class="tw-bg-gray-500 tw-relative paragraph paragraph--type--slide paragraph--view-mode--default"> <div class="tw-h-56 tw-bg-green-250 sm:tw-h-72 md:tw-absolute md:tw-left-0 md:tw-h-full md:tw-w-1/2"> <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-slick"> <div class="blazy blazy--field blazy--field-media-image blazy--field-media-image--slick field field--name-field-media-image field--type-image field--label-hidden field__item" data-blazy=""> <div data-b-token="b-45fc534232f" class="media media--blazy media--image-style--slide-image media--image is-b-loading"><img alt="K" decoding="async" class="media__element b-lazy image-style-slide-image" loading="lazy" data-src="/sites/default/files/styles/slide_image/public/kanopy-her0-4.png?itok=Cdav8Zhc" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%2F%3E" width="672" height="340" /> </div> </div> </article> </div> </div> <div class="tw-relative tw-max-w-7xl tw-mx-auto tw-px-4 tw-py-12 sm:tw-px-6 lg:tw-px-8 lg:tw-py-16"> <div class="md:tw-ml-auto md:tw-w-1/2 md:tw-pl-16 tw-flex tw-flex-col tw-justify-center tw-leading-none"> <div class="tw-prose tw-max-w-none clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><p>Stream Movies For Free!聽</p><p>聽</p><p>聽</p></div> <div class="field field--name-field-link field--type-link field--label-hidden field__item"><a href="https://splibrary.ca/books-and-more/downloads/kanopy">Kanopy</a></div> </div> </div> </div> </div> <div class="slick__slide slide slide--3"> <div class="tw-bg-gray-500 tw-relative paragraph paragraph--type--slide paragraph--view-mode--default"> <div class="tw-h-56 tw-bg-green-250 sm:tw-h-72 md:tw-absolute md:tw-left-0 md:tw-h-full md:tw-w-1/2"> <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-slick"> <div class="blazy blazy--field blazy--field-media-image blazy--field-media-image--slick field field--name-field-media-image field--type-image field--label-hidden field__item" data-blazy=""> <div data-b-token="b-9d96c95710e" class="media media--blazy media--image-style--slide-image media--image is-b-loading"><img alt="Ancestry" decoding="async" class="media__element b-lazy image-style-slide-image" loading="lazy" data-src="/sites/default/files/styles/slide_image/public/ancestry-library-instagram-6.png?itok=jogC1Ku4" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%2F%3E" width="672" height="340" /> </div> </div> </article> </div> </div> <div class="tw-relative tw-max-w-7xl tw-mx-auto tw-px-4 tw-py-12 sm:tw-px-6 lg:tw-px-8 lg:tw-py-16"> <div class="md:tw-ml-auto md:tw-w-1/2 md:tw-pl-16 tw-flex tw-flex-col tw-justify-center tw-leading-none"> <div class="tw-prose tw-max-w-none clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><p>Discover your family history with Ancestry!</p><p>聽</p><p>聽</p></div> <div class="field field--name-field-link field--type-link field--label-hidden field__item"><a href="https://splibrary.ca/databases">Ancestry Library Ed.</a></div> </div> </div> </div> </div> <div class="slick__slide slide slide--4"> <div class="tw-bg-gray-500 tw-relative paragraph paragraph--type--slide paragraph--view-mode--default"> <div class="tw-h-56 tw-bg-green-250 sm:tw-h-72 md:tw-absolute md:tw-left-0 md:tw-h-full md:tw-w-1/2"> <div class="field field--name-field-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-slick"> <div class="blazy blazy--field blazy--field-media-image blazy--field-media-image--slick field field--name-field-media-image field--type-image field--label-hidden field__item" data-blazy=""> <div data-b-token="b-cb3c2c4d9b2" class="media media--blazy media--image-style--slide-image media--image is-b-loading"><img alt="Person reading from a book in front of a crowd" decoding="async" class="media__element b-lazy image-style-slide-image" loading="lazy" data-src="/sites/default/files/styles/slide_image/public/images/poetrybanner.png?itok=AcHsranV" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%2F%3E" width="672" height="340" /> </div> </div> </article> </div> </div> <div class="tw-relative tw-max-w-7xl tw-mx-auto tw-px-4 tw-py-12 sm:tw-px-6 lg:tw-px-8 lg:tw-py-16"> <div class="md:tw-ml-auto md:tw-w-1/2 md:tw-pl-16 tw-flex tw-flex-col tw-justify-center tw-leading-none"> <div class="tw-prose tw-max-w-none clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><p>Calling all Poets!</p><p>聽</p><p>聽</p></div> <div class="field field--name-field-link field--type-link field--label-hidden field__item"><a href="/stratford-poet-laureate">Apply to be a Poet Laureate</a></div> </div> </div> </div> </div> </div> <nav role="navigation" class="slick__arrow"> <button type="button" data-role="none" class="slick-prev tw-text-gray-700 hover:tw-text-gray-600 tw-h-14 tw-w-14 tw-left-0" aria-label="Previous" tabindex="0"> <span class="tw-sr-only">Previous</span> <svg class="tw-w-full tw-h-full" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd"></path> </svg> </button> <button type="button" data-role="none" class="slick-next tw-text-gray-700 hover:tw-text-gray-600 tw-h-14 tw-w-14 tw-right-0" aria-label="Next" tabindex="0"> <span class="tw-sr-only">Next</span> <svg class="tw-w-full tw-h-full" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path> </svg> </button> </nav> <button class="slick--pause-play-btn tw-absolute tw-right-1 tw-top-1 tw-block tw-w-6 tw-h-6 tw-text-white tw-bg-black tw-bg-opacity-25 tw-rounded-full"> <span class="slick--pause-play-btn--state tw-sr-only">Slideshow playing</span> <span class="slick--pause-play-btn--pause"> <svg class="tw-w-6 tw-h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 9v6m4-6v6m7-3a9 9 0 11-18 0 9 9 0 0118 0z"></path> </svg> <span class="tw-sr-only">Pause</span> </span> <span class="slick--pause-play-btn--play tw-hidden"> <svg class="tw-w-6 tw-h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path> </svg> <span class="tw-sr-only">Play</span> </span> </button> </div> </div> </div> </div> <div class="tw-bg-gray-100 spl--fullbleed-background layout layout--onecol layout--onecol-flex"> <div class="layout__region layout__region--content tw-py-4 tw-space-y-4 sm:tw-space-y-0 sm:tw-grid sm:tw-gap-4 sm:tw-grid-cols-2 md:tw-flex md:tw-flex-wrap md:tw-justify-center md:tw-gap-10 lg:tw-gap-16"> <div data-block-plugin-id="inline_block:call2action_link" class="tw-flex tw-items-center tw-relative block--block-content--call2action-link block--block-content--call2action-link--full block--block-content--call2action-link--with-icon block block-layout-builder block-inline-blockcall2action-link"> <div class="tw-text-purple-300 field field--name-field-icon field--type-spl-svg-icon field--label-hidden field__item"> <a href="https://spl.bibliocommons.com/explore/recent_arrivals"> <span class="tw-sr-only">New Arrivals</span> <svg fill="currentColor" width="36" height="41" class="spl--svg-icon--book-shelf" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"> <path d="M35.34 2.07h-4.56c-.36 0-.66.3-.66.68V4.7H36V2.75c0-.38-.3-.68-.66-.68zM27.07 5.3h-4.55c-.37 0-.67.31-.67.69v3.4h5.88v-3.4c0-.38-.3-.68-.66-.68zM30.12 7.14H36v23.78h-5.88V7.14zM21.85 11.83h5.88v24.1h-5.88v-24.1zM30.12 33.36H36v2.58h-5.88v-2.58zM6.85 6.81H.66c-.36 0-.66.3-.66.68v2.55h7.51V7.5c0-.38-.3-.68-.66-.68zM0 12.49h7.51v23.45H0V12.49zM9.9 30.28h9.57v5.66H9.9v-5.66zM9.9 8.2h9.57v19.64H9.9V8.19zM18.8.06h-8.24c-.36 0-.66.3-.66.68v5h9.57v-5c0-.38-.3-.68-.67-.68z"/> </svg> </a> </div> <div class="tw-flex tw-items-center tw-ml-3 field field--name-field-link field--type-link field--label-hidden field__item"><a href="https://spl.bibliocommons.com/explore/recent_arrivals">New Arrivals</a></div> </div> <div data-block-plugin-id="inline_block:call2action_link" class="tw-flex tw-items-center tw-relative block--block-content--call2action-link block--block-content--call2action-link--full block--block-content--call2action-link--with-icon block block-layout-builder block-inline-blockcall2action-link"> <div class="tw-text-purple-300 field field--name-field-icon field--type-spl-svg-icon field--label-hidden field__item"> <a href="/librarycards"> <span class="tw-sr-only">Get a Card</span> <svg fill="currentColor" width="49" height="31" class="spl--svg-icon--spl-logo" viewBox="0 0 50 31" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g clip-path="url(#clip0)"> <path fill="url(#pattern0)" d="M0 0h49.33v31H0z"/> <path fill="url(#pattern1)" d="M12.53 2.67h25.68v25.09H12.53z"/> </g> <defs> <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1"> <use xlink:href="#image0" transform="scale(.00159 .00261)"/> </pattern> <pattern id="pattern1" patternContentUnits="objectBoundingBox" width="1" height="1"> <use xlink:href="#image1" transform="scale(.00305 .00323)"/> </pattern> <image id="image0" width="630" height="383" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAnYAAAF/CAYAAADEs4SsAAAIJElEQVR4nO3cMeocdQCG4c8YtfEAYiwV7MXCA9gbSArvoIUWBi8gqIUWeooQo3gMEcE6ZcQDaBURZHD/kED6ZF6eB7bZ3eIHX/MyuzMvvP/WF3uKl7d9cHm9t+31y3sAADwbf297uO23bfe3/bTt0eMnuf6UY93c9tW2N40GAPDceHXb25fXh9sebLuz7YerA1577KQvbvvy8qGoAwB4vh29du/Sb0fHPXHF7vhN9jMDAgCcylW/3bkKu1uiDgDgtI6O++Xa5aaIb+wIAHBq3x5hd3vbG3YEADi1G9cujzQBAODkjrB714gAAOd3hN1rdgQAOL8j7F6xIwDA+V2zIQBAg7ADAIgQdgAAEcIOACBC2AEARAg7AIAIYQcAECHsAAAihB0AQISwAwCIEHYAABHCDgAgQtgBAEQIOwCACGEHABAh7AAAIoQdAECEsAMAiBB2AAARwg4AIELYAQBECDsAgAhhBwAQIewAACKEHQBAhLADAIgQdgAAEcIOACBC2AEARAg7AIAIYQcAECHsAAAihB0AQISwAwCIEHYAABHCDgAgQtgBAEQIOwCACGEHABAh7AAAIoQdAECEsAMAiBB2AAARwg4AIELYAQBECDsAgAhhBwAQIewAACKEHQBAhLADAIgQdgAAEcIOACBC2AEARAg7AIAIYQcAECHsAAAihB0AQISwAwCIEHYAABHCDgAgQtgBAEQIOwCACGEHABAh7AAAIoQdAECEsAMAiBB2AAARwg4AIELYAQBECDsAgAhhBwAQIewAACKEHQBAhLADAIgQdgAAEcIOACBC2AEARAg7AIAIYQcAECHsAAAihB0AQISwAwCIEHYAABHCDgAgQtgBAEQIOwCACGEHABAh7AAAIoQdAECEsAMAiBB2AAARwg4AIELYAQBECDsAgAhhBwAQIewAACKEHQBAhLADAIgQdgAAEcIOACBC2AEARAg7AIAIYQcAECHsAAAihB0AQISwAwCIEHYAABHCDgAgQtgBAEQIOwCACGEHABAh7AAAIoQdAECEsAMAiBB2AAARwg4AIELYAQBECDsAgAhhBwAQIewAACKEHQBAhLADAIgQdgAAEcIOACBC2AEARAg7AIAIYQcAECHsAAAihB0AQISwAwCIEHYAABHCDgAgQtgBAEQIOwCACGEHABAh7AAAIoQdAECEsAMAiBB2AAARwg4AIELYAQBECDsAgAhhBwAQIewAACKEHQBAhLADAIgQdgAAEcIOACBC2AEARAg7AIAIYQcAECHsAAAihB0AQISwAwCIEHYAABHCDgAgQtgBAEQIOwCACGEHABAh7AAAIoQdAECEsAMAiBB2AAARwg4AIELYAQBECDsAgAhhBwAQIewAACKEHQBAhLADAIgQdgAAEcIOACBC2AEARAg7AIAIYQcAECHsAAAihB0AQISwAwCIEHYAABHCDgAgQtgBAEQIOwCACGEHABAh7AAAIoQdAECEsAMAiBB2AAARwg4AIELYAQBECDsAgAhhBwAQIewAACKEHQBAhLADAIgQdgAAEcIOACBC2AEARAg7AIAIYQcAECHsAAAihB0AQISwAwCIEHYAABHCDgAgQtgBAEQIOwCACGEHABAh7AAAIoQdAECEsAMAiBB2AAARwg4AIELYAQBECDsAgAhhBwAQIewAACKEHQBAhLADAIgQdgAAEcIOACBC2AEARAg7AIAIYQcAECHsAAAihB0AQISwAwCIEHYAABHCDgAgQtgBAEQIOwCACGEHABAh7AAAIoQdAECEsAMAiBB2AAARwg4AIELYAQBECDsAgAhhBwAQIewAACKEHQBAhLADAIgQdgAAEcIOACBC2AEARAg7AIAIYQcAECHsAAAihB0AQISwAwCIEHYAABHCDgAgQtgBAEQIOwCACGEHABAh7AAAIoQdAECEsAMAiBB2AAARwg4AIELYAQBECDsAgAhhBwAQIewAACKEHQBAhLADAIgQdgAAEcIOACBC2AEARAg7AIAIYQcAECHsAAAihB0AQISwAwCIEHYAABHCDgAgQtgBAEQIOwCACGEHABAh7AAAIoQdAECEsAMAiBB2AAARwg4AIELYAQBECDsAgAhhBwAQIewAACKEHQBAhLADAIgQdgAAEcIOACBC2AEARAg7AIAIYQcAECHsAAAihB0AQISwAwCIEHYAABHCDgAgQtgBAEQIOwCACGEHABAh7AAAIoQdAECEsAMAiBB2AAARwg4AIELYAQBECDsAgAhhBwAQIewAACKEHQBAhLADAIgQdgAAEcIOACBC2AEARAg7AIAIYQcAECHsAAAihB0AQISwAwCIEHYAABHCDgAgQtgBAEQIOwCACGEHABAh7AAAIoQdAECEsAMAiBB2AAARwg4AIELYAQBECDsAgAhhBwAQIewAACKEHQBAhLADAIgQdgAAEcIOACBC2AEARAg7AIAIYQcAECHsAAAihB0AQISwAwCIEHYAABHCDgAgQtgBAEQIOwCACGEHABAh7AAAIoQdAECEsAMAiBB2AAARwg4AIELYAQBECDsAgAhhBwAQIewAACKEHQBAhLADAIg4wu4vYwIAnN8Rdn/aEQDg/I6w+92OAADnd4Tdj3YEADi/I+zubntoSwCAU/vjCLtH2z61IwDAqX1y9biT46rd17YEADilo+PuPv4cu8+3fWdLAIBT+f7ScU88oPjfbR9vu7XtgT0BAJ5rR6/d3vbRpeN2/Smnvbft58sXb257Z9uNbS/ZFgDgmfnnuEFi26/b7l/+SnfcK/G/bf8BUjUvcTqrIR8AAAAASUVORK5CYII="/> <image id="image1" width="328" height="310" xlink:href="data:image/png;base64,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"/> <clipPath id="clip0"> <path fill="#fff" d="M0 0h49.33v31H0z"/> </clipPath> </defs> </svg> </a> </div> <div class="tw-flex tw-items-center tw-ml-3 field field--name-field-link field--type-link field--label-hidden field__item"><a href="/librarycards">Get a Card</a></div> </div> <div data-block-plugin-id="inline_block:call2action_link" class="tw-flex tw-items-center tw-relative block--block-content--call2action-link block--block-content--call2action-link--full block--block-content--call2action-link--with-icon block block-layout-builder block-inline-blockcall2action-link"> <div class="tw-text-purple-300 field field--name-field-icon field--type-spl-svg-icon field--label-hidden field__item"> <a href="/makerspace"> <span class="tw-sr-only">MakerSpace</span> <svg fill="currentColor" width="38" height="38" class="spl--svg-icon--cog" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"></path> </svg> </a> </div> <div class="tw-flex tw-items-center tw-ml-3 field field--name-field-link field--type-link field--label-hidden field__item"><a href="/makerspace">MakerSpace</a></div> </div> <div data-block-plugin-id="inline_block:call2action_link" class="tw-flex tw-items-center tw-relative block--block-content--call2action-link block--block-content--call2action-link--full block--block-content--call2action-link--with-icon block block-layout-builder block-inline-blockcall2action-link"> <div class="tw-text-purple-300 field field--name-field-icon field--type-spl-svg-icon field--label-hidden field__item"> <a href="/contactspl"> <span class="tw-sr-only">Contact Us</span> <svg fill="currentColor" width="38" height="38" class="spl--svg-icon--comment-phone" viewBox="0 0 39 47" xmlns="http://www.w3.org/2000/svg"> <path d="M31.06 0H7.94A8 8 0 000 8.02v23.33a8 8 0 007.94 8.02h6.4l3.92 6.59c.56.94 1.92.94 2.48 0l3.91-6.59h6.4A8 8 0 0039 31.35V8.02A8 8 0 0031.06 0zm.62 27.68l-3.06 3.1a4.7 4.7 0 01-3.47 1.3c-8.99 0-22.57-16.27-16.96-21.93l3.06-3.09a1.43 1.43 0 012.05 0l5.61 5.67c.57.57.57 1.5 0 2.06l-2.7 2.73c.7 1.67 3.45 4.45 5.1 5.16l2.71-2.73a1.43 1.43 0 012.04 0l5.62 5.67c.56.57.56 1.5 0 2.06z"/> <path d="M23 25.1c-1.71 1.73-4.93-.84-6.64-2.57s-4.27-4.98-2.55-6.7l2.04-2.07-3.58-3.6-2.04 2.06c-.63.64-.58 2.2.13 4.08 1.85 4.84 7.35 10.4 12.17 12.28 1.86.72 3.4.77 4.04.13l2.05-2.06-3.58-3.6L23 25.1z"/> </svg> </a> </div> <div class="tw-flex tw-items-center tw-ml-3 field field--name-field-link field--type-link field--label-hidden field__item"><a href="/contactspl">Contact Us</a></div> </div> </div> </div> <div class="layout layout--twocol-section layout--twocol-section--33-67 tw-pt-4"> <div class="layout__region layout__region--first"> <div data-block-plugin-id="inline_block:basic" class="tw-relative block block-layout-builder block-inline-blockbasic"> <h2 class="block__title tw-capitalize tw-text-purple-300 tw-mb-4 tw-text-2xl">Poet Laureate Program</h2> <div class="field field--name-field-content field--type-entity-reference-revisions field--label-hidden field__items"> <div class="tw-mb-6 paragraph paragraph--type--basic paragraph--view-mode--default"> <div class="tw-prose tw-max-w-none clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><p>We are accepting applications for Stratford first <strong>Poet Laureate and Youth Poet Laureate</strong>. If you are a local poet, <a href="/stratford-poet-laureate" data-entity-type="node" data-entity-uuid="bfbcb61a-66b8-4063-b85e-e56c356c21fa" data-entity-substitution="canonical" title="Stratford Poet Laureate">consider applying for this honour</a>.</p></div> </div> </div> </div> </div> <div class="layout__region layout__region--second"> <div data-block-plugin-id="inline_block:basic" class="tw-relative block block-layout-builder block-inline-blockbasic"> <div class="field field--name-field-content field--type-entity-reference-revisions field--label-hidden field__items"> <div class="paragraph paragraph--type--iframe paragraph--view-mode--default"> <div class="field field--name-field-settings field--type-iframe field--label-hidden field__item"><div class="tw-max-w-full"> <iframe width="100%" height="315" name="iframe-field_settings-7" id="iframe-field_settings-7" class="tw-max-w-full" title="slideshow" src="https://spl.bibliocommons.com/list/list_browse/user/2561112669" frameborder="0" scrolling="no"> Your browser does not support iframes, but you can visit <a href="https://spl.bibliocommons.com/list/list_browse/user/2561112669"></a> </iframe> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <aside role="complementary" class="sm:tw-mt-16 region region-content-below"> <div class="views-element-container settings-tray-editable tw-relative block block-views block-views-blockevents-block-featured-upcoming" id="block-views-block-events-block-kids" data-block-plugin-id="views_block:events-block_featured_upcoming" data-drupal-settingstray="editable"> <h2 class="block__title tw-capitalize tw-text-purple-300 tw-mb-4 tw-text-2xl">What's Happening</h2> <div><div class="view view-events view-id-events view-display-id-block_featured_upcoming js-view-dom-id-f5bb87dc0246752a9fa3cbd421156b1ca6771713f0058017e31139a4ff22318b"> <div class="view-content tw-space-y-3.5 sm:tw-grid sm:tw-grid-cols-2 sm:tw-gap-8 sm:tw-space-y-0 lg:tw-grid-cols-3 lg:tw-gap-x-8"> <div class="tw-relative tw-text-white views-row"> <div class="sm:tw-pl-4"><div class="views-field views-field-field-hero"> <div data-b-token="b-68f5f59c070" class="media media--blazy media--image-style--card-334x301 media--bundle--image media--image is-b-loading"><img alt="Hands connecting" decoding="async" class="media__element b-lazy tw-object-cover tw-h-full tw-w-full image-style-card-334x301" loading="lazy" data-src="/sites/default/files/styles/card_334x301/public/social-worker-dropin-hero.jpg?itok=ssoNOflz" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%2F%3E" width="334" height="301" /> </div> </div><div class="views-field views-field-field-when block--featured-upcoming--when"><time datetime="2024-11-26T13:00:00-05:00" class="datetime">Tue, Nov 26 2024, 1</time> to <time datetime="2024-11-26T15:00:00-05:00" class="datetime">3pm</time> </div><div class="views-field views-field-body block--featured-upcoming--body"><h3 class="tw-text-2xl tw-font-bold tw-mb-2"><a href="/events/social-worker-drop-hours" hreflang="en">Social Worker Drop-in Hours </a> </h3> <p class="block--featured-upcoming--body--when"><time datetime="2024-11-26T13:00:00-05:00" class="datetime">Tue, Nov 26 2024, 1</time> to <time datetime="2024-11-26T15:00:00-05:00" class="datetime">3pm</time> </p> <p>A Social Worker from Family Services Perth-Huron is available from 1 - 3 PM on the 2nd and 4th...</p> </div></div> </div> <div class="tw-relative tw-text-white views-row"> <div class="sm:tw-pl-4"><div class="views-field views-field-field-hero"> <div data-b-token="b-e7e41ba10c4" class="media media--blazy media--image-style--card-334x301 media--bundle--image media--image is-b-loading"><img alt="A baby lying on it's stomach with a stuffed dog" decoding="async" class="media__element b-lazy tw-object-cover tw-h-full tw-w-full image-style-card-334x301" loading="lazy" data-src="/sites/default/files/styles/card_334x301/public/images/hero/untitled-design-4.jpg?itok=RshjNi8H" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%2F%3E" width="334" height="301" /> </div> </div><div class="views-field views-field-field-when block--featured-upcoming--when"><time datetime="2024-11-27T10:00:00-05:00" class="datetime">Wed, Nov 27 2024, 10</time> to <time datetime="2024-11-27T11:00:00-05:00" class="datetime">11am</time> </div><div class="views-field views-field-body block--featured-upcoming--body"><h3 class="tw-text-2xl tw-font-bold tw-mb-2"><a href="/events/baby-steps" hreflang="en">Baby Steps</a> </h3> <p class="block--featured-upcoming--body--when"><time datetime="2024-11-27T10:00:00-05:00" class="datetime">Wed, Nov 27 2024, 10</time> to <time datetime="2024-11-27T11:00:00-05:00" class="datetime">11am</time> </p> <p>What could be more fun than singing, reading, playing, and talking with your baby? Bring your little...</p> </div></div> </div> <div class="tw-relative tw-text-white views-row"> <div class="sm:tw-pl-4"><div class="views-field views-field-field-hero"> <div data-b-token="b-95a69bf45d4" class="media media--blazy media--image-style--card-334x301 media--bundle--image media--image is-b-loading"><img alt="A wooden train, paper hot air balloon, and wooden rainbow" decoding="async" class="media__element b-lazy tw-object-cover tw-h-full tw-w-full image-style-card-334x301" loading="lazy" data-src="/sites/default/files/styles/card_334x301/public/images/hero/story-starters-hero.jpg?itok=yb3jnup5" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%2F%3E" width="334" height="301" /> </div> </div><div class="views-field views-field-field-when block--featured-upcoming--when"><time datetime="2024-11-28T10:30:00-05:00" class="datetime">Thu, Nov 28 2024, 10:30</time> to <time datetime="2024-11-28T11:30:00-05:00" class="datetime">11:30am</time> </div><div class="views-field views-field-body block--featured-upcoming--body"><h3 class="tw-text-2xl tw-font-bold tw-mb-2"><a href="/events/story-starters" hreflang="en">Story Starters</a> </h3> <p class="block--featured-upcoming--body--when"><time datetime="2024-11-28T10:30:00-05:00" class="datetime">Thu, Nov 28 2024, 10:30</time> to <time datetime="2024-11-28T11:30:00-05:00" class="datetime">11:30am</time> </p> <p>Come to the library and enter a world of magical picture books,聽new friends, songs and activities...</p> </div></div> </div> </div> </div> </div> </div> </aside> </main> </div> </div> <footer class="site-footer tw-mt-9 tw-pt-5 tw-bg-gray-100 tw-bg-right-top tw-bg-no-repeat" role="contentinfo"> <div class="tw-container tw-mx-auto tw-space-y-5 tw-px-4 sm:tw-px-6 lg:tw-px-8"> <div class="sm:tw-grid sm:tw-grid-cols-3 sm:tw-gap-3 tw-max-w-none"> <div class="region region-footer-left"> <div id="block-spllogo" data-block-plugin-id="block_content:3d7f0fcd-3e1b-4197-8d4a-6d2e2ceaaa82" class="settings-tray-editable tw-relative block block-block-content block-block-content3d7f0fcd-3e1b-4197-8d4a-6d2e2ceaaa82" data-drupal-settingstray="editable"> <div class="field field--name-field-content field--type-entity-reference-revisions field--label-hidden field__items"> <div class="paragraph paragraph--type--basic paragraph--view-mode--default"> <div class="tw-prose tw-max-w-none clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><article class="align-center media media--type-image media--view-mode-default"><div class="blazy blazy--field blazy--view blazy--field-media-image blazy--field-media-image--default blazy--view--events-calendar-page-page-1 blazy--view--events-calendar blazy--view--events-calendar--page-1 is-b-captioned field field--name-field-media-image field--type-image field--label-hidden field__item" data-blazy=""> <div data-b-token="b-6ee1714fbe9" class="media media--blazy media--image-style--large media--image is-b-loading"><img alt="Stratford Public Library Logo" decoding="async" class="media__element b-lazy image-style-large" loading="lazy" data-src="/sites/default/files/styles/large/public/spl-logocmyk3.png?itok=iDjn_sYL" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%2F%3E" width="216" height="166" /></div> </div> </article></div> </div> </div> </div> </div> <div class="region region-footer-middle"> <div id="block-spl-connect" data-block-plugin-id="block_content:39b7f7e2-fb0b-4de7-be35-d68d99caa502" class="settings-tray-editable tw-relative block block-block-content block-block-content39b7f7e2-fb0b-4de7-be35-d68d99caa502" data-drupal-settingstray="editable"> <div class="tw-prose tw-max-w-none clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><h3><strong>Contact Us</strong></h3> <div class="tw-grid tw-grid-cols-2"> <p>19 St. Andrew Street<br /> Stratford, Ontario<br /> N5A 1A2<br /><br /> View on <strong><a href="https://goo.gl/maps/W6iW8XZNE2odxoFt7" media_library="Media Library">Google Maps</a></strong></p> <p><strong><a href="tel:519-271-0220">519-271-0220</a></strong><br /><strong><a href="/contactspl" media_library="Media Library">Contact Us Online</a></strong></p> </div> </div> </div> </div> <div class="sm:tw-col-start-3 region region-footer-right"> <div id="block-simplehours" data-block-plugin-id="block_content:21b156ae-3014-4659-a150-54663b12c6d6" class="settings-tray-editable tw-relative block block-block-content block-block-content21b156ae-3014-4659-a150-54663b12c6d6" data-drupal-settingstray="editable"> <div class="field field--name-field-content field--type-entity-reference-revisions field--label-hidden field__items"> <div class="paragraph paragraph--type--basic paragraph--view-mode--default"> <div class="tw-prose tw-max-w-none clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><h3><strong>Library Hours</strong></h3> <p>Sun: 2pm-5pm<br /> Mon - Thurs: 10am-9pm聽<br /> Fri:聽10am-6pm<br /> Sat: 10am-5pm聽</p> <p>聽</p> </div> </div> </div> </div> </div> </div> <div class="tw-text-white tw-bg-purple-200 tw-py-4 md:tw-flex md:tw-items-center md:tw-justify-between spl--fullbleed-background"> <div class="tw-flex tw-justify-center md:tw-order-2 tw-space-x-3"> <a href="https://www.facebook.com/stratfordpubliclibrary"> <span class="tw-sr-only">Facebook</span> <svg class="tw-h-6 tw-w-6" focusable="false" aria-hidden="true" viewBox="0 0 12 22" fill="currentColor"> <path d="M9.66389 3.65292H11.6723V0.154917C11.3258 0.10725 10.1341 0 8.7463 0C5.85055 0 3.86689 1.82142 3.86689 5.16908V8.25H0.671387V12.1605H3.86689V22H7.78472V12.1614H10.851L11.3377 8.25092H7.7838V5.55683C7.78472 4.42658 8.08905 3.65292 9.66389 3.65292Z"/> </svg> </a> <a href="https://twitter.com/SPLibrary"> <span class="tw-sr-only">Twitter</span> <svg class="tw-h-6 tw-w-6" focusable="false" viewBox="0 0 23 19" aria-hidden="true" fill="currentColor"> <path d="M20.6367 4.81662C21.5721 4.1525 22.3589 3.32354 23 2.36904V2.36808C22.1442 2.74279 21.2338 2.99196 20.2831 3.11271C21.2606 2.52908 22.0072 1.61196 22.3579 0.507C21.4465 1.05037 20.4403 1.43371 19.3679 1.64837C18.5025 0.726458 17.2692 0.15625 15.9237 0.15625C13.3132 0.15625 11.2115 2.27513 11.2115 4.87221C11.2115 5.24596 11.2432 5.60533 11.3208 5.94746C7.40121 5.75579 3.93204 3.87746 1.60137 1.01492C1.19504 1.72121 0.955458 2.52908 0.955458 3.39829C0.955458 5.03129 1.79592 6.47837 3.05037 7.31692C2.29233 7.30254 1.54962 7.08213 0.92 6.73617V6.78792C0.92 9.07929 2.55396 10.9825 4.69775 11.4215C4.31346 11.5269 3.89562 11.5767 3.4615 11.5767C3.15962 11.5767 2.85487 11.5595 2.56929 11.4962C3.17975 13.363 4.91433 14.7363 6.97475 14.7814C5.3705 16.0358 3.33308 16.792 1.12796 16.792C0.74175 16.792 0.370875 16.7747 0 16.7277C2.08917 18.0742 4.56358 18.8438 7.2335 18.8438C15.5547 18.8438 20.9779 11.9016 20.6367 4.81662Z"/> </svg> </a> <a href="https://instagram.com/splibrary"> <span class="tw-sr-only">Instagram</span> <svg class="tw-h-6 tw-w-6" focusable="false" aria-hidden="true" viewBox="0 0 23 23" fill="currentColor"> <g clip-path="url(#instagram-clip0)"> <path d="M11.5 5.6a5.9 5.9 0 100 11.8 5.9 5.9 0 000-11.8zm0 9.73a3.83 3.83 0 110-7.66 3.83 3.83 0 010 7.66z"/> <path d="M16.24.07c-2.11-.1-7.36-.09-9.47 0-1.86.1-3.5.54-4.83 1.86C-.27 4.15.01 7.13.01 11.5c0 4.47-.25 7.38 1.93 9.56C4.16 23.28 7.18 23 11.5 23c4.43 0 5.96 0 7.53-.6 2.13-.83 3.74-2.74 3.9-6.16.1-2.11.1-7.35 0-9.47-.2-4.04-2.36-6.49-6.69-6.69zM19.6 19.6c-1.45 1.45-3.46 1.32-8.11 1.32-4.8 0-6.72.07-8.12-1.34-1.61-1.6-1.32-4.19-1.32-8.1 0-5.3-.55-9.1 4.77-9.38 1.22-.04 1.58-.06 4.65-.06l.05.03c5.1 0 9.1-.53 9.35 4.78.05 1.21.07 1.58.07 4.65 0 4.73.09 6.67-1.34 8.1z"/> <path d="M17.64 6.74a1.38 1.38 0 100-2.76 1.38 1.38 0 000 2.76z"/> </g> <defs> <clipPath id="instagram-clip0"> <path d="M0 0h23v23H0z"/> </clipPath> </defs> </svg> </a> <a href="https://www.youtube.com/user/StratfordPubLib/videos"> <span class="tw-sr-only">Youtube</span> <svg class="tw-h-6 tw-w-6" focusable="false" aria-hidden="true" viewBox="0 0 29 21" fill="currentColor"> <path d="M28.36 3.16l.03.24A3.68 3.68 0 0025.9.85h-.02C23.61.22 14.51.22 14.51.22S5.44.22 3.15.84A3.68 3.68 0 00.64 3.38v.02c-.85 4.41-.86 9.71.03 14.44l-.04-.24a3.68 3.68 0 002.5 2.55h.03c2.25.62 11.35.62 11.35.62s9.08 0 11.36-.61a3.68 3.68 0 002.52-2.54v-.02c.39-2.05.61-4.42.61-6.83v-.26-.28c0-2.41-.22-4.78-.64-7.07zM11.6 14.91V6.1l7.57 4.41-7.57 4.4z"/> </svg> </a>  </div> <div class="tw-flex tw-justify-center md:tw-order-1"> <p>Copyright 2013 Stratford Public Library</p> </div> </div> </div> </footer> </div> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"home","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"blazy":{"loadInvisible":false,"offset":100,"saveViewportOffsetDelay":50,"validateDelay":25,"container":"","loader":true,"unblazy":false,"visibleClass":false},"blazyIo":{"disconnect":false,"rootMargin":"0px","threshold":[0,0.25,0.5,0.75,1]},"slick":{"accessibility":true,"adaptiveHeight":false,"autoplay":false,"pauseOnHover":true,"pauseOnDotsHover":false,"pauseOnFocus":true,"autoplaySpeed":3000,"arrows":true,"downArrow":false,"downArrowTarget":"","downArrowOffset":0,"centerMode":false,"centerPadding":"50px","dots":false,"dotsClass":"slick-dots","draggable":true,"fade":false,"focusOnSelect":false,"infinite":true,"initialSlide":0,"lazyLoad":"ondemand","mouseWheel":false,"randomize":false,"rtl":false,"rows":1,"slidesPerRow":1,"slide":"","slidesToShow":1,"slidesToScroll":1,"speed":500,"swipe":true,"swipeToSlide":false,"edgeFriction":0.35,"touchMove":true,"touchThreshold":5,"useCSS":true,"cssEase":"ease","cssEaseBezier":"","cssEaseOverride":"","useTransform":true,"easing":"linear","variableWidth":false,"vertical":false,"verticalSwiping":false,"waitForAnimate":true},"field_group":{"html_element":{"mode":"default","context":"view","settings":{"classes":"tw-h-56 tw-bg-green-250 sm:tw-h-72 md:tw-absolute md:tw-left-0 md:tw-h-full md:tw-w-1\/2 ","id":"","element":"div","show_label":false,"label_element":"h3","label_element_classes":"","attributes":"","effect":"none","speed":"fast"}}},"ajaxTrustedUrl":{"\/search\/content":true},"ajax":[],"user":{"uid":0,"permissionsHash":"da250f9ed84d75a26e50eecc0de2e2d81fb358f40e26559e391a2bf5d982875f"}}</script> <script src="/sites/default/files/js/js_xlSk3iCI8qHxKSwCrDHnY6rRGY3VPaVJLMgYZBjcX8o.js"></script> </body> </html>

CINXE.COM

Ever. Wonder. | Stratford Public Library