View Page Source

editor Logout
Account Preferences

Did you know...
Mayan civilization collapsed in the 8th and 9th centuries, 500 years before the first Spanish Conquistadors showed up ?

view source - https://www.klight.org/
*** Test System *** GO TO PRODUCTION

<!DOCTYPE html> <html lang="en" class="no-js"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="apple-itunes-app" content="app-id=383059569"> <meta name="google-play-app" content="app-id=com.app.txfrjlprdisvxelnokfpabuhmiknbowcyqmcqvjwsda"> <link rel="stylesheet" href="css/smart-app-banner.css" type="text/css" media="screen">  <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>KLHT RADIO HONOLULU</title> <meta name="description" content="Blueprint: Split Layout" /> <meta name="keywords" content="website template, layout, css3, transition, effect, split, dual, two sides, portfolio" /> <meta name="author" content="Codrops" /> <link rel="shortcut icon" href="../favicon.ico"> <script src="https://code.jquery.com/jquery-latest.min.js"></script> <link href='https://fonts.googleapis.com/css2?family=Lato&family=Oswald&family=Outfit:wght@200&effect=anaglyph' rel='stylesheet'/> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />  <script> //define nowPlayingAM function function nowPlayingAM() { fetch('https://klht.rhemastreams.net:8443/status-json.xsl?mount=/klhtam', { headers: { 'Accept': 'application/json' }}) .then(icecastXSL => icecastXSL.json()) //format the icecast xsl data into text .then(icecastXSL => { var amTrackInfo = icecastXSL.icestats.source.title; //extract the title element ("artist - title") const amTrackInfoArray = amTrackInfo.split(" - "); //separate the artist and title let artist = amTrackInfoArray.at(0); let title = amTrackInfoArray.at(1); document.getElementById("playing_am").innerHTML = '<a target="_blank" href="https://google.com/search?q=' + title + '+' + artist +'" title="Web Search: ' + title + '+' + artist +'"' + ' alt="Web Search: ' + title + '+' + artist +'">' + '"' + title + '"<br> ' + artist + '</a>'; //update the div with track info }); } setTimeout(nowPlayingAM, 200); //call initial function when page loads setInterval(nowPlayingAM,15000); //refresh track info every 15 seconds </script>   <script> //define nowPlayingFM function function nowPlayingFM() { fetch('https://klht.rhemastreams.net:8443/status-json.xsl?mount=/klhtfm', { headers: { 'Accept': 'application/json' }}) .then(icecastXSL => icecastXSL.json()) //format the icecast xsl data into text .then(icecastXSL => { var fmTrackInfo = icecastXSL.icestats.source.title; //extract the title element ("artist - title") const fmTrackInfoArray = fmTrackInfo.split(" - "); //separate the artist and title let artist = fmTrackInfoArray.at(0); let title = fmTrackInfoArray.at(1); document.getElementById("playing_fm").innerHTML = '<a target="_blank" href="https://google.com/search?q=' + title + '+' + artist +'" title="Web Search: ' + title + '+' + artist +'"' + ' alt="Web Search: ' + title + '+' + artist +'">' + '"' + title + '"<br> ' + artist + '</a>'; //update the div with track info }); } setTimeout(nowPlayingFM, 200); //call initial function when page loads setInterval(nowPlayingFM,15000); //refresh track info every 15 seconds </script>  <link rel="stylesheet" type="text/css" href="css/demo.css" /> <link rel="stylesheet" type="text/css" href="css/animation-soundbar.css" /> <link rel="stylesheet" type="text/css" href="css/animation-signal.css" /> <link rel="stylesheet" type="text/css" href="css/klht.css?1" /> <script src="js/modernizr.custom.js"></script> <script src="js/eq.js"></script> <script src="https://player.klight.org/jwplayer.js" type="text/javascript"></script>  </head> <body> <div class="container">   <div id="splitlayout" class="splitlayout"> <div class="intro"> <div class="side side-left"> <script> jwplayer.key="uqicX2KLm8X0B61nRgYPQ2VuplRusRvxHT9FZQ=="; </script> <div id="mediaspace" style="text-align: center;"></div> <script type="text/javascript">jwplayer("mediaspace").setup({ "file": "https://klht.rhemastreams.net:8443/klhtam", "type": "mp3", "autostart": false, "mute": false, "volume": "100", "height": "30", "width": "100%", "skin": "seven" }); </script> <header> <div class="now_playing">now playing on KLHT-AM...</div> <div id="playing_am"></div> <div id='am-bars'> <div class='bar'></div><div class='bar'></div><div class='bar'></div><div class='bar'></div><div class='bar'></div><div class='bar'></div><div class='bar'></div><div class='bar'></div><div class='bar'></div><div class='bar'></div> </div> </header> <a href="https://am.klight.org"></a> <div class="intro-content"> <div class="profile"><img src="img/KLHT-AM-logo_2023.png" alt="KLHT-AM Radio Honolulu"></div>  </div> </div>  <div class="side side-right"> <script> jwplayer.key="uqicX2KLm8X0B61nRgYPQ2VuplRusRvxHT9FZQ=="; </script> <div id="mediaspace2" style="text-align: center;"></div> <script type="text/javascript">jwplayer("mediaspace2").setup({ "file": "https://klht.rhemastreams.net:8443/klhtfm", "type": "mp3", "autostart": false, "mute": false, "volume": "100", "height": "30", "width": "100%", "skin": "seven" }); </script> <header> <div class="now_playing">now playing on KLHT-FM...</div> <div id="playing_fm" ></div> <div id='fm-bars'> <div class='bar'></div><div class='bar'></div><div class='bar'></div><div class='bar'></div><div class='bar'></div><div class='bar'></div><div class='bar'></div><div class='bar'></div><div class='bar'></div><div class='bar'></div> </div> </header> <a href="https://fm.klight.org"></a> <div class="intro-content"> <div class="profile"><img src="img/KLHT-FM-logo_2023.png" alt="KLHT-FM Radio Honolulu"></div>  </div> <a href="https://fm.klight.org"><span style=" position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;"></span></a> </div>  </div> </div> </div> <div class="radio-signal"></div> <script src="js/classie.js"></script> <script src="js/cbpSplitLayout.js"></script>  <script src="js/smart-app-banner.js"></script> <script type="text/javascript"> new SmartBanner({ daysHidden: 15, // days to hide banner after close button is clicked (defaults to 15) daysReminder: 90, // days to hide banner after "VIEW" button is clicked (defaults to 90) appStoreLanguage: 'us', // language code for the App Store (defaults to user's browser language) title: 'The KLHT Radio App', author: 'KLHT Radio Honolulu, Hawaii', button: 'VIEW', store: { ios: 'On the App Store', android: 'In Google Play', windows: null }, price: { ios: 'FREE', android: 'FREE', windows: 'FREE' }, // , theme: '' // put platform type ('ios', 'android', etc.) here to force single theme on all device icon: 'img/KLHT-AM+FM-LOGO.png' // full path to icon image if not using website icon image // , force: 'ios' // Uncomment for platform emulation }); </script>  </body> </html>