View Page Source

Did you know...
IHeart is the new name for the former Clear Channel radio ?

view source - https://www.wherethemusicwent.com/
*** Test System *** GO TO PRODUCTION

<!DOCTYPE html> <html lang=en> <head> <title>106.7 The Oasis</title> <meta name="description" content="106.7 The Oasis - Where The Music Went - Music from the 1960s, 70s and 80s"> <meta charset=utf-8> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta property="og:title" content="wherethemusicwent.com" /> <meta property="og:type" content="webpage" /> <meta property="og:description " content="97.7 & 106.7 The Oasis is Where The Music Went." /> <meta property="og:image" content="https://www.wherethemusicwent.com/img/logo-2.png" /> <link href="/img/favicon.png" rel="shortcut icon" /> <link href="/css/bootstrap.min.css" rel="stylesheet"> <link href="/css/font-awesome.css" rel="stylesheet"> <link href="/css/custome.css" rel="stylesheet"> <link href="/css/responsive.css" rel="stylesheet">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4NFWPGGZHW"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4NFWPGGZHW'); </script> <script src="/js/common.js"></script> <style> .button-style { background-color: darkblue; padding: 10px 20px; border-radius: 5px; display: inline-block; /* Ensures the span only expands to fit its content */ margin: 10px auto; /* Centers the button horizontally in the parent */ text-align: center; /* Center the text inside the span */ } .button-style a { text-decoration: none; /* Removes the underline from the link */ color: white; /* Makes the link text white for contrast */ font-weight: bold; /* Makes the link text bold */ } .fm-banner { background-color: yellow; color: black; font-weight: bold; text-align: center; padding: 20px; /* increased height */ font-size: 2rem; /* bigger text */ position: absolute; top: 0; left: 0; width: 100%; z-index: 10; box-shadow: 0 2px 6px rgba(0,0,0,0.25); } .hero2 { position: relative; /* keeps banner inside hero */ } </style> </head> <body>   <div class="header"> <nav class="navbar navbar-expand-xl"> <div class="container"> <a class="navbar-brand" href="/"> <img src="img/logo-2.png" id="dynamicLogo" class="img-fluid logo" alt="logo"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" id="ChangeToggle"> <span id="navbar-hamburger" class="show"> <svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/> </svg> </span> <span id="navbar-close" class=""> <svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16"> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/> </svg> </span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ms-auto"> <li class="nav-item dropdown"> <a href="/personalities" class="nav-link dropdown-toggle bold " id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> PERSONALITIES </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="bold h-49" > </a></li> <li id="nav-dave-mason"><a class="dropdown-item bold" href="/personalities#dave-mason"> DAVE MASON</a></li> <li><a class="dropdown-item bold" href="/personalities#ernie-brown"> ERNIE BROWN</a></li> <li><a class="dropdown-item bold" href="/personalities#john-beaulieu"> JOHN BEAULIEU</a></li> <li><a class="dropdown-item bold" href="/personalities#dusty-rhodes"> DUSTY RHODES</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle bold " id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> SHOWS & CONCERTS </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="bold h-49" > </a></li> <li><a class="dropdown-item bold" href="/local-shows-concerts"> SHOWS & CONCERTS</a></li> <li><a class="dropdown-item bold" href="/contests"> CONTESTS</a></li> <li><a class="dropdown-item bold" href="/events"> EVENTS</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link bold" href="/advertise-with-us"> ADVERTISE</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle bold " id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">ABOUT</a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="bold h-49" > </a></li> <li><a class="dropdown-item bold" href="/#aboutus"> ABOUT US</a></li> <li><a class="dropdown-item bold" href="/coverage"> COVERAGE MAP</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle bold " id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> CONTACT US </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="bold h-49" > </a></li> <li><a class="dropdown-item bold" href="/advertise-with-us"> ADVERTISE WITH US</a></li> <li><a class="dropdown-item bold" href="/contact">CONTACT US</a></li> </ul> </li> <li class="nav-item"> <a href="https://www.facebook.com/1067theoasis" target="_blank"><img src="img/icon/facebook.png" class="img-fluid search ms-4" alt="img"></a> </li> </ul> </div> </div> </nav> <script> document.addEventListener('DOMContentLoaded', function() { var showDate = new Date('2025-04-21T00:01:00'); if (new Date() < showDate) { var navItem = document.getElementById('nav-dave-mason'); if (navItem) navItem.style.display = 'none'; } }); </script> </div> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>  <div class="hero2"> <div class="fm-banner"> Now on 94.5 FM in Dayton </div> <div class="container"> <h1 class="hero-title">WHERE <br>THE MUSIC <br>WENT</h1> <img src="img/oasis-logo-black-1.png" alt="Oasis Logo" style="margin-top: 2%;max-width: 100%;"> </div> </div>  <style> /* Custom media query for screens larger than 980px */ @media (min-width: 980px) { .lt-box { display: flex; align-items: center; } .mic { margin-right: 8px; /* Adjust margin as needed */ } .play-icon { margin-left: 8px; /* Adjust margin as needed */ } .station-info { margin-left: 16px; /* Slightly more space */ } } /* Mobile-friendly stacking layout for screens below 980px */ @media (max-width: 980px) { .lt-box { flex-wrap: wrap; align-items: flex-start; } .mic, .play-icon, .lt-title, .station-info { margin-bottom: 8px; } .station-info { font-size: 100%; } } </style> <div class="listen-to"> <div class="row m-0"> <div class="col p-0 text-left"> <div class="lt-box">  <a href="/stream"> <img src="img/mic.png" class="img-fluid me-2 mic" alt="Microphone icon"> </a>  <div class="lt-title"> <a href="/stream" class="text-decoration-none"> <strong>LISTEN LIVE</strong> </a> </div>  <a href="/stream"> <img src="img/play.png" class="img-fluid ms-2 play-icon" alt="Play icon"> </a>  <div class="station-info"> <span class="d-block" style="color: white;"><b><i> The Oasis is available over the air on 97.7FM for Northern Cincinnati/Dayton OH area<br> or on 106.7FM for Southern Cincinnati/Northern Kentucky area.<br> Choose the dial position that works best for you. </b></i> </span> </div> </div> </div> </div> </div>  <div class="about sec-pad" id="aboutus"> <div class="container"> <div class="row"> <div class="col-lg-6 order-2 order-lg-1"> <img src="img/about-2.jpg" style="border-radius: 2%;" class="img-fluid mt-4 mt-lg-0" alt="Radio studio broadcasting room."> </div> <div class="col-lg-6 order-1 order-lg-2"> <div class="title"> ABOUT US </div> <p><i>The Oasis is “Where The Music Went”. In creating the stations, we looked around the Cincinnati/Dayton markets, as well as the rest of the country. We found that, in the vast majority of cases, stations have become over-researched clones trying to deliver essentially the same audience by playing the same few hundred songs over and over. We also noted with great interest that there were thousands of songs- familiar songs that were huge hits in their day that just disappeared. These songs “aged out” as they got older and didn't focus group “test” well with the younger audiences stations were seeking.</i></p> <p><i>The result was a musical desert. We created The Oasis to solve this problem. Our station is where the music went.</i></p> <p><i>A much larger library means that our station won't bore you to tears with endless repetition. High quality, music-focused personalities means that you get relevant commentary. Finally, our focus on music from the 1960s, 70s and 80s means that- if you are over 40- there is finally a station playing what you want to hear in an atmosphere that makes you feel welcome. </i></p> <p><i>The Oasis plays all of the music that you never hear on the radio any more. <span class="bold"> Where did the music go? Simple. It went to 97.7 & 106.7 The Oasis.</span></i></p> </div> </div> </div> </div> <div class="under-construction"> <div class="container">  <div class="row" style="text-align:center;"> <div class="col-12"> <img src="/img/oasismap.jpg" style="width:100%; max-width:800px; padding-bottom:15px; border-radius:10px;"> </div> </div> </div> </div> <div class="footer"> <div class="container"> <div class="row"> <div class="col-12 text-md-end text-center">  </div> </div> <div class="row d-flex align-items-center justify-content-center"> <div class="col-lg-5 col-md-4 text-md-end text-center pe-lg-5 pe-md-2 order-2 order-md-1"> <ul class="list-unstyled mb-0 f-link">  <li> <a href="/contact" class="bold">CONTACT US</a> </li> <li> <a href="/public-file" class="bold">PUBLIC FILES</a> </li> </ul> </div> <div class="col-lg-2 col-md-4 col-5 text-center order-1 order-md-2"> <a href="/"><img src="img/logo-white.png" class="img-fluid mt-4 mb-4 mt-md-0 mb-md-0" alt="img"></a> </div> <div class="col-lg-5 ps-lg-5 col-md-4 ps-md-2 text-center text-md-start order-3 order-md-3"> <div class="bold ft-15 mb-2 mt-4 mt-md-0">STUDIO LINES</div> <ul class="list-unstyled mb-0 f-link"> <li> <a href="tell:859-824-1067" class="">859-824-1067</a> </li> </ul> </div> </div> <div class="row mt-5"> <div class="col-12 text-center"> <p class="mb-0 copyright">97.7 The Oasis, 106.7 The Oasis and “Where The Music Went” are registered trade names of Grant County Broadcasters, Inc.<br> © 2022 All rights reserved. Unauthorized use prohibited.<br><br> </p> <br>  </div> </div> </div> </div> <script src="/js/jquery-1.11.1.js"></script> <script src="/js/bootstrap.bundle.min.js"></script> <script src="/js/my.js"></script> <script> document.addEventListener('DOMContentLoaded', function () { // Function to update the logo function updateLogo() { // Get the current date and time var now = new Date(); var updateDate = new Date('2024-10-01T00:00:00'); // Check if current time is past the update time if (now >= updateDate) { document.getElementById('dynamicLogo').src = 'img/logo-2.png'; } else { document.getElementById('dynamicLogo').src = 'img/logo.png'; } } // Call the function on load updateLogo(); // Optional: Set an interval to check periodically (e.g., every hour) setInterval(updateLogo, 3600000); // Check every hour }); </script> </body> </html>