{"id":80,"date":"2026-03-04T18:23:14","date_gmt":"2026-03-04T18:23:14","guid":{"rendered":"https:\/\/islandlakemusic.com\/Elias-Fade\/?page_id=80"},"modified":"2026-03-04T18:23:14","modified_gmt":"2026-03-04T18:23:14","slug":"80-2","status":"publish","type":"page","link":"https:\/\/islandlakemusic.com\/Elias-Fade\/80-2\/","title":{"rendered":""},"content":{"rendered":"\n<!-- Elias Fade - One Page Temporary Layout (paste into a WordPress \"Custom HTML\" block) -->\n<div class=\"ef-wrap\">\n\n  <!-- HERO -->\n  <section class=\"ef-hero\" role=\"banner\" aria-label=\"Elias Fade hero\">\n    <div class=\"ef-hero__overlay\"><\/div>\n    <div class=\"ef-hero__content\">\n      <div class=\"ef-kicker\">Island Lake Music presents<\/div>\n      <h1 class=\"ef-title\">ELIAS FADE<\/h1>\n      <p class=\"ef-subtitle\">Atmospheric \u2022 Dark Ambient \u2022 Cinematic<\/p>\n      <p class=\"ef-tagline\">Late-night music for people who feel too much.<\/p>\n\n      <div class=\"ef-ctaRow\">\n        <a class=\"ef-btn ef-btn--primary\"\n           href=\"https:\/\/soundcloud.com\/elias_fade\/sets\/the-essential-elias-fade\"\n           target=\"_blank\" rel=\"noopener noreferrer\">\n          Listen on SoundCloud\n        <\/a>\n        <a class=\"ef-btn ef-btn--ghost\"\n           href=\"#start-here\">\n          Start here \u2193\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- START HERE \/ PLAYLIST -->\n  <section id=\"start-here\" class=\"ef-section\" aria-label=\"Start here playlist\">\n    <div class=\"ef-container\">\n      <h2 class=\"ef-h2\">Start Here<\/h2>\n      <p class=\"ef-lead\">A curated selection of Elias Fade tracks.<\/p>\n\n      <div class=\"ef-card ef-player\">\n        <iframe\n          width=\"100%\"\n          height=\"450\"\n          scrolling=\"no\"\n          frameborder=\"no\"\n          loading=\"lazy\"\n          allow=\"autoplay\"\n          src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/soundcloud.com\/elias_fade\/sets\/the-essential-elias-fade&#038;color=%23000000&#038;auto_play=false&#038;hide_related=false&#038;show_comments=false&#038;show_user=true&#038;show_reposts=false&#038;visual=true\">\n        <\/iframe>\n      <\/div>\n\n      <div class=\"ef-miniLinks\">\n        <a href=\"https:\/\/soundcloud.com\/elias_fade\/sets\/the-essential-elias-fade\" target=\"_blank\" rel=\"noopener noreferrer\">\n          Open playlist on SoundCloud \u2192\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ABOUT -->\n  <section id=\"about\" class=\"ef-section\" aria-label=\"About Elias Fade\">\n    <div class=\"ef-container\">\n      <h2 class=\"ef-h2\">About<\/h2>\n      <div class=\"ef-card\">\n        <p class=\"ef-body\">\n          Elias Fade creates atmospheric music built from shadow, memory, and slow-burn emotion.\n          These songs live in the quiet hours \u2014 where longing, intimacy, and darkness meet.\n        <\/p>\n        <p class=\"ef-body ef-muted\">\n          Released through <strong>Island Lake Music<\/strong>.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CONTACT -->\n  <section id=\"contact\" class=\"ef-section\" aria-label=\"Contact\">\n    <div class=\"ef-container\">\n      <h2 class=\"ef-h2\">Contact<\/h2>\n      <div class=\"ef-card\">\n        <p class=\"ef-body\">For licensing, collaborations, or inquiries:<\/p>\n        <p class=\"ef-body ef-contactLine\">\n          <strong>Island Lake Music<\/strong>\n          <span class=\"ef-dot\">\u2022<\/span>\n          <a href=\"https:\/\/soundcloud.com\/elias_fade\" target=\"_blank\" rel=\"noopener noreferrer\">SoundCloud<\/a>\n        <\/p>\n        <!-- Optional: add your email below (replace example) -->\n        <!-- <p class=\"ef-body\"><a href=\"mailto:you@islandlakemusic.com\">you@islandlakemusic.com<\/a><\/p> -->\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FOOTER -->\n  <footer class=\"ef-footer\" aria-label=\"Footer\">\n    <div class=\"ef-container\">\n      <div class=\"ef-footerRow\">\n        <div>\u00a9 <span id=\"ef-year\"><\/span> Elias Fade<\/div>\n        <div class=\"ef-footerLinks\">\n          <a href=\"#start-here\">Listen<\/a>\n          <a href=\"#about\">About<\/a>\n          <a href=\"#contact\">Contact<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<style>\n  \/* ===== Elias Fade minimal dark layout ===== *\/\n  .ef-wrap{\n    --bg:#07080a;\n    --panel:#0d0f13;\n    --text:#e9edf3;\n    --muted:#aab4c2;\n    --line:rgba(255,255,255,.08);\n    --shadow:0 20px 60px rgba(0,0,0,.55);\n    --radius:18px;\n    --max:980px;\n    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\";\n    color:var(--text);\n    background:var(--bg);\n    margin:0;\n  }\n  .ef-container{max-width:var(--max); margin:0 auto; padding:0 20px;}\n  .ef-hero{\n    position:relative;\n    min-height:78vh;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    text-align:left;\n    padding:72px 0;\n    background:\n      radial-gradient(1200px 600px at 20% 30%, rgba(255,255,255,.10), transparent 60%),\n      radial-gradient(900px 500px at 70% 20%, rgba(255,255,255,.06), transparent 55%),\n      linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.85));\n    overflow:hidden;\n  }\n  \/* Optional: replace the hero background with an image by editing this line:\n     background-image: linear-gradient(...), url('YOUR_IMAGE_URL'); *\/\n  .ef-hero__overlay{\n    position:absolute; inset:0;\n    background:\n      radial-gradient(800px 400px at 50% 10%, rgba(255,255,255,.08), transparent 70%),\n      linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.9));\n    pointer-events:none;\n  }\n  .ef-hero__content{\n    position:relative;\n    max-width:var(--max);\n    width:100%;\n    padding:0 20px;\n  }\n  .ef-kicker{\n    letter-spacing:.16em;\n    text-transform:uppercase;\n    font-size:12px;\n    color:var(--muted);\n    margin-bottom:14px;\n  }\n  .ef-title{\n    font-size: clamp(44px, 6vw, 74px);\n    line-height:1.02;\n    margin:0 0 10px;\n    letter-spacing:.02em;\n  }\n  .ef-subtitle{\n    margin:0 0 10px;\n    font-size: clamp(16px, 2vw, 20px);\n    color:var(--muted);\n  }\n  .ef-tagline{\n    margin:0 0 26px;\n    font-size: 16px;\n    max-width: 52ch;\n    color: rgba(233,237,243,.92);\n  }\n  .ef-ctaRow{display:flex; gap:12px; flex-wrap:wrap;}\n  .ef-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:10px;\n    padding:12px 16px;\n    border-radius:999px;\n    border:1px solid var(--line);\n    color:var(--text);\n    text-decoration:none;\n    font-weight:600;\n    letter-spacing:.01em;\n    transition: transform .12s ease, background .12s ease, border-color .12s ease;\n    backdrop-filter: blur(10px);\n  }\n  .ef-btn:hover{transform: translateY(-1px); border-color: rgba(255,255,255,.18);}\n  .ef-btn--primary{background: rgba(255,255,255,.10);}\n  .ef-btn--primary:hover{background: rgba(255,255,255,.14);}\n  .ef-btn--ghost{background: transparent;}\n  .ef-section{padding:56px 0; border-top:1px solid var(--line);}\n  .ef-h2{\n    margin:0 0 10px;\n    font-size: 22px;\n    letter-spacing:.01em;\n  }\n  .ef-lead{margin:0 0 18px; color:var(--muted);}\n  .ef-card{\n    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));\n    border:1px solid var(--line);\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n    padding: 18px;\n  }\n  .ef-player{padding:0; overflow:hidden;}\n  .ef-player iframe{display:block; border:0;}\n  .ef-body{margin:0 0 10px; line-height:1.7;}\n  .ef-muted{color:var(--muted);}\n  .ef-miniLinks{margin-top:12px;}\n  .ef-miniLinks a{color: rgba(233,237,243,.9); text-decoration:none; border-bottom:1px solid rgba(255,255,255,.18);}\n  .ef-miniLinks a:hover{border-bottom-color: rgba(255,255,255,.35);}\n  .ef-contactLine{display:flex; flex-wrap:wrap; gap:8px; align-items:center;}\n  .ef-contactLine a{color: rgba(233,237,243,.92); text-decoration:none; border-bottom:1px solid rgba(255,255,255,.18);}\n  .ef-contactLine a:hover{border-bottom-color: rgba(255,255,255,.35);}\n  .ef-dot{opacity:.6}\n  .ef-footer{padding:24px 0; border-top:1px solid var(--line);}\n  .ef-footerRow{\n    display:flex; gap:14px; flex-wrap:wrap;\n    align-items:center; justify-content:space-between;\n    color:var(--muted); font-size: 13px;\n  }\n  .ef-footerLinks{display:flex; gap:14px; flex-wrap:wrap;}\n  .ef-footerLinks a{color:var(--muted); text-decoration:none;}\n  .ef-footerLinks a:hover{color:var(--text);}\n\n  \/* Make sure this doesn't inherit weird theme widths *\/\n  .ef-wrap section, .ef-wrap footer {width:100%;}\n<\/style>\n\n<script>\n  \/\/ Set year in footer\n  (function(){ \n    var el = document.getElementById('ef-year');\n    if(el) el.textContent = new Date().getFullYear();\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Island Lake Music presents ELIAS FADE Atmospheric \u2022 Dark Ambient \u2022 Cinematic Late-night music for people who feel too much. Listen on SoundCloud Start here \u2193 Start Here A curated selection of Elias Fade tracks. Open playlist on SoundCloud \u2192 About Elias Fade creates atmospheric music built from shadow, memory, and slow-burn emotion. These songs [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-80","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/islandlakemusic.com\/Elias-Fade\/wp-json\/wp\/v2\/pages\/80","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/islandlakemusic.com\/Elias-Fade\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/islandlakemusic.com\/Elias-Fade\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/islandlakemusic.com\/Elias-Fade\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/islandlakemusic.com\/Elias-Fade\/wp-json\/wp\/v2\/comments?post=80"}],"version-history":[{"count":2,"href":"https:\/\/islandlakemusic.com\/Elias-Fade\/wp-json\/wp\/v2\/pages\/80\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/islandlakemusic.com\/Elias-Fade\/wp-json\/wp\/v2\/pages\/80\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/islandlakemusic.com\/Elias-Fade\/wp-json\/wp\/v2\/media?parent=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}