{"id":21,"date":"2026-06-26T16:40:46","date_gmt":"2026-06-26T16:40:46","guid":{"rendered":"https:\/\/jtlwav.space\/?page_id=21"},"modified":"2026-07-02T14:11:40","modified_gmt":"2026-07-02T14:11:40","slug":"home","status":"publish","type":"page","link":"https:\/\/jtlwav.space\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n \n \n \n JTL | Jacob Trap Lord - Official Linktree<\/title>\n <meta name=\"description\" content=\"Official link hub for JTL (Jacob Trap Lord). Stream tracks on Spotify, watch on YouTube, hear on SoundCloud, and connect on Instagram, Snapchat, and Apple Music.\" \/>\n <!-- Tailwind CSS CDN -->\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 display: ['\"Inter\"', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n <!-- Google Fonts Inter -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Custom styles *\/\n html {\n scroll-behavior: smooth;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: #eaddd7 !important;\n color: #1c1917 !important;\n }\n body {\n background-color: #eaddd7 !important;\n color: #1c1917 !important;\n \/* REPLACE THE URL BELOW WITH YOUR WORDPRESS BACKGROUND PATTERN URL *\/\n background-image: url('https:\/\/jtlwav.space\/wp-content\/uploads\/2026\/07\/f1f93ecd-ceb5-47ec-89f0-9f113c9f04e3.jpeg') !important;\n background-repeat: repeat !important;\n background-size: 240px 240px !important;\n background-attachment: fixed !important;\n }\n \/* Premium smooth Linktree styling for links *\/\n .portfolio-link {\n transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;\n }\n .portfolio-link:hover {\n transform: scale(1.02) !important;\n background-color: #1f1f24 !important;\n box-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.5) !important;\n }\n .portfolio-link:active {\n transform: scale(0.985) !important;\n }\n \/* Custom Scrollbars *\/\n ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n }\n ::-webkit-scrollbar-track {\n background: #0c0c0e;\n }\n ::-webkit-scrollbar-thumb {\n background: #1b1b22;\n border-radius: 10px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #2b2b36;\n }\n \n \/* WordPress Safe reset to prevent theme style pollution on links\/buttons\/lists *\/\n .jtl-linktree-wrapper {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n color: #1c1917 !important;\n background-color: #eaddd7 !important;\n \/* REPLACE THE URL BELOW WITH YOUR WORDPRESS BACKGROUND PATTERN URL *\/\n background-image: url('https:\/\/jtlwav.space\/wp-content\/uploads\/2026\/07\/f1f93ecd-ceb5-47ec-89f0-9f113c9f04e3.jpeg') !important;\n background-repeat: repeat !important;\n background-size: 240px 240px !important;\n border-radius: 24px;\n box-shadow: 0 25px 50px -12px rgba(0,0,0,0.6);\n padding: 24px !important;\n margin-top: 1rem !important;\n margin-bottom: 2rem !important;\n border: 1px solid rgba(120, 113, 108, 0.25);\n }\n \n .jtl-linktree-wrapper * {\n box-sizing: border-box !important;\n }\n \n .jtl-linktree-wrapper a, \n .jtl-linktree-wrapper a:hover, \n .jtl-linktree-wrapper a:focus, \n .jtl-linktree-wrapper a:active {\n text-decoration: none !important;\n border-bottom: none !important;\n box-shadow: none !important;\n color: inherit !important;\n }\n \n .jtl-linktree-wrapper button {\n box-shadow: none !important;\n outline: none !important;\n border: none !important;\n background: transparent !important;\n color: inherit !important;\n }\n\n \/* Explicit styling for all texts and headings inside wrapper to defeat theme overrides *\/\n .jtl-linktree-wrapper h1 {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n color: #1c1917 !important;\n font-size: 20px !important;\n font-weight: 800 !important;\n letter-spacing: -0.025em !important;\n margin-bottom: 4px !important;\n margin-top: 0 !important;\n line-height: 1.25 !important;\n }\n\n .jtl-linktree-wrapper h1.jtl-name {\n color: #1c1917 !important;\n font-size: 22px !important;\n font-weight: 850 !important;\n transition: color 0.3s ease !important;\n cursor: default;\n }\n .jtl-linktree-wrapper h1.jtl-name:hover {\n color: #2e77d0 !important;\n }\n\n .jtl-linktree-wrapper p {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n color: #44403c !important;\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n line-height: 1.5 !important;\n }\n\n .jtl-linktree-wrapper .jtl-username {\n color: #2e77d0 !important;\n font-weight: 700 !important;\n transition: all 0.3s ease !important;\n cursor: pointer;\n text-decoration: none !important;\n }\n .jtl-linktree-wrapper .jtl-username:hover {\n color: #1d5fb3 !important;\n transform: scale(1.03);\n }\n\n .jtl-linktree-wrapper p.jtl-bio {\n color: #57534e !important;\n font-weight: 700 !important;\n transition: color 0.3s ease !important;\n cursor: default;\n }\n .jtl-linktree-wrapper p.jtl-bio:hover {\n color: #1c1917 !important;\n }\n\n \/* Keep paragraphs inside dark cards highly readable with light colors *\/\n .jtl-linktree-wrapper [class*=\"bg-brand-card\"] p,\n .jtl-linktree-wrapper [class*=\"bg-brand-cardHover\"] p {\n color: #94a3b8 !important;\n }\n\n .jtl-linktree-wrapper h2 {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n font-size: 10px !important;\n font-weight: 800 !important;\n letter-spacing: 0.1em !important;\n text-transform: uppercase !important;\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n line-height: 1 !important;\n }\n\n .jtl-linktree-wrapper .text-brand-spotify h2 {\n color: #ffffff !important;\n background-color: #16161a !important;\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\n padding: 5px 12px !important;\n border-radius: 8px !important;\n display: inline-block !important;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;\n }\n\n .jtl-linktree-wrapper .text-brand-youtube h2 {\n color: #ffffff !important;\n background-color: #16161a !important;\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\n padding: 5px 12px !important;\n border-radius: 8px !important;\n display: inline-block !important;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;\n }\n\n .jtl-linktree-wrapper h4 {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n font-size: 12px !important;\n font-weight: 700 !important;\n color: #ffffff !important;\n margin-top: 0 !important;\n margin-bottom: 2px !important;\n line-height: 1.4 !important;\n }\n\n \/* Tab Toggle Styling *\/\n .jtl-linktree-wrapper .jtl-tab-btn {\n flex: 1 !important;\n padding-top: 8px !important;\n padding-bottom: 8px !important;\n font-size: 10px !important;\n font-weight: 800 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.1em !important;\n border-radius: 8px !important;\n transition: all 0.2s ease !important;\n cursor: pointer !important;\n text-align: center !important;\n }\n .jtl-linktree-wrapper .jtl-tab-btn-active {\n background-color: #3f3f46 !important;\n color: #ffffff !important;\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;\n }\n .jtl-linktree-wrapper .jtl-tab-btn-inactive {\n color: #ffffff !important;\n opacity: 0.75 !important;\n background-color: transparent !important;\n border: 1px solid transparent !important;\n }\n .jtl-linktree-wrapper .jtl-tab-btn-inactive:hover {\n color: #ffffff !important;\n opacity: 1 !important;\n }\n <\/style>\n <\/head>\n <body class=\"flex flex-col min-h-screen bg-[#eaddd7] selection:bg-brand-spotify\/30 selection:text-white\">\n\n <!-- Main View Container -->\n <main class=\"jtl-linktree-wrapper 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 -->\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 Linktree\">\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 -->\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-stone-800\/20 bg-stone-100 group-hover:border-stone-800 transition-all duration-300 flex items-center justify-center\">\n <!-- REPLACE THE SRC BELOW WITH YOUR WORDPRESS PROFILE IMAGE URL -->\n <img decoding=\"async\" src=\"https:\/\/jtlwav.space\/wp-content\/uploads\/2026\/07\/Untitled-design_20260702_000136_0000.png\" alt=\"JTL Profile\" class=\"w-full h-full object-cover\" referrerPolicy=\"no-referrer\" \/>\n <\/div>\n <!-- Verified Badge (Spotify-style Blue Check) -->\n <span class=\"absolute bottom-0.5 right-0.5 bg-[#2e77d0] text-white p-0.5 rounded-full shadow-lg border-2 border-stone-200 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=\"jtl-name text-lg font-bold tracking-tight text-stone-900 mb-0.5 font-sans\">\n JTL\n <\/h1>\n <a href=\"https:\/\/www.instagram.com\/jtl.wav?igsh=MWZybzBlZmt0Z2tlMQ==\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"jtl-username text-xs text-stone-700\/80 font-semibold mb-1.5 font-sans inline-block\">\n @Jtl.wav\n <\/a>\n <p class=\"jtl-bio text-xs text-stone-700 font-bold max-w-xs leading-relaxed font-sans px-2\">\n Creator of sounds. Sometimes they hit.\n <\/p>\n <\/div>\n\n <!-- Tabs Toggle -->\n <div class=\"w-full flex p-1 mb-5 rounded-xl bg-[#16161a] border border-slate-800\/60 shadow-lg relative z-20\">\n <button id=\"tab-links\" class=\"jtl-tab-btn jtl-tab-btn-active\">\n Links\n <\/button>\n <button id=\"tab-music\" class=\"jtl-tab-btn jtl-tab-btn-inactive\">\n Latest Releases\n <\/button>\n <\/div>\n\n <!-- Links Stack Container -->\n <div id=\"section-links\" class=\"w-full space-y-4 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 group flex items-center justify-between p-4 rounded-xl bg-brand-card 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-6 w-6\" 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\/90 group-hover:text-brand-spotify font-sans transition-colors duration-200\">Spotify<\/span>\n <\/div>\n <span class=\"text-slate-500 group-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 group flex items-center justify-between p-4 rounded-xl bg-brand-card 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-6 w-6\" 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\/90 group-hover:text-brand-apple font-sans transition-colors duration-200\">Apple Music<\/span>\n <\/div>\n <span class=\"text-slate-500 group-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&fbclid=PAb21jcASrWelleHRuA2FlbQIxMQBzcnRjBmFwcF9pZA81NjcwNjczNDMzNTI0MjcAAadoS2rQ4U0Z_YEZlOnKiSEY5vi79NsyXS5o0tSmCCqyx1BEWTDLyxIKzWku-w_aem_m7cFwsPHiAESmqC5eoKxFg\" target=\"_blank\" rel=\"noopener noreferrer\" data-channel=\"SoundCloud\" class=\"portfolio-link group flex items-center justify-between p-4 rounded-xl bg-brand-card 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-6 w-6\" 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\/90 group-hover:text-brand-soundcloud font-sans transition-colors duration-200\">SoundCloud<\/span>\n <\/div>\n <span class=\"text-slate-500 group-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?utm_source=ig&utm_medium=social&utm_content=link_in_bio&fbclid=PAb21jcASrWd1leHRuA2FlbQIxMQBzcnRjBmFwcF9pZA81NjcwNjczNDMzNTI0MjcAAadoS2rQ4U0Z_YEZlOnKiSEY5vi79NsyXS5o0tSmCCqyx1BEWTDLyxIKzWku-w_aem_m7cFwsPHiAESmqC5eoKxFg\" target=\"_blank\" rel=\"noopener noreferrer\" data-channel=\"YouTube\" class=\"portfolio-link group flex items-center justify-between p-4 rounded-xl bg-brand-card 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-6 w-6\" 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\/90 group-hover:text-brand-youtube font-sans transition-colors duration-200\">YouTube<\/span>\n <\/div>\n <span class=\"text-slate-500 group-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\/jtl.wav?igsh=MWZybzBlZmt0Z2tlMQ==\" target=\"_blank\" rel=\"noopener noreferrer\" data-channel=\"Instagram\" class=\"portfolio-link group flex items-center justify-between p-4 rounded-xl bg-brand-card 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-6 w-6\" 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\/90 group-hover:text-brand-instagram font-sans transition-colors duration-200\">Instagram<\/span>\n <\/div>\n <span class=\"text-slate-500 group-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 group flex items-center justify-between p-4 rounded-xl bg-brand-card 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\">\n <svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1.6 14.2c-.3.1-.7.1-1 .1s-.7 0-1-.1c-.1 0-.2-.1-.3-.3l-.3-.7c-.1-.3-.4-.5-.7-.5-.3 0-.6.2-.7.5l-.3.7c-.1.2-.2.3-.3.3-.3.1-.7.1-1 .1s-.7 0-1-.1c-.4-.1-.7-.4-.8-.8l.2-1.1c.1-.4 0-.8-.3-1-.4-.3-.7-.8-.7-1.3 0-1 1-1.8 2.2-1.8s2.2.8 2.2 1.8c0 .5-.3 1-.7 1.3-.3.2-.4.6-.3 1l.2 1.1c.1.4-.2.7-.6.8z\"\/>\n <\/svg>\n <\/span>\n <span class=\"text-sm font-semibold tracking-wide text-white\/90 group-hover:text-brand-snapchat font-sans transition-colors duration-200\">Snapchat<\/span>\n <\/div>\n <span class=\"text-slate-500 group-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 <!-- Music & Videos Showcase (Hidden by default) -->\n <div id=\"section-music\" class=\"w-full space-y-5 mb-14 hidden transition-all duration-300\">\n \n <!-- Spotify Live Embed Player -->\n <div class=\"space-y-2.5\">\n <div class=\"flex items-center gap-2 text-brand-spotify\">\n <h2 class=\"text-[10px] font-bold tracking-widest uppercase font-sans\">Latest Songs On Spotify<\/h2>\n <\/div>\n <div class=\"rounded-xl overflow-hidden bg-[#16161a] border border-slate-800 shadow-2xl p-0.5\">\n <iframe style=\"border-radius:12px; display: block;\" src=\"https:\/\/open.spotify.com\/embed\/artist\/3zrLAAP6yCGIipWclbATbS?utm_source=generator&theme=0\" width=\"100%\" height=\"380\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"><\/iframe>\n <\/div>\n <\/div>\n\n <!-- YouTube Video Showcase -->\n <div class=\"space-y-3 pt-1\">\n <div class=\"flex items-center gap-2 text-brand-youtube\">\n <h2 class=\"text-[10px] font-bold tracking-widest uppercase font-sans\">Latest Music Videos<\/h2>\n <\/div>\n\n <!-- Video cards stack -->\n <div class=\"space-y-3\">\n \n <!-- Video 1 -->\n <a href=\"https:\/\/m.youtube.com\/watch?v=fA-VyKraWnI\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group block rounded-xl bg-brand-card border border-slate-800\/80 overflow-hidden hover:border-slate-700 hover:bg-brand-cardHover transition-all duration-200\">\n <div class=\"relative aspect-video bg-slate-950 overflow-hidden flex items-center justify-center\">\n <!-- Fallback premium styled background for music video card -->\n <div class=\"absolute inset-0 bg-gradient-to-tr from-brand-youtube\/10 via-purple-950\/10 to-slate-950 opacity-60\"><\/div>\n <!-- Interactive equalizer decoration -->\n <div class=\"absolute bottom-3 left-4 flex gap-1 items-end h-4\">\n <span class=\"w-1.5 h-3 bg-brand-youtube\/40 rounded-sm animate-[pulse_1.2s_infinite]\"><\/span>\n <span class=\"w-1.5 h-4 bg-brand-youtube\/50 rounded-sm animate-[pulse_0.8s_infinite]\"><\/span>\n <span class=\"w-1.5 h-2 bg-brand-youtube\/30 rounded-sm animate-[pulse_1.5s_infinite]\"><\/span>\n <\/div>\n <!-- Play button graphic -->\n <div class=\"relative z-10 w-12 h-12 rounded-full bg-slate-900\/90 border border-slate-700\/60 flex items-center justify-center text-white group-hover:scale-110 group-hover:bg-brand-youtube group-hover:border-transparent transition-all duration-300 shadow-xl\">\n <svg class=\"h-5 w-5 fill-current ml-0.5\" viewBox=\"0 0 24 24\">\n <path d=\"M8 5v14l11-7z\" \/>\n <\/svg>\n <\/div>\n <!-- Logo watermark -->\n <div class=\"absolute top-3 right-4 bg-black\/60 backdrop-blur-md px-2 py-0.5 rounded text-[9px] font-bold text-slate-400\">\n YouTube\n <\/div>\n <\/div>\n <div class=\"p-3\">\n <h4 class=\"text-xs font-bold text-white group-hover:text-brand-youtube transition-colors font-sans mb-0.5\">\n FREE 99 - JTL (ANIMATED VIDEO)\n <\/h4>\n <p class=\"text-[10px] text-slate-400 font-medium font-sans\">\n Official Animated Music Video\n <\/p>\n <\/div>\n <\/a>\n\n <!-- Video 2 -->\n <a href=\"https:\/\/m.youtube.com\/watch?v=dud4laZLnZY\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group block rounded-xl bg-brand-card border border-slate-800\/80 overflow-hidden hover:border-slate-700 hover:bg-brand-cardHover transition-all duration-200\">\n <div class=\"relative aspect-video bg-slate-950 overflow-hidden flex items-center justify-center\">\n <!-- Fallback premium styled background for music video card -->\n <div class=\"absolute inset-0 bg-gradient-to-tr from-purple-950\/20 via-brand-spotify\/5 to-slate-950 opacity-60\"><\/div>\n <!-- Play button graphic -->\n <div class=\"relative z-10 w-12 h-12 rounded-full bg-slate-900\/90 border border-slate-700\/60 flex items-center justify-center text-white group-hover:scale-110 group-hover:bg-brand-youtube group-hover:border-transparent transition-all duration-300 shadow-xl\">\n <svg class=\"h-5 w-5 fill-current ml-0.5\" viewBox=\"0 0 24 24\">\n <path d=\"M8 5v14l11-7z\" \/>\n <\/svg>\n <\/div>\n <!-- Logo watermark -->\n <div class=\"absolute top-3 right-4 bg-black\/60 backdrop-blur-md px-2 py-0.5 rounded text-[9px] font-bold text-slate-400\">\n YouTube\n <\/div>\n <\/div>\n <div class=\"p-3\">\n <h4 class=\"text-xs font-bold text-white group-hover:text-brand-youtube transition-colors font-sans mb-0.5\">\n ROLIE POLIE OLIE - JTL (ANIMATED VIDEO)\n <\/h4>\n <p class=\"text-[10px] text-slate-400 font-medium font-sans\">\n Official Animated Music Video\n <\/p>\n <\/div>\n <\/a>\n\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- Spacer Footer -->\n <div class=\"mt-auto pt-6\"><\/div>\n\n <\/main>\n\n <!-- Self-contained Script Engine -->\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n initShareSystem();\n initLinkTracking();\n initTabs();\n });\n\n \/* 1. SHARE & TOAST ALERT SYSTEM *\/\n const toastEl = document.getElementById('toast-notification');\n const toastMsgEl = document.getElementById('toast-message');\n let toastTimeout = null;\n\n function showToast(message, duration = 3000) {\n if (!toastEl || !toastMsgEl) return;\n \n toastMsgEl.textContent = message;\n \n if (toastTimeout) {\n clearTimeout(toastTimeout);\n }\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 function initShareSystem() {\n const btnShare = document.getElementById('btn-share');\n if (!btnShare) return;\n\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 (Jacob Trap Lord)',\n url: shareUrl,\n });\n return;\n } catch (err) {}\n }\n\n try {\n await navigator.clipboard.writeText(shareUrl);\n showToast('Linktr.ee link copied to clipboard! \ud83d\udccb');\n \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 \/* 2. SOCIAL LINK CLICKS TRACKING & FEEDBACK *\/\n function initLinkTracking() {\n const links = document.querySelectorAll('.portfolio-link');\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\n \/* 3. PORTFOLIO SEGMENTED TABS TOGGLE SYSTEM *\/\n function initTabs() {\n const btnLinks = document.getElementById('tab-links');\n const btnMusic = document.getElementById('tab-music');\n const secLinks = document.getElementById('section-links');\n const secMusic = document.getElementById('section-music');\n\n if (!btnLinks || !btnMusic || !secLinks || !secMusic) return;\n\n btnLinks.addEventListener('click', () => {\n btnLinks.classList.add('jtl-tab-btn-active');\n btnLinks.classList.remove('jtl-tab-btn-inactive');\n \n btnMusic.classList.remove('jtl-tab-btn-active');\n btnMusic.classList.add('jtl-tab-btn-inactive');\n\n secLinks.classList.remove('hidden');\n secMusic.classList.add('hidden');\n });\n\n btnMusic.addEventListener('click', () => {\n btnMusic.classList.add('jtl-tab-btn-active');\n btnMusic.classList.remove('jtl-tab-btn-inactive');\n \n btnLinks.classList.remove('jtl-tab-btn-active');\n btnLinks.classList.add('jtl-tab-btn-inactive');\n\n secLinks.classList.add('hidden');\n secMusic.classList.remove('hidden');\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<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>JTL | Jacob Trap Lord – Official Linktree Link copied! JTL @Jtl.wav Creator of sounds. Sometimes they hit. Links Latest Releases Spotify Apple Music SoundCloud YouTube Instagram Snapchat Latest Songs On Spotify Latest Music Videos YouTube FREE 99 – JTL (ANIMATED VIDEO) Official Animated Music Video YouTube ROLIE POLIE OLIE – JTL (ANIMATED VIDEO) Official […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jtlwav.space\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jtlwav.space\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jtlwav.space\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jtlwav.space\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jtlwav.space\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":5,"href":"https:\/\/jtlwav.space\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":83,"href":"https:\/\/jtlwav.space\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/83"}],"wp:attachment":[{"href":"https:\/\/jtlwav.space\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}