View Page Source

editor Logout
Account Preferences

Did you know...
Women giving birth in Cuba die at a rate almost 4 times that of the United States (8.4 vs 33 per 1000) ?

view source - http://kslg.com/
*** Test System *** GO TO PRODUCTION

<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> <title>KSLG - New Bands, New Songs, New Sounds</title> <meta property="og:type" content="article" /> <meta property="og:title" content="KSLG -- New Bands, New Songs, New Sounds" /> <meta property="og:url" content="http://kslg.com/" /> <meta property="og:site_name" content="KSLG -- New Bands, New Songs, New Sounds" /> <meta property="og:description" content="KSLG is new music for Humboldt County, Calif. (and beyond)." /> <meta property="fb:admins" content="562593486" /> <meta property="og:image" content="http://kslg.com/media/img/kslg-facebook.jpg" /> <link href='http://fonts.googleapis.com/css?family=Crushed' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'> <link href="/media/js/kslg-bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="/media/js/kslg-bootstrap/css/bootstrap-theme.css" rel="stylesheet"> <link type="text/css" rel="stylesheet" media="all" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css" /> <style type="text/css"> img { max-width: 100%; } body, .ui-widget { font-family: 'Merriweather Sans', sans-serif; } .hot-track { } .blips div { text-align: center; } .container { margin-right: auto; margin-left: auto; background-color: #fff; padding-bottom: 20px; } nav li:hover { background-color: red; } #content div { } .crushed { font-family: 'Crushed', cursive; font-size: 1.75em; margin-bottom: 0; } .hot-tracks { font-family: 'Crushed', cursive; font-size: 1.75em; background-color: goldenrod; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:2px solid #FFFF00; /* -webkit-box-shadow: #B3B3B3 7px 7px 7px; -moz-box-shadow: #B3B3B3 7px 7px 7px; box-shadow: #B3B3B3 7px 7px 7px; */ } .hot-track:hover { } .hot-tracks ul { list-style-type: none; margin: 0; padding: 0; line-height: 1; } h1,h2,h3,h4,h5,h6,nav { font-family: 'Crushed', cursive; } .navbar-nav > li > a { font-size: 2em; color: #fff !important; } .header { background-color: #fff; } .rate-song { font-size: 1.5em; } .txtUpsideDown { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /* IE6,IE7 */ ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */ -moz-transform: rotate(-180deg); /* FF3.5+ */ -o-transform: rotate(-180deg); /* Opera 10.5 */ -webkit-transform: rotate(-180deg); /* Safari 3.1+, Chrome */ position: absolute; } a, a * { color: #333; } a:hover, a *:hover { text-decoration:underline; } a.glyphicon { text-decoration:none; } div#div_id_genre { display:none; } </style> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script> <script type='text/javascript'> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; (function() { var gads = document.createElement('script'); gads.async = true; gads.type = 'text/javascript'; var useSSL = 'https:' == document.location.protocol; gads.src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js'; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(gads, node); })(); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/2660116/kslg_square_2', [300, 250], 'div-gpt-ad-1411080126102-0').addService(googletag.pubads()); googletag.defineSlot('/2660116/kslg_square-1', [300, 250], 'div-gpt-ad-1411080294753-0').addService(googletag.pubads()); googletag.defineSlot('/2660116/kslg_square_3', [300, 250], 'div-gpt-ad-1411080345247-0').addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.enableServices(); }); </script> </head> <body> <div class="container"> <div class="header" style="text-align: left;"> <div class="row"> <div class="col-sm-6" style="text-align: center;"> <a href="/"> <img src="/media/img/kslg-new-logo.gif" style="max-height: 240px;" alt="kslg-logo"> </a> </div> <div class="col-sm-6" style="text-align:right;"></div> </div> <nav class="navbar navbar-inverse" style="clear:both;" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="/">Home</a></li> <li><a href="/playlists/">Playlist</a></li> <li><a href="/people/">People</a></li> <li><a href="/podcasts/">Podcasts</a></li> <li><a href="/suggest-a-song/">Submit a Song</a></li> <li class="launch-player"><a href="/player/">Listen Live</a></li> <li><a href="/contact/">About</a></li> </ul> <ul class="nav navbar-nav navbar-right"> </ul> </div> </div> </nav> </div> <div id="content"> <div class="alert alert-warning"> <p><strong>Like a song? Hate it completely? Vote on the music we play!</strong></p> </div> <div class="col-sm-3 hot-tracks hidden-xs"> <h2 style="text-align: center;">IN ROTATION</h2> <div class="hot-track"><a href="/music/la-witch/777/"> <div style="width:20%; float:left; font-size: 2em;" > 1. </div> <div style="width:75%; float:right; margin-top: .5em;"> <ul> <li >L.A. Witch • 777</li> </ul> </div> <div style="clear:both;"></div> </a></div> <div class="hot-track"><a href="/music/noso/sugar/"> <div style="width:20%; float:left; font-size: 2em;" > 2. </div> <div style="width:75%; float:right; margin-top: .5em;"> <ul> <li >NoSo • Sugar</li> </ul> </div> <div style="clear:both;"></div> </a></div> <div class="hot-track"><a href="/music/cautious-clay/smoke-break-12pm/"> <div style="width:20%; float:left; font-size: 2em;" > 3. </div> <div style="width:75%; float:right; margin-top: .5em;"> <ul> <li >Cautious Clay • Smoke Break (12pm)</li> </ul> </div> <div style="clear:both;"></div> </a></div> <div class="hot-track"><a href="/music/baynk/grin/"> <div style="width:20%; float:left; font-size: 2em;" > 4. </div> <div style="width:75%; float:right; margin-top: .5em;"> <ul> <li >BAYNK • Grin</li> </ul> </div> <div style="clear:both;"></div> </a></div> <div class="hot-track"><a href="/music/camp-crush/electric-suns/"> <div style="width:20%; float:left; font-size: 2em;" > 5. </div> <div style="width:75%; float:right; margin-top: .5em;"> <ul> <li >Camp Crush • Electric Suns</li> </ul> </div> <div style="clear:both;"></div> </a></div> <div class="hot-track"><a href="/music/magi-merlin/9volt/"> <div style="width:20%; float:left; font-size: 2em;" > 6. </div> <div style="width:75%; float:right; margin-top: .5em;"> <ul> <li >Magi Merlin • 9volt</li> </ul> </div> <div style="clear:both;"></div> </a></div> <div class="hot-track"><a href="/music/hannah-jadagu/my-love/"> <div style="width:20%; float:left; font-size: 2em;" > 7. </div> <div style="width:75%; float:right; margin-top: .5em;"> <ul> <li >Hannah Jadagu • My Love</li> </ul> </div> <div style="clear:both;"></div> </a></div> <div class="hot-track"><a href="/music/john-glacier/ocean-steppin-ft-sampha/"> <div style="width:20%; float:left; font-size: 2em;" class="hidden-sm"> 8. </div> <div style="width:75%; float:right; margin-top: .5em;"> <ul> <li class="hidden-sm">John Glacier • Ocean Steppin' (ft. Sampha)</li> </ul> </div> <div style="clear:both;"></div> </a></div> <div class="hot-track"><a href="/music/new-translations/voided-velvet-feat-michigander/"> <div style="width:20%; float:left; font-size: 2em;" class="hidden-sm"> 9. </div> <div style="width:75%; float:right; margin-top: .5em;"> <ul> <li class="hidden-sm">New Translations • Voided Velvet (feat Michigander)</li> </ul> </div> <div style="clear:both;"></div> </a></div> <div class="hot-track"><a href="/music/the-sherlocks/bones/"> <div style="width:20%; float:left; font-size: 2em;" class="hidden-sm"> 10. </div> <div style="width:75%; float:right; margin-top: .5em;"> <ul> <li class="hidden-sm">The Sherlocks • Bones</li> </ul> </div> <div style="clear:both;"></div> </a></div> </div> <div class="col-sm-5"> <h2>Now Playing</h2> <div id="now-playing"> <a href="/music/rilo-kiley/portions-for-foxes/"> <div class="col-sm-5"> <img src="http://ecx.images-amazon.com/images/I/515C6egK93L.jpg" style="border:1px solid black;" alt="Portions For Foxes"> </div> </a> <div class="col-sm-7"> <a href="/music/rilo-kiley/portions-for-foxes/"> <h3 style="margin-top: 0; margin-bottom:0;">Rilo Kiley</h3> <h3 style="margin-top: 0;">Portions For Foxes</h3> </a> <p class="rate-song upvote"> <a class="rating-upvoter glyphicon glyphicon-thumbs-up" data-id="3812" href="#"></a> <span class="rating-votes">19</span> likes </p> <p class="rate-song downvote"> <a class="rating-downvoter glyphicon glyphicon-thumbs-down" data-id="3812" href="#"></a> <span class="rating-votes">10 </span> dislikes </p> </div> </div> <div style="clear:both;"></div> <h2 style="text-align: center; background-color:#eee;">FAVORITES</h2> <div class="col-sm-6"><a href="/music/honeyblood/ready-for-the-magic/"> <img src="http://ecx.images-amazon.com/images/I/51VVlnIFO3L.jpg" style="display:block;" alt="Ready For The Magic"> <h3 style="margin-bottom:0;">Honeyblood</h3> <h3 style="margin-top:0;">Ready For The Magic</h3></a> <p>Love this slightly fuzzy, raw sound. I would love to hear more from them on the air, not just the one song, as awesome as it is!</p> <p style="text-align:right;"><em>— K.C.D.</em></p> </div> <div class="col-sm-6"><a href="/music/bishop-briggs/river/"> <img src="http://ecx.images-amazon.com/images/I/51s%2Bvb3hvUL.jpg" style="display:block;" alt="River"> <h3 style="margin-bottom:0;">Bishop Briggs</h3> <h3 style="margin-top:0;">River</h3></a> <p>This song is powerful like a river. Like nature , when given a chance, it grabs on to you, which is a good thing . Don't let go . Go 4 that ...</p> <p style="text-align:right;"><em>— 2 b 1 .</em></p> </div> </div> <div class="col-sm-4" style="text-align: center; background-color:#fff; height:600px; text-align: center;"> <h2>Follow The Slug</h2> <div style="width:148px !important; margin:0 auto; text-align:center;"> <p><a href="https://www.facebook.com/kslgFM" style="padding-top:7px; padding-bottom:7px;"> <img src="http://lostcoastoutpost.com/media/img/icons/60/facebook.png"> </a></p> <p style="padding-top:0;"><a href="https://www.instagram.com/kslgfm/" style="padding-top:7px; padding-bottom:7px;"> <img src="http://lostcoastoutpost.com/media/img/icons/60/instagram.png"> </a></p> <p style="padding-top:0;"><a href="https://twitter.com/kslgfm" style="padding-top:7px; padding-bottom:7px;"> <img src="http://lostcoastoutpost.com/media/img/icons/60/twitter.png"> </a></p> <p style="padding-top:0px;"> <a style="padding-top:7px; padding-bottom:7px;" href="http://tun.in/sepY1"><img src="https://lostcoastoutpost.com/media/img/icons/48/tunein.jpg" style="max-height:60px;"></a> </p> </div> </div> <div class="row"> <div class="col-sm-12"> <h2 style="text-align: center; background-color:#eee;">PEOPLE</h2> </div> </div> <div class="col-sm-4" style="text-align:center;"><a href="/people/sabina-gallier/"> <h2>Sabina Gallier</h2> <img src="/media/cache/fa/7e/fa7e64259d3f87145dd2ab74ca2a7c14.jpg" alt="Sabina"> <h3>Sabina's Morning Show</h3> </a></div> <div class="col-sm-4" style="text-align:center;"><a href="/people/dale-cooper/"> <h2>Dale Cooper</h2> <img src="/media/cache/88/ab/88ab3904638f5577c245503c2d89752e.jpg" alt="Dale"> <h3>What Happens Next</h3> </a></div> <div class="col-sm-4" style="text-align:center;"><a href="/people/rhi-marie/"> <h2>Rhi Marie</h2> <img src="/media/cache/73/30/733059a152b08aff86965ce83016514a.jpg" alt="Andre"> <h3>Afternoons</h3> </a></div> <div class="row" style="clear:both; margin-top: 1em;"> <hr> <div class="col-sm-4" style="text-align: center; padding:0;"> <div style="width:300px; height: 250px; margin: 1em auto;"> <h2 style="line-height:250px;"> <iframe src="http://humboldtpawscause.com/widget/" frameborder="0" scrolling="no" width="300" height="250"></iframe> </h2> </div> </div> <div class="col-sm-4" style="text-align: center; padding:0;"> <div style="width:300px; height: 250px; margin: 1em auto;"> <h2 style="line-height:250px;">  <div id='div-gpt-ad-1411080126102-0' style='width:300px; height:250px;'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1411080126102-0'); }); </script> </div> </h2> </div> </div> <div class="hidden-sm col-sm-4" style="text-align: center; padding:0;"> <div style="width:300px; height: 250px; margin: 1em auto;"> <h2 style="line-height:250px;">  <div id='div-gpt-ad-1411080345247-0' style='width:300px; height:250px;'> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1411080345247-0'); }); </script> </div> </h2> </div> </div> </div> </div> <div class="panel panel-default col-sm-12 row footer"><p class="panel-body"> <a href="http://lostcoastcommunications.com"> © 2025 Lost Coast Communications </a> • <a href="https://publicfiles.fcc.gov/fm-profile/kslg-fm"> Public File </a> • <a href="https://publicfiles.fcc.gov/fm-profile/KSLG-FM/equal-employment-opportunity-records/additional-documents/eeo-public-file-reports/ff332759-43b1-69e6-bf6c-e21ef6fa7187"> EEO Report </a> • <a href="/fcc-apps/"> FCC Applications </a> • <a href="/contest-rules/"> Contest Rules </a> </p></div> <script type="text/javascript" src="/media/js/kslg-bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min.js"></script> <script id="current-song-template" type="text/template"> <a href="<%= song_url %>"> <div class="col-sm-5"> <img src="<%= song.fields.image_url %>" style="border:1px solid black;"> </div> </a> <div class="col-sm-7"> <a href="<%= song_url %>"> <h3 style="margin-top: 0; margin-bottom:0;"><%= artist.fields.name %></h3> <h3 style="margin-top: 0;"><%= song.fields.title %></h3> </a> <p class="rate-song upvote"> <a class="rating-upvoter glyphicon glyphicon-thumbs-up" data-id="<%= ratings.pk %>" href="#"></a> <span class="rating-votes"><%= ratings.fields.rating_likes %></span> likes </p> <p class="rate-song downvote"> <a class="rating-downvoter glyphicon glyphicon-thumbs-down" data-id="<%= ratings.pk %>" href="#"></a> <span class="rating-votes"><%= ratings.fields.rating_dislikes %> </span> dislikes </p> </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-1629728-1', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript"> window.name = 'kslg.com'; $('.rate-song').on('click', 'a.glyphicon', function(e) { e.preventDefault(); }); $('#now-playing').on('click', 'a.glyphicon:not(.clicked)', function(e) { var self = $(this); $('.rate-song a').addClass('clicked'); var url = '/music/rate/' + self.attr('data-id') + '/'; if (self.hasClass('rating-upvoter')) { var vote = '1'; } else if ( self.hasClass('rating-downvoter')) { var vote = '-1'; } url = url + vote + '/?time=' + new Date().getTime(); $.get(url, function(data) { var counter = $( self.next('span')[0] ); counter.html( new Number( counter.html() ) + 1); }) return false; }); $('.launch-player').on('click', 'a', function(e) { e.preventDefault(); var self = $(this); window.open(self.attr('href'), 'player', 'titlebar=0,scrollbars=0,toolbar=0,location=0,menubar=0,height=450,width=650'); }) </script> <script src="/media/js/reconnecting-websocket.min.js"></script> <script> if (window["WebSocket"]) { var conn = new ReconnectingWebSocket("ws://websocket.kslg.com/"); conn.onmessage = function(evt) { var obj = JSON.parse(evt.data); $.event.trigger({ 'type': 'new-song', 'message': obj }); } } </script> <script type="text/javascript"> var template = _.template( $('#current-song-template').html() ); var nowPlaying = $('#now-playing'); $(document).on('new-song', function(data) { data.message.fields.artist = JSON.parse(data.message.fields.artist)[0]; data.message.fields.song = JSON.parse(data.message.fields.song)[0]; data.message.fields.ratings = JSON.parse(data.message.fields.ratings)[0]; var html = template(data.message.fields); nowPlaying.fadeOut(500, function() { nowPlaying.html( html ); nowPlaying.fadeIn(500); }); }); </script> </div> </body> </html>