{"id":4765,"date":"2026-02-06T19:33:10","date_gmt":"2026-02-06T19:33:10","guid":{"rendered":"https:\/\/newton-le-willows.com\/?page_id=4765"},"modified":"2026-02-07T09:26:05","modified_gmt":"2026-02-07T09:26:05","slug":"4765-2","status":"publish","type":"page","link":"https:\/\/newton-le-willows.com\/?page_id=4765","title":{"rendered":"<span>A Local Historical Timeline<\/span>"},"content":{"rendered":"<style id=\"htl-custom-colors\">\n            :root {\n                --htl-background: #ffffff;\n                --htl-row-odd: #ffffff;\n                --htl-row-even: #f8f9fa;\n                --htl-grid-line: #e9ecef;\n                --htl-default-event: #6c757d;\n                --htl-era-button: #0d6efd;\n                --htl-all-dates-button: #198754;\n                --htl-popup-close: #dc3545;\n                --htl-event-gap: 3px;\n                --htl-year-gap: 3px;\n                --htl-row-height: 50px;\n                --htl-event-width: 100px;\n                --htl-event-height: 40px;\n                --htl-event-font-size: 9px;\n                --htl-event-text-align: left;\n                --htl-event-vertical-align: center;\n                --htl-icon-size: 24px;\n                --htl-year-header-height: 40px;\n                --htl-year-font-size: 14px;\n                --htl-more-rows-button-color: #0d6efd;\n            }\n        <\/style><div id=\"htl-69fe10bb967ff\" \n     class=\"htl-timeline-container\" \n     style=\"height: 600px; width: 100%;\"\n     data-rows=\"10\"\n     data-category=\"\"\n     data-start-year=\"400\"\n     data-end-year=\"2001\"\n     data-tag=\"\">\n    \n    <!-- Controls bar -->\n    <div class=\"htl-controls\">\n\t        \n        <div class=\"htl-controls-right\">\n            <!-- Search controls -->\n            <div class=\"htl-search-container\">\n                <input type=\"text\" class=\"htl-search-input\" placeholder=\"Search events...\">\n                <button type=\"button\" class=\"htl-btn htl-search-btn\" title=\"Search\">\ud83d\udd0d<\/button>\n                <button type=\"button\" class=\"htl-btn htl-search-clear\" title=\"Clear search\">\u2715<\/button>\n                <span class=\"htl-search-results-info\"><\/span>\n            <\/div>\n            \n            <select class=\"htl-year-grouping\" title=\"Group by\">\n                                    <option value=\"5\" >\n                        5 Years\n                    <\/option>\n                                    <option value=\"10\"  selected='selected'>\n                        10 Years\n                    <\/option>\n                                    <option value=\"25\" >\n                        25 Years\n                    <\/option>\n                                    <option value=\"50\" >\n                        50 Years\n                    <\/option>\n                                    <option value=\"75\" >\n                        75 Years\n                    <\/option>\n                                    <option value=\"100\" >\n                        100 Years\n                    <\/option>\n                            <\/select>\n            \n            <select class=\"htl-row-selector\" title=\"Rows to display\">\n                                                            <option value=\"3\" >\n                            3 Rows\n                        <\/option>\n                                                                                <option value=\"5\" >\n                            5 Rows\n                        <\/option>\n                                                                                <option value=\"8\" >\n                            8 Rows\n                        <\/option>\n                                                                                <option value=\"10\"  selected='selected'>\n                            10 Rows\n                        <\/option>\n                                                                                <option value=\"14\" >\n                            14 Rows\n                        <\/option>\n                                                                                <option value=\"20\" >\n                            20 Rows\n                        <\/option>\n                                                                                <option value=\"all\" >All Rows<\/option>\n                                                <\/select>\n            \n                            <select class=\"htl-category-filter\">\n                    <option value=\"\">All Categories<\/option>\n                                            <option value=\"battles\" \n                                data-colour=\"#e74c3c\"\n                                >\n                            Battles                        <\/option>\n                                            <option value=\"births\" \n                                data-colour=\"#1abc9c\"\n                                >\n                            Births                        <\/option>\n                                            <option value=\"bold-family\" \n                                data-colour=\"#3498db\"\n                                >\n                            Bold Family                        <\/option>\n                                            <option value=\"burtonwood-brewery\" \n                                data-colour=\"#16a085\"\n                                >\n                            Burtonwood Brewery                        <\/option>\n                                            <option value=\"burtonwood-history\" \n                                data-colour=\"#db29ba\"\n                                >\n                            Burtonwood History                        <\/option>\n                                            <option value=\"burtonwood-parish\" \n                                data-colour=\"#d35400\"\n                                >\n                            Burtonwood Parish                        <\/option>\n                                            <option value=\"crow-lane-hall\" \n                                data-colour=\"#f39c12\"\n                                >\n                            Crow Lane Hall                        <\/option>\n                                            <option value=\"cultural\" \n                                data-colour=\"#f39c12\"\n                                >\n                            Cultural Events                        <\/option>\n                                            <option value=\"deaths\" \n                                data-colour=\"#34495e\"\n                                >\n                            Deaths                        <\/option>\n                                            <option value=\"earlestown-wagon-works\" \n                                data-colour=\"#27ae60\"\n                                >\n                            Earlestown Wagon Works                        <\/option>\n                                            <option value=\"fee-of-makerfield\" \n                                data-colour=\"#c0392b\"\n                                >\n                            Fee of Makerfield                        <\/option>\n                                            <option value=\"haydock-history\" \n                                data-colour=\"#2ecc71\"\n                                >\n                            Haydock History                        <\/option>\n                                            <option value=\"liverpool-and-manchester-railway\" \n                                data-colour=\"#e67e22\"\n                                >\n                            Liverpool and Manchester Railway                        <\/option>\n                                            <option value=\"lords-of-warrington\" \n                                data-colour=\"#34495e\"\n                                >\n                            Lords of Warrington                        <\/option>\n                                            <option value=\"monarchs\" \n                                data-colour=\"#9b59b6\"\n                                >\n                            Monarchs                        <\/option>\n                                            <option value=\"newton-and-earlestown\" \n                                data-colour=\"#2980b9\"\n                                >\n                            Newton and Earlestown                        <\/option>\n                                            <option value=\"other\" \n                                data-colour=\"#95a5a6\"\n                                >\n                            Other                        <\/option>\n                                            <option value=\"sankey-canal\" \n                                data-colour=\"#9b59b6\"\n                                >\n                            Sankey Canal                        <\/option>\n                                            <option value=\"treaties\" \n                                data-colour=\"#2ecc71\"\n                                >\n                            Treaties                        <\/option>\n                                            <option value=\"vicars\" \n                                data-colour=\"#8e44ad\"\n                                >\n                            Vicars                        <\/option>\n                                            <option value=\"vulcan-foundry\" \n                                data-colour=\"#1abc9c\"\n                                >\n                            Vulcan Foundry                        <\/option>\n                                            <option value=\"warrington-history\" \n                                data-colour=\"#e74c3c\"\n                                >\n                            Warrington History                        <\/option>\n                                    <\/select>\n                        \n                        <div class=\"htl-zoom-controls\">\n                <button type=\"button\" class=\"htl-btn htl-zoom-out\" title=\"Zoom out\">\u2212<\/button>\n                <button type=\"button\" class=\"htl-btn htl-zoom-in\" title=\"Zoom in\">+<\/button>\n                <button type=\"button\" class=\"htl-btn htl-zoom-fit\" title=\"Fit all\">\u22a1<\/button>\n            <\/div>\n                        \n                        <button type=\"button\" class=\"htl-btn htl-reset-view\" title=\"Reset View\">Reset View<\/button>\n                    <\/div>\n    <\/div>\n    \n    <!-- Tag filter row (second row, below controls) -->\n        \n    <!-- Era\/Date range row with navigation arrows -->\n    <div class=\"htl-era-row\">\n                <button type=\"button\" class=\"htl-year-nav-btn htl-year-nav-left\" title=\"Scroll left\">\u25c0<\/button>\n                <div class=\"htl-era-buttons\">\n            <!-- Era buttons will be generated by JS (without labels) -->\n        <\/div>\n                <button type=\"button\" class=\"htl-year-nav-btn htl-year-nav-right\" title=\"Scroll right\">\u25b6<\/button>\n            <\/div>\n    \n    <!-- Timeline header with years -->\n    <div class=\"htl-timeline-header-wrapper\">\n        <div class=\"htl-timeline-header\">\n            <div class=\"htl-header-scroll\">\n                <!-- Years will be generated by JS -->\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- Timeline body with rows -->\n    <div class=\"htl-timeline-body\">\n        <div class=\"htl-events-area\">\n            <div class=\"htl-events-scroll\">\n                <!-- Grid lines -->\n                <div class=\"htl-grid-lines\"><\/div>\n                \n                <!-- Events will be rendered here by JS -->\n                <div class=\"htl-events-container\">\n                    <!-- Event rows will be generated by JS -->\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- More rows message -->\n        <div class=\"htl-more-rows-message\" style=\"display: none;\">\n        <button type=\"button\" class=\"htl-show-more-rows\">\n            Click here to view <span class=\"htl-hidden-rows-count\">0<\/span> more rows of available history data for this date range        <\/button>\n    <\/div>\n        \n    <!-- Loading overlay -->\n    <div class=\"htl-loading\">\n        <div class=\"htl-loading-spinner\"><\/div>\n        <span>Loading events...<\/span>\n    <\/div>\n<\/div>\n\n<!-- Event detail modal -->\n<div id=\"htl-69fe10bb967ff-modal\" class=\"htl-modal\">\n    <div class=\"htl-modal-overlay\"><\/div>\n    <div class=\"htl-modal-content\">\n        <button type=\"button\" class=\"htl-modal-close\">&times;<\/button>\n        <div class=\"htl-modal-header\">\n            <div class=\"htl-modal-category-wrapper\">\n                <img decoding=\"async\" class=\"htl-modal-category-icon\" src=\"\" alt=\"\" style=\"display:none;\">\n                <span class=\"htl-modal-category\"><\/span>\n            <\/div>\n            <h2 class=\"htl-modal-title\"><\/h2>\n            <div class=\"htl-modal-date\"><\/div>\n        <\/div>\n        <div class=\"htl-modal-body\">\n            <div class=\"htl-modal-images\"><\/div>\n            <div class=\"htl-modal-description\"><\/div>\n        <\/div>\n        <div class=\"htl-modal-footer\">\n            <a href=\"#\" class=\"htl-modal-edit-link\" style=\"display:none;\" target=\"_blank\">Edit Event<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-4765","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/newton-le-willows.com\/index.php?rest_route=\/wp\/v2\/pages\/4765","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newton-le-willows.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/newton-le-willows.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/newton-le-willows.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newton-le-willows.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4765"}],"version-history":[{"count":2,"href":"https:\/\/newton-le-willows.com\/index.php?rest_route=\/wp\/v2\/pages\/4765\/revisions"}],"predecessor-version":[{"id":4770,"href":"https:\/\/newton-le-willows.com\/index.php?rest_route=\/wp\/v2\/pages\/4765\/revisions\/4770"}],"wp:attachment":[{"href":"https:\/\/newton-le-willows.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}