{"id":132,"date":"2025-08-13T16:55:32","date_gmt":"2025-08-13T20:55:32","guid":{"rendered":"https:\/\/blog.brainwalkers.ca\/?page_id=132"},"modified":"2025-08-21T14:51:47","modified_gmt":"2025-08-21T18:51:47","slug":"2018-kawsaki-vulcan-900-classic","status":"publish","type":"page","link":"https:\/\/blog.brainwalkers.ca\/index.php\/2018-kawsaki-vulcan-900-classic\/","title":{"rendered":"2018 Kawsaki Vulcan 900 Classic"},"content":{"rendered":"\n<p>Details coming soon !!!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"522\" height=\"392\" src=\"https:\/\/blog.brainwalkers.ca\/wp-content\/uploads\/2025\/08\/2018-Vulcan-900-Classic-Es.png\" alt=\"\" class=\"wp-image-242\" srcset=\"https:\/\/blog.brainwalkers.ca\/wp-content\/uploads\/2025\/08\/2018-Vulcan-900-Classic-Es.png 522w, https:\/\/blog.brainwalkers.ca\/wp-content\/uploads\/2025\/08\/2018-Vulcan-900-Classic-Es-300x225.png 300w\" sizes=\"auto, (max-width: 522px) 100vw, 522px\" \/><\/figure>\n\n\n\n<!-- Thumbnail that opens a modal -->\n<figure class=\"lb-thumb\" style=\"max-width:220px;cursor:pointer\">\n  <img decoding=\"async\" src=\"https:\/\/blog.brainwalkers.ca\/wp-content\/uploads\/2025\/08\/2018-Vulcan-900-Classic-Es.png\"\n       alt=\"Descriptive alt text\"\n       data-full=\"https:\/\/blog.brainwalkers.ca\/wp-content\/uploads\/2025\/08\/2018-Vulcan-900-Classic-Es.png\">\n  <figcaption style=\"font-size:.9rem;color:#666\">Click to enlarge<\/figcaption>\n<\/figure>\n\n<!-- Modal markup -->\n<div class=\"lb-modal\" id=\"lb-modal\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Image preview\">\n  <button class=\"lb-close\" aria-label=\"Close\">&times;<\/button>\n  <img id=\"lb-image\" alt=\"\">\n<\/div>\n\n<style>\n  .lb-modal {\n    position: fixed;\n    inset: 0;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0,0,0,.75);\n    z-index: 9999;\n    padding: 2rem;\n  }\n  .lb-modal[aria-hidden=\"false\"] { display: flex; }\n\n  \/* Keep image ~75% of viewport but preserve aspect ratio *\/\n  .lb-modal img {\n    max-width: 75vw;   \/* width limit *\/\n    max-height: 75vh;  \/* height limit *\/\n    width: auto;\n    height: auto;\n    box-shadow: 0 10px 30px rgba(0,0,0,.5);\n    border-radius: 6px;\n  }\n\n  .lb-close {\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    font-size: 2rem;\n    line-height: 1;\n    background: transparent;\n    border: 0;\n    color: #fff;\n    cursor: pointer;\n  }\n\n  .lb-thumb img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n<\/style>\n\n<script>\n  (function () {\n    const modal = document.getElementById('lb-modal');\n    const modalImg = document.getElementById('lb-image');\n    const closeBtn = modal.querySelector('.lb-close');\n\n    \/\/ Delegate clicks from any .lb-thumb img\n    document.addEventListener('click', function (e) {\n      const thumb = e.target.closest('.lb-thumb img');\n      if (!thumb) return;\n\n      const full = thumb.getAttribute('data-full') || thumb.src;\n      const alt = thumb.getAttribute('alt') || '';\n      modalImg.src = full;\n      modalImg.alt = alt;\n      modal.setAttribute('aria-hidden', 'false');\n      document.body.style.overflow = 'hidden';\n    });\n\n    function closeModal() {\n      modal.setAttribute('aria-hidden', 'true');\n      modalImg.removeAttribute('src');\n      document.body.style.overflow = '';\n    }\n\n    closeBtn.addEventListener('click', closeModal);\n    modal.addEventListener('click', function (e) {\n      if (e.target === modal) closeModal();\n    });\n    document.addEventListener('keydown', function (e) {\n      if (e.key === 'Escape' && modal.getAttribute('aria-hidden') === 'false') closeModal();\n    });\n  })();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Details coming soon !!! Click to enlarge &times;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_s2mail":"yes","footnotes":""},"class_list":["post-132","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blog.brainwalkers.ca\/index.php\/wp-json\/wp\/v2\/pages\/132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.brainwalkers.ca\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.brainwalkers.ca\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.brainwalkers.ca\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.brainwalkers.ca\/index.php\/wp-json\/wp\/v2\/comments?post=132"}],"version-history":[{"count":6,"href":"https:\/\/blog.brainwalkers.ca\/index.php\/wp-json\/wp\/v2\/pages\/132\/revisions"}],"predecessor-version":[{"id":247,"href":"https:\/\/blog.brainwalkers.ca\/index.php\/wp-json\/wp\/v2\/pages\/132\/revisions\/247"}],"wp:attachment":[{"href":"https:\/\/blog.brainwalkers.ca\/index.php\/wp-json\/wp\/v2\/media?parent=132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}