PageSourceSearch

https://bestcoast.fm/

html bestcoast.fm collected 2026-10-08 08:06:44 UTC 21,955 bytes, 417 lines download raw bytes

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 &#8208; BRIENZER ROTHORN &#8208; SWITZERLAND" />
70          </picture>
71          <p class="caption">BIANCA &#8208; BRIENZER ROTHORN &#8208; 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 &#8208; SORIA &#8208; SPAIN" />
77          </picture>
78          <p class="caption">ELSA & OLIVER &#8208; SORIA &#8208; 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 &#8208; LENCOIS MARANHENSES &#8208; BRAZIL" />
84          </picture>
85          <p class="caption">SANDRO &#8208; LENCOIS MARANHENSES &#8208; 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 &#8208; ENOSHIMA &#8208; JAPAN" />
91          </picture>
92          <p class="caption">PHILIPP &#8208; ENOSHIMA &#8208; 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 &#8208; SYLT &#8208; GERMANY" />
98          </picture>
99          <p class="caption">MICHAEL &#8208; SYLT &#8208; 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 &#8208; KO LANTA &#8208; THAILAND" />
105          </picture>
106          <p class="caption">JORDI &#8208; KO LANTA &#8208; 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 &#8208; NEWFOUNDLAND &#8208; CANADA" />
112          </picture>
113          <p class="caption">DANIEL &#8208; NEWFOUNDLAND &#8208; 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 &#8208; SCIACCA &#8208; ITALY" />
119          </picture>
120          <p class="caption">ALOIS &#8208; SCIACCA &#8208; 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 &#8208; NEFYN &#8208; WALES" />
126          </picture>
127          <p class="caption">EQUIPE GOLF CALVADOS &#8208; NEFYN &#8208; 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 &#8208; ILHA DE MOCAMBIQUE &#8208; MOZAMBIQUE" />
133          </picture>
134          <p class="caption">TANIA &#8208; ILHA DE MOCAMBIQUE &#8208; 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 &#8208; 12 APOSTELS &#8208; AUSTRALIA" />
140          </picture>
141          <p class="caption">BIANCA &#8208; 12 APOSTELS &#8208; 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 &#8208; PANAREA &#8208; ITALY" />
147          </picture>
148          <p class="caption">LELIA & BLANCA &#8208; PANAREA &#8208; 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 &#8208; ZÜRICH &#8208; SWITZERLAND" />
154          </picture>
155          <p class="caption">ROGER &#8208; ZÜRICH &#8208; 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 &#8208; WILDWOOD &#8208; USA" />
161          </picture>
162          <p class="caption">DANIELA & ANDREAS &#8208; WILDWOOD &#8208; 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 &#8208; TALPE &#8208; SRI LANKA" />
168          </picture>
169          <p class="caption">MIRJAM &#8208; TALPE &#8208; 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 &#8208; NICE &#8208; FRANCE" />
175          </picture>
176          <p class="caption">URS &#8208; NICE &#8208; 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 &#8208; POPOYO &#8208; NICARAGUA" />
182          </picture>
183          <p class="caption">ADRIAN &#8208; POPOYO &#8208; 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 &#8208; PORTO &#8208; PORTUGAL" />
189          </picture>
190          <p class="caption">KATRIN &#8208; PORTO &#8208; 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 &#8208; CRIMEA &#8208; UKRAINE" />
196          </picture>
197          <p class="caption">SVETLANA &#8208; CRIMEA &#8208; 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 &#8208; PACIFICA CA &#8208; USA" />
203          </picture>
204          <p class="caption">SARA &#8208; PACIFICA CA &#8208; 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 &#8208; GOLD BAY &#8208; SOUTH GEORGIA & THE SOUTH SANDWICH ISLANDS" />
210          </picture>
211          <p class="caption">RODERIK &#8208; GOLD BAY &#8208; 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 &#8208; HOLE IN THE WALL &#8208; SOUTH AFRICA" />
217          </picture>
218          <p class="caption">GRACE &#8208; HOLE IN THE WALL &#8208; 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.