https://thechristmasstation.org/

ID de exploración:
6e4b43f8-1d71-4de1-a16f-cf7973fca744Finalizado
URL enviada:
https://thechristmasstation.org/
Informe finalizado:
EnlaceTexto
https://stream.radio.co/s63541ce9b/listenMP3
https://stream.radio.co/s63541ce9b/lowAAC
https://stream.radio.co/s63541ce9b/listen.m3uM3U
https://tunein.com/radio/The-Christmas-Station-s301656/TuneIn
https://www.internet-radio.com/station/thechristmasstation/InternetRadio
NombreTipo
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
__awaiterfunction
updatefunction
updateLoopfunction
generateFlakesfunction
drawFlakefunction
incrementFlakePositionfunction
renderFramesfunction
TipoCategoríaRegistro
warningsecurity
URL
https://thechristmasstation.org/
Texto
A preload for 'https://thechristmasstation.org/fonts/varela-round-v13-latin-regular.woff2' is found, but is not used because the request credentials mode does not match. Consider taking a look at crossorigin attribute.
warningother
URL
https://thechristmasstation.org/
Texto
The resource https://thechristmasstation.org/fonts/varela-round-v13-latin-regular.woff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
<!DOCTYPE html><html lang="en"><head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<!--resources-->
		<link rel="stylesheet" href="styles/main.css">
		<link rel="stylesheet" href="fonts/fonts.css">
		<script src="js/main.js" defer=""></script>

		<link href="icons/all.css" rel="stylesheet">
		<link rel="manifest" href="/manifest.json">
		<link rel="preload" href="../fonts/varela-round-v13-latin-regular.woff2" as="font">

		<!--identity-->
		<title>The Christmas Station - Ad-free Christmas music all year</title>
		<meta name="description" content="Free Christmas music, 24/7/365. No ads, ever.">
		<link rel="shortcut icon" type="image/png" href="icon.webp">

		<!--meta-->
		<meta property="og:title" content="The Christmas Station">
		<meta property="og:site_name" content="The Christmas Station">
		<meta property="og:type" content="website">
		<link rel="canonical" href="https://thechristmasstation.org">
		<meta property="og:url" content="https://thechristmasstation.org">
		<meta property="og:locale" content="en_US">
		<meta property="og:image" content="https://thechristmasstation.org/images/ogimage.jpg">
		<meta property="og:description" content="Free Christmas music, 24/7/365. No ads, ever.">
		<meta property="twitter:card" content="summary_large_image">
		<meta name="theme-color" content="#e60000">
		<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	</head>

	<body>
		<!--snow animation-->
		<canvas width="800" height="600"></canvas>

		<header>
			<a href="/"><img id="header-logo" src="icon.webp" alt="christmas wreath">
				<span class="siteAnchor">The Christmas Station</span></a>
			<nav>
				<a class="active" href="#listen">Listen</a>
				<a href="#schedule">Schedule</a>
				<a href="#about">About</a>
			</nav>
		</header>

		<main>
			<section id="listen" class="dark">
				<div class="flex-item">
					<h1>The Christmas Station</h1>
					<h2>Free Christmas music, 24/7/365. No ads, ever.</h2>
					<div class="button-group">
						<button class="button pushable primary" onclick="playPause();">
							<span class="shadow"></span>
							<span class="edge"></span>
							<span class="front"><i class="fa-solid fa-fw fa-play"></i> Listen Now</span>
						</button>

						<button class="button pushable secondary" onclick="
								if (!navigator.share) {
									document.querySelector('#flip-toggle').classList.toggle('flipped');
									return;
								}

								navigator.share({
									title: 'The Christmas Station',
									text: 'Free Christmas music, 24/7/365. No ads, ever.',
									url: 'https://thechristmasstation.org',
								});
							">
							<span class="shadow"></span>
							<span class="edge"></span>
							<span class="front">Share</span>
						</button>
					</div>
				</div>
				<div class="flex-item">
					<div id="flip-toggle" class="flip-container">
						<div class="flipper">
							<div class="flipper-front">
								<!-- front content -->
								<div class="player">
									<!-- player -->
									<div id="player">
										<div class="player-top">
											<img class="artwork" alt="album artwork" width="600" height="600" src="https://is2-ssl.mzstatic.com/image/thumb/Music6/v4/3f/c7/50/3fc750d3-a5ac-a84a-149f-c0a8af18a337/source/600x600bb.jpg">
											<button class="button playbutton" type="button" aria-label="play/pause" onclick="playPause();">
												<i class="fa-solid fa-fw fa-play"></i>
											</button>
										</div>
										<audio id="audio" style="display: none" preload="none" controls="">
											<source src="https://stream.radio.co/s63541ce9b/listen" type="audio/mpeg">
											<source src="https://stream.radio.co/s63541ce9b/low" type="audio/aac">
											<source src="https://thechristmasstation.org/stream/low" type="audio/aac">
										</audio>
										<div class="player-bottom">
											<noscript>
												<style>
													.player-has-script-container {
														display: none;
													}
													audio[style] {
														display: block !important;
														background-color: transparent;
														width: 100%;
													}
													.playbutton {
														display: none;
													}
													.pushable {
														cursor: not-allowed;
													}
												</style>
												<p class="noscript-text">
													Consider enabling Javascript. We respect your privacy!
													For more information, see our
													<a href="privacy.html">privacy policy</a>.
												</p>
											</noscript>
											<div class="player-has-script-container">
												<div class="information">
													<p class="track-name">Have Yourself a Merry Little Christmas</p>
													<p class="artist">Lonestar</p>
												</div>
												<div class="controls">
													<input id="volume" aria-label="Volume" type="range" min="0" max="100" value="50" oninput="setvolume(this.value)">
												</div>
											</div>
										</div>
									</div>
									<!-- /player -->
								</div>
							</div>
							<div class="flipper-back">
								<div class="light" style="padding: 40px; border-radius: 8px">
									<h3>Share</h3>
									<div style="display: flex; flex-direction: column; gap: 1rem">
										<a class="button dark" href="mailto:?subject=The%20Christmas%20Station&amp;body=Free%20Christmas%20music%2C%2024%2F7%2F365.%20No%20ads%2C%20ever.%0D%0Ahttps%3A%2F%2Fthechristmasstation.org"><i class="fa-solid fa-fw fa-envelope"></i> Email</a>
										<a class="button" style="background-color: #0e70f1; color: white" href="https://www.facebook.com/sharer/sharer.php?u=https://thechristmasstation.org" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-fw fa-facebook-f"></i> Facebook</a>
										<a class="button" style="background-color: #009aea; color: black" href="https://twitter.com/intent/tweet?url=https://thechristmasstation.org&amp;text=" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-fw fa-twitter"></i> Twitter</a>
										<a class="button" style="background-color: #e60023; color: white" href="https://pinterest.com/pin/create/button/?url=https://thechristmasstation.org&amp;media=&amp;description=" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-fw fa-pinterest-p"></i>
											Pinterest</a>
										<a class="button" style="background-color: #35465c; color: white" href="http://www.tumblr.com/share?v=3&amp;u=https%3A%2F%2Fthechristmasstation.org&amp;t=" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-fw fa-tumblr"></i> Tumblr</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<section id="schedule" class="light">
				<div class="flex-item">
					<div class="event-card">
						<h3>Upcoming Events</h3>
						<div class="card darker">
							<h3><i class="fa-solid fa-stopwatch"></i> Christmas</h3>
							<div id="countdownClock">
								<div>
									<span class="days">02</span>
									<div class="smalltext">Days</div>
								</div>
								<div>
									<span class="hours">03</span>
									<div class="smalltext">Hours</div>
								</div>
								<div>
									<span class="minutes">10</span>
									<div class="smalltext">Minutes</div>
								</div>
								<div>
									<span class="seconds">42</span>
									<div class="smalltext">Seconds</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="flex-item">
					<h3>Recent Tracks</h3>
					<ol class="recent" type="1" id="recent-songs"><li class="recent-song">
					<div class="recent-number">1</div>
					<div class="recent-info">
						<p class="recent-title">Merry Christmas</p>
						<p class="recent-artist">The Christmas Station</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">2</div>
					<div class="recent-info">
						<p class="recent-title">May Christmas Bring You Happiness</p>
						<p class="recent-artist">Luther Vandross</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">3</div>
					<div class="recent-info">
						<p class="recent-title">The Gift of Giving</p>
						<p class="recent-artist">Bill Withers</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">4</div>
					<div class="recent-info">
						<p class="recent-title">undefined</p>
						<p class="recent-artist">The Nutcracker</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">5</div>
					<div class="recent-info">
						<p class="recent-title">Underneath the Tree</p>
						<p class="recent-artist">Kelly Clarkson</p>
					</div>
				</li></ol>
					<button class="button secondary" onclick="document.querySelector(&quot;#song-history-modal&quot;).classList.toggle(&quot;hidden&quot;);">
						More
					</button>
					<div class="modal-container hidden" id="song-history-modal">
						<div class="modal light">
							<h3>Recent Tracks</h3>
							<ol id="recent-songs-more"><li class="recent-song">
					<div class="recent-number">1</div>
					<div class="recent-info">
						<p class="recent-title">Merry Christmas</p>
						<p class="recent-artist">The Christmas Station</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">2</div>
					<div class="recent-info">
						<p class="recent-title">May Christmas Bring You Happiness</p>
						<p class="recent-artist">Luther Vandross</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">3</div>
					<div class="recent-info">
						<p class="recent-title">The Gift of Giving</p>
						<p class="recent-artist">Bill Withers</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">4</div>
					<div class="recent-info">
						<p class="recent-title">undefined</p>
						<p class="recent-artist">The Nutcracker</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">5</div>
					<div class="recent-info">
						<p class="recent-title">Underneath the Tree</p>
						<p class="recent-artist">Kelly Clarkson</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">6</div>
					<div class="recent-info">
						<p class="recent-title">I Wish It Could Be Christmas Forever</p>
						<p class="recent-artist">Perry Como</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">7</div>
					<div class="recent-info">
						<p class="recent-title">Silver Bells</p>
						<p class="recent-artist">America</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">8</div>
					<div class="recent-info">
						<p class="recent-title">Homecoming Christmas</p>
						<p class="recent-artist">Alabama</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">9</div>
					<div class="recent-info">
						<p class="recent-title">The First Noel</p>
						<p class="recent-artist">Earth, Wind &amp; Fire</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">10</div>
					<div class="recent-info">
						<p class="recent-title">Merry Christmas</p>
						<p class="recent-artist">The Christmas Station</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">11</div>
					<div class="recent-info">
						<p class="recent-title">O Christmas Tree </p>
						<p class="recent-artist">George Strait</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">12</div>
					<div class="recent-info">
						<p class="recent-title">Pretty Paper</p>
						<p class="recent-artist">Willie Nelson</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">13</div>
					<div class="recent-info">
						<p class="recent-title">Christmas (Baby Please Come Home)</p>
						<p class="recent-artist">Mariah Carey</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">14</div>
					<div class="recent-info">
						<p class="recent-title">It's Beginning to Look a Lot Like Christmas</p>
						<p class="recent-artist">Dean Martin</p>
					</div>
				</li><li class="recent-song">
					<div class="recent-number">15</div>
					<div class="recent-info">
						<p class="recent-title">Here Comes Santa Claus</p>
						<p class="recent-artist">Gene Autry</p>
					</div>
				</li></ol>
							<button class="button primary" onclick="document.querySelector(&quot;#song-history-modal&quot;).classList.toggle(&quot;hidden&quot;);">
								Close
							</button>
						</div>
					</div>
				</div>
			</section>

			<section id="about" class="dark">
				<div class="flex-item">
					<h3>About The Christmas Station</h3>
					<p>
						The Christmas Station is the best place to listen to Christmas music
						online. It's an internet radio station with free holiday music,
						24/7/365. We have a mix of modern hits, holiday classics, and some
						you may not have heard before.
					</p>
				</div>
				<div class="flex-item">
					<h4>Where To Listen</h4>
					<p>
						The best place to listen is this website!
						<br><br>
						For internet radio clients, we have several options:
						<br><br>
						<a href="https://stream.radio.co/s63541ce9b/listen" rel="noopener noreferrer" target="_blank">MP3</a>
						<span class="badge primary"><i class="fa-solid fa-cloud-arrow-down"></i> 192 kb/s</span>
						<br>
						<a href="https://stream.radio.co/s63541ce9b/low" target="_blank" rel="noopener noreferrer">AAC</a>
						<span class="badge primary"><i class="fa-solid fa-cloud-arrow-down"></i> 64 kb/s</span>
						<br>
						<!-- <a href="https://thechristmasstation.org/stream/low">AAC Proxy</a>
						<span class="badge primary"
							><i class="fa-solid fa-cloud-arrow-down"></i> 64 kb/s</span
						><span class="badge secondary"
							><i class="fa-solid fa-shield"></i> Do Not Track</span
						>
						<br /> -->
						<a href="https://stream.radio.co/s63541ce9b/listen.m3u">M3U</a>
						<span class="badge primary"><i class="fa-solid fa-cloud-arrow-down"></i> 192 kb/s</span>
						<br>
						<a href="https://tunein.com/radio/The-Christmas-Station-s301656/" target="_blank" rel="noopener noreferrer">TuneIn</a>
						<span class="badge primary"><i class="fa-solid fa-cloud-arrow-down"></i> 192 kb/s</span>
						<br>
						<a href="https://www.internet-radio.com/station/thechristmasstation/" target="_blank" rel="noopener noreferrer">InternetRadio</a>
						<span class="badge primary"><i class="fa-solid fa-cloud-arrow-down"></i> 192 kb/s</span>
					</p>
				</div>
			</section>
		</main>

		<footer>
			<a href="mailto:[email protected]"><i class="fa-solid fa-heart fa-beat" style="color: #e60000"></i>
				[email protected]</a>
			<div class="footer-links-container">
				<!-- <a
					href="https://status.thechristmasstation.org/status/thechristmasstation"
					><i class="fa-solid fa-cloud"></i> Status</a
				> -->
				<a href="privacy.html"><i class="fa-solid fa-shield"></i> Privacy</a>
			</div>
		</footer>
	

</body></html>