{"id":30,"date":"2026-06-14T03:02:52","date_gmt":"2026-06-14T03:02:52","guid":{"rendered":"https:\/\/pineandpistolmusic.com\/?page_id=30"},"modified":"2026-06-14T03:15:06","modified_gmt":"2026-06-14T03:15:06","slug":"listenhome","status":"publish","type":"page","link":"https:\/\/pineandpistolmusic.com\/?page_id=30","title":{"rendered":"Listen-Home"},"content":{"rendered":"<p>&nbsp;<\/p>\n<style>\n        :root {<br \/>\n            --bg-main: #050505;<br \/>\n            --bg-section: #111111;<br \/>\n            --accent: #c62828;<br \/>\n            --text-main: #ffffff;<br \/>\n            --text-muted: #aaaaaa;<br \/>\n            --border-subtle: #333333;<br \/>\n            --max-width: 1100px;<br \/>\n            --font-body: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;<br \/>\n        }<\/p>\n<p>        * { box-sizing: border-box; }<\/p>\n<p>        body {<br \/>\n            margin: 0;<br \/>\n            font-family: var(--font-body);<br \/>\n            background: var(--bg-main);<br \/>\n            color: var(--text-main);<br \/>\n        }<\/p>\n<p>        a { color: inherit; text-decoration: none; }<br \/>\n        a:hover { text-decoration: underline; }<\/p>\n<p>        .container {<br \/>\n            max-width: var(--max-width);<br \/>\n            margin: 0 auto;<br \/>\n            padding: 0 20px;<br \/>\n        }<\/p>\n<p>        header {<br \/>\n            background: #000;<br \/>\n            border-bottom: 1px solid var(--border-subtle);<br \/>\n        }<\/p>\n<p>        .header-inner {<br \/>\n            display: flex;<br \/>\n            align-items: center;<br \/>\n            justify-content: space-between;<br \/>\n            padding: 16px 0;<br \/>\n        }<\/p>\n<p>        .site-title {<br \/>\n            font-size: 1.2rem;<br \/>\n            font-weight: 600;<br \/>\n        }<\/p>\n<p>        nav ul {<br \/>\n            list-style: none;<br \/>\n            display: flex;<br \/>\n            gap: 18px;<br \/>\n            margin: 0;<br \/>\n            padding: 0;<br \/>\n            font-size: 0.95rem;<br \/>\n        }<\/p>\n<p>        \/* HERO *\/<br \/>\n        .hero {<br \/>\n            position: relative;<br \/>\n            background: url(\"https:\/\/images.unsplash.com\/photo-1511379938547-c1f69419868d?auto=format&fit=crop&w=1600&q=80\")<br \/>\n                        center\/cover no-repeat;<br \/>\n        }<\/p>\n<p>        .hero::before {<br \/>\n            content: \"\";<br \/>\n            position: absolute;<br \/>\n            inset: 0;<br \/>\n            background: rgba(0, 0, 0, 0.55);<br \/>\n        }<\/p>\n<p>        .hero-inner {<br \/>\n            position: relative;<br \/>\n            z-index: 1;<br \/>\n            text-align: center;<br \/>\n            padding: 120px 20px;<br \/>\n        }<\/p>\n<p>        .hero-inner img {<br \/>\n            max-width: 90%;<br \/>\n            height: auto;<br \/>\n            border-radius: 6px;<br \/>\n        }<\/p>\n<p>        \/* MAIN CONTENT *\/<br \/>\n        main { padding: 60px 0 40px; }<\/p>\n<p>        .section {<br \/>\n            background: var(--bg-section);<br \/>\n            border-radius: 8px;<br \/>\n            padding: 32px 24px 40px;<br \/>\n        }<\/p>\n<p>        .section h2 {<br \/>\n            font-size: 1.8rem;<br \/>\n            margin: 0 0 16px;<br \/>\n            border-bottom: 2px solid var(--border-subtle);<br \/>\n            padding-bottom: 10px;<br \/>\n        }<\/p>\n<p>        .cover-art {<br \/>\n            width: 100%;<br \/>\n            max-width: 400px;<br \/>\n            border-radius: 8px;<br \/>\n            display: block;<br \/>\n            margin: 0 auto 20px;<br \/>\n        }<\/p>\n<p>        .lyrics-box {<br \/>\n            background: #1a1a1a;<br \/>\n            border: 1px solid #333;<br \/>\n            padding: 20px;<br \/>\n            border-radius: 8px;<br \/>\n            height: 400px;<br \/>\n            overflow-y: scroll;<br \/>\n            white-space: pre-wrap;<br \/>\n            line-height: 1.5;<br \/>\n            font-size: 1rem;<br \/>\n            margin-top: 20px;<br \/>\n        }<\/p>\n<p>        .btn-primary {<br \/>\n            background: var(--accent);<br \/>\n            padding: 12px 22px;<br \/>\n            border-radius: 6px;<br \/>\n            color: #fff;<br \/>\n            font-weight: 600;<br \/>\n            display: inline-block;<br \/>\n            text-decoration: none;<br \/>\n            font-size: 0.98rem;<br \/>\n            margin-top: 30px;<br \/>\n        }<\/p>\n<p>        .btn-primary:hover { filter: brightness(1.1); }<\/p>\n<p>        footer {<br \/>\n            border-top: 1px solid var(--border-subtle);<br \/>\n            padding: 40px 0 20px;<br \/>\n            background: #050505;<br \/>\n            text-align: center;<br \/>\n            color: var(--text-muted);<br \/>\n            font-size: 0.85rem;<br \/>\n        }<br \/>\n    <\/style>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9\" src=\"https:\/\/pineandpistolmusic.com\/wp-content\/uploads\/2026\/06\/image.png\" alt=\"\" width=\"585\" height=\"478\" srcset=\"https:\/\/pineandpistolmusic.com\/wp-content\/uploads\/2026\/06\/image.png 589w, https:\/\/pineandpistolmusic.com\/wp-content\/uploads\/2026\/06\/image-300x245.png 300w\" sizes=\"auto, (max-width: 585px) 100vw, 585px\" \/><\/p>\n<section class=\"hero\">\n<div class=\"hero-inner container\"><span style=\"font-size: 30.7628px; letter-spacing: -0.1px;\">Listen to a song by clicking on an image below:<\/span><\/div>\n<\/section>\n<div class=\"container\">\n<section class=\"section\"><!-- Cover Art --><br \/>\n<a href=\"https:\/\/pineandpistolmusic.com\/?page_id=23\"><img loading=\"lazy\" decoding=\"async\" class=\"cover-art\" src=\"https:\/\/pineandpistolmusic.com\/wp-content\/uploads\/2026\/06\/I-Am-the-One-\u2013-Cover-Art-scaled.jpg\" alt=\"Cover Art\" width=\"138\" height=\"138\" \/><\/a><\/p>\n<div class=\"lyrics-box\">\n<div>\n<p>&nbsp;<\/p>\n<\/div>\n<div>\n<footer>\u00a9 2026 Pine and Pistol Music \u2014 All Rights Reserved<\/footer>\n<\/div>\n<style>\n        :root {<br \/>\n            --bg-main: #050505;<br \/>\n            --bg-section: #111111;<br \/>\n            --accent: #c62828;<br \/>\n            --text-main: #ffffff;<br \/>\n            --text-muted: #aaaaaa;<br \/>\n            --border-subtle: #333333;<br \/>\n            --max-width: 1100px;<br \/>\n            --font-body: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;<br \/>\n        }<\/p>\n<p>        * { box-sizing: border-box; }<\/p>\n<p>        body {<br \/>\n            margin: 0;<br \/>\n            font-family: var(--font-body);<br \/>\n            background: var(--bg-main);<br \/>\n            color: var(--text-main);<br \/>\n        }<\/p>\n<p>        a { color: inherit; text-decoration: none; }<br \/>\n        a:hover { text-decoration: underline; }<\/p>\n<p>        .container {<br \/>\n            max-width: var(--max-width);<br \/>\n            margin: 0 auto;<br \/>\n            padding: 0 20px;<br \/>\n        }<\/p>\n<p>        header {<br \/>\n            background: #000;<br \/>\n            border-bottom: 1px solid var(--border-subtle);<br \/>\n        }<\/p>\n<p>        .header-inner {<br \/>\n            display: flex;<br \/>\n            align-items: center;<br \/>\n            justify-content: space-between;<br \/>\n            padding: 16px 0;<br \/>\n        }<\/p>\n<p>        .site-title {<br \/>\n            font-size: 1.2rem;<br \/>\n            font-weight: 600;<br \/>\n        }<\/p>\n<p>        nav ul {<br \/>\n            list-style: none;<br \/>\n            display: flex;<br \/>\n            gap: 18px;<br \/>\n            margin: 0;<br \/>\n            padding: 0;<br \/>\n            font-size: 0.95rem;<br \/>\n        }<\/p>\n<p>        \/* HERO *\/<br \/>\n        .hero {<br \/>\n            position: relative;<br \/>\n            background: url(\"https:\/\/images.unsplash.com\/photo-1511379938547-c1f69419868d?auto=format&fit=crop&w=1600&q=80\")<br \/>\n                        center\/cover no-repeat;<br \/>\n        }<\/p>\n<p>        .hero::before {<br \/>\n            content: \"\";<br \/>\n            position: absolute;<br \/>\n            inset: 0;<br \/>\n            background: rgba(0, 0, 0, 0.55);<br \/>\n        }<\/p>\n<p>        .hero-inner {<br \/>\n            position: relative;<br \/>\n            z-index: 1;<br \/>\n            text-align: center;<br \/>\n            padding: 120px 20px;<br \/>\n        }<\/p>\n<p>        .hero-inner img {<br \/>\n            max-width: 90%;<br \/>\n            height: auto;<br \/>\n            border-radius: 6px;<br \/>\n        }<\/p>\n<p>        \/* MAIN CONTENT *\/<br \/>\n        main { padding: 60px 0 40px; }<\/p>\n<p>        .section {<br \/>\n            background: var(--bg-section);<br \/>\n            border-radius: 8px;<br \/>\n            padding: 32px 24px 40px;<br \/>\n        }<\/p>\n<p>        .section h2 {<br \/>\n            font-size: 1.8rem;<br \/>\n            margin: 0 0 16px;<br \/>\n            border-bottom: 2px solid var(--border-subtle);<br \/>\n            padding-bottom: 10px;<br \/>\n        }<\/p>\n<p>        .cover-art {<br \/>\n            width: 100%;<br \/>\n            max-width: 400px;<br \/>\n            border-radius: 8px;<br \/>\n            display: block;<br \/>\n            margin: 0 auto 20px;<br \/>\n        }<\/p>\n<p>        audio {<br \/>\n            width: 100%;<br \/>\n            margin-top: 10px;<br \/>\n        }<\/p>\n<p>        .lyrics-box {<br \/>\n            background: #1a1a1a;<br \/>\n            border: 1px solid #333;<br \/>\n            padding: 20px;<br \/>\n            border-radius: 8px;<br \/>\n            height: 400px;<br \/>\n            overflow-y: scroll;<br \/>\n            white-space: pre-wrap;<br \/>\n            line-height: 1.5;<br \/>\n            font-size: 1rem;<br \/>\n            margin-top: 20px;<br \/>\n        }<\/p>\n<p>        .btn-primary {<br \/>\n            background: var(--accent);<br \/>\n            padding: 12px 22px;<br \/>\n            border-radius: 6px;<br \/>\n            color: #fff;<br \/>\n            font-weight: 600;<br \/>\n            display: inline-block;<br \/>\n            text-decoration: none;<br \/>\n            font-size: 0.98rem;<br \/>\n            margin-top: 30px;<br \/>\n        }<\/p>\n<p>        .btn-primary:hover { filter: brightness(1.1); }<\/p>\n<p>        footer {<br \/>\n            border-top: 1px solid var(--border-subtle);<br \/>\n            padding: 40px 0 20px;<br \/>\n            background: #050505;<br \/>\n            text-align: center;<br \/>\n            color: var(--text-muted);<br \/>\n            font-size: 0.85rem;<br \/>\n        }<br \/>\n    <\/style>\n<\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Listen to a song by clicking on an image below: &nbsp; \u00a9 2026 Pine and Pistol Music \u2014 All Rights Reserved<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":6,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pineandpistolmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pineandpistolmusic.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pineandpistolmusic.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pineandpistolmusic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pineandpistolmusic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=30"}],"version-history":[{"count":5,"href":"https:\/\/pineandpistolmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/pineandpistolmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/39"}],"up":[{"embeddable":true,"href":"https:\/\/pineandpistolmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/6"}],"wp:attachment":[{"href":"https:\/\/pineandpistolmusic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}