{"id":109,"date":"2026-09-09T12:42:03","date_gmt":"2026-09-09T11:42:03","guid":{"rendered":"http:\/\/dhayzen.homeip.net\/wordpress\/?page_id=109"},"modified":"2026-09-15T12:19:20","modified_gmt":"2026-09-15T11:19:20","slug":"listen","status":"publish","type":"page","link":"https:\/\/davehayzen.co.uk\/?page_id=109","title":{"rendered":"LISTEN"},"content":{"rendered":"\n<div class=\"nas-carousel-container\">\n\n  <!-- Slide 1 -->\n  <div class=\"nas-slide active\">\n    <video width=\"100%\" controls playsinline webkit-playsinline preload=\"metadata\">\n        <source src=\"https:\/\/davehayzen.co.uk\/wp-content\/uploads\/2026\/09\/VID-20260705-WA0033.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <!-- Slide Text Details -->\n    <div class=\"nas-video-details\">\n      <h3>Dancing In The Dark &#8211; Bruce Springsteen<\/h3>\n      <p class=\"nas-credits\">Cover by Dave Hayzen<\/p>\n    <\/div>\n  <\/div>\n  \n  <!-- Slide 2 -->\n  <div class=\"nas-slide\">\n    <video width=\"100%\" controls playsinline webkit-playsinline preload=\"metadata\">\n        <source src=\"https:\/\/davehayzen.co.uk\/wp-content\/uploads\/2026\/09\/VID-20260705-WA0034.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <!-- Slide Text Details -->\n    <div class=\"nas-video-details\">\n      <h3>Human &#8211; The Killers<\/h3>\n      <p class=\"nas-credits\">Cover by Dave Hayzen<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Navigation Arrows -->\n  <div class=\"carousel-nav\">\n    <button onclick=\"moveNASSlide(-1)\">\u25c0 Previous<\/button>\n    <button onclick=\"moveNASSlide(1)\">Next \u25b6<\/button>\n  <\/div>\n<\/div>\n\n<style>\n    \/* Container styling *\/\n    .nas-carousel-container { position: relative; max-width: 360px; margin: 0 auto; background: #000; border-radius: 8px; overflow: hidden; padding-bottom: 10px; font-family: inherit !important; }\n    .nas-slide { display: none; width: 100%; }\n    .nas-slide.active { display: block; }\n    \n    \/* NEW: Dedicated Video Sizing Section *\/\n    .nas-carousel-container .nas-slide video {\n      width: 100% !important;\n      max-width: 100% !important;\n      height: 400px !important;       \/* Hard lock to a sleek, compact height *\/\n      max-height: 400px !important; \n      object-fit: contain !important;   \/* Keeps video frame proportion layout perfect *\/\n      background-color: #000000 !important; \n    }\n\n    \/* Navigation Buttons Styling - Forced to Orange *\/\n    .carousel-nav { display: flex; justify-content: space-between; padding: 10px 20px 0; }\n    .carousel-nav button { \n      background: #ff6600 !important; \/* Vibrant orange color *\/\n      color: #ffffff !important;      \/* White text arrow *\/\n      border: none !important; \n      padding: 10px 18px !important; \n      border-radius: 6px !important; \n      cursor: pointer !important; \n      font-weight: bold !important;\n      font-family: inherit !important;\n      transition: background 0.2s !important; \n    }\n    \n    \/* Darker orange when hovering over the buttons *\/\n    .carousel-nav button:hover { \n      background: #cc5200 !important; \n    }\n    \n    \/* Text styling - Inherits global typography properties from the theme *\/\n    .nas-video-details { padding: 15px 20px 5px 20px; color: #ffffff !important; font-family: inherit !important; }\n    \n    .nas-video-details h3 { \n      margin: 0 0 5px 0; \n      color: #ffffff !important; \n      font-family: inherit !important; \n      font-size: inherit !important; \n      font-weight: inherit !important; \n      line-height: inherit !important; \n    }\n    \n    .nas-video-details p, \n    .nas-video-details span, \n    .nas-video-details strong { \n      color: #ffffff !important; \n      font-family: inherit !important; \n    }\n    \n    \/* Subtext color adjustments - Size and weight fall back to WordPress values *\/\n    .nas-video-details .nas-credits { \n      margin: 0; \n      color: #bbbbbb !important; \n      font-family: inherit !important; \n      font-size: inherit !important; \n      font-weight: inherit !important; \n      line-height: inherit !important; \n    }\n<\/style>\n\n<script>\nlet currentNASSlide = 0;\nfunction moveNASSlide(direction) {\n  const slides = document.querySelectorAll('.nas-slide');\n  \/\/ Pause current playing video before moving\n  const currentVideo = slides[currentNASSlide].querySelector('video');\n  if(currentVideo) currentVideo.pause();\n\n  slides[currentNASSlide].classList.remove('active');\n  currentNASSlide = (currentNASSlide + direction + slides.length) % slides.length;\n  slides[currentNASSlide].classList.add('active');\n}\n<\/script>\n\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dancing In The Dark &#8211; Bruce Springsteen Cover by Dave Hayzen Human &#8211; The Killers Cover by Dave Hayzen \u25c0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-109","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/davehayzen.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/davehayzen.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/davehayzen.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/davehayzen.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/davehayzen.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=109"}],"version-history":[{"count":27,"href":"https:\/\/davehayzen.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/109\/revisions"}],"predecessor-version":[{"id":344,"href":"https:\/\/davehayzen.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/109\/revisions\/344"}],"wp:attachment":[{"href":"https:\/\/davehayzen.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}