1<!DOCTYPE html> 2<html lang="en" class="no-js"> 3 4<head> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="content-type" content="text/html; charset=utf-8"> 7 <title>bestcoast.fm</title> 8 <!-- <link rel="stylesheet" href="css/animate.css"> --> 9 <link rel="stylesheet" href="css/site.css"> 10 <link rel="stylesheet" type="text/css" href="css/component.css" /> 11 <!-- Google Analytics --> 12 <!--
12<script>
vendor: 463 bytes, lines 12-25
12 13 (function (i, s, o, g, r, a, m) { 14 i['GoogleAnalyticsObject'] = r; 15 i[r] = i[r] || function () { 16 (i[r].q = i[r].q || []).push(arguments) 17 }, i[r].l = 1 * new Date(); 18 a = s.createElement(o), 19 m = s.getElementsByTagName(o)[0]; 20 a.async = 1; 21 a.src = g; 22 m.parentNode.insertBefore(a, m) 23 })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); 24 25 ga('create', '
25UA-56829701-1
vendor: 44 bytes, lines 25-27
25', 'auto'); 26 ga('send', 'pageview'); 27
27</script>
27--> 28 <!-- End Google Analytics --> 29</head> 30 31<body> 32 <div class="donateBackground" style="display: none;"></div> 33 <div class="donateBtnOuter"> 34 <div class="donateBtn" id="donateBtn"> 35 <a href="donorbox.html" class="heartSmall" target="blank"><img src="images/heart-small.png" width="70px" height="70px" alt="heart-small"></a> 36 </div> 37 </div> 38 <div class="container"> 39 <div class="main"> 40 <div class="navOuter"> 41 <div class="navDots"> 42 <img src="images/menu.png" width="15px" height="53px" alt="menu"> 43 </div> 44 <div class="navClose"><img src="images/close.png" alt="close"></div> 45 <div class="mainNav"> 46 <ul> 47 <li id="about"> 48 <a href="javascript:;">about</a> 49 </li> 50 <li id="contact"> 51 <a href="javascript:;">contact</a> 52 </li> 53 <li id="download"> 54 <a href="javascript:;">download</a> 55 </li> 56 <li id="donate"> 57 <a href="javascript:;">donate</a> 58 </li> 59 <li id="home"> 60 <a href="javascript:;">Home</a> 61 </li> 62 </ul> 63 </div> 64 </div> 65 <ul id="slideshow" class="rslides"> 66 <li> 67 <picture> 68 <source srcset="images/slide1-mobile.webp 640w, images/slide1.webp 1920w" sizes="100vw" type="image/webp"> 69 <img data-srcset="images/slide1-mobile.jpg 640w, images/slide1.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide1.jpg" loading="lazy" alt="image01" title="BIANCA ‐ BRIENZER ROTHORN ‐ SWITZERLAND" /> 70 </picture> 71 <p class="caption">BIANCA ‐ BRIENZER ROTHORN ‐ SWITZERLAND</p> 72 </li> 73 <li> 74 <picture> 75 <source srcset="images/slide12-mobile.webp 640w, images/slide12.webp 1920w" sizes="100vw" type="image/webp"> 76 <img data-srcset="images/slide12-mobile.jpg 640w, images/slide12.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide12.jpg" loading="lazy" alt="image02" title="ELSA & OLIVER ‐ SORIA ‐ SPAIN" /> 77 </picture> 78 <p class="caption">ELSA & OLIVER ‐ SORIA ‐ SPAIN</p> 79 </li> 80 <li> 81 <picture> 82 <source srcset="images/slide13-mobile.webp 640w, images/slide13.webp 1920w" sizes="100vw" type="image/webp"> 83 <img data-srcset="images/slide13-mobile.jpg 640w, images/slide13.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide13.jpg" loading="lazy" alt="image03" title="SANDRO ‐ LENCOIS MARANHENSES ‐ BRAZIL" /> 84 </picture> 85 <p class="caption">SANDRO ‐ LENCOIS MARANHENSES ‐ BRAZIL</p> 86 </li> 87 <li> 88 <picture> 89 <source srcset="images/slide14-mobile.webp 640w, images/slide14.webp 1920w" sizes="100vw" type="image/webp"> 90 <img data-srcset="images/slide14-mobile.jpg 640w, images/slide14.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide14.jpg" loading="lazy" alt="image04" title="PHILIPP ‐ ENOSHIMA ‐ JAPAN" /> 91 </picture> 92 <p class="caption">PHILIPP ‐ ENOSHIMA ‐ JAPAN</p> 93 </li> 94 <li> 95 <picture> 96 <source srcset="images/slide15-mobile.webp 640w, images/slide15.webp 1920w" sizes="100vw" type="image/webp"> 97 <img data-srcset="images/slide15-mobile.jpg 640w, images/slide15.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide15.jpg" loading="lazy" alt="image05" title="MICHAEL ‐ SYLT ‐ GERMANY" /> 98 </picture> 99 <p class="caption">MICHAEL ‐ SYLT ‐ GERMANY</p> 100 </li> 101 <li> 102 <picture> 103 <source srcset="images/slide16-mobile.webp 640w, images/slide16.webp 1920w" sizes="100vw" type="image/webp"> 104 <img data-srcset="images/slide16-mobile.jpg 640w, images/slide16.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide16.jpg" loading="lazy" alt="image06" title="JORDI ‐ KO LANTA ‐ THAILAND" /> 105 </picture> 106 <p class="caption">JORDI ‐ KO LANTA ‐ THAILAND</p> 107 </li> 108 <li> 109 <picture> 110 <source srcset="images/slide17-mobile.webp 640w, images/slide17.webp 1920w" sizes="100vw" type="image/webp"> 111 <img data-srcset="images/slide17-mobile.jpg 640w, images/slide17.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide17.jpg" loading="lazy" alt="image07" title="DANIEL ‐ NEWFOUNDLAND ‐ CANADA" /> 112 </picture> 113 <p class="caption">DANIEL ‐ NEWFOUNDLAND ‐ CANADA</p> 114 </li> 115 <li> 116 <picture> 117 <source srcset="images/slide18-mobile.webp 640w, images/slide18.webp 1920w" sizes="100vw" type="image/webp"> 118 <img data-srcset="images/slide18-mobile.jpg 640w, images/slide18.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide18.jpg" loading="lazy" alt="image08" title="ALOIS ‐ SCIACCA ‐ ITALY" /> 119 </picture> 120 <p class="caption">ALOIS ‐ SCIACCA ‐ ITALY</p> 121 </li> 122 <li> 123 <picture> 124 <source srcset="images/slide19-mobile.webp 640w, images/slide19.webp 1920w" sizes="100vw" type="image/webp"> 125 <img data-srcset="images/slide19-mobile.jpg 640w, images/slide19.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide19.jpg" loading="lazy" alt="image09" title="EQUIPE GOLF CALVADOS ‐ NEFYN ‐ WALES" /> 126 </picture> 127 <p class="caption">EQUIPE GOLF CALVADOS ‐ NEFYN ‐ WALES</p> 128 </li> 129 <li> 130 <picture> 131 <source srcset="images/slide20-mobile.webp 640w, images/slide20.webp 1920w" sizes="100vw" type="image/webp"> 132 <img data-srcset="images/slide20-mobile.jpg 640w, images/slide20.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide20.jpg" loading="lazy" alt="image10" title="TANIA ‐ ILHA DE MOCAMBIQUE ‐ MOZAMBIQUE" /> 133 </picture> 134 <p class="caption">TANIA ‐ ILHA DE MOCAMBIQUE ‐ MOZAMBIQUE</p> 135 </li> 136 <li> 137 <picture> 138 <source srcset="images/slide21-mobile.webp 640w, images/slide21.webp 1920w" sizes="100vw" type="image/webp"> 139 <img data-srcset="images/slide21-mobile.jpg 640w, images/slide21.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide21.jpg" loading="lazy" alt="image11" title="BIANCA ‐ 12 APOSTELS ‐ AUSTRALIA" /> 140 </picture> 141 <p class="caption">BIANCA ‐ 12 APOSTELS ‐ AUSTRALIA</p> 142 </li> 143 <li> 144 <picture> 145 <source srcset="images/slide22-mobile.webp 640w, images/slide22.webp 1920w" sizes="100vw" type="image/webp"> 146 <img data-srcset="images/slide22-mobile.jpg 640w, images/slide22.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide22.jpg" loading="lazy" alt="image12" title="LELIA & BLANCA ‐ PANAREA ‐ ITALY" /> 147 </picture> 148 <p class="caption">LELIA & BLANCA ‐ PANAREA ‐ ITALY</p> 149 </li> 150 <li> 151 <picture> 152 <source srcset="images/slide23-mobile.webp 640w, images/slide23.webp 1920w" sizes="100vw" type="image/webp"> 153 <img data-srcset="images/slide23-mobile.jpg 640w, images/slide23.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide23.jpg" loading="lazy" alt="image13" title="ROGER ‐ ZÃRICH ‐ SWITZERLAND" /> 154 </picture> 155 <p class="caption">ROGER ‐ ZÃRICH ‐ SWITZERLAND</p> 156 </li> 157 <li> 158 <picture> 159 <source srcset="images/slide24-mobile.webp 640w, images/slide24.webp 1920w" sizes="100vw" type="image/webp"> 160 <img data-srcset="images/slide24-mobile.jpg 640w, images/slide24.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide24.jpg" loading="lazy" alt="image14" title="DANIELA & ANDREAS ‐ WILDWOOD ‐ USA" /> 161 </picture> 162 <p class="caption">DANIELA & ANDREAS ‐ WILDWOOD ‐ USA</p> 163 </li> 164 <li> 165 <picture> 166 <source srcset="images/slide25-mobile.webp 640w, images/slide25.webp 1920w" sizes="100vw" type="image/webp"> 167 <img data-srcset="images/slide25-mobile.jpg 640w, images/slide25.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide25.jpg" loading="lazy" alt="image15" title="MIRJAM ‐ TALPE ‐ SRI LANKA" /> 168 </picture> 169 <p class="caption">MIRJAM ‐ TALPE ‐ SRI LANKA</p> 170 </li> 171 <li> 172 <picture> 173 <source srcset="images/slide26-mobile.webp 640w, images/slide26.webp 1920w" sizes="100vw" type="image/webp"> 174 <img data-srcset="images/slide26-mobile.jpg 640w, images/slide26.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide26.jpg" loading="lazy" alt="image16" title="URS ‐ NICE ‐ FRANCE" /> 175 </picture> 176 <p class="caption">URS ‐ NICE ‐ FRANCE</p> 177 </li> 178 <li> 179 <picture> 180 <source srcset="images/slide8-mobile.webp 640w, images/slide8.webp 1920w" sizes="100vw" type="image/webp"> 181 <img data-srcset="images/slide8-mobile.jpg 640w, images/slide8.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide8.jpg" loading="lazy" alt="image17" title="ADRIAN ‐ POPOYO ‐ NICARAGUA" /> 182 </picture> 183 <p class="caption">ADRIAN ‐ POPOYO ‐ NICARAGUA</p> 184 </li> 185 <li> 186 <picture> 187 <source srcset="images/slide9-mobile.webp 640w, images/slide9.webp 1920w" sizes="100vw" type="image/webp"> 188 <img data-srcset="images/slide9-mobile.jpg 640w, images/slide9.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide9.jpg" loading="lazy" alt="image18" title="KATRIN ‐ PORTO ‐ PORTUGAL" /> 189 </picture> 190 <p class="caption">KATRIN ‐ PORTO ‐ PORTUGAL</p> 191 </li> 192 <li> 193 <picture> 194 <source srcset="images/slide11-mobile.webp 640w, images/slide11.webp 1920w" sizes="100vw" type="image/webp"> 195 <img data-srcset="images/slide11-mobile.jpg 640w, images/slide11.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide11.jpg" loading="lazy" alt="image19" title="SVETLANA ‐ CRIMEA ‐ UKRAINE" /> 196 </picture> 197 <p class="caption">SVETLANA ‐ CRIMEA ‐ UKRAINE</p> 198 </li> 199 <li> 200 <picture> 201 <source srcset="images/slide27-mobile.webp 640w, images/slide27.webp 1920w" sizes="100vw" type="image/webp"> 202 <img data-srcset="images/slide27-mobile.jpg 640w, images/slide27.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide27.jpg" loading="lazy" alt="image20" title="SARA ‐ PACIFICA CA ‐ USA" /> 203 </picture> 204 <p class="caption">SARA ‐ PACIFICA CA ‐ USA</p> 205 </li> 206 <li> 207 <picture> 208 <source srcset="images/slide28-mobile.webp 640w, images/slide28.webp 1920w" sizes="100vw" type="image/webp"> 209 <img data-srcset="images/slide28-mobile.jpg 640w, images/slide28.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide28.jpg" loading="lazy" alt="image21" title="RODERIK ‐ GOLD BAY ‐ SOUTH GEORGIA & THE SOUTH SANDWICH ISLANDS" /> 210 </picture> 211 <p class="caption">RODERIK ‐ GOLD BAY ‐ SOUTH GEORGIA & THE SOUTH SANDWICH ISLANDS</p> 212 </li> 213 <li> 214 <picture> 215 <source srcset="images/slide29-mobile.webp 640w, images/slide29.webp 1920w" sizes="100vw" type="image/webp"> 216 <img data-srcset="images/slide29-mobile.jpg 640w, images/slide29.jpg 1920w" sizes="100vw" class="lazyload" data-src="images/slide29.jpg" loading="lazy" alt="image21" title="GRACE ‐ HOLE IN THE WALL ‐ SOUTH AFRICA" /> 217 </picture> 218 <p class="caption">GRACE ‐ HOLE IN THE WALL ‐ SOUTH AFRICA</p> 219 </li> 220 </ul> 221 <div class="contentOuter"> 222 <div class="logo"> 223 <a href="" class="logo1"><img src="images/logo.png" width="218px" height="109px" alt="logo"></a> 224 <a href="" id="logo" style="display: none;"><img src="images/logo.png" width="218px" height="109px" alt="logo"></a> 225 </div> 226 <div class="musicPlayer"> 227 228 <div id="sound-wave-container"> 229 <canvas width="230" height="220" id="visualizer" data-playing="paused"></canvas> 230 </div> 231 <div class="radioplayer" data-src="https://streams.radio.co/sea5dddd6b/listen" data-playbutton="false" data-volumeslider="false" data-elapsedtime="false" data-nowplaying="false" data-showplayer="false" data-volume="40"></div> 232 <div class="track_name" style="display:none;"> 233 <!--
233<script src="js/embed-radio-song.js"></script>
233--> 234
234<script src="https://embed.radio.co/embed/sea5dddd6b/song.js"></script>
234 235 </div> 236 </div> 237 <div class="footerText"> 238 <!-- slider titles --> 239 </div> 240 </div> 241 <div class="contentBuble" style="display: none;"> 242 <div class="closeBtn"><img src="images/close.png" alt="close"></div> 243 <div id="aboutContent" class="bubleText"> 244 <p>Aiming to pursue the philosophy of its<br /> name, bestcoast.fm's story began in 2012 at<br /> the South-East coast of beautiful Sri Lanka.</p> 245 <p>We believe that music should be enjoyed universally, regardless of boundaries such as language, style or origin. So ignore etiquettes like east or west, and decide for yourself what you like best.</p> 246 <p>Thank you for stopping by.</p> 247 </div> 248 <div id="contactContent" class="bubleText"> 249 <p>We are constantly searching for<br> new musical pearls or forgotten treasures.</p> 250 <p>Should you stumble upon such a gem,<br> please let us know.</p> 251 <p>Also, don't be shy and send us a picture (1920 x 1280 px) of your best coast and<br /> you soon might find it featured on bestcoast.fm.</p> 252 <p>In case you just want to<br /> say hello - we'd love to read from you.</p> 253 <div class="socialIcons"> 254 <a href="mailto:[email protected]"> 255 <img src="images/email.png" loading="lazy" alt="email"> 256 </a> 257 <a href="https://twitter.com/bestcoastfm" target="_blank"> 258 <img src="images/twitter.png" loading="lazy" alt="twitter"> 259 </a> 260 <a href="https://www.facebook.com/bestcoastfm-1417830901838778/" target="_blank"> 261 <img src="images/facebook.png" loading="lazy" alt="facebook"> 262 </a> 263 <a href="https://www.instagram.com/bestcoast.fm/" target="_blank"> 264 <img src="images/instagram.png" loading="lazy" alt="instagram"> 265 </a> 266 </div> 267 </div> 268 <div id="downloadContent" class="bubleText"> 269 <p>Download the M3U file in order to listen to bestcoast.fm in your player of choice.</p> 270 <div class="socialIcons"> 271 <a href="files/listen.m3u" target="_blank"> 272 <img src="images/download.png" loading="lazy" alt="download"> 273 </a> 274 </div> 275 </div> 276 <div id="donateContent" class="bubleText"> 277 <p class="donateNow">show <a href="donorbox.html" target="_blank">bestcoast.fm</a> some love</p> 278 <p>bestcoast.fm is all about the music:<br> no commercials, no talking,<br> no self-promoting hosts - just music!</p> 279 <p>Your donation will help to keep this non-profit radio station alive and covers for server maintenance, website hosting, internet bandwidth, royalties and, and, and...</p> 280 <p>Last but not least: bestcoast.fm's music is manually curated and not generated from an algorithm - we are not robots!</p> 281 <p>A BIG thank you to everyone for tuning in, donating or even both!</p> 282 <p class="donateNow">show <a href="donorbox.html" target="_blank">bestcoast.fm</a> some love</p> 283 </div> 284 </div> 285 </div> 286
286<script src="js/lazysizes.min.js"></script>
286 287
287<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
287 288
288<script src="js/jquery.radiocoplayer.min.js"></script>
288 289
289<script type="text/javascript" src="js/main.js" async></script>
289 290
290<script src="js/responsiveslides.min.js"></script>
290 291 292
292<script type="text/javascript"> 293 var storeInterval; 294 window.onload = function () { 295 296 setTimeout(function () { 297 storeInterval = setInterval(function () { 298 var canvasCheck = jQuery(document).find("canvas").attr('data-playing'); 299 if (canvasCheck == 'paused') { 300 jQuery(document).find("canvas").parent().addClass('playMusic'); 301 } 302 303 setTimeout(function () { 304 var canvasCheck1 = jQuery(document).find("canvas").attr('data-playing'); 305 if (canvasCheck1 == 'paused') { 306 jQuery(document).find("canvas").parent().removeClass('playMusic'); 307 } 308 }, 1000); 309 }, 4000); 310 311 setTimeout(function () { 312 var canvasCheck1 = jQuery(document).find("canvas").attr('data-playing'); 313 if (canvasCheck1 == 'paused') { 314 jQuery(document).find("canvas").parent().removeClass('playMusic'); 315 } 316 }, 3000); 317 }, 2000); 318 }; 319 320 jQuery(document).ready(function () { 321 jQuery("#visualizer").click(function () { 322 jQuery(document).find("canvas").parent().removeClass('playMusic'); 323 clearInterval(storeInterval); 324 }); 325 326 327 jQuery(".donateBtnOuter").fadeIn(); 328 jQuery(".navOuter .navDots").click(function () { 329 jQuery(this).hide();
330 jQuery('.mainNav,.navClose,.donateBackground').css('display', 'block'); 331 jQuery('#slideshow').css('display', 'none') 332 }); 333 334 jQuery("#home,.navClose").click(function () { 335 jQuery('.donateBackground,.mainNav,.navClose').hide(); 336 jQuery('.mainNav ul li').removeClass('active'); 337 jQuery('.contentBuble').hide(); 338 jQuery('#slideshow,.navDots').css('display', 'block'); 339 }); 340 341 jQuery(".closeBtn").click(function () { 342 jQuery('.contentBuble').hide(); 343 }); 344 345 // $(".navClose").click(function() { 346 // $(this).hide(); 347 // $('.mainNav').hide(); 348 // $('.navOuter .navDots').css('display','block'); 349 // }); 350 351 jQuery(".mainNav li").click(function () { 352 jQuery('.contentBuble').css('display', 'block'); 353 }); 354 355 jQuery(".mainNav li#home").click(function () { 356 jQuery('.contentBuble, .navClose, .mainNav').hide(); 357 }); 358 359 jQuery(".mainNav li").click(function () { 360 jQuery('.mainNav li.active').removeClass('active'); 361 jQuery(this).closest('li').addClass('active'); 362 var id = jQuery(document).find('.active').attr('id'); 363 364 if (jQuery('.bubleText').hasClass('show')) { 365 jQuery('.bubleText').removeClass('show'); 366 } 367 if (id == 'about') { 368 jQuery('.contentBuble ..bubleText#aboutContent').addClass('show'); 369 } else if (id == 'contact') { 370 jQuery('.contentBuble ..bubleText#contactContent').addClass('show'); 371 } else if (id == 'download') { 372 jQuery('.contentBuble ..bubleText#downloadContent').addClass('show'); 373 } else if (id == 'donate') { 374 jQuery('.contentBuble ..bubleText#donateContent').addClass('show'); 375 } 376 }); 377 }); 378 379 function slider() { 380 jQuery(function ($) { 381 // Randomly shuffle the slides 382 var slides = $(".rslides li"); 383 slides.sort(function() { 384 return 0.5 - Math.random(); 385 }); 386 slides.detach().appendTo($(".rslides")); 387 388 // Initialize the responsiveSlides function 389 $(".rslides").responsiveSlides({ 390 speed: 1000, 391 timeout: 7000, 392 }); 393 }); 394} 395 396slider(); 397 398 //initialise the plugin with the element 399 var player = jQuery('.radioplayer').radiocoPlayer(); 400 jQuery('#radio_co').on('click', function () { 401 player.playToggle(); 402 }); 403 404 player.event('audioPlay', function (e) { 405 jQuery("#radio_co").attr("src", "images/play_new1.gif"); 406 jQuery(".track_name").show(); 407 }) 408 409 player.event('audioPause', function (e) { 410 jQuery("#radio_co").attr("src", "images/pause.png"); 411 jQuery(".track_name").hide(); 412 }); 413 </script>
413 414
414<script src="js/modernizr.custom.js"></script>
414 415</body> 416 417</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.