{"id":262,"date":"2026-03-24T18:27:03","date_gmt":"2026-03-24T18:27:03","guid":{"rendered":"https:\/\/heatleybros.com\/?page_id=262"},"modified":"2026-03-26T17:56:27","modified_gmt":"2026-03-26T17:56:27","slug":"register","status":"publish","type":"page","link":"https:\/\/heatleybros.com\/index.php\/register\/","title":{"rendered":"Register"},"content":{"rendered":"\n<style>\n  .hb-reg-wrap {\n    font-family: inherit;\n    max-width: 540px;\n    margin: 0 auto;\n    padding: 0;\n  }\n  .hb-reg-eyebrow {\n    font-size: 11px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: #888;\n    margin-bottom: 8px;\n    font-weight: 400;\n  }\n  .hb-reg-title {\n    font-size: 26px;\n    font-weight: 600;\n    margin: 0 0 8px;\n    line-height: 1.2;\n  }\n  .hb-reg-sub {\n    font-size: 15px;\n    color: #666;\n    margin: 0 0 2rem;\n    line-height: 1.6;\n  }\n  .hb-reg-label {\n    display: block;\n    font-size: 13px;\n    font-weight: 600;\n    color: #555;\n    margin-bottom: 6px;\n    letter-spacing: 0.01em;\n  }\n  .hb-reg-field { margin-bottom: 1.2rem; }\n  .hb-reg-input {\n    width: 100%;\n    box-sizing: border-box;\n    padding: 11px 14px;\n    font-size: 15px;\n    border: 1.5px solid #ddd;\n    border-radius: 8px;\n    outline: none;\n    background: #fff;\n    color: #111;\n    transition: border-color 0.15s, box-shadow 0.15s;\n    font-family: inherit;\n  }\n  .hb-reg-input:focus { border-color: #378ADD; box-shadow: 0 0 0 3px rgba(55,138,221,0.12); }\n  .hb-reg-input.error { border-color: #E24B4A; box-shadow: 0 0 0 3px rgba(226,75,74,0.1); }\n  .hb-reg-toggle-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n    margin-bottom: 1.2rem;\n  }\n  .hb-reg-toggle {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 14px;\n    background: #fff;\n    border: 1.5px solid #ddd;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.15s;\n    user-select: none;\n  }\n  .hb-reg-toggle.active { border-color: #378ADD; background: #EBF4FD; }\n  .hb-reg-toggle-icon {\n    width: 34px;\n    height: 34px;\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    flex-shrink: 0;\n  }\n  .icon-yt { background: #FAECE7; }\n  .icon-game { background: #EAF3DE; }\n  .hb-reg-toggle-name { font-size: 13px; font-weight: 600; color: #111; line-height: 1.2; }\n  .hb-reg-toggle-sub { font-size: 11px; color: #888; }\n  .hb-reg-hint { font-size: 12px; color: #888; margin-top: 5px; line-height: 1.5; }\n  .hb-reg-divider { border: none; border-top: 1px solid #eee; margin: 1.5rem 0; }\n  .hb-reg-submit {\n    width: 100%;\n    padding: 13px;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: #fff;\n    background: #378ADD;\n    border: none;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s, transform 0.1s;\n    font-family: inherit;\n  }\n  .hb-reg-submit:hover { background: #185FA5; }\n  .hb-reg-submit:active { transform: scale(0.99); }\n  .hb-reg-submit:disabled { background: #aaa; cursor: not-allowed; }\n  .hb-reg-fine { font-size: 12px; color: #aaa; text-align: center; margin-top: 1rem; line-height: 1.6; }\n  .hb-reg-success { display: none; text-align: center; padding: 3rem 1rem; }\n  .hb-reg-success-icon {\n    width: 52px;\n    height: 52px;\n    border-radius: 50%;\n    background: #EAF3DE;\n    margin: 0 auto 1.2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 24px;\n    color: #3B6D11;\n  }\n  .hb-reg-success-title { font-size: 20px; font-weight: 600; margin: 0 0 8px; }\n  .hb-reg-success-msg { font-size: 15px; color: #666; margin: 0; line-height: 1.6; }\n  .hb-reg-error-msg {\n    display: none;\n    font-size: 13px;\n    color: #A32D2D;\n    text-align: center;\n    margin-top: 10px;\n    padding: 10px;\n    background: #FCEBEB;\n    border-radius: 6px;\n  }\n  @media (max-width: 480px) { .hb-reg-toggle-row { grid-template-columns: 1fr; } }\n<\/style>\n\n<div class=\"hb-reg-wrap\">\n  <p class=\"hb-reg-eyebrow\">HeatleyBros Music<\/p>\n  <h2 class=\"hb-reg-title\">Register your channel or game<\/h2>\n  <p class=\"hb-reg-sub\">Using HeatleyBros music? Register here and we&#8217;ll have you on record , it helps protect you from accidental Content ID claims and lets us know who&#8217;s out there making things with our music. Please note that that you must still credit in games and videos with a song link or channel link in order to use, please see Attribution License for details.<\/p>\n  <div id=\"hbRegForm\">\n    <div class=\"hb-reg-field\">\n      <label class=\"hb-reg-label\" for=\"hbEmail\">Your email<\/label>\n      <input class=\"hb-reg-input\" type=\"email\" id=\"hbEmail\" placeholder=\"you@example.com\">\n    <\/div>\n    <div class=\"hb-reg-field\">\n      <label class=\"hb-reg-label\">What are you registering?<\/label>\n      <div class=\"hb-reg-toggle-row\">\n        <div class=\"hb-reg-toggle active\" id=\"hbBtnYt\" onclick=\"hbSelectType('youtube')\">\n          <div class=\"hb-reg-toggle-icon icon-yt\">\u25b6<\/div>\n          <div>\n            <div class=\"hb-reg-toggle-name\">YouTube channel<\/div>\n            <div class=\"hb-reg-toggle-sub\">Streamer or creator<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"hb-reg-toggle\" id=\"hbBtnGame\" onclick=\"hbSelectType('game')\">\n          <div class=\"hb-reg-toggle-icon icon-game\">\u25c6<\/div>\n          <div>\n            <div class=\"hb-reg-toggle-name\">Game title<\/div>\n            <div class=\"hb-reg-toggle-sub\">Developer or studio<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"hb-reg-field\" id=\"hbFieldYt\">\n      <label class=\"hb-reg-label\" for=\"hbChannel\">YouTube channel URL<\/label>\n      <input class=\"hb-reg-input\" type=\"url\" id=\"hbChannel\" placeholder=\"https:\/\/youtube.com\/@yourchannel\">\n      <p class=\"hb-reg-hint\">Paste your full channel URL, no need to find your channel ID (unless you have it, check your creator studio), we can take care of that.<\/p>\n    <\/div>\n    <div class=\"hb-reg-field\" id=\"hbFieldGame\" style=\"display:none;\">\n      <label class=\"hb-reg-label\" for=\"hbGame\">Game title<\/label>\n      <input class=\"hb-reg-input\" type=\"text\" id=\"hbGame\" placeholder=\"e.g. Hollow Knight\">\n      <p class=\"hb-reg-hint\">Enter the exact title as it appears on your store page or in-game.<\/p>\n    <\/div>\n    <div class=\"hb-reg-field\">\n      <label class=\"hb-reg-label\">Anything else? <span style=\"font-weight:400; opacity:0.6;\">(optional)<\/span><\/label>\n      <input class=\"hb-reg-input\" type=\"text\" id=\"hbNote\" placeholder=\"e.g. tracks you use, studio name, platform...\">\n    <\/div>\n    <hr class=\"hb-reg-divider\">\n    <button class=\"hb-reg-submit\" id=\"hbSubmitBtn\" onclick=\"hbSubmit()\">Register Now<\/button>\n    <div class=\"hb-reg-error-msg\" id=\"hbError\">Something went wrong. Please try again or email us directly.<\/div>\n    <p class=\"hb-reg-fine\">We don&#8217;t spam. This just helps us know who&#8217;s out there using our music.<\/p>\n  <\/div>\n  <div class=\"hb-reg-success\" id=\"hbSuccess\">\n    <div class=\"hb-reg-success-icon\">\u2713<\/div>\n    <p class=\"hb-reg-success-title\">You&#8217;re registered.<\/p>\n    <p class=\"hb-reg-success-msg\">Thanks for letting us know. We&#8217;ll review your submission you&#8217;re in our records now. Go make something great!<\/p>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  var FORM_ACTION = \"https:\/\/docs.google.com\/forms\/u\/0\/d\/e\/1FAIpQLSe7mBP3HA_4736TaYVHRVVa6uIU3p25_3FQNEiDOE8rVlEEMA\/formResponse\";\n  var ENTRY = {\n    type: \"entry.1089036872\",\n    channelUrl: \"entry.124464270\",\n    gameTitle: \"entry.1216471034\",\n    note: \"entry.1649456095\",\n    email: \"entry.10832427\"\n  };\n  var regType = \"youtube\";\n  window.hbSelectType = function(type) {\n    regType = type;\n    document.getElementById(\"hbBtnYt\").classList.toggle(\"active\", type === \"youtube\");\n    document.getElementById(\"hbBtnGame\").classList.toggle(\"active\", type === \"game\");\n    document.getElementById(\"hbFieldYt\").style.display = type === \"youtube\" ? \"block\" : \"none\";\n    document.getElementById(\"hbFieldGame\").style.display = type === \"game\" ? \"block\" : \"none\";\n  };\n  window.hbSubmit = function() {\n    var email = document.getElementById(\"hbEmail\").value.trim();\n    var channelUrl = document.getElementById(\"hbChannel\").value.trim();\n    var gameTitle = document.getElementById(\"hbGame\").value.trim();\n    var note = document.getElementById(\"hbNote\").value.trim();\n    var btn = document.getElementById(\"hbSubmitBtn\");\n    var errorEl = document.getElementById(\"hbError\");\n    if (!email || !email.includes(\"@\")) {\n      document.getElementById(\"hbEmail\").classList.add(\"error\");\n      document.getElementById(\"hbEmail\").focus();\n      return;\n    }\n    document.getElementById(\"hbEmail\").classList.remove(\"error\");\n    if (regType === \"youtube\" && !channelUrl) {\n      document.getElementById(\"hbChannel\").classList.add(\"error\");\n      document.getElementById(\"hbChannel\").focus();\n      return;\n    }\n    if (regType === \"game\" && !gameTitle) {\n      document.getElementById(\"hbGame\").classList.add(\"error\");\n      document.getElementById(\"hbGame\").focus();\n      return;\n    }\n    btn.disabled = true;\n    btn.textContent = \"Sending...\";\n    errorEl.style.display = \"none\";\n    var formData = new FormData();\n    formData.append(ENTRY.email, email);\n    formData.append(ENTRY.type, regType);\n    formData.append(ENTRY.channelUrl, channelUrl);\n    formData.append(ENTRY.gameTitle, gameTitle);\n    formData.append(ENTRY.note, note);\n    fetch(FORM_ACTION, { method: \"POST\", mode: \"no-cors\", body: formData })\n    .then(function() {\n      document.getElementById(\"hbRegForm\").style.display = \"none\";\n      document.getElementById(\"hbSuccess\").style.display = \"block\";\n    })\n    .catch(function() {\n      btn.disabled = false;\n      btn.textContent = \"Register Now\";\n      errorEl.style.display = \"block\";\n    });\n  };\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>HeatleyBros Music Register your channel or game Using HeatleyBros music? Register here and we&#8217;ll have you on record , it helps protect you from accidental Content ID claims and lets us know who&#8217;s out there making things with our music. Please note that that you must still credit in games and videos with a song [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/heatleybros.com\/index.php\/wp-json\/wp\/v2\/pages\/262"}],"collection":[{"href":"https:\/\/heatleybros.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heatleybros.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heatleybros.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/heatleybros.com\/index.php\/wp-json\/wp\/v2\/comments?post=262"}],"version-history":[{"count":4,"href":"https:\/\/heatleybros.com\/index.php\/wp-json\/wp\/v2\/pages\/262\/revisions"}],"predecessor-version":[{"id":270,"href":"https:\/\/heatleybros.com\/index.php\/wp-json\/wp\/v2\/pages\/262\/revisions\/270"}],"wp:attachment":[{"href":"https:\/\/heatleybros.com\/index.php\/wp-json\/wp\/v2\/media?parent=262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}