{"id":52,"date":"2024-07-04T04:25:37","date_gmt":"2024-07-04T04:25:37","guid":{"rendered":"https:\/\/urbanstarradio.com\/ladybugradio\/home\/"},"modified":"2026-05-31T13:03:05","modified_gmt":"2026-05-31T13:03:05","slug":"home","status":"publish","type":"page","link":"https:\/\/urbanstarradio.com\/ladybugradio\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n\n  <title>Lady Bug Radio<\/title>\n\n  <script src=\"https:\/\/www.paypal.com\/sdk\/js?client-id=BAAy0Gp0edxFLPpEP9cekyp4i9z6kctz2mJV6-dYgvLamklbEJMNuifukxf0tskohS9YlHq-q2vL7GcI3o&#038;enable-funding=venmo&#038;currency=USD\"><\/script>\n\n  <style>\n    * {\n      box-sizing: border-box;\n    }\n\n    body {\n      margin: 0;\n      font-family: Arial, sans-serif;\n      color: #fff;\n      background:\n        linear-gradient(rgba(0,0,0,.75), rgba(0,0,0,.95)),\n        url(\"las-vegas-background.jpg\") center\/cover fixed no-repeat;\n    }\n\n    .page {\n      width: 100%;\n      max-width: 1100px;\n      margin: auto;\n      padding: 20px;\n    }\n\n    .hero {\n      text-align: center;\n      padding: 30px 15px;\n    }\n\n    .banner {\n      display: inline-block;\n      padding: 12px 25px;\n      border-radius: 30px;\n      color: #000;\n      font-weight: bold;\n      background: linear-gradient(90deg, #ff1744, #ffd700, #00e5ff, #ff1744);\n      background-size: 300% 300%;\n      animation: glow 4s linear infinite;\n    }\n\n    @keyframes glow {\n      from { background-position: 0% 50%; }\n      to { background-position: 100% 50%; }\n    }\n\n    h1 {\n      color: #ffd700;\n      font-size: clamp(36px, 8vw, 70px);\n      margin: 20px 0 5px;\n    }\n\n    .grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 20px;\n    }\n\n    .card {\n      background: rgba(0,0,0,.78);\n      border: 2px solid #ff1744;\n      border-radius: 20px;\n      padding: 20px;\n      box-shadow: 0 0 25px rgba(255,23,68,.35);\n    }\n\n    h2, h3 {\n      color: #ffd700;\n      text-align: center;\n    }\n\n    audio,\n    input,\n    textarea,\n    select,\n    button {\n      width: 100%;\n    }\n\n    audio {\n      margin: 15px 0;\n    }\n\n    input,\n    textarea,\n    select {\n      padding: 13px;\n      margin-bottom: 12px;\n      border: none;\n      border-radius: 10px;\n      font-size: 15px;\n    }\n\n    textarea {\n      min-height: 120px;\n      resize: vertical;\n    }\n\n    button {\n      padding: 14px;\n      border: none;\n      border-radius: 12px;\n      background: #ff1744;\n      color: #fff;\n      font-weight: bold;\n      cursor: pointer;\n      font-size: 16px;\n    }\n\n    button:hover {\n      opacity: .9;\n    }\n\n    .tracks,\n    .ads {\n      max-height: 220px;\n      overflow-y: auto;\n      line-height: 1.7;\n    }\n\n    .ad-slideshow {\n      min-height: 260px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      background: rgba(255,255,255,.08);\n      border-radius: 15px;\n      padding: 15px;\n    }\n\n    .ad-slide {\n      display: none;\n    }\n\n    .ad-slide.active {\n      display: block;\n    }\n\n    .ad-slide img {\n      max-width: 100%;\n      max-height: 170px;\n      border-radius: 12px;\n      margin-bottom: 10px;\n    }\n\n    .price-box {\n      display: flex;\n      gap: 10px;\n      margin-bottom: 15px;\n    }\n\n    .price-box label {\n      flex: 1;\n      background: rgba(255,255,255,.1);\n      padding: 12px;\n      border-radius: 12px;\n      text-align: center;\n      cursor: pointer;\n    }\n\n    .price-box input {\n      width: auto;\n      margin-right: 5px;\n    }\n\n    #paypalBox {\n      display: none;\n      margin-top: 15px;\n      background: rgba(255,255,255,.08);\n      padding: 15px;\n      border-radius: 14px;\n    }\n\n    .notice {\n      font-size: 13px;\n      color: #ddd;\n      text-align: center;\n    }\n\n    @media (max-width: 800px) {\n      .grid {\n        grid-template-columns: 1fr;\n      }\n\n      .price-box {\n        flex-direction: column;\n      }\n    }\n  <\/style>\n<\/head>\n\n<body>\n\n  <main class=\"page\">\n\n    <section class=\"hero\">\n      <div class=\"banner\">\u2728 LIVE FROM LAS VEGAS \u2728<\/div>\n      <h1>\ud83d\udc1e Lady Bug Radio<\/h1>\n      <p>Music \u2022 Culture \u2022 Business Sponsors \u2022 Community<\/p>\n    <\/section>\n\n    <section class=\"grid\">\n\n      <div class=\"card\">\n        <h2>\ud83c\udfa7 Listen Live<\/h2>\n\n        <audio controls preload=\"none\">\n          <source src=\"https:\/\/server.urbanstarradio.com:2199\/proxy\/baron1?mp=\/stream\" type=\"audio\/mpeg\">\n          Your browser does not support audio.\n        <\/audio>\n\n        <h3>\ud83d\udd25 Just Played Songs<\/h3>\n        <div class=\"tracks\">\n          <div class=\"cc_recenttracks_list\" data-username=\"baron1\">\n            Loading songs&#8230;\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"card\">\n        <h2>\ud83d\udce2 Sponsor \/ Advertise<\/h2>\n\n        <p class=\"notice\">\n          $50 weekly ad or $100 monthly ad. Maximum 20 ads in rotation.\n        <\/p>\n\n        <form id=\"adForm\">\n          <input type=\"text\" id=\"businessName\" placeholder=\"Business Name\" required>\n          <input type=\"email\" id=\"email\" placeholder=\"Email Address\" required>\n          <input type=\"tel\" id=\"phone\" placeholder=\"Phone Number\">\n\n          <div class=\"price-box\">\n            <label>\n              <input type=\"radio\" name=\"plan\" value=\"50\" checked>\n              $50 Weekly\n            <\/label>\n\n            <label>\n              <input type=\"radio\" name=\"plan\" value=\"100\">\n              $100 Monthly\n            <\/label>\n          <\/div>\n\n          <textarea id=\"adMessage\" placeholder=\"Type your ad message here...\" required><\/textarea>\n\n          <input type=\"file\" id=\"adImage\" accept=\"image\/*\">\n\n          <button type=\"submit\">Continue To Payment<\/button>\n        <\/form>\n\n        <div id=\"paypalBox\">\n          <h3 id=\"paymentTitle\"><\/h3>\n          <div id=\"paypal-button-container\"><\/div>\n        <\/div>\n      <\/div>\n\n    <\/section>\n\n    <section class=\"card\" style=\"margin-top:20px;\">\n      <h2>\u2b50 Sponsored Business Ads<\/h2>\n\n      <div class=\"ad-slideshow\" id=\"adSlideshow\">\n        No sponsored ads yet.\n      <\/div>\n    <\/section>\n\n  <\/main>\n\n  <script src=\"https:\/\/server.urbanstarradio.com:2199\/system\/recenttracks.js\"><\/script>\n\n  <script>\n    const MAX_ADS = 20;\n    let pendingAd = null;\n\n    const adForm = document.getElementById(\"adForm\");\n    const paypalBox = document.getElementById(\"paypalBox\");\n    const paymentTitle = document.getElementById(\"paymentTitle\");\n    const paypalContainer = document.getElementById(\"paypal-button-container\");\n\n    function getAds() {\n      return JSON.parse(localStorage.getItem(\"ladyBugAds\") || \"[]\");\n    }\n\n    function saveAds(ads) {\n      localStorage.setItem(\"ladyBugAds\", JSON.stringify(ads));\n    }\n\n    function fileToBase64(file) {\n      return new Promise((resolve) => {\n        if (!file) {\n          resolve(\"\");\n          return;\n        }\n\n        const reader = new FileReader();\n        reader.onload = () => resolve(reader.result);\n        reader.readAsDataURL(file);\n      });\n    }\n\n    adForm.addEventListener(\"submit\", async function(event) {\n      event.preventDefault();\n\n      const ads = getAds();\n\n      if (ads.length >= MAX_ADS) {\n        alert(\"The ad slideshow is full. The limit is 20 ads.\");\n        return;\n      }\n\n      const selectedPlan = document.querySelector(\"input[name='plan']:checked\").value;\n      const imageFile = document.getElementById(\"adImage\").files[0];\n      const imageBase64 = await fileToBase64(imageFile);\n\n      pendingAd = {\n        id: Date.now(),\n        businessName: document.getElementById(\"businessName\").value,\n        email: document.getElementById(\"email\").value,\n        phone: document.getElementById(\"phone\").value,\n        message: document.getElementById(\"adMessage\").value,\n        price: selectedPlan,\n        plan: selectedPlan === \"50\" ? \"Weekly\" : \"Monthly\",\n        image: imageBase64,\n        paid: false,\n        createdAt: new Date().toISOString()\n      };\n\n      paymentTitle.textContent = `Pay $${pendingAd.price} For ${pendingAd.plan} Ad`;\n      paypalBox.style.display = \"block\";\n      paypalContainer.innerHTML = \"\";\n\n      paypal.Buttons({\n        createOrder: function(data, actions) {\n          return actions.order.create({\n            purchase_units: [{\n              description: `Lady Bug Radio ${pendingAd.plan} Advertisement`,\n              amount: {\n                value: pendingAd.price\n              }\n            }]\n          });\n        },\n\n        onApprove: function(data, actions) {\n          return actions.order.capture().then(function(details) {\n            const ads = getAds();\n\n            if (ads.length >= MAX_ADS) {\n              alert(\"Payment received, but ad list is full. Please contact Lady Bug Radio.\");\n              return;\n            }\n\n            pendingAd.paid = true;\n            pendingAd.paypalOrderId = data.orderID;\n            pendingAd.payerName = details.payer.name.given_name;\n            pendingAd.paidAt = new Date().toISOString();\n\n            ads.push(pendingAd);\n            saveAds(ads);\n\n            alert(\"Payment successful! Your ad is now posted.\");\n            adForm.reset();\n            paypalBox.style.display = \"none\";\n            pendingAd = null;\n            loadAds();\n          });\n        }\n      }).render(\"#paypal-button-container\");\n    });\n\n    function loadAds() {\n      const ads = getAds().filter(ad => ad.paid).slice(0, MAX_ADS);\n      const slideshow = document.getElementById(\"adSlideshow\");\n\n      if (!ads.length) {\n        slideshow.innerHTML = \"No sponsored ads yet.\";\n        return;\n      }\n\n      slideshow.innerHTML = ads.map((ad, index) => `\n        <div class=\"ad-slide ${index === 0 ? \"active\" : \"\"}\">\n          ${ad.image ? `<img decoding=\"async\" src=\"${ad.image}\" alt=\"${ad.businessName}\">` : \"\"}\n          <h3>${ad.businessName}<\/h3>\n          <p>${ad.message}<\/p>\n          <small>${ad.plan} Sponsor<\/small>\n        <\/div>\n      `).join(\"\");\n\n      startSlideshow();\n    }\n\n    function startSlideshow() {\n      const slides = document.querySelectorAll(\".ad-slide\");\n\n      if (slides.length <= 1) return;\n\n      let index = 0;\n\n      setInterval(() => {\n        slides[index].classList.remove(\"active\");\n        index = (index + 1) % slides.length;\n        slides[index].classList.add(\"active\");\n      }, 5000);\n    }\n\n    loadAds();\n  <\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<h2>Sponsors<\/h2>\n\n\n\n\n<!-- \ud83d\udc1e LADY BUG RADIO DONATION BUTTON -->\n\n<div class=\"ladybug-donate\">\n\n  <div class=\"donate-header\">\n    <h2>\ud83d\udc1e Support Lady Bug Radio<\/h2>\n\n    <p>\n      Help keep independent radio alive.\n      Every donation helps support programming,\n      community outreach, music, and broadcasting.\n    <\/p>\n  <\/div>\n\n  <div class=\"donate-glow\">\n\n    <div id=\"paypal-container-7MJU7XM38Z24S\"><\/div>\n\n  <\/div>\n\n<\/div>\n\n<script src=\"https:\/\/www.paypal.com\/sdk\/js?client-id=BAAy0Gp0edxFLPpEP9cekyp4i9z6kctz2mJV6-dYgvLamklbEJMNuifukxf0tskohS9YlHq-q2vL7GcI3o&#038;components=hosted-buttons&#038;enable-funding=venmo&#038;currency=USD\"><\/script>\n\n<script>\npaypal.HostedButtons({\n  hostedButtonId: \"7MJU7XM38Z24S\"\n}).render(\"#paypal-container-7MJU7XM38Z24S\");\n<\/script>\n\n<style>\n\n.ladybug-donate{\n  max-width:700px;\n  margin:40px auto;\n  padding:30px;\n  text-align:center;\n\n  border-radius:25px;\n\n  background:\n  linear-gradient(\n    135deg,\n    #ff0080,\n    #ff1744,\n    #ffd700,\n    #00e5ff,\n    #7c4dff\n  );\n\n  background-size:400% 400%;\n\n  animation:rainbowMove 8s ease infinite;\n\n  box-shadow:\n  0 0 20px rgba(255,0,128,.5),\n  0 0 40px rgba(255,215,0,.5),\n  0 0 60px rgba(0,229,255,.4);\n}\n\n@keyframes rainbowMove{\n\n  0%{\n    background-position:0% 50%;\n  }\n\n  50%{\n    background-position:100% 50%;\n  }\n\n  100%{\n    background-position:0% 50%;\n  }\n}\n\n.donate-header{\n\n  background:rgba(0,0,0,.65);\n\n  padding:20px;\n\n  border-radius:18px;\n\n  margin-bottom:20px;\n}\n\n.donate-header h2{\n\n  margin:0 0 12px;\n\n  color:#ffd700;\n\n  font-size:clamp(\n    28px,\n    5vw,\n    48px\n  );\n\n  text-shadow:\n  0 0 10px #ffd700;\n}\n\n.donate-header p{\n\n  color:white;\n\n  font-size:16px;\n\n  line-height:1.7;\n\n  margin:0;\n}\n\n.donate-glow{\n\n  background:\n  rgba(255,255,255,.15);\n\n  padding:25px;\n\n  border-radius:20px;\n\n  backdrop-filter:blur(8px);\n}\n\n@media(max-width:768px){\n\n  .ladybug-donate{\n\n    margin:15px;\n\n    padding:20px;\n  }\n\n  .donate-glow{\n\n    padding:15px;\n  }\n}\n\n<\/style>\n\n\n\n\n<h2>Our Gallery<\/h2>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/urbanstarradio.com\/ladybugradio\/wp-json\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/urbanstarradio.com\/ladybugradio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/urbanstarradio.com\/ladybugradio\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/urbanstarradio.com\/ladybugradio\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":28,"href":"https:\/\/urbanstarradio.com\/ladybugradio\/wp-json\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/urbanstarradio.com\/ladybugradio\/wp-json\/wp\/v2\/pages\/52\/revisions\/116"}],"wp:attachment":[{"href":"https:\/\/urbanstarradio.com\/ladybugradio\/wp-json\/wp\/v2\/media?parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}