{"id":676,"date":"2025-03-21T10:19:33","date_gmt":"2025-03-21T09:19:33","guid":{"rendered":"https:\/\/jonskadhauge.mitspace.dk\/?page_id=676"},"modified":"2026-03-19T19:09:35","modified_gmt":"2026-03-19T18:09:35","slug":"music","status":"publish","type":"page","link":"https:\/\/jonskadhauge.com\/dk\/music\/","title":{"rendered":"Music"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"676\" class=\"elementor elementor-676\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c283d2 e-con-full e-flex e-con e-parent\" data-id=\"6c283d2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccf5d07 elementor-widget elementor-widget-html\" data-id=\"ccf5d07\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"music-section\" role=\"region\" aria-labelledby=\"music-title\">\n  <style>\n    \/* Layout & theme (inherits Elementor global fonts) *\/\n    .music-section {\n      --bg: #D13232;\n      --text: #000000;\n      --title-color: #ffff00; \/* \ud83d\udc48 customize this freely *\/\n\n      background: var(--bg);\n      color: var(--text);\n    }\n\n    \/* Removed the global color override so title color works *\/\n    .music-section * {\n      font: inherit;\n      text-shadow: none;\n      box-shadow: none;\n    }\n\n    .music-wrap {\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: clamp(24px, 3.6vw, 56px) clamp(16px, 3vw, 32px);\n    }\n\n    \/* Title \u2014 same size as your original code, just with its own color *\/\n    .music-section .music-title {\n      margin: 0 0 clamp(14px, 2vw, 20px) 0;\n      line-height: 1.1;\n      letter-spacing: -0.01em;\n      font-weight: 700;\n      font-size: clamp(px, 6vw, 72px);\n      color: var(--title-color) !important; \/* forces custom color *\/\n    }\n\n    .music-text {\n      max-width: 70ch;\n      line-height: 1.55;\n      font-size: clamp(16px, 1.4vw, 20px);\n      margin: 0 auto clamp(28px, 4vw, 48px);\n    }\n\n    \/* Video: responsive, centered *\/\n    .music-video {\n      display: flex;\n      justify-content: center;\n    }\n\n    .video-frame {\n      width: min(100%, 960px);\n      aspect-ratio: 16 \/ 9;\n      background: rgba(0,0,0,0.08); \/* subtle placeholder; not a glow *\/\n      border: 0;\n    }\n\n    \/* Fallback for older browsers without aspect-ratio *\/\n    .no-aspect .video-wrap {\n      position: relative;\n      width: min(100%, 960px);\n      padding-top: 56.25%;\n    }\n    .no-aspect .video-wrap iframe {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    \/* Disable hover effects *\/\n    .music-section a,\n    .music-section button {\n      transition: none !important;\n    }\n    .music-section a:hover,\n    .music-section button:hover {\n      filter: none !important;\n      transform: none !important;\n      text-decoration: none !important;\n    }\n  <\/style>\n\n  <div class=\"music-wrap\">\n    <header>\n      <h1 id=\"music-title\" class=\"music-title\">Musik<\/h1>\n      <p class=\"music-text\">\n        Udover at indspille lyd til film og reklame er jeg musiker og komponist. Mit kendetegn ligger i at skabe musik, der f\u00f8les organisk og har et tydeligt menneskeligt pr\u00e6g. Essensen af et brand skal overs\u00e6ttes til musik, der resonerer dybt med brandets strategi. Uanset om det er uhyggelige, filmiske scores eller ironiske spaghettiwesterns, skal hver frekvens finjusteres, indtil den f\u00f8les og lyder helt rigtig.\n      <\/p>\n    <\/header>\n\n    <div class=\"music-video\">\n      <!-- Responsive YouTube embed -->\n      <iframe\n        class=\"video-frame\"\n        title=\"Music \u2014 YouTube video\"\n        src=\"https:\/\/www.youtube.com\/embed\/Slq850BjOtg?rel=0&modestbranding=1&playsinline=1\"\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n        allowfullscreen\n        referrerpolicy=\"strict-origin-when-cross-origin\">\n      <\/iframe>\n    <\/div>\n  <\/div>\n\n  <script>\n    \/\/ Add a minimal feature test for aspect-ratio; apply fallback if needed\n    (function(){\n      var test = document.createElement('div');\n      if (!('aspectRatio' in test.style)) {\n        document.currentScript.closest('.music-section').classList.add('no-aspect');\n      }\n    })();\n  <\/script>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Musik Udover at indspille lyd til film og reklame er jeg musiker og komponist. Mit kendetegn ligger i at skabe musik, der f\u00f8les organisk og har et tydeligt menneskeligt pr\u00e6g. Essensen af et brand skal overs\u00e6ttes til musik, der resonerer dybt med brandets strategi. Uanset om det er uhyggelige, filmiske scores eller ironiske spaghettiwesterns, skal [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-676","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jonskadhauge.com\/dk\/wp-json\/wp\/v2\/pages\/676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jonskadhauge.com\/dk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jonskadhauge.com\/dk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jonskadhauge.com\/dk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jonskadhauge.com\/dk\/wp-json\/wp\/v2\/comments?post=676"}],"version-history":[{"count":820,"href":"https:\/\/jonskadhauge.com\/dk\/wp-json\/wp\/v2\/pages\/676\/revisions"}],"predecessor-version":[{"id":8680,"href":"https:\/\/jonskadhauge.com\/dk\/wp-json\/wp\/v2\/pages\/676\/revisions\/8680"}],"wp:attachment":[{"href":"https:\/\/jonskadhauge.com\/dk\/wp-json\/wp\/v2\/media?parent=676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}