{"id":21,"date":"2026-06-26T16:40:46","date_gmt":"2026-06-26T16:40:46","guid":{"rendered":"https:\/\/jacobtraplord.space\/?page_id=21"},"modified":"2026-06-26T17:03:43","modified_gmt":"2026-06-26T17:03:43","slug":"home","status":"publish","type":"page","link":"https:\/\/jacobtraplord.space\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\">\n\t\t\t\t<main class=\"elementor-element elementor-element-5df9b8e4 e-flex e-con-boxed e-con e-parent\" data-id=\"5df9b8e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e65ddbd elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"e65ddbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"en\" class=\"bg-[#0c0c0e] text-slate-100\">\n  <head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>JTL | Jacob Trap Lord - Official Linktree<\/title>\n    \n    <!-- Tailwind CSS CDN for high-performance utility rendering -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n      tailwind.config = {\n        theme: {\n          extend: {\n            colors: {\n              brand: {\n                dark: '#0c0c0e',\n                card: '#16161a',\n                cardHover: '#1f1f24',\n                spotify: '#1DB954',\n                apple: '#fc3c44',\n                youtube: '#FF0000',\n                instagram: '#E1306C',\n                soundcloud: '#FF5500',\n                snapchat: '#FFFC00',\n              }\n            },\n            fontFamily: {\n              sans: ['\"Inter\"', 'ui-sans-serif', 'system-ui', 'sans-serif'],\n            }\n          }\n        }\n      }\n    <\/script>\n    \n    <!-- Google Fonts Inter -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Premium Interactive Styles and Reset Override -->\n    <style>\n      html, body {\n        scroll-behavior: smooth;\n        background-color: #0c0c0e !important;\n        color: #f1f5f9 !important;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        min-height: 100vh;\n      }\n      body {\n        background-image: radial-gradient(circle at 50% -5%, #15151c 0%, #0c0c0e 60%) !important;\n      }\n      .portfolio-link {\n        transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);\n      }\n      .portfolio-link:hover {\n        transform: scale(1.015);\n        background-color: #1f1f24 !important;\n        box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.5) !important;\n      }\n      .portfolio-link:active {\n        transform: scale(0.985);\n      }\n      \/* Custom fine-scrollbar *\/\n      ::-webkit-scrollbar {\n        width: 5px;\n      }\n      ::-webkit-scrollbar-track {\n        background: #0c0c0e;\n      }\n      ::-webkit-scrollbar-thumb {\n        background: #1b1b22;\n        border-radius: 10px;\n      }\n    <\/style>\n  <\/head>\n  <body class=\"flex flex-col min-h-screen selection:bg-brand-spotify\/30 selection:text-white\">\n    \n    <!-- Minimalist ambient background glows -->\n    <div class=\"fixed inset-0 pointer-events-none z-0 overflow-hidden\">\n      <div class=\"absolute top-[-5%] left-[-10%] w-[50vw] h-[50vw] rounded-full bg-brand-spotify\/5 blur-[120px]\"><\/div>\n      <div class=\"absolute bottom-[-10%] right-[-10%] w-[50vw] h-[50vw] rounded-full bg-purple-950\/15 blur-[120px]\"><\/div>\n    <\/div>\n\n    <!-- Main View Container: Optimized margins and widths -->\n    <main class=\"flex-grow flex flex-col items-center justify-start px-4 pt-6 pb-12 relative z-10 w-full max-w-md mx-auto\">\n      \n      <!-- Toast Alert Notification -->\n      <div id=\"toast-notification\" class=\"fixed top-6 left-1\/2 -translate-x-1\/2 bg-slate-900\/95 border border-slate-800 text-white px-5 py-3 rounded-full text-xs font-semibold shadow-2xl backdrop-blur-md opacity-0 pointer-events-none transition-all duration-300 flex items-center gap-2 transform translate-y-[-10px]\">\n        <span class=\"w-1.5 h-1.5 rounded-full bg-brand-spotify animate-pulse\"><\/span>\n        <span id=\"toast-message\">Link copied!<\/span>\n      <\/div>\n\n      <!-- Header Share Control (Compact & subtle alignment) -->\n      <div class=\"w-full flex justify-end mb-3\">\n        <button id=\"btn-share\" class=\"p-2 rounded-full bg-[#16161a]\/60 border border-slate-800\/80 hover:border-slate-700 hover:bg-[#1f1f24] text-slate-400 hover:text-white transition-all cursor-pointer shadow-md group\" title=\"Share Page\">\n          <svg class=\"h-3.5 w-3.5 transition-transform group-hover:scale-105\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.684 10.742l4.664-2.332m0 0l4.664 2.332m-4.664-2.332V3.75m0 16.5v-3.75m0 0a3.75 3.75 0 100-7.5 3.75 3.75 0 000 7.5z\" \/>\n          <\/svg>\n        <\/button>\n      <\/div>\n\n      <!-- Profile Section: Reduced layout footprint to bring links higher -->\n      <div class=\"flex flex-col items-center text-center mb-6\">\n        <!-- Avatar Frame -->\n        <div class=\"relative mb-3 group cursor-pointer\">\n          <div class=\"w-20 h-20 rounded-full overflow-hidden border-2 border-slate-800 bg-[#16161a]\">\n            <!-- REPLACE THE \"src\" BELOW WITH YOUR WORDPRESS MEDIA LIBRARY IMAGE URL IF DESIRED -->\n            <img decoding=\"async\" src=\"src\/assets\/images\/jtl_artist_logo_1782482741093.jpg\" alt=\"JTL Profile Logo\" class=\"w-full h-full rounded-full object-cover group-hover:scale-105 transition-all duration-300\" referrerPolicy=\"no-referrer\">\n          <\/div>\n          <!-- Verified Badge (Spotify Blue) -->\n          <span class=\"absolute bottom-0.5 right-0.5 bg-[#2e77d0] text-white p-0.5 rounded-full shadow-lg border-2 border-[#0c0c0e] flex items-center justify-center\" title=\"Verified Artist Account\">\n            <svg class=\"h-2 w-2 text-white\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4.5\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\" \/>\n            <\/svg>\n          <\/span>\n        <\/div>\n\n        <!-- Bio Details -->\n        <h1 class=\"text-lg font-bold tracking-tight text-white mb-0.5 font-sans\">\n          JTL\n        <\/h1>\n        <p class=\"text-xs text-slate-400 font-medium mb-1.5 font-sans\">\n          @jacobtraplord\n        <\/p>\n        <p class=\"text-xs text-slate-500 max-w-xs leading-relaxed font-sans px-2\">\n          Creator of sounds. Sometimes they hit.\n        <\/p>\n      <\/div>\n\n      <!-- Links Stack Container -->\n      <div id=\"section-links\" class=\"w-full space-y-3.5 mb-14 transition-all duration-300\">\n\n        <!-- Spotify Link -->\n        <a href=\"https:\/\/open.spotify.com\/artist\/3zrLAAP6yCGIipWclbATbS?si=-IiIcvQyS5eOP5Vbar0wzA\" target=\"_blank\" rel=\"noopener noreferrer\" data-channel=\"Spotify\" class=\"portfolio-link flex items-center justify-between p-4 rounded-xl bg-[#16161a] border border-slate-800 hover:border-brand-spotify\/60 transition-all duration-200\">\n          <div class=\"flex items-center gap-3.5\">\n            <span class=\"text-brand-spotify\">\n              <svg class=\"h-5.5 w-5.5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm5.5 17.3c-.2.3-.6.4-.9.2-2.5-1.5-5.5-1.8-9.2-1-.3.1-.7-.1-.8-.4-.1-.3.1-.7.4-.8 4-.9 7.4-.5 10.2 1.2.3.2.4.6.3.8zm1.5-3.3c-.3.4-.8.5-1.2.3-2.8-1.7-7.1-2.2-10.4-1.2-.5.1-.9-.1-1.1-.6-.1-.5.1-.9.6-1.1 3.8-1.1 8.5-.6 11.8 1.4.3.2.5.8.3 1.2zM19.1 10.6c-.3.5-.9.7-1.4.4-3.3-2-8.7-2.2-11.8-1.2-.6.2-1.1-.1-1.3-.7s.1-1.1.7-1.3c3.7-1.1 9.7-.9 13.4 1.3.5.3.7.9.4 1.5z\"\/>\n              <\/svg>\n            <\/span>\n            <span class=\"text-sm font-semibold tracking-wide text-white font-sans\">Spotify<\/span>\n          <\/div>\n          <span class=\"text-slate-500 hover:text-white transition-colors\">\n            <svg class=\"h-4.5 w-4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" \/>\n            <\/svg>\n          <\/span>\n        <\/a>\n\n        <!-- Apple Music Link -->\n        <a href=\"https:\/\/music.apple.com\/ca\/artist\/jtl\/1876669017\" target=\"_blank\" rel=\"noopener noreferrer\" data-channel=\"Apple Music\" class=\"portfolio-link flex items-center justify-between p-4 rounded-xl bg-[#16161a] border border-slate-800 hover:border-brand-apple\/60 transition-all duration-200\">\n          <div class=\"flex items-center gap-3.5\">\n            <span class=\"text-brand-apple\">\n              <svg class=\"h-5.5 w-5.5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path d=\"M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3.834 8.718l-3.23.473a.475.475 0 00-.405.47v4.18c0 1.258-1.045 2.148-2.316 1.83-1.002-.25-1.572-1.291-1.254-2.274.305-.945 1.267-1.564 2.27-1.393.308.053.43.14.43.14V9.458c0-.46.334-.855.793-.923l3.528-.517a.475.475 0 01.542.47v1.761a.475.475 0 01-.358.469z\"\/>\n              <\/svg>\n            <\/span>\n            <span class=\"text-sm font-semibold tracking-wide text-white font-sans\">Apple Music<\/span>\n          <\/div>\n          <span class=\"text-slate-500 hover:text-white transition-colors\">\n            <svg class=\"h-4.5 w-4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" \/>\n            <\/svg>\n          <\/span>\n        <\/a>\n\n        <!-- SoundCloud Link -->\n        <a href=\"https:\/\/m.soundcloud.com\/jacobtraplord?utm_source=ig&utm_medium=social&utm_content=link_in_bio\" target=\"_blank\" rel=\"noopener noreferrer\" data-channel=\"SoundCloud\" class=\"portfolio-link flex items-center justify-between p-4 rounded-xl bg-[#16161a] border border-slate-800 hover:border-brand-soundcloud\/60 transition-all duration-200\">\n          <div class=\"flex items-center gap-3.5\">\n            <span class=\"text-brand-soundcloud\">\n              <svg class=\"h-5.5 w-5.5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path d=\"M12 18c0-.1 0-.1 0-.2 1.3-1.3 3-1.9 5-1.9.5 0 1 .1 1.5.2.9.2 1.6.7 2.2 1.5.6.8.9 1.7.9 2.8 0 1-.3 2-.9 2.7-.6.8-1.3 1.3-2.2 1.5a7.4 7.4 0 01-1.5.1c-2 0-3.7-.6-5-1.9 0-.1 0-.1 0-.2v-5zm-1.1-2.2c0-.3.1-.5.2-.7l0-.1c-.2-.2-.4-.3-.7-.3a1.1 1.1 0 00-.8.3c-.2.2-.3.5-.3.8v6.2c0 .3.1.6.3.8s.5.3.8.3c.3 0 .5-.1.7-.3l0-.1c-.1-.2-.2-.5-.2-.7v-6.5zM9 16.9c0-.2.1-.4.2-.6l0-.1c-.1-.1-.3-.2-.5-.2a.9.9 0 00-.6.3c-.2.2-.3.4-.3.6v4.4c0 .2.1.4.3.6s.4.3.6.3c.2 0 .4-.1.6-.3l0-.1c-.1-.1-.2-.3-.2-.6V16.9zm-1.9.6c0-.2 0-.3.1-.4l0-.1c-.1-.1-.3-.2-.5-.2-.2 0-.4.1-.5.2s-.2.3-.2.5v2.5c0 .2.1.4.2.5.1.1.3.2.5.2.2 0 .4-.1.5-.2l0-.1c-.1-.1-.1-.3-.1-.5v-2.6zm-1.9.5c0-.1 0-.2.1-.3l-.1-.2a.5.5 0 00-.3-.1c-.1 0-.2 0-.3.1l-.1.3v1.2c0 .1.1.2.1.3s.2.1.3.1c.1 0 .2 0 .3-.1l.1-.3v-1.2zm-1.9.6l0-.1-.1-.1h-.1c0 .1.1.2.1.2h.1zM2.5 18.3c0-.1 0-.2.1-.3H2.4a.5.5 0 00-.3.1v.7a.5.5 0 00.3.1c.1 0 .2 0 .3-.1v-.8z\"\/>\n              <\/svg>\n            <\/span>\n            <span class=\"text-sm font-semibold tracking-wide text-white font-sans\">SoundCloud<\/span>\n          <\/div>\n          <span class=\"text-slate-500 hover:text-white transition-colors\">\n            <svg class=\"h-4.5 w-4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" \/>\n            <\/svg>\n          <\/span>\n        <\/a>\n\n        <!-- YouTube Link -->\n        <a href=\"https:\/\/m.youtube.com\/%40JTL-MUSIC\" target=\"_blank\" rel=\"noopener noreferrer\" data-channel=\"YouTube\" class=\"portfolio-link flex items-center justify-between p-4 rounded-xl bg-[#16161a] border border-slate-800 hover:border-brand-youtube\/60 transition-all duration-200\">\n          <div class=\"flex items-center gap-3.5\">\n            <span class=\"text-brand-youtube\">\n              <svg class=\"h-5.5 w-5.5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path d=\"M23.5 6.2c-.3-2.1-2.1-2.1-2.1-2.1s-7.5-.5-9.4-.5-9.4.5-9.4.5a3 3 0 00-2.1 2.1C0 8 0 12 0 12s0 4 .5 5.8a3 3 0 002.1 2.1s7.5.6 9.4.6 9.4-.6 9.4-.6a3 3 0 002.1-2.1c.5-1.8.5-5.8.5-5.8s0-4-.5-5.8zm-14 9.4V8.4l6.3 3.6-6.3 3.6z\"\/>\n              <\/svg>\n            <\/span>\n            <span class=\"text-sm font-semibold tracking-wide text-white font-sans\">YouTube<\/span>\n          <\/div>\n          <span class=\"text-slate-500 hover:text-white transition-colors\">\n            <svg class=\"h-4.5 w-4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" \/>\n            <\/svg>\n          <\/span>\n        <\/a>\n\n        <!-- Instagram Link -->\n        <a href=\"https:\/\/www.instagram.com\/jacobtraplord?igsh=OXFxMmRmcGdmZTZp\" target=\"_blank\" rel=\"noopener noreferrer\" data-channel=\"Instagram\" class=\"portfolio-link flex items-center justify-between p-4 rounded-xl bg-[#16161a] border border-slate-800 hover:border-brand-instagram\/60 transition-all duration-200\">\n          <div class=\"flex items-center gap-3.5\">\n            <span class=\"text-brand-instagram\">\n              <svg class=\"h-5.5 w-5.5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path d=\"M12 2.2c3.2 0 3.6 0 4.9.1 3.3.1 4.8 1.7 4.9 4.9.1 1.3.1 1.6.1 4.9 0 3.2 0 3.6-.1 4.9-.1 3.2-1.7 4.8-4.9 4.9-1.3.1-1.6.1-4.9.1s-3.6 0-4.9-.1c-3.2-.1-4.8-1.7-4.9-4.9-.1-1.3-.1-1.6-.1-4.9s0-3.6.1-4.9c.1-3.2 1.7-4.8 4.9-4.9 1.3-.1 1.6-.1 4.9-.1zM12 0C8.7 0 8.3 0 7.1.1 2.7.3.3 2.7.1 7.1 0 8.3 0 8.7 0 12s0 3.7.1 4.9c.2 4.4 2.6 6.8 7 7 1.3.1 1.7.1 4.9.1s3.7 0 4.9-.1c4.4-.2 6.8-2.6 7-7 .1-1.2.1-1.6.1-4.9s0-3.7-.1-4.9c-.2-4.4-2.6-6.8-7-7C15.7 0 15.3 0 12 0zm0 5.8c-3.4 0-6.2 2.8-6.2 6.2s2.8 6.2 6.2 6.2 6.2-2.8 6.2-6.2-2.8-6.2-6.2-6.2zm0 10.2c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4zm6.4-11.8c-.8 0-1.4.6-1.4 1.4s.6 1.4 1.4 1.4 1.4-.6 1.4-1.4-.6-1.4-1.4-1.4z\"\/>\n              <\/svg>\n            <\/span>\n            <span class=\"text-sm font-semibold tracking-wide text-white font-sans\">Instagram<\/span>\n          <\/div>\n          <span class=\"text-slate-500 hover:text-white transition-colors\">\n            <svg class=\"h-4.5 w-4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" \/>\n            <\/svg>\n          <\/span>\n        <\/a>\n\n        <!-- Snapchat Link -->\n        <a href=\"https:\/\/www.snapchat.com\/@jacobistheking?sender_web_id=14feed15-9a5d-476a-b953-cf3d358f2772&device_type=android&is_copy_url=true\" target=\"_blank\" rel=\"noopener noreferrer\" data-channel=\"Snapchat\" class=\"portfolio-link flex items-center justify-between p-4 rounded-xl bg-[#16161a] border border-slate-800 hover:border-brand-snapchat\/60 transition-all duration-200\">\n          <div class=\"flex items-center gap-3.5\">\n            <span class=\"text-brand-snapchat\" style=\"color: #FFFC00;\">\n              <!-- Fitted High Fidelity Snapchat Logo -->\n              <svg class=\"h-5.5 w-5.5\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path d=\"M12 2.75c-.24 0-.58.07-.94.19-.38.13-.77.34-1.12.53-.78.43-1.62.97-1.89 1.55-.17.37-.12.8.11 1.25.13.25.33.45.54.6.14.1.18.25.11.41-.09.22-.32.41-.65.57-.45.22-.96.33-1.45.33-.29 0-.56-.04-.79-.12-.2-.07-.35-.04-.47.1-.11.14-.14.39-.08.76.06.39.24.8.54 1.15.25.29.58.51.93.64.19.07.28.22.25.42-.03.22-.16.54-.34.93-.19.42-.42.92-.47 1.45-.04.42.11.75.43.94.27.16.63.22 1.05.22.45 0 .95-.08 1.41-.24.16-.06.31-.02.43.1.28.28.69.49 1.13.58.46.09.95.09 1.4 0 .44-.09.85-.3 1.13-.58.12-.12.27-.16.43-.1.46.16.96.24 1.41.24.42 0 .78-.06 1.05-.22.32-.19.47-.52.43-.94-.05-.53-.28-1.03-.47-1.45-.18-.39-.31-.71-.34-.93-.03-.2.06-.35.25-.42.35-.13.68-.35.93-.64.3-.35.48-.76.54-1.15.06-.37.03-.62-.08-.76-.12-.14-.27-.17-.47-.1-.23.08-.5.12-.79.12-.49 0-1-.11-1.45-.33-.33-.16-.56-.35-.65-.57-.07-.16-.03-.31.11-.41.21-.15.41-.35.54-.6.23-.45.28-.88.11-1.25-.27-.58-1.11-1.12-1.89-1.55-.35-.19-.74-.4-1.12-.53-.36-.12-.7-.19-.94-.19z\"\/>\n              <\/svg>\n            <\/span>\n            <span class=\"text-sm font-semibold tracking-wide text-white font-sans\">Snapchat<\/span>\n          <\/div>\n          <span class=\"text-slate-500 hover:text-white transition-colors\">\n            <svg class=\"h-4.5 w-4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" \/>\n            <\/svg>\n          <\/span>\n        <\/a>\n\n      <\/div>\n\n      <!-- Spacer Footer -->\n      <div class=\"mt-auto pt-6\"><\/div>\n\n    <\/main>\n\n    <!-- Interactive JS Functionality for Fallbacks and Tracking -->\n    <script>\n      document.addEventListener('DOMContentLoaded', () => {\n        const toastEl = document.getElementById('toast-notification');\n        const toastMsgEl = document.getElementById('toast-message');\n        const btnShare = document.getElementById('btn-share');\n        const links = document.querySelectorAll('.portfolio-link');\n        let toastTimeout = null;\n\n        \/\/ Custom smooth Toast Alert builder\n        function showToast(message, duration = 2500) {\n          if (!toastEl || !toastMsgEl) return;\n          toastMsgEl.textContent = message;\n          \n          if (toastTimeout) clearTimeout(toastTimeout);\n\n          toastEl.classList.remove('opacity-0', 'pointer-events-none', 'translate-y-[-10px]');\n          toastEl.classList.add('opacity-100', 'translate-y-0');\n\n          toastTimeout = setTimeout(() => {\n            toastEl.classList.remove('opacity-100', 'translate-y-0');\n            toastEl.classList.add('opacity-0', 'pointer-events-none', 'translate-y-[-10px]');\n          }, duration);\n        }\n\n        \/\/ Web native Share API + Clipboard Copy fallback\n        if (btnShare) {\n          btnShare.addEventListener('click', async (e) => {\n            e.preventDefault();\n            const shareUrl = window.location.href;\n            \n            if (navigator.share) {\n              try {\n                await navigator.share({\n                  title: 'JTL Jacob Trap Lord',\n                  text: 'Official links and music portfolio for JTL',\n                  url: shareUrl,\n                });\n                return;\n              } catch (err) {}\n            }\n\n            try {\n              await navigator.clipboard.writeText(shareUrl);\n              showToast('Link copied to clipboard! \ud83d\udccb');\n              btnShare.classList.add('bg-[#1f1f24]', 'border-slate-600');\n              setTimeout(() => {\n                btnShare.classList.remove('bg-[#1f1f24]', 'border-slate-600');\n              }, 1000);\n            } catch (err) {\n              showToast('Failed to copy link automatically.');\n            }\n          });\n        }\n\n        \/\/ Beautiful micro-interactivity on clicking links\n        links.forEach(link => {\n          link.addEventListener('click', () => {\n            const channel = link.getAttribute('data-channel') || 'Official Link';\n            showToast(`Opening JTL's official ${channel}... \ud83d\ude80`, 2000);\n          });\n        });\n      });\n    <\/script>\n  <\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/main>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>JTL | Jacob Trap Lord &#8211; Official Linktree Link copied! JTL @jacobtraplord Creator of sounds. Sometimes they hit. Spotify Apple Music SoundCloud YouTube Instagram Snapchat<\/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-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jacobtraplord.space\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jacobtraplord.space\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jacobtraplord.space\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jacobtraplord.space\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jacobtraplord.space\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":5,"href":"https:\/\/jacobtraplord.space\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/jacobtraplord.space\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/jacobtraplord.space\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}