1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 7 <title>About DEA Records · Public Music Platform</title> 8 9 <meta name="description" content="DEA Records creates atmospheres for body, mind and soul. Discover our public music platform, artists, moods, playlists and listening paths."> 10 <meta name="robots" content="index, follow, max-image-preview:large"> 11 <link rel="canonical" href="https://dearecords.it/public-site/about.html"> 12 13 <meta property="og:site_name" content="DEA Records"> 14 <meta property="og:title" content="About DEA Records · Public Music Platform"> 15 <meta property="og:description" content="DEA Records creates atmospheres for body, mind and soul. Discover our public music platform, artists, moods, playlists and listening paths."> 16 <meta property="og:type" content="website"> 17 <meta property="og:url" content="https://dearecords.it/public-site/about.html"> 18 <meta property="og:image" content="https://dearec
18ords.it/public-site/assets/cover-placeholder.png"> 19 <meta property="og:image:alt" content="About DEA Records · Public Music Platform"> 20 21 <meta name="twitter:card" content="summary_large_image"> 22 <meta name="twitter:title" content="About DEA Records · Public Music Platform"> 23 <meta name="twitter:description" content="DEA Records creates atmospheres for body, mind and soul. Discover our public music platform, artists, moods, playlists and listening paths."> 24 <meta name="twitter:image" content="https://dearecords.it/public-site/assets/cover-placeholder.png"> 25 26 <meta name="theme-color" content="#070b10"> 27 <meta name="format-detection" content="telephone=no"> 28 29
29<script type="application/ld+json"> 30 31 { 32 "@context": "https://schema.org", 33 "@type": "Organization", 34 "name": "DEA Records", 35 "url": "https://dearecords.it", 36 "logo": "https://dearecords.it/public-site/assets/cover-placeholder.png", 37 "description": "DEA Records creates atmospheres for wellness, relaxation, body and mind." 38 } 39 40 </script>
40 41 42 43 44 <!-- Google Tag Manager - DEA Records --> 45
45<script>
vendor: 463 bytes, lines 45-58
45 46 (function(w,d,s,l,i){ 47 w[l]=w[l]||[]; 48 w[l].push({ 49 'gtm.start': new Date().getTime(), 50 event: 'gtm.js' 51 }); 52 var f=d.getElementsByTagName(s)[0], 53 j=d.createElement(s), 54 dl=l!='dataLayer'?'&l='+l:''; 55 j.async=true; 56 j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl; 57 f.parentNode.insertBefore(j,f); 58 })(window,document,'script','dataLayer','
58GTM-MGJNTGS
vendor: 9 bytes, lines 58-59
58'); 59
59</script>
59 60 <!-- End Google Tag Manager --> 61 62 <link rel="stylesheet" href="/public-site/assets/public-overrides.css?v=12"> 63 64 <style> 65 :root { 66 --bg:#050608; 67 --bg-soft:#0a0d12; 68 --panel:#141920; 69 --panel-2:#181d25; 70 --line:rgba(255,255,255,.10); 71 --line-strong:rgba(255,255,255,.18); 72 --text:#f6f4ef; 73 --muted:#b8bec8; 74 --muted-2:#7f8794; 75 --orange:#ff650f; 76 --orange-2:#ff9b2c; 77 --blue:#2ea7ff; 78 --max:1760px; 79 --page-pad:clamp(22px, 3.2vw, 64px); 80 } 81 82 * { 83 box-sizing:border-box; 84 } 85 86 html, 87 body { 88 margin:0; 89 min-height:100%; 90 background: 91 radial-gradient(circle at 84% 10%, rgba(23,92,170,.20), transparent 28%), 92 radial-gradient(circle at 12% 2%, rgba(255,101,15,.09), transparent 20%), 93 linear-gradient(180deg,#050608 0%,#080c12 52%,#050608 100%); 94 color:var(--text); 95 font-family:"Inter","Helvetica Neue",Arial,sans-serif; 96 -webkit-font-smoothing:antialiased; 97 text-rendering:optimizeLegibility; 98 overflow-x:hidden; 99 } 100 101 body::before { 102 content:""; 103 position:fixed; 104 inset:0; 105 z-index:0; 106 pointer-events:none; 107 background: 108 radial-gradient(circle at 70% 20%, rgba(46,167,255,.08), transparent 30%), 109 repeating-linear-gradient( 110 100deg, 111 rgba(255,255,255,.014) 0px, 112 rgba(255,255,255,.014) 1px, 113 transparent 1px, 114 transparent 8px 115 ); 116 opacity:.55; 117 mask-image:linear-gradient(to bottom, rgba(0,0,0,.82), transparent 72%); 118 } 119 120 a { 121 color:inherit; 122 } 123 124 .topbar { 125 position:sticky; 126 top:0; 127 z-index:1000; 128 background:rgba(5,6,8,.94); 129 backdrop-filter:blur(14px); 130 -webkit-backdrop-filter:blur(14px); 131 border-bottom:1px solid var(--line); 132 } 133 134 .topbar-inner { 135 max-width:var(--max); 136 height:76px; 137 margin:0 auto; 138 padding:0 var(--page-pad); 139 display:grid; 140 grid-template-columns:230px minmax(0,1fr) 46px; 141 align-items:center; 142 gap:24px; 143 } 144 145 .brand { 146 display:flex; 147 align-items:center; 148 justify-content:flex-start; 149 height:76px; 150 min-width:0; 151 text-decoration:none; 152 } 153 154 .brand img { 155 display:block; 156 width:171px; 157 height:auto; 158 max-height:52px; 159 object-fit:contain; 160 object-position:left center; 161 background:transparent; 162 } 163 164 .brand-fallback { 165 display:none; 166 align-items:flex-start; 167 justify-content:center; 168 flex-direction:column; 169 line-height:1; 170 } 171 172 .brand-fallback strong { 173 color:#ff1d1d; 174 font-size:32px; 175 font-weight:900; 176 letter-spacing:.04em; 177 } 178 179 .brand-fallback span { 180 color:#fff; 181 font-size:11px; 182 text-transform:uppercase; 183 letter-spacing:.22em; 184 margin-top:4px; 185 } 186 187 .nav-links { 188 height:76px; 189 display:flex; 190 align-items:center; 191 justify-content:center; 192 gap:28px; 193 min-width:0; 194 } 195 196 .nav-links a { 197 position:relative; 198 display:inline-flex; 199 align-items:center; 200 justify-content:center; 201 height:76px; 202 color:#f4f5f7; 203 text-decoration:none; 204 font-size:14px; 205 line-height:1; 206 font-weight:800; 207 letter-spacing:-.01em; 208 white-space:nowrap; 209 transition:.16s ease; 210 } 211 212 .nav-links a:hover { 213 color:#fff; 214 } 215 216 .nav-links a.is-active::after, 217 .nav-links a:hover::after { 218 content:""; 219 position:absolute; 220 left:50%; 221 bottom:8px; 222 width:42px; 223 height:4px; 224 transform:translateX(-50%); 225 border-radius:999px; 226 background:var(--orange); 227 box-shadow:0 0 18px rgba(255,101,15,.55); 228 } 229 230 .mobile-menu-toggle { 231 display:none; 232 width:44px; 233 height:44px; 234 align-items:center; 235 justify-content:center; 236 border-radius:14px; 237 border:1px solid rgba(255,255,255,.18); 238 background:rgba(255,255,255,.06);
239 color:#fff; 240 font-size:24px; 241 font-weight:900; 242 line-height:1; 243 cursor:pointer; 244 } 245 246 .site-shell { 247 position:relative; 248 z-index:1; 249 max-width:var(--max); 250 margin:0 auto; 251 padding:0 var(--page-pad) 14px; 252 } 253 254 .btn { 255 display:inline-flex; 256 align-items:center; 257 justify-content:center; 258 min-height:44px; 259 padding:0 20px; 260 border-radius:10px; 261 border:1px solid rgba(255,255,255,.28); 262 background:rgba(255,255,255,.035); 263 color:#fff; 264 text-decoration:none; 265 font-size:14px; 266 line-height:1; 267 transition:.16s ease; 268 } 269 270 .btn:hover { 271 transform:translateY(-1px); 272 border-color:rgba(46,167,255,.65); 273 background:rgba(255,255,255,.07); 274 } 275 276 .btn-primary { 277 border-color:transparent; 278 background:linear-gradient(135deg,var(--orange),var(--orange-2)); 279 box-shadow:0 14px 30px rgba(255,101,15,.20); 280 } 281 282 .btn-primary:hover { 283 border-color:transparent; 284 background:linear-gradient(135deg,#ff741d,#ff9a2d); 285 } 286 287 .section { 288 margin-top:0; 289 padding:14px 0 16px; 290 border-bottom:1px solid var(--line); 291 } 292 293 .section h2 { 294 margin:0 0 10px; 295 font-size:20px; 296 line-height:1.1; 297 font-weight:900; 298 letter-spacing:-.02em; 299 } 300 301 .muted { 302 color:var(--muted); 303 line-height:1.45; 304 font-size:13px; 305 } 306 307 .pill { 308 display:inline-flex; 309 align-items:center; 310 justify-content:center; 311 min-height:22px; 312 padding:0 8px; 313 border-radius:999px; 314 background:rgba(46,167,255,.13); 315 color:#b9dcff; 316 border:1px solid rgba(46,167,255,.22); 317 font-size:11px; 318 font-weight:800; 319 margin:3px 5px 0 0; 320 } 321 322 .link-list { 323 display:grid; 324 gap:10px; 325 } 326 327 .link-row { 328 display:flex; 329 align-items:center; 330 justify-content:space-between; 331 gap:16px; 332 padding:12px 14px; 333 border-radius:10px; 334 border:1px solid var(--line); 335 background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.045)); 336 color:#fff; 337 text-decoration:none; 338 transition:.16s ease; 339 } 340 341 .link-row:hover { 342 transform:translateX(2px); 343 border-color:rgba(46,167,255,.52); 344 } 345 346 .dea-global-fan-banner { 347 position: relative; 348 z-index: 1; 349 width: min(100% - 40px, 1080px); 350 max-width: 1080px; 351 margin: 28px auto 18px; 352 padding: 18px 22px; 353 border-radius: 18px; 354 border: 1px solid rgba(255,255,255,.14); 355 background: 356 radial-gradient(circle at 0% 50%, rgba(255,101,15,.18), transparent 34%), 357 radial-gradient(circle at 100% 20%, rgba(46,167,255,.15), transparent 36%), 358 linear-gradient(135deg, rgba(255,255,255,.060), rgba(255,255,255,.030)); 359 box-shadow: 0 16px 38px rgba(0,0,0,.20); 360 display: grid; 361 grid-template-columns: minmax(0,1fr) auto; 362 gap: 18px; 363 align-items: center; 364 overflow: hidden; 365 } 366 367 .dea-global-fan-kicker { 368 color: var(--blue); 369 text-transform: uppercase; 370 letter-spacing: .26em; 371 font-size: 10px; 372 font-weight: 950; 373 margin-bottom: 5px; 374 } 375 376 .dea-global-fan-copy h2 { 377 margin: 0; 378 color: #ffffff; 379 font-family: Georgia, "Times New Roman", serif; 380 font-size: clamp(22px, 2.2vw, 32px); 381 line-height: .95; 382 letter-spacing: -.05em; 383 font-weight: 700; 384 } 385 386 .dea-global-fan-copy h2 span { 387 color: var(--orange); 388 font-style: italic; 389 font-weight: 500; 390 } 391 392 .dea-global-fan-copy p { 393 max-width: 640px; 394 margin: 7px 0 0; 395 color: rgba(255,255,255,.72); 396 font-size: 12px; 397 line-height: 1.35; 398 } 399 400 .dea-global-fan-actions { 401 display: flex; 402 flex-wrap: wrap; 403 gap: 8px; 404 justify-content: flex-end; 405 align-items: center; 406 } 407 408 .dea-global-fan-primary, 409 .dea-global-fan-secondary { 410 min-height: 34px; 411 display: inline-flex; 412 align-items: center; 413 justify-content: center; 414 padding: 0 12px; 415 border-radius: 10px; 416 text-decoration: none; 417 font-size: 11px; 418 font-weight: 950; 419 white-space: nowrap; 420 } 421 422 .dea-global-fan-primary { 423 background: linear-gradient(135deg,var(--orange),var(--orange-2)); 424 color: #ffffff; 425 box-shadow: 0 10px 22px rgba(255,101,15,.22); 426 } 427 428 .dea-global-fan-secondary { 429 border: 1px solid rgba(255,255,255,.24); 430 background: rgba(255,255,255,.045);
431 color: #ffffff; 432 } 433 434 .mh-section-head > a, 435 .artists-cluster-head > a, 436 .playlist-cluster-head > a, 437 .release-section-head > a, 438 .reels-section-head > a, 439 .links-section-head > a, 440 .mood-detail-head > a, 441 a.dea-section-nav-link { 442 color: var(--orange) !important; 443 font-size: 16px !important; 444 line-height: 1.1 !important; 445 font-weight: 950 !important; 446 letter-spacing: -0.01em !important; 447 text-decoration: none !important; 448 } 449 450 .mh-section-head > a:hover, 451 .artists-cluster-head > a:hover, 452 .playlist-cluster-head > a:hover, 453 .release-section-head > a:hover, 454 .reels-section-head > a:hover, 455 .links-section-head > a:hover, 456 .mood-detail-head > a:hover, 457 a.dea-section-nav-link:hover { 458 color: var(--orange-2) !important; 459 text-decoration: none !important; 460 } 461 462 @media (max-width: 980px) { 463 .dea-global-fan-banner { 464 width: auto; 465 margin: 24px var(--page-pad) 18px; 466 grid-template-columns: 1fr; 467 gap: 14px; 468 padding: 18px; 469 } 470 471 .dea-global-fan-actions { 472 justify-content: flex-start; 473 } 474 } 475 476 @media (max-width: 620px) { 477 .dea-global-fan-banner { 478 margin-top: 22px; 479 border-radius: 18px; 480 padding: 18px 14px; 481 } 482 483 .dea-global-fan-copy h2 { 484 font-size: 28px; 485 } 486 487 .dea-global-fan-copy p { 488 font-size: 12px; 489 } 490 491 .dea-global-fan-actions { 492 display: grid; 493 grid-template-columns: 1fr; 494 gap: 8px; 495 } 496 497 .dea-global-fan-primary, 498 .dea-global-fan-secondary { 499 width: 100%; 500 min-height: 40px; 501 font-size: 12px; 502 } 503 } 504 505 .footer { 506 max-width:var(--max); 507 margin:0 auto; 508 display:grid; 509 grid-template-columns:1.35fr .75fr .75fr .75fr .85fr; 510 gap:28px; 511 padding:22px var(--page-pad) 16px; 512 border-top:1px solid rgba(255,255,255,.08); 513 color:var(--muted); 514 font-size:13px; 515 } 516 517 .footer-logo { 518 display:block; 519 width:150px; 520 max-height:46px; 521 object-fit:contain; 522 object-position:left center; 523 margin-bottom:8px; 524 background:transparent; 525 } 526 527 .footer-brand-block { 528 min-width:0; 529 } 530 531 .footer-since { 532 margin-top:6px; 533 color:#d9e2ee; 534 font-size:13px; 535 line-height:1.35; 536 font-weight:400; 537 letter-spacing:0; 538 white-space:nowrap; 539 max-width:none; 540 } 541 542 .footer h4 { 543 margin:0 0 8px; 544 color:#d7dbe2; 545 font-size:12px; 546 letter-spacing:.13em; 547 text-transform:uppercase; 548 font-weight:800; 549 } 550 551 .footer a { 552 display:block; 553 color:var(--muted); 554 text-decoration:none; 555 margin:5px 0; 556 } 557 558 .footer a:hover { 559 color:#fff; 560 } 561 562 .social-row { 563 display:flex; 564 align-items:center; 565 gap:12px; 566 flex-wrap:wrap; 567 } 568 569 .social-dot { 570 width:36px; 571 height:36px; 572 border-radius:50%; 573 border:1px solid rgba(46,167,255,.55); 574 color:var(--blue); 575 display:flex; 576 align-items:center; 577 justify-content:center; 578 font-size:14px; 579 font-weight:900; 580 text-decoration:none; 581 } 582 583 .copyright { 584 max-width:var(--max); 585 margin:0 auto; 586 display:flex; 587 align-items:center; 588 justify-content:flex-start; 589 gap:20px; 590 color:var(--muted-2); 591 font-size:12px; 592 padding:0 var(--page-pad) 16px; 593 } 594 595 @media (min-width: 1700px) { 596 :root { 597 --max:1600px; 598 --page-pad:88px; 599 } 600 } 601 602 @media (max-width: 1180px) { 603 :root { 604 --page-pad:18px; 605 } 606 607 .topbar-inner { 608 grid-template-columns:190px minmax(0,1fr) 46px; 609 gap:16px; 610 } 611 612 .brand img { 613 width:160px; 614 max-height:52px; 615 } 616 617 .nav-links { 618 gap:18px; 619 } 620 621 .footer { 622 grid-template-columns:1fr 1fr; 623 } 624 } 625 626 /* ====================================================== 627 DEA PUBLIC SITE TRUE MOBILE NAV 628 ====================================================== */ 629 630 @media (max-width: 860px) { 631 html, 632 body { 633 max-width:100%; 634 overflow-x:hidden; 635 } 636 637 .topbar-inner { 638 height:auto; 639 min-height:72px; 640 padding-top:10px; 641 padding-bottom:10px; 642 display:grid; 643 grid-template-columns:minmax(0,1fr) 46px; 644 align-items:center; 645 gap:12px; 646 } 647 648 .brand { 649 height:auto; 650 min-width:0; 651 } 652 653 .brand img { 654 width:155px; 655 max-height:52px; 656 } 657 658 .mobile-menu-toggle { 659 display:none !important; 660} 661 662 .nav-links { 663 display:flex; 664 grid-column:1 / -1; 665 width:100%; 666 height:auto; 667 padding-top:10px; 668 gap:8px; 669 justify-content:flex-start;
670 align-items:center; 671 overflow-x:auto; 672 overflow-y:hidden; 673 -webkit-overflow-scrolling:touch; 674 scrollbar-width:none; 675} 676 677.nav-links::-webkit-scrollbar { 678 display:none; 679} 680 681body.mobile-menu-open .nav-links { 682 display:flex; 683} 684 685 .nav-links a { 686 height:40px; 687 min-height:40px; 688 padding:0 10px; 689 border-radius:12px; 690 border:1px solid rgba(255,255,255,.10); 691 background:rgba(255,255,255,.055); 692 color:#fff; 693 font-size:13px; 694 font-weight:900; 695 } 696 697 .nav-links a.is-active, 698 .nav-links a:hover { 699 border-color:rgba(255,101,15,.58); 700 background:rgba(255,101,15,.20); 701 } 702 703 .nav-links a.is-active::after, 704 .nav-links a:hover::after { 705 display:none; 706 } 707 708 .site-shell { 709 padding-left:16px; 710 padding-right:16px; 711 } 712 713 .footer { 714 grid-template-columns:1fr; 715 } 716 717 .footer-since { 718 white-space:normal; 719 } 720 721 .copyright { 722 flex-direction:column; 723 align-items:flex-start; 724 } 725 } 726 727 /* ====================================================== 728 DEA PUBLIC SITE COMPACT OVERRIDE 729 Riduce hero e box iniziali su desktop e mobile 730 ====================================================== */ 731 732 .hero, 733 .releases-hero, 734 .reels-hero, 735 .playlists-hero, 736 .artist-hero, 737 .pa-hero, 738 .bl-hero { 739 min-height:auto !important; 740 padding-top:28px !important; 741 padding-bottom:28px !important; 742 } 743 744 .hero h1, 745 .releases-hero h1, 746 .reels-hero h1, 747 .playlists-hero h1, 748 .artist-hero h1, 749 .pa-hero h1, 750 .bl-title { 751 font-size:clamp(38px, 5vw, 72px) !important; 752 line-height:.94 !important; 753 margin-bottom:10px !important; 754 } 755 756 .hero p, 757 .releases-hero p, 758 .reels-hero p, 759 .playlists-hero p, 760 .artist-hero p, 761 .pa-hero p, 762 .bl-lead { 763 font-size:14px !important; 764 line-height:1.42 !important; 765 margin-top:10px !important; 766 } 767 768 .cover-card, 769 .reels-hero-panel, 770 .playlists-hero-card, 771 .releases-hero-card, 772 .pa-hero-card, 773 .bl-callout { 774 padding:18px !important; 775 border-radius:20px !important; 776 } 777 778 .section, 779 .release-section, 780 .reels-section, 781 .bl-section { 782 padding-top:26px !important; 783 } 784 785 /* ====================================================== 786 DEA PUBLIC SITE MOBILE SAFETY OVERRIDES 787 ====================================================== */ 788 789 @media (max-width: 760px) { 790 main, 791 .site-shell, 792 .section, 793 .public-main, 794 .page-wrap { 795 max-width:100%; 796 overflow-x:hidden; 797 } 798 799 img, 800 video, 801 iframe { 802 max-width:100%; 803 } 804 805 .hero, 806 .releases-hero, 807 .reels-hero, 808 .playlists-hero, 809 .artist-hero, 810 .pa-hero, 811 .bl-hero { 812 display:block !important; 813 padding-top:18px !important; 814 padding-bottom:18px !important; 815 min-height:auto !important; 816 overflow:hidden !important; 817 } 818 819 .hero h1, 820 .releases-hero h1, 821 .reels-hero h1, 822 .playlists-hero h1, 823 .artist-hero h1, 824 .pa-hero h1, 825 .bl-title { 826 font-size:36px !important; 827 line-height:.96 !important; 828 letter-spacing:-.04em !important; 829 max-width:100% !important; 830 overflow-wrap:break-word !important; 831 } 832 833 .hero p, 834 .releases-hero p, 835 .reels-hero p, 836 .playlists-hero p, 837 .artist-hero p, 838 .pa-hero p, 839 .bl-lead { 840 font-size:13px !important; 841 line-height:1.36 !important; 842 max-width:100% !important; 843 } 844 845 .actions, 846 .reels-actions, 847 .releases-hero-actions, 848 .bl-actions { 849 display:grid !important; 850 grid-template-columns:1fr !important; 851 gap:8px !important; 852 margin-top:14px !important; 853 width:100% !important; 854 } 855 856 .btn, 857 .btn-primary { 858 min-height:38px !important; 859 padding:0 12px !important; 860 font-size:12px !important; 861 width:100%; 862 max-width:100%; 863 justify-content:center; 864 } 865 866 .cover-card, 867 .reels-hero-panel, 868 .playlists-hero-card, 869 .releases-hero-card, 870 .pa-hero-card, 871 .bl-callout { 872 margin-top:14px !important; 873 padding:14px !important; 874 border-radius:18px !important; 875 max-width:100% !important; 876 } 877 878 .section, 879 .release-section, 880 .reels-section, 881 .bl-section { 882 padding-top:20px !important; 883 } 884 885 .grid, 886 .cards-grid, 887 .artist-grid, 888 .release-grid, 889 .playlist-grid, 890 .reel-grid, 891 .pa-grid, 892 .pa-main-grid, 893 .pa-section-grid { 894 grid-template-columns:1fr !important; 895 } 896 897 .card, 898 .artist-card, 899 .release-card, 900 .playlist-card, 901 .reel-card { 902 width:100% !important; 903 max-width:100% !important; 904 } 905 906 .vinyl, 907 .record, 908 .album-vinyl, 909 .hero-vinyl { 910 display:none !important; 911 } 912 } 913 </style> 914</head> 915 916<body> 917 918 <!-- Google Tag Manager noscript - DEA Records -->
vendor: 96 bytes, lines 918-921
918 919 <noscript> 920 <iframe 921 src="https://www.googletagmanager.com/ns.html?id=
921GTM-MGJNTGS
vendor: 143 bytes, lines 921-927
921" 922 height="0" 923 width="0" 924 style="display:none;visibility:hidden" 925 ></iframe> 926 </noscript> 927
927<!-- End Google Tag Manager noscript --> 928 929 <header class="topbar"> 930 <div class="topbar-inner"> 931 <a class="brand" href="/public-site/index.html"> 932 <img src="/public-site/assets/dea-logo-red-clean.png" alt="DEA Records" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';"> 933 <div class="brand-fallback"> 934 <strong>DEA</strong> 935 <span>Records</span> 936 </div> 937 </a> 938 939 <nav class="nav-links" id="publicMobileNav"> 940 <a href="/public-site/index.html">Home</a> 941 <a href="/public-site/artists/index.html">Artists</a> 942 <a href="/public-site/playlists/index.html">Playlists</a> 943 <a href="/public-site/releases/index.html">Releases</a> 944 <a href="/public-site/moods/index.html">Moods</a> 945 <a href="/public-site/reels/index.html">Reels</a> 946 <a class="is-active" href="/public-site/links/index.html">Links</a> 947 </nav> 948 949 </div> 950 </header> 951 952 <main class="site-shell"> 953 954<style> 955/* DEA_PUBLIC_ABOUT_CENTERED_V3 */ 956.about-page { 957 width: min(1180px, calc(100% - 44px)); 958 margin: 0 auto; 959 padding: 0 0 38px; 960} 961 962.about-hero { 963 margin: 20px auto 0; 964 padding: 34px 36px; 965 border-radius: 26px; 966 border: 1px solid rgba(255,255,255,.12); 967 background: 968 radial-gradient(circle at 0% 0%, rgba(255,101,15,.16), transparent 34%), 969 radial-gradient(circle at 100% 0%, rgba(46,167,255,.14), transparent 38%), 970 linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.025)); 971 box-shadow: 0 24px 64px rgba(0,0,0,.22); 972} 973 974.about-kicker { 975 color: #2ea7ff; 976 font-size: 12px; 977 font-weight: 950; 978 letter-spacing: .26em; 979 text-transform: uppercase; 980 margin-bottom: 12px; 981} 982 983.about-hero h1 { 984 margin: 0; 985 max-width: 820px; 986 font-family: Georgia, "Times New Roman", serif; 987 font-size: clamp(42px, 5.1vw, 66px); 988 line-height: .94; 989 letter-spacing: -.055em; 990 color: #ffffff; 991 font-weight: 760; 992} 993 994.about-hero h1 em { 995 color: #ff650f; 996 font-style: italic; 997 font-weight: 520; 998} 999 1000.about-lead { 1001 max-width: 760px; 1002 margin: 18px 0 0; 1003 color: rgba(255,255,255,.80); 1004 font-size: 15px; 1005 line-height: 1.58; 1006 font-weight: 520; 1007} 1008 1009.about-signature { 1010 display: grid; 1011 gap: 8px; 1012 margin-top: 22px; 1013 padding-top: 18px; 1014 border-top: 1px solid rgba(255,255,255,.10); 1015} 1016 1017.about-signature-line { 1018 color: rgba(255,255,255,.90); 1019 font-size: 15px; 1020 line-height: 1.45; 1021 font-weight: 850; 1022} 1023 1024.about-actions { 1025 display: flex; 1026 flex-wrap: wrap; 1027 gap: 10px; 1028 margin-top: 20px; 1029} 1030 1031.about-btn { 1032 min-height: 38px; 1033 display: inline-flex;
1034 align-items: center; 1035 justify-content: center; 1036 padding: 0 15px; 1037 border-radius: 999px; 1038 border: 1px solid rgba(255,255,255,.15); 1039 background: rgba(255,255,255,.06); 1040 color: #ffffff; 1041 text-decoration: none; 1042 font-size: 12px; 1043 font-weight: 900; 1044} 1045 1046.about-btn-primary { 1047 background: linear-gradient(135deg, #ff650f, #ff8a22); 1048 border-color: rgba(255,101,15,.70); 1049 box-shadow: 0 16px 32px rgba(255,101,15,.18); 1050} 1051 1052.about-section { 1053 margin-top: 16px; 1054} 1055 1056.about-grid { 1057 display: grid; 1058 grid-template-columns: repeat(3, minmax(0, 1fr)); 1059 gap: 14px; 1060} 1061 1062.about-card { 1063 min-height: 168px; 1064 padding: 22px; 1065 border-radius: 22px; 1066 border: 1px solid rgba(255,255,255,.12); 1067 background: 1068 radial-gradient(circle at 0% 0%, rgba(255,101,15,.095), transparent 34%), 1069 radial-gradient(circle at 100% 0%, rgba(46,167,255,.11), transparent 38%), 1070 rgba(255,255,255,.045); 1071 box-shadow: 0 14px 38px rgba(0,0,0,.17); 1072} 1073 1074.about-card h2 { 1075 margin: 0 0 11px; 1076 color: #2ea7ff; 1077 font-size: 13px; 1078 font-weight: 950; 1079 letter-spacing: .22em; 1080 text-transform: uppercase; 1081} 1082 1083.about-card p, 1084.about-card li { 1085 color: rgba(255,255,255,.80); 1086 font-size: 13px; 1087 line-height: 1.62; 1088} 1089 1090.about-card p { 1091 margin: 0; 1092} 1093 1094.about-card ul { 1095 margin: 0; 1096 padding-left: 18px; 1097} 1098 1099.about-card li + li { 1100 margin-top: 4px; 1101} 1102 1103.about-card-feature { 1104 grid-column: span 2; 1105} 1106 1107.about-trust { 1108 display: flex; 1109 flex-wrap: wrap; 1110 gap: 9px; 1111 margin-top: 16px; 1112} 1113 1114.about-pill { 1115 display: inline-flex;
1116 align-items: center; 1117 min-height: 31px; 1118 padding: 0 11px; 1119 border-radius: 999px; 1120 border: 1px solid rgba(255,255,255,.13); 1121 background: rgba(255,255,255,.055); 1122 color: rgba(255,255,255,.82); 1123 text-decoration: none; 1124 font-size: 11px; 1125 font-weight: 850; 1126} 1127 1128.about-pill:hover { 1129 border-color: rgba(46,167,255,.45); 1130 color: #ffffff; 1131} 1132 1133@media (max-width: 980px) { 1134 .about-page { 1135 width: min(100% - 28px, 1180px); 1136 } 1137 1138 .about-grid { 1139 grid-template-columns: 1fr 1fr; 1140 } 1141 1142 .about-card-feature { 1143 grid-column: span 2; 1144 } 1145} 1146 1147@media (max-width: 720px) { 1148 .about-page { 1149 width: min(100% - 24px, 1180px); 1150 } 1151 1152 .about-hero { 1153 margin-top: 12px; 1154 padding: 22px 18px; 1155 border-radius: 22px; 1156 } 1157 1158 .about-hero h1 { 1159 font-size: clamp(38px, 11vw, 52px); 1160 line-height: .94; 1161 } 1162 1163 .about-lead { 1164 font-size: 13px; 1165 line-height: 1.5; 1166 } 1167 1168 .about-signature-line { 1169 font-size: 13px; 1170 } 1171 1172 .about-grid { 1173 grid-template-columns: 1fr; 1174 } 1175 1176 .about-card, 1177 .about-card-feature { 1178 grid-column: auto; 1179 min-height: 0; 1180 } 1181 1182 .about-card { 1183 padding: 18px; 1184 border-radius: 19px; 1185 } 1186} 1187</style> 1188 1189<div class="about-page"> 1190 <section class="about-hero"> 1191 <div class="about-kicker">Mission</div> 1192 1193 <h1>Atmospheres for <em>body, mind and soul.</em></h1> 1194 1195 <p class="about-lead"> 1196 DEA Records is a public music platform built around artists, moods, releases, 1197 playlists and listening paths for wellness, relaxation, focus and emotional balance. 1198 </p> 1199 1200 <div class="about-signature"> 1201 <div class="about-signature-line">ð We are Source of Art, Beauty, Balance and Peace</div> 1202 <div class="about-signature-line">ð¶ We create Atmospheres for Wellness and Relaxation for Body and Mind ð§</div> 1203 </div> 1204 1205 <div class="about-actions"> 1206 <a class="about-btn about-btn-primary" href="/public-site/artists/index.html">Explore Artists â</a> 1207 <a class="about-btn" href="/public-site/moods/index.html">Discover Moods â</a> 1208 <a class="about-btn" href="/public-site/links/index.html">Open Bio Links â</a> 1209 </div> 1210 </section> 1211 1212 <section class="about-section"> 1213 <div class="about-grid"> 1214 <div class="about-card about-card-feature"> 1215 <h2>What we create</h2> 1216 <p> 1217 Since 1992, DEA Records has created and curated music experiences designed to bring 1218 beauty, balance, wellness and relaxation into everyday life. The public site connects 1219 listeners with music worlds shaped by atmosphere, mood and moment. 1220 </p> 1221 </div> 1222 1223 <div class="about-card"> 1224 <h2>Public platform</h2> 1225 <p> 1226 Artist pages, releases, playlists, moods and Bio Links work together as a discovery 1227 path for modern listening habits. 1228 </p> 1229 </div> 1230 1231 <div class="about-card"> 1232 <h2>Our direction</h2> 1233 <ul> 1234 <li>music discovery by mood and atmosphere;</li> 1235 <li>artist pages with listening paths;</li> 1236 <li>playlist and Bio Link journeys;</li> 1237 <li>privacy-conscious fan growth.</li> 1238 </ul> 1239 </div> 1240 1241 <div class="about-card about-card-feature"> 1242 <h2>Trust & privacy</h2> 1243 <p> 1244 The new public site includes dedicated pages for Privacy Policy, Privacy Choices, 1245 Cookie Policy and Terms, designed to keep the public experience clear and coherent. 1246 </p> 1247 1248 <div class="about-trust"> 1249 <a class="about-pill" href="/public-site/privacy.html">Privacy Policy</a> 1250 <a class="about-pill" href="/public-site/privacy-choices.html">Privacy Choices</a> 1251 <a class="about-pill" href="/public-site/cookie-policy.html">Cookie Policy</a> 1252 <a class="about-pill" href="/public-site/terms.html">Terms</a> 1253 </div> 1254 </div> 1255 </div> 1256 </section> 1257</div> 1258 1259 </main> 1260 1261 1262 <section class="dea-global-fan-banner"> 1263 <div class="dea-global-fan-copy"> 1264 <div class="dea-global-fan-kicker">Stay connected with DEA</div> 1265 1266 <h2> 1267 Continue the <span>atmosphere</span> 1268 </h2> 1269 1270 <p> 1271 Choose your favorite moods and receive new DEA artists, playlists and releases. 1272 </p> 1273 </div> 1274 1275 <div class="dea-global-fan-actions"> 1276 <a class="dea-global-fan-primary" href="/public-site/subscribe.html"> 1277 Subscribe by Mood â 1278 </a> 1279 1280 <a class="dea-global-fan-secondary" href="/public-site/playlists/index.html"> 1281 Explore Playlists â 1282 </a> 1283 1284 <a class="dea-global-fan-secondary" href="/public-site/moods/index.html"> 1285 Discover Moods â 1286 </a> 1287 </div> 1288 </section> 1289 1290 1291 <footer class="footer"> 1292 <div class="footer-brand-block"> 1293 <img class="footer-logo" src="/public-site/assets/dea-logo-red-clean.png" alt="DEA Records" onerror="this.style.display='none'"> 1294 1295 <div class="footer-since"> 1296 Since 1992 · Designed with passion. Built for music ð§ 1297 </div> 1298 </div> 1299 1300 <div> 1301 <h4>Explore</h4> 1302 <a href="/public-site/artists/index.html">Artists</a> 1303 <a href="/public-site/releases/index.html">Releases</a> 1304 <a href="/public-site/moods/index.html">Moods</a> 1305 <a href="/public-site/playlists/index.html">Playlists</a> 1306 <a href="/public-site/reels/index.html">Reels</a> 1307 </div> 1308 1309 <div> 1310 <h4>Music</h4> 1311 <a href="/public-site/releases/index.html">New Releases</a> 1312 <a href="/public-site/playlists/index.html">Playlists</a> 1313 <a href="/public-site/moods/index.html">Moods</a> 1314 <a href="/public-site/links/index.html">Bio Links</a> 1315 </div> 1316 1317 <div id="about"> 1318 <h4>About</h4> 1319 <a href="/public-site/about.html">About DEA Records</a> 1320 <a href="/public-site/mission.html">Our Mission</a> 1321 <a href="/public-site/privacy.html">Privacy Policy</a> 1322 </div> 1323 1324 <div> 1325 <h4>Follow</h4> 1326 <div class="social-row"> 1327 <a class="social-dot" href="https://open.spotify.com/user/11173993464/playlists" target="_blank" rel="noopener" title="Spotify" aria-label="Spotify"><img src="/public-site/assets/icons/social/spotify.svg" alt="" aria-hidden="true" loading="lazy"></a> 1328 <a class="social-dot" href="https://www.instagram.com/dearecords.it" target="_blank" rel="noopener" title="Instagram" aria-label="Instagram"><img src="/public-site/assets/icons/social/instagram.svg" alt="" aria-hidden="true" loading="lazy"></a> 1329 <a class="social-dot" href="https://www.facebook.com/DeaRecordsItaly/" target="_blank" rel="noopener" title="Facebook" aria-label="Facebook"><img src="/public-site/assets/icons/social/facebook.svg" alt="" aria-hidden="true" loading="lazy"></a> 1330 </div> 1331 </div> 1332 </footer> 1333 1334 <div class="copyright"> 1335 <div> 1336 Copyright © <span id="dea-current-year">2026</span> DEA RECORDS S.R.L. 1337 - Partita IVA (VAT): 04743410237. All rights reserved. 1338 </div> 1339 </div> 1340 1341
1341<script> 1342 document.getElementById("dea-current-year").textContent = new Date().getFullYear(); 1343 </script>
1343 1344 1345
1345<script> 1346 (function () { 1347 try { 1348 var params = new URLSearchParams(window.location.search || ""); 1349 1350 var sessionKey = ""; 1351 1352 try { 1353 sessionKey = window.sessionStorage.getItem("dea_public_session_key") || ""; 1354 1355 if (!sessionKey) { 1356 sessionKey = "s_" + Date.now().toString(36) + "_" + Math.random().toString(36).slice(2); 1357 window.sessionStorage.setItem("dea_public_session_key", sessionKey); 1358 } 1359 } catch (err) { 1360 sessionKey = "s_" + Date.now().toString(36); 1361 } 1362 1363 var path = window.location.pathname || ""; 1364 var pageType = "page"; 1365 1366 if (path.indexOf("/public-site/artists/") >= 0) { 1367 pageType = "artist"; 1368 } else if (path.indexOf("/public-site/releases/") >= 0) { 1369 pageType = "release"; 1370 } else if (path.indexOf("/public-site/playlists/") >= 0) { 1371 pageType = "playlist"; 1372 } else if (path.indexOf("/public-site/moods/") >= 0) { 1373 pageType = "mood"; 1374 } else if (path.indexOf("/public-site/reels/") >= 0) { 1375 pageType = "reel"; 1376 } else if (path.indexOf("/public-site/links/artist/") >= 0) { 1377 pageType = "bio_link"; 1378 } 1379 1380 var payload = { 1381 page_url: window.location.href || "", 1382 page_path: path, 1383 page_title: document.title || "", 1384 page_type: pageType, 1385 referrer: document.referrer || "", 1386 utm_source: params.get("utm_source") || "", 1387 utm_medium: params.get("utm_medium") || "", 1388 utm_campaign: params.get("utm_campaign") || "", 1389 session_key: sessionKey 1390 }; 1391 1392 var body = JSON.stringify(payload); 1393 1394 if (navigator.sendBeacon) { 1395 var blob = new Blob([body], { type: "application/json" }); 1396 navigator.sendBeacon("/public-site/track/page-view", blob); 1397 } else { 1398 fetch("/public-site/track/page-view", { 1399 method: "POST", 1400 headers: { 1401 "Content-Type": "application/json" 1402 }, 1403 body: body, 1404 keepalive: true 1405 }).catch(function () {}); 1406 } 1407 } catch (err) {} 1408 })(); 1409 </script>
1409 1410
1411<script> 1412/* DEA CLIENT CLICK TRACKER V1 */ 1413(function () { 1414 function clean(value) { 1415 return (value || "").toString().trim(); 1416 } 1417 1418 function detectTargetType(href) { 1419 var h = clean(href).toLowerCase(); 1420 1421 if (h.indexOf("/public-site/links/artist/") !== -1) return "bio_link"; 1422 if (h.indexOf("/public-site/playlists/") !== -1) return "playlist"; 1423 if (h.indexOf("/public-site/moods/") !== -1) return "mood"; 1424 if (h.indexOf("/public-site/releases/") !== -1) return "release"; 1425 if (h.indexOf("/public-site/reels/") !== -1) return "reel"; 1426 if (h.indexOf("open.spotify.com") !== -1) return "spotify"; 1427 if (h.indexOf("music.apple.com") !== -1) return "apple_music"; 1428 if (h.indexOf("youtube.com") !== -1 || h.indexOf("youtu.be") !== -1) return "youtube"; 1429 if (h.indexOf("deezer.com") !== -1) return "deezer"; 1430 if (h.indexOf("music.amazon.") !== -1) return "amazon_music"; 1431 if (h.indexOf("tidal.com") !== -1) return "tidal"; 1432 1433 return ""; 1434 } 1435 1436 function detectArtistSlug(href) { 1437 var m = clean(href).match(/\/public-site\/links\/artist\/([^\/?#]+)\.html/i); 1438 1439 if (!m) return ""; 1440 1441 return decodeURIComponent(m[1] || ""); 1442 } 1443 1444 function detectPageContext() { 1445 /* DEA CLICK SOURCE CONTEXT V4 */ 1446 var candidates = [ 1447 document.querySelector("[data-track-title]"), 1448 document.querySelector(".hero h1"), 1449 document.querySelector(".artist-hero h1"), 1450 document.querySelector(".release-hero h1"), 1451 document.querySelector(".reel-detail h1"), 1452 document.querySelector("main h1"), 1453 document.querySelector("h1") 1454 ]; 1455 1456 for (var i = 0; i < candidates.length; i++) { 1457 var el = candidates[i]; 1458 1459 if (!el) continue; 1460 1461 var txt = clean(el.getAttribute("data-track-title") || el.innerText || el.textContent || ""); 1462 1463 if (txt) return txt; 1464 } 1465 1466 var title = clean(document.title || ""); 1467 1468 if (title) return title.replace(" | DEA Records", "").replace(" - DEA Records", ""); 1469 1470 return clean(window.location.pathname || ""); 1471 } 1472 1473 function trackClick(link) { 1474 try { 1475 var href = link.getAttribute("href") || ""; 1476 var targetType = detectTargetType(href); 1477 1478 if (!targetType) return; 1479 1480 var artistSlug = detectArtistSlug(href); 1481 var label = clean(link.innerText || link.getAttribute("aria-label") || link.getAttribute("title") || targetType); 1482 1483 if (targetType === "bio_link" && artistSlug) { 1484 label = artistSlug + " Bio Link"; 1485 } 1486 1487 var payload = { 1488 event_type: targetType, 1489 event_label: label, 1490 target_type: targetType, 1491 target_label: label, 1492 target_url: href, 1493 source_page: window.location.pathname, 1494 source_context: detectPageContext(), 1495 source_url: window.location.href, 1496 artist_slug: artistSlug 1497 }; 1498 1499 var body = JSON.stringify(payload); 1500 1501 if (navigator.sendBeacon) { 1502 var blob = new Blob([body], {type: "application/json"}); 1503 navigator.sendBeacon("/public-site/track/client-click", blob); 1504 return; 1505 } 1506 1507 fetch("/public-site/track/client-click", { 1508 method: "POST", 1509 headers: {"Content-Type": "application/json"}, 1510 body: body, 1511 keepalive: true 1512 }).catch(function () {}); 1513 } catch (e) {} 1514 } 1515 1516 document.addEventListener("click", function (event) { 1517 var link = event.target && event.target.closest ? event.target.closest("a[href]") : null; 1518 1519 if (!link) return; 1520 1521 trackClick(link); 1522 }, true); 1523})(); 1524</script>
1524 1525 1526
1527<script> 1528(function(){ 1529 if(window.__deaPublicTrackingLoaded){ return; } 1530 window.__deaPublicTrackingLoaded = true; 1531 1532 function getOrCreateId(key){ 1533 try{ 1534 var current = localStorage.getItem(key); 1535 if(current) return current; 1536 var value = "dea_" + Math.random().toString(36).slice(2) + Date.now().toString(36); 1537 localStorage.setItem(key, value); 1538 return value; 1539 }catch(e){ 1540 return "dea_no_storage"; 1541 } 1542 } 1543 1544 var visitorId = getOrCreateId("dea_public_visitor_id"); 1545 var sessionId = ""; 1546 1547 try{ 1548 sessionId = sessionStorage.getItem("dea_public_session_id"); 1549 if(!sessionId){ 1550 sessionId = "dea_s_" + Math.random().toString(36).slice(2) + Date.now().toString(36); 1551 sessionStorage.setItem("dea_public_session_id", sessionId); 1552 } 1553 }catch(e){ 1554 sessionId = "dea_s_no_storage"; 1555 } 1556 1557 function getUtm(name){ 1558 try{ 1559 return new URLSearchParams(window.location.search).get(name) || ""; 1560 }catch(e){ 1561 return ""; 1562 } 1563 } 1564 1565 function sendEvent(eventType, targetUrl, extra){ 1566 var payload = Object.assign({ 1567 event_type: eventType || "page_view", 1568 page_url: window.location.pathname, 1569 target_url: targetUrl || "", 1570 visitor_id: visitorId, 1571 session_id: sessionId, 1572 referrer: document.referrer || "", 1573 source: getUtm("utm_source"), 1574 medium: getUtm("utm_medium"), 1575 campaign: getUtm("utm_campaign") 1576 }, extra || {}); 1577 1578 try{ 1579 if(navigator.sendBeacon){ 1580 var blob = new Blob([JSON.stringify(payload)], {type: "application/json"}); 1581 navigator.sendBeacon("/public-track", blob); 1582 return; 1583 } 1584 }catch(e){} 1585 1586 try{ 1587 fetch("/public-track", { 1588 method: "POST", 1589 headers: {"Content-Type": "application/json"}, 1590 body: JSON.stringify(payload), 1591 keepalive: true 1592 }); 1593 }catch(e){} 1594 } 1595 1596 sendEvent("page_view", ""); 1597 1598 document.addEventListener("click", function(event){ 1599 var link = event.target && event.target.closest ? event.target.closest("a") : null; 1600 if(!link) return; 1601 1602 var href = link.getAttribute("href") || ""; 1603 var label = (link.textContent || "").trim().slice(0, 120); 1604 var eventType = "click"; 1605 var lowerHref = href.toLowerCase(); 1606 1607 if( 1608 lowerHref.indexOf("open.spotify.com") >= 0 || 1609 lowerHref.indexOf("music.apple.com") >= 0 || 1610 lowerHref.indexOf("youtube.com") >= 0 || 1611 lowerHref.indexOf("music.youtube.com") >= 0 || 1612 lowerHref.indexOf("deezer.com") >= 0 || 1613 lowerHref.indexOf("amazon.") >= 0 || 1614 lowerHref.indexOf("tidal.com") >= 0 1615 ){ 1616 eventType = "store_click"; 1617 }else if(lowerHref.indexOf("/links/artist/") >= 0){ 1618 eventType = "bio_link_click"; 1619 }else if(lowerHref.indexOf("/links/playlist/") >= 0 || lowerHref.indexOf("/playlists/") >= 0){ 1620 eventType = "playlist_click"; 1621 }else if(lowerHref.indexOf("/reels/") >= 0){ 1622 eventType = "reel_click"; 1623 }else if(lowerHref.indexOf("/releases/") >= 0){ 1624 eventType = "release_click"; 1625 }else if(lowerHref.indexOf("/artists/") >= 0){ 1626 eventType = "artist_click"; 1627 } 1628 1629 sendEvent(eventType, href, {link_label: label}); 1630 }, true); 1631})(); 1632</script>
1632 1633
1634<script id="dea-desktop-playlist-external-rule"> 1635(function () { 1636 function isDesktopView() { 1637 return window.matchMedia && window.matchMedia("(min-width: 900px)").matches; 1638 } 1639 1640 function safeDecode(value) { 1641 try { 1642 return decodeURIComponent(String(value || "")); 1643 } catch (e) { 1644 return String(value || ""); 1645 } 1646 } 1647 1648 function isPlaylistHref(href) { 1649 if (!href) { 1650 return false; 1651 } 1652 1653 var value = String(href); 1654 var lower = value.toLowerCase(); 1655 var decoded = safeDecode(value).toLowerCase(); 1656 1657 return ( 1658 lower.indexOf("/public-site/playlists/") !== -1 || 1659 lower.indexOf("public-site/playlists/") !== -1 || 1660 lower.indexOf("/playlists/") === 0 || 1661 lower.indexOf("playlists/index.html") !== -1 || 1662 1663 lower.indexOf("target_type=playlist") !== -1 || 1664 lower.indexOf("playlist_slug=") !== -1 || 1665 lower.indexOf("campaign_key=playlist") !== -1 || 1666 lower.indexOf("source_page=playlist") !== -1 || 1667 lower.indexOf("playlist_smart") !== -1 || 1668 1669 decoded.indexOf("target_type=playlist") !== -1 || 1670 decoded.indexOf("playlist_slug=") !== -1 || 1671 decoded.indexOf("campaign_key=playlist") !== -1 || 1672 decoded.indexOf("source_page=playlist") !== -1 || 1673 decoded.indexOf("playlist_smart") !== -1 || 1674 decoded.indexOf("open.spotify.com/playlist/") !== -1 1675 ); 1676 } 1677 1678 function isModifiedClick(event) { 1679 return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0; 1680 } 1681 1682 document.addEventListener("click", function (event) { 1683 var link = event.target && event.target.closest ? event.target.closest("a") : null; 1684 1685 if (!link) { 1686 return; 1687 } 1688 1689 var href = link.getAttribute("href") || ""; 1690 1691 if (!isPlaylistHref(href)) { 1692 return; 1693 } 1694 1695 if (!isDesktopView()) { 1696 return; 1697 } 1698 1699 if (isModifiedClick(event)) { 1700 return; 1701 } 1702 1703 if (href.indexOf("#") === 0) { 1704 return; 1705 } 1706 1707 event.preventDefault(); 1708 window.open(link.href, "_blank", "noopener,noreferrer"); 1709 }, true); 1710})(); 1711</script>
1711</body> 1712</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.