{"id":2,"date":"2026-06-24T15:44:38","date_gmt":"2026-06-24T15:44:38","guid":{"rendered":"https:\/\/jacobtraplord.space\/?page_id=2"},"modified":"2026-06-26T16:01:03","modified_gmt":"2026-06-26T16:01:03","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/jacobtraplord.space\/?page_id=2","title":{"rendered":"Sample Page"},"content":{"rendered":"


\n
\n
\n
\n
\n
\n JTL | Jacob Trap Lord – Official Links<\/title><br \/>\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 social platforms.\" \/><\/p>\n<p> <!-- Tailwind CSS CDN --><br \/>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><br \/>\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><\/p>\n<p> <!-- 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 html {\n scroll-behavior: smooth;\n -webkit-font-smoothing: antialiased;\n background-color: #0c0c0e !important;\n color: #f1f5f9 !important;\n }\n body {\n background-color: #0c0c0e !important;\n background-image: radial-gradient(circle at 50% -10%, #15151c 0%, #0c0c0e 65%) !important;\n }\n .portfolio-link {\n transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .portfolio-link:hover {\n transform: scale(1.02);\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);\n }\n <\/style>\n<p> <\/head><br \/>\n <body class=\"flex flex-col min-h-screen bg-[#0c0c0e] selection:bg-brand-spotify\/30 selection:text-white\"><\/p>\n<p> <!-- Subtle Background Glow --><\/p>\n<div class=\"fixed inset-0 pointer-events-none z-0 overflow-hidden\">\n<div class=\"absolute top-[-10%] left-[-10%] w-[60vw] h-[60vw] rounded-full bg-brand-spotify\/5 blur-[130px]\"><\/div>\n<div class=\"absolute bottom-[-10%] right-[-10%] w-[60vw] h-[60vw] rounded-full bg-purple-950\/20 blur-[130px]\"><\/div>\n<\/p><\/div>\n<p> <!-- Main Content Frame --><br \/>\n <main class=\"flex-grow flex flex-col items-center justify-start px-4 pt-16 pb-12 relative z-10 w-full max-w-md mx-auto\"><\/p>\n<p> <!-- Copy Toast Notification --><\/p>\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><br \/>\n <span id=\"toast-message\">Link copied!<\/span>\n <\/div>\n<p> <!-- Native Share Button --><\/p>\n<div class=\"w-full flex justify-end mb-6\">\n <button id=\"btn-share\" class=\"p-2.5 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\"><br \/>\n <svg class=\"h-4 w-4\" 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><br \/>\n <\/button>\n <\/div>\n<p> <!-- Profile Header --><\/p>\n<div class=\"flex flex-col items-center text-center mb-8\">\n<div class=\"relative mb-4 group cursor-pointer\">\n<div class=\"w-24 h-24 rounded-full overflow-hidden border-2 border-slate-800 bg-[#16161a]\">\n <!-- Reference the uploaded logo in cPanel --><br \/>\n <img decoding=\"async\" src=\"logo.jpg\" alt=\"JTL Profile Logo\" class=\"w-full h-full rounded-full object-cover group-hover:scale-105 transition-all duration-300\" onerror=\"this.src='https:\/\/open.spotify.com\/artist\/3zrLAAP6yCGIipWclbATbS'\">\n <\/div>\n<p> <span class=\"absolute bottom-0.5 right-0.5 bg-[#2e77d0] text-white p-1 rounded-full shadow-lg border-2 border-[#0c0c0e] flex items-center justify-center\"><br \/>\n <svg class=\"h-2.5 w-2.5 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><br \/>\n <\/span>\n <\/div>\n<h1 class=\"text-xl font-bold tracking-tight text-white mb-1.5 font-sans\">JTL<\/h1>\n<p class=\"text-sm text-slate-400 font-medium mb-2 font-sans\">@jacobtraplord<\/p>\n<p class=\"text-xs text-slate-500 max-w-xs leading-relaxed font-sans\">Creator of sounds. Sometimes they hit.<\/p>\n<\/p><\/div>\n<p> <!-- Segmented Navigation Tabs --><\/p>\n<div class=\"w-full flex p-1 mb-6 rounded-xl bg-[#16161a] border border-slate-800\/60 shadow-lg relative z-20\">\n <button id=\"tab-links\" class=\"flex-1 py-2 rounded-lg text-[11px] font-bold uppercase tracking-wider text-white bg-[#1f1f24] border border-slate-700\/30 transition-all cursor-pointer\"><br \/>\n Links<br \/>\n <\/button><br \/>\n <button id=\"tab-music\" class=\"flex-1 py-2 rounded-lg text-[11px] font-bold uppercase tracking-wider text-slate-400 hover:text-white transition-all cursor-pointer\"><br \/>\n Latest Releases<br \/>\n <\/button>\n <\/div>\n<p> <!-- SECTION 1: Links Stack --><\/p>\n<div id=\"section-links\" class=\"w-full space-y-4 mb-14 transition-all duration-300\">\n <!-- Spotify --><br \/>\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\"><\/p>\n<div class=\"flex items-center gap-3.5\">\n <span class=\"text-brand-spotify\"><br \/>\n <svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><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\"\/><\/svg><br \/>\n <\/span><br \/>\n <span class=\"text-sm font-semibold tracking-wide text-white\">Spotify<\/span>\n <\/div>\n<p> <span class=\"text-slate-500 hover:text-white\"><svg class=\"h-4.5 w-4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" \/><\/svg><\/span><br \/>\n <\/a><\/p>\n<p> <!-- Apple Music --><br \/>\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\"><\/p>\n<div class=\"flex items-center gap-3.5\">\n <span class=\"text-brand-apple\"><br \/>\n <svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><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\"\/><\/svg><br \/>\n <\/span><br \/>\n <span class=\"text-sm font-semibold tracking-wide text-white\">Apple Music<\/span>\n <\/div>\n<p> <span class=\"text-slate-500 hover:text-white\"><svg class=\"h-4.5 w-4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" \/><\/svg><\/span><br \/>\n <\/a><\/p>\n<p> <!-- SoundCloud --><br \/>\n <a href=\"https:\/\/m.soundcloud.com\/jacobtraplord\" 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\"><\/p>\n<div class=\"flex items-center gap-3.5\">\n <span class=\"text-brand-soundcloud\"><br \/>\n <svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><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\"\/><\/svg><br \/>\n <\/span><br \/>\n <span class=\"text-sm font-semibold tracking-wide text-white\">SoundCloud<\/span>\n <\/div>\n<p> <span class=\"text-slate-500 hover:text-white\"><svg class=\"h-4.5 w-4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" \/><\/svg><\/span><br \/>\n <\/a><\/p>\n<p> <!-- YouTube --><br \/>\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\"><\/p>\n<div class=\"flex items-center gap-3.5\">\n <span class=\"text-brand-youtube\"><br \/>\n <svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><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\"\/><\/svg><br \/>\n <\/span><br \/>\n <span class=\"text-sm font-semibold tracking-wide text-white\">YouTube<\/span>\n <\/div>\n<p> <span class=\"text-slate-500 hover:text-white\"><svg class=\"h-4.5 w-4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" \/><\/svg><\/span><br \/>\n <\/a><\/p>\n<p> <!-- Instagram --><br \/>\n <a href=\"https:\/\/www.instagram.com\/jacobtraplord\" 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\"><\/p>\n<div class=\"flex items-center gap-3.5\">\n <span class=\"text-brand-instagram\"><br \/>\n <svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><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\"\/><\/svg><br \/>\n <\/span><br \/>\n <span class=\"text-sm font-semibold tracking-wide text-white\">Instagram<\/span>\n <\/div>\n<p> <span class=\"text-slate-500 hover:text-white\"><svg class=\"h-4.5 w-4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" \/><\/svg><\/span><br \/>\n <\/a><\/p>\n<p> <!-- Snapchat --><br \/>\n <a href=\"https:\/\/www.snapchat.com\/@jacobistheking\" 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\"><\/p>\n<div class=\"flex items-center gap-3.5\">\n <span class=\"text-brand-snapchat\"><br \/>\n <svg class=\"h-6 w-6\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><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\"\/><\/svg><br \/>\n <\/span><br \/>\n <span class=\"text-sm font-semibold tracking-wide text-white\">Snapchat<\/span>\n <\/div>\n<p> <span class=\"text-slate-500 hover:text-white\"><svg class=\"h-4.5 w-4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" \/><\/svg><\/span><br \/>\n <\/a>\n <\/div>\n<p> <!-- SECTION 2: Music Showcase (Hidden on Load) --><\/p>\n<div id=\"section-music\" class=\"w-full space-y-6 mb-14 hidden transition-all duration-300\">\n <!-- Spotify Embed --><\/p>\n<div class=\"space-y-3\">\n<div class=\"flex items-center gap-2 text-brand-spotify\">\n <svg class=\"h-5 w-5 animate-pulse\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.5 13.3c-.15.25-.45.33-.7.18-2-1.22-4.52-1.5-7.48-.82-.28.06-.57-.12-.63-.4-.06-.28.12-.57.4-.63 3.25-.74 6.03-.43 8.26.93.25.15.33.45.15.72zm1.2-2.52c-.18.3-.58.4-.88.22-2.28-1.4-5.78-1.8-8.5-1-.35.1-.7-.1-.8-.45-.1-.35.1-.7.45-.8 3.1-1 7-1.5 9.6.1.3.18.4.58.13.93zm.1-2.58c-2.73-1.63-7.23-1.78-9.83-.98-.42.13-.86-.1-.98-.53-.13-.42.1-.86.53-.98 3-1 8-.8 11.16 1.07.38.22.5.7.28 1.1-.22.37-.7.5-1.1.28z\" \/><\/svg><\/p>\n<h2 class=\"text-xs font-bold tracking-widest uppercase font-sans\">Latest Songs On Spotify<\/h2>\n<\/p><\/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<\/p><\/div>\n<p> <!-- YouTube Video Showcase --><\/p>\n<div class=\"space-y-4 pt-2\">\n<div class=\"flex items-center gap-2 text-brand-youtube\">\n <svg class=\"h-5 w-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M23.498 6.163a3.003 3.003 0 00-2.11-2.11C19.518 3.545 12 3.545 12 3.545s-7.517 0-9.388.507a3.003 3.003 0 00-2.11 2.11C0 8.033 0 12 0 12s0 3.967.502 5.837a3.003 3.003 0 002.11 2.11c1.871.507 9.388.507 9.388.507s7.518 0 9.388-.507a3.003 3.003 0 002.11-2.11C24 15.967 24 12 24 12s0-3.967-.502-5.837zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\" \/><\/svg><\/p>\n<h2 class=\"text-xs font-bold tracking-widest uppercase font-sans\">Latest Music Videos<\/h2>\n<\/p><\/div>\n<div class=\"space-y-3.5\">\n <!-- Video 1 --><br \/>\n <a href=\"https:\/\/m.youtube.com\/watch?v=fA-VyKraWnI\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group block rounded-xl bg-[#16161a] border border-slate-800\/80 overflow-hidden hover:border-slate-700 transition-all duration-200\"><\/p>\n<div class=\"relative aspect-video bg-slate-950 overflow-hidden flex items-center justify-center\">\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<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\"><\/span><br \/>\n <span class=\"w-1.5 h-4 bg-brand-youtube\/50 rounded-sm animate-pulse\"><\/span><br \/>\n <span class=\"w-1.5 h-2 bg-brand-youtube\/30 rounded-sm animate-pulse\"><\/span>\n <\/div>\n<div class=\"relative z-10 w-14 h-14 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-6 w-6 fill-current ml-0.5\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\" \/><\/svg>\n <\/div>\n<div class=\"absolute top-3 right-4 bg-black\/60 backdrop-blur-md px-2 py-0.5 rounded text-[10px] font-bold text-slate-400\">YouTube<\/div>\n<\/p><\/div>\n<div class=\"p-3.5\">\n<h4 class=\"text-xs font-bold text-white group-hover:text-brand-youtube transition-colors font-sans mb-1\">\n FREE 99 – JTL (ANIMATED VIDEO)<br \/>\n <\/h4>\n<p class=\"text-[11px] text-slate-400 font-medium font-sans\">\n 105 views \u2022 1 month ago\n <\/p>\n<\/p><\/div>\n<p> <\/a><\/p>\n<p> <!-- Video 2 --><br \/>\n <a href=\"https:\/\/m.youtube.com\/watch?v=dud4laZLnZY\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group block rounded-xl bg-[#16161a] border border-slate-800\/80 overflow-hidden hover:border-slate-700 transition-all duration-200\"><\/p>\n<div class=\"relative aspect-video bg-slate-950 overflow-hidden flex items-center justify-center\">\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<div class=\"relative z-10 w-14 h-14 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-6 w-6 fill-current ml-0.5\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\" \/><\/svg>\n <\/div>\n<div class=\"absolute top-3 right-4 bg-black\/60 backdrop-blur-md px-2 py-0.5 rounded text-[10px] font-bold text-slate-400\">YouTube<\/div>\n<\/p><\/div>\n<div class=\"p-3.5\">\n<h4 class=\"text-xs font-bold text-white group-hover:text-brand-youtube transition-colors font-sans mb-1\">\n ROLIE POLIE OLIE – JTL (ANIMATED VIDEO)<br \/>\n <\/h4>\n<p class=\"text-[11px] text-slate-400 font-medium font-sans\">\n Watch official animated music video\n <\/p>\n<\/p><\/div>\n<p> <\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"mt-auto pt-6\"><\/div>\n<p> <\/main><\/p>\n<p> <!-- Embedded Interactive Linktree Engine --><br \/>\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const toastEl = document.getElementById('toast-notification');\n const toastMsgEl = document.getElementById('toast-message');\n let toastTimeout = null;<\/p>\n<p> function showToast(message, duration = 3000) {\n if (!toastEl || !toastMsgEl) return;\n toastMsgEl.textContent = message;\n if (toastTimeout) clearTimeout(toastTimeout);\n toastEl.classList.remove('opacity-0', 'pointer-events-none');\n toastEl.classList.add('opacity-100');\n toastTimeout = setTimeout(() => {\n toastEl.classList.remove('opacity-100');\n toastEl.classList.add('opacity-0', 'pointer-events-none');\n }, duration);\n }<\/p>\n<p> \/\/ Native Share Setup\n const btnShare = document.getElementById('btn-share');\n if (btnShare) {\n btnShare.addEventListener('click', async (e) => {\n e.preventDefault();\n const shareUrl = window.location.href;\n if (navigator.share) {\n try {\n await navigator.share({\n title: 'JTL Jacob Trap Lord',\n text: 'Official Links Portfolio for JTL',\n url: shareUrl,\n });\n return;\n } catch (err) {}\n }\n try {\n await navigator.clipboard.writeText(shareUrl);\n showToast('Link copied to clipboard! \ud83d\udccb');\n } catch (err) {\n showToast('Failed to copy link.');\n }\n });\n }<\/p>\n<p> \/\/ Click Tracking Toast Messages\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 });<\/p>\n<p> \/\/ Tab Switching Mechanics\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');<\/p>\n<p> if (btnLinks && btnMusic && secLinks && secMusic) {\n btnLinks.addEventListener('click', () => {\n btnLinks.classList.add('bg-[#1f1f24]', 'text-white', 'border', 'border-slate-700\/30');\n btnLinks.classList.remove('text-slate-400');\n btnMusic.classList.remove('bg-[#1f1f24]', 'text-white', 'border', 'border-slate-700\/30');\n btnMusic.classList.add('text-slate-400');\n secLinks.classList.remove('hidden');\n secMusic.classList.add('hidden');\n });<\/p>\n<p> btnMusic.addEventListener('click', () => {\n btnMusic.classList.add('bg-[#1f1f24]', 'text-white', 'border', 'border-slate-700\/30');\n btnMusic.classList.remove('text-slate-400');\n btnLinks.classList.remove('bg-[#1f1f24]', 'text-white', 'border', 'border-slate-700\/30');\n btnLinks.classList.add('text-slate-400');\n secLinks.classList.add('hidden');\n secMusic.classList.remove('hidden');\n });\n }\n });\n <\/script><br \/>\n <\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>JTL | Jacob Trap Lord – Official Links Link copied! JTL @jacobtraplord 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) 105 views \u2022 1 month ago YouTube ROLIE POLIE OLIE – JTL (ANIMATED […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jacobtraplord.space\/index.php?rest_route=\/wp\/v2\/pages\/2","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=2"}],"version-history":[{"count":1,"href":"https:\/\/jacobtraplord.space\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/jacobtraplord.space\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/jacobtraplord.space\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}