- ID da verificação
- 20227920-eb4c-4976-b26d-70504789b1deConcluído
- URL enviado:
- https://fall-music.com/
- Relatório concluído:
Links · 0 encontrado(s)
Os links de saída identificados na página
Variáveis JavaScript · 11 encontrada(s)
Variáveis JavaScript globais carregadas no objeto janela de uma página são variáveis declaradas fora das funções e acessíveis de qualquer lugar no código dentro do escopo atual
| Nome | Tipo |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| gtag | function |
| dataLayer | object |
| google_tag_manager | object |
| google_tag_data | object |
| onYouTubeIframeAPIReady | function |
| gaGlobal | object |
| toggleMenu | function |
Mensagens de registro do console · 0 encontrada(s)
Mensagens registradas no console web
HTML
O corpo HTML bruto da página
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Fall Music - Autumn Season Music Player & Playlist</title><meta name="description" content="Fall Music - Your premier destination for autumn-themed music. Fall Music offers curated seasonal playlists and the ultimate fall season music experience."><meta name="keywords" content="fall music, autumn playlist, seasonal music, autumn songs, fall season music player"><link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96"><link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg"><link rel="shortcut icon" href="/favicon/favicon.ico"><link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Fall Music"><link rel="manifest" href="/favicon/site.webmanifest"><meta property="og:title" content="Fall Music - Autumn Season Music Player"><meta property="og:description" content="Experience the perfect autumn soundtrack with Fall Music. Discover curated seasonal playlists and immersive music experiences."><meta property="og:image" content="/favicon/web-app-manifest-512x512"><meta property="og:url" content="https://fall-music.com/"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Fall Music - Autumn Season Music Player"><meta name="twitter:description" content="Experience the perfect autumn soundtrack with Fall Music"><meta name="twitter:image" content="/favicon/web-app-manifest-512x512"><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-W3TV7YWKCH"></script><script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-W3TV7YWKCH');</script><link rel="canonical" href="https://fall-music.com/"><script type="module" crossorigin="" src="/assets/main.DTKAhZha.js"></script><link rel="modulepreload" crossorigin="" href="/assets/modulepreload-polyfill.xVUEmHkd.js"><link rel="stylesheet" crossorigin="" href="/assets/output.BPcbU05R.css"></head><body class="bg-amber-50 min-h-screen flex flex-col"><header class="bg-orange-900 text-amber-50 py-4 px-6 shadow-lg"><div class="max-w-7xl mx-auto flex justify-between items-center"><div class="flex items-center gap-4"><svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8" viewBox="0 0 24 24"><g fill="none"><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"></path><path fill="currentColor" d="M10.414 3.012A1.5 1.5 0 0 1 9.5 4.926A7.5 7.5 0 1 0 19.5 12c0-1.2-.28-2.33-.779-3.332a1.5 1.5 0 0 1 2.687-1.336A10.46 10.46 0 0 1 22.5 12c0 5.799-4.701 10.5-10.5 10.5S1.5 17.799 1.5 12c0-4.574 2.924-8.461 7-9.902a1.5 1.5 0 0 1 1.914.914m2.086.002a1.51 1.51 0 0 1 1.86-1.47l.128.037l2.986.996a1.5 1.5 0 0 1-.81 2.885l-.138-.039l-1.026-.342V12l-.005.192a3.5 3.5 0 1 1-3.16-3.676l.165.02z"></path></g></svg> <span class="text-2xl font-bold">Fall Music</span></div><button id="mobileMenuBtn" class="md:hidden p-2 text-amber-50 hover:text-amber-200" aria-label="Menu" aria-expanded="false"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg></button><nav class="hidden md:flex items-center gap-6"><a href="/" class="hover:text-amber-200 transition-colors">Fall Music</a><a href="/fall-sound/" class="hover:text-amber-200 transition-colors">Fall Sound</a> <a href="/faq/" rel="nofollow noopener noreferrer" class="hover:text-amber-200 transition-colors">FAQ</a></nav></div><div id="mobileMenu" class="hidden md:hidden absolute top-[72px] left-0 right-0 bg-orange-900 border-t border-orange-800 shadow-lg z-50"><nav class="flex flex-col py-2"><a href="/" class="px-6 py-3 hover:bg-orange-800 transition-colors">Fall Music</a><a href="/fall-sound/" class="px-6 py-3 hover:bg-orange-800 transition-colors">Fall Sound</a> <a href="/faq/" rel="nofollow noopener noreferrer" class="px-6 py-3 hover:bg-orange-800 transition-colors">FAQ</a></nav></div></header><div class="bg-amber-100 py-4 md:py-8 px-4 md:px-6"><div class="max-w-7xl mx-auto"><div class="flex-1 py-4 md:py-8"><div class="flex flex-col md:flex-row h-auto md:h-[calc(100vh-18rem)]"><div class="w-full md:w-2/3 relative aspect-video md:h-full"><div class="media-container w-full h-full bg-black"><video id="videoPlayer" class="hidden absolute inset-0 w-full h-full object-contain" playsinline="" muted=""></video><img id="imageDisplay" class="hidden absolute inset-0 w-full h-full object-contain"><canvas id="spectrumCanvas" class="hidden absolute inset-0 w-full h-full" width="1280" height="720"></canvas></div><div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-orange-900/70 to-transparent p-2 md:p-4"><div class="flex flex-wrap items-center gap-2 md:gap-4"><button id="playButton" class="btn btn-primary flex items-center gap-1 md:gap-2 text-amber-50 hover:text-amber-200 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 md:w-5 md:h-5" viewBox="0 0 32 32"><path fill="currentColor" d="M12.225 4.462C9.89 3.142 7 4.827 7 7.508V24.5c0 2.682 2.892 4.368 5.226 3.045l14.997-8.498c2.367-1.341 2.366-4.751 0-6.091z"></path></svg></button> <button id="settingsButton" class="btn btn-primary flex items-center gap-1 md:gap-2 text-white text-sm md:text-base"><svg class="w-4 h-4 md:w-5 md:h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path></svg></button><div class="flex-1 min-w-[100px]"><input type="range" id="progressBar" class="w-full h-1.5 md:h-2 bg-amber-200/30 rounded-lg appearance-none cursor-pointer" min="0" max="100" value="0"></div><div class="relative group"><div class="flex flex-col items-center"><button id="muteButton" class="text-amber-50 hover:text-amber-300 transition-colors p-2"><svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z"></path></svg></button><div class="hidden group-hover:block absolute bottom-full left-1/2 -translate-x-1/2 pb-2"><div class="bg-black/75 rounded-lg p-4 min-w-[120px]"><div class="flex flex-col gap-2"><input type="range" id="volumeSlider" class="w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer" min="0" max="100" value="100"><div class="text-center"><span id="volumeValue" class="text-white text-xs">100%</span></div></div></div></div></div></div><button id="loopModeButton" class="text-white hover:text-blue-500 transition-colors relative group"><svg class="w-4 h-4 md:w-5 md:h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path></svg><div class="hidden group-hover:block absolute -top-8 left-1/2 transform -translate-x-1/2 bg-black/75 text-white text-xs px-2 py-1 rounded whitespace-nowrap"><span>List loop</span></div></button> <button id="fullscreenButton" class="btn btn-primary flex items-center gap-1 md:gap-2 text-white text-sm md:text-base"><svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 md:w-5 md:h-5" viewBox="0 0 24 24"><path fill="currentColor" d="M3 21v-5h2v3h3v2zm13 0v-2h3v-3h2v5zM3 8V3h5v2H5v3zm16 0V5h-3V3h5v5z"></path></svg></button></div></div><div id="settingsPanel" class="hidden fixed top-8 inset-0 z-20 bg-amber-50 rounded-lg shadow-xl p-4 md:p-6 w-full max-w-[800px] max-h-[80vh] overflow-y-auto mx-auto"><div class="flex justify-between items-center mb-4"><h3 class="text-lg font-bold">Display settings</h3><button id="closeSettings" class="text-gray-500 hover:text-gray-700"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button></div><div class="border-b mb-4"><nav class="flex gap-4 overflow-x-auto whitespace-nowrap" role="tablist"><button id="videoModeTab" class="flex-shrink-0 px-4 py-2 border-b-2 border-orange-500 text-orange-700 font-medium" role="tab" aria-selected="true" aria-controls="videoModePanel">Video mode</button> <button id="imageModeTab" class="flex-shrink-0 px-4 py-2 border-b-2 border-transparent hover:text-blue-500 font-medium" role="tab" aria-selected="false" aria-controls="imageModePanel">Image mode</button> <button id="spectrumModeTab" class="flex-shrink-0 px-4 py-2 border-b-2 border-transparent hover:text-blue-500 font-medium" role="tab" aria-selected="false" aria-controls="spectrumModePanel">Spectrum mode</button></nav></div><div><div id="videoModePanel" role="tabpanel" aria-labelledby="videoModeTab"><div class="grid grid-cols-2 md:grid-cols-3 gap-4 p-2 overflow-y-auto"></div></div><div id="imageModePanel" class="hidden" role="tabpanel" aria-labelledby="imageModeTab"><div class="grid grid-cols-2 md:grid-cols-3 gap-4 p-2 overflow-y-auto"></div></div><div id="spectrumModePanel" class="hidden" role="tabpanel" aria-labelledby="spectrumModeTab"><div class="p-4 overflow-y-auto"><div class="grid grid-cols-2 md:grid-cols-3 gap-4"><div class="spectrum-option cursor-pointer p-4 border rounded-lg hover:border-blue-500 transition-colors relative" data-type="bars" onclick="mediaPlayer.setSpectrumType('bars')"><h4 class="font-medium mb-2">Bars spectrum</h4><div class="aspect-video bg-gray-100 rounded flex items-center justify-center"><svg class="w-12 h-12 text-gray-400" viewBox="0 0 24 24" fill="currentColor"><rect x="4" y="12" width="2" height="6"></rect><rect x="8" y="8" width="2" height="10"></rect><rect x="12" y="4" width="2" height="14"></rect><rect x="16" y="6" width="2" height="12"></rect><rect x="20" y="10" width="2" height="8"></rect></svg></div></div><div class="spectrum-option cursor-pointer p-4 border rounded-lg hover:border-blue-500 transition-colors relative" data-type="circle" onclick="mediaPlayer.setSpectrumType('circle')"><h4 class="font-medium mb-2">Circle spectrum</h4><div class="aspect-video bg-gray-100 rounded flex items-center justify-center"><svg class="w-12 h-12 text-gray-400" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2"></circle><circle cx="12" cy="12" r="6" fill="none" stroke="currentColor" stroke-width="2"></circle><circle cx="12" cy="12" r="2" fill="currentColor"></circle></svg></div></div><div class="spectrum-option cursor-pointer p-4 border rounded-lg hover:border-blue-500 transition-colors relative" data-type="wave" onclick="mediaPlayer.setSpectrumType('wave')"><h4 class="font-medium mb-2">Wave spectrum</h4><div class="aspect-video bg-gray-100 rounded flex items-center justify-center"><svg class="w-12 h-12 text-gray-400" viewBox="0 0 24 24" fill="none" stroke="currentColor"><path d="M3 12 C7 8, 9 16, 13 12 C17 8, 19 16, 23 12" stroke-width="2"></path></svg></div></div></div></div></div></div></div></div><div class="w-full md:w-1/3 bg-amber-50 shadow-lg flex flex-col h-[60vh] md:h-full"><div class="p-4 md:p-6 border-b border-amber-200"><div class="flex flex-col gap-4"><div class="flex justify-between items-center"><h2 class="font-bold text-orange-900">Playlist</h2><button id="addToPlaylistBtn" class="px-3 py-1 md:px-4 bg-orange-500 text-white rounded-lg hover:bg-orange-600 transition-colors flex items-center gap-1 text-sm md:text-base"><svg class="w-4 h-4 md:w-5 md:h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path></svg> Add music</button></div></div></div><div id="playlist" class="flex-1 overflow-y-auto p-2 md:p-4 space-y-1 md:space-y-2"></div><div class="p-3 md:p-4 border-t border-amber-200 bg-amber-100/50"><div class="text-xs md:text-sm text-orange-800"><p>Currently playing: <span id="currentTrack">Not selected</span></p><div class="flex items-center justify-between gap-2"><p>Total duration: <span id="duration">00:00</span></p><p id="helpButton"></p></div></div></div></div></div></div><div class="flex flex-col md:flex-row items-center gap-4 md:gap-8 my-12"><div class="w-full md:w-1/2 space-y-3 md:space-y-4 text-center md:text-left"><h1 class="text-2xl md:text-4xl font-bold text-orange-900">Fall Music - Your Ultimate Autumn Music Experience</h1><p class="text-sm md:text-base text-orange-800">Welcome to Fall Music, where autumn comes alive through carefully curated soundtracks. Fall Music brings you the most comprehensive collection of seasonal music, perfect for those cozy autumn moments.</p><p class="text-sm md:text-base text-orange-800">Fall Music's extensive library features everything from acoustic autumn melodies to ambient fall soundscapes. Whether you're looking for upbeat fall tunes or relaxing autumn instrumentals, Fall Music has the perfect playlist for every moment of your fall season.</p></div><div class="w-full md:w-1/2 px-4 md:px-0"><video playsinline="" class="rounded-lg shadow-xl w-full" webkit-playsinline="" loop="" muted="" autoplay="" src="/assets/241106.eUmE3G-z.mp4"></video></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 md:gap-8 mb-8 md:mb-12"><div class="bg-white p-6 rounded-lg shadow-md"><div class="w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center mb-4"><svg class="w-6 h-6 text-orange-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3"></path></svg></div><h3 class="text-xl font-semibold text-orange-900 mb-2">Rich Music Library</h3><p class="text-orange-800">Access thousands of carefully selected tracks perfect for the autumn season.</p></div><div class="bg-white p-6 rounded-lg shadow-md"><div class="w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center mb-4"><svg class="w-6 h-6 text-orange-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 10l-2 1m0 0l-2-1m2 1v2.5M20 7l-2 1m2-1l-2-1m2 1v2.5M14 4l-2-1-2 1M4 7l2-1M4 7l2 1M4 7v2.5M12 21l-2-1m2 1l2-1m-2 1v-2.5M6 18l-2-1v-2.5M18 18l2-1v-2.5"></path></svg></div><h3 class="text-xl font-semibold text-orange-900 mb-2">Visual Effects</h3><p class="text-orange-800">Enjoy stunning visualizations that react to your music in real-time.</p></div><div class="bg-white p-6 rounded-lg shadow-md"><div class="w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center mb-4"><svg class="w-6 h-6 text-orange-600" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg></div><h3 class="text-xl font-semibold text-orange-900 mb-2">No Sign-up Required</h3><p class="text-orange-800">Enjoy all features without the need to register or log in.</p></div></div><div class="mb-8 md:mb-12"><h2 class="text-xl md:text-2xl font-bold text-orange-900 mb-4 md:mb-6">Fall Music's Impact on Your Mood</h2><div class="grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-8"><div class="bg-white p-6 rounded-lg shadow-md"><h3 class="text-xl font-semibold text-orange-900 mb-2">Boost Your Mood</h3><p class="text-orange-800">Fall Music's carefully selected tracks can help elevate your mood, providing a sense of warmth and comfort during the autumn season. The soothing melodies and uplifting rhythms are designed to promote positive emotions and reduce stress.</p></div><div class="bg-white p-6 rounded-lg shadow-md"><h3 class="text-xl font-semibold text-orange-900 mb-2">Enhance Relaxation</h3><p class="text-orange-800">Immerse yourself in Fall Music's calming soundscapes and experience a deep sense of relaxation. The gentle instrumentals and nature-inspired sounds can help you unwind, reduce anxiety, and create a peaceful atmosphere wherever you are.</p></div><div class="bg-white p-6 rounded-lg shadow-md"><h3 class="text-xl font-semibold text-orange-900 mb-2">Inspire Creativity</h3><p class="text-orange-800">Let Fall Music's evocative tracks spark your imagination and inspire your creative endeavors. Whether you're writing, painting, or simply daydreaming, the rich tapestry of autumn sounds can help unlock your artistic potential.</p></div><div class="bg-white p-6 rounded-lg shadow-md"><h3 class="text-xl font-semibold text-orange-900 mb-2">Enhance Focus</h3><p class="text-orange-800">Fall Music's instrumental tracks can provide the perfect background for work or study. The gentle, non-intrusive melodies can help you maintain focus and concentration, making your tasks more enjoyable and productive.</p></div></div></div><div class="mb-8 md:mb-12"><h2 class="text-xl md:text-2xl font-bold text-orange-900 mb-4 md:mb-6">What Our Users Say</h2><div class="grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-8"><div class="bg-white p-6 rounded-lg shadow-md"><p class="text-orange-800 mb-4">"Fall Music has become my go-to for all things autumn. The curated playlists are perfect for setting the mood and getting into the seasonal spirit."</p><p class="text-orange-900 font-semibold">- Sarah, New York</p></div><div class="bg-white p-6 rounded-lg shadow-md"><p class="text-orange-800 mb-4">"The visual effects on Fall Music are stunning. It's like watching the leaves change color right before your eyes. Truly immersive!"</p><p class="text-orange-900 font-semibold">- Michael, London</p></div><div class="bg-white p-6 rounded-lg shadow-md"><p class="text-orange-800 mb-4">"I love how easy it is to use Fall Music. No sign-ups, no hassle, just pure autumn bliss. It's become a staple in my daily routine."</p><p class="text-orange-900 font-semibold">- Emily, Toronto</p></div></div></div><div class="mb-8 md:mb-12"><h2 class="text-xl md:text-2xl font-bold text-orange-900 mb-4 md:mb-6">Frequently Asked Questions</h2><div class="space-y-4"><div class="bg-white p-6 rounded-lg shadow-md"><h3 class="text-lg font-semibold text-orange-900 mb-2">Is Fall Music free to use?</h3><p class="text-orange-800">Yes, Fall Music is completely free to use. You can access all features and playlists without any cost.</p></div><div class="bg-white p-6 rounded-lg shadow-md"><h3 class="text-lg font-semibold text-orange-900 mb-2">Can I use Fall Music on my mobile device?</h3><p class="text-orange-800">Absolutely! Fall Music is fully responsive and works seamlessly on all devices, including smartphones and tablets.</p></div><div class="bg-white p-6 rounded-lg shadow-md"><h3 class="text-lg font-semibold text-orange-900 mb-2">How often are new tracks added to Fall Music?</h3><p class="text-orange-800">We update our playlists regularly, adding new and exciting autumn-themed tracks to keep your listening experience fresh.</p></div></div></div><div class="bg-orange-700 text-amber-50 rounded-lg p-6 md:p-8 text-center mx-2 md:mx-0"><h2 class="text-xl md:text-2xl font-bold mb-3 md:mb-4">Experience Fall Music Today</h2><p class="mb-4 md:mb-6 text-amber-200 text-sm md:text-base">Join thousands of music lovers discovering Fall Music's magical autumn soundtracks. Fall Music - where every season sounds beautiful.</p><a href="/" class="px-6 md:px-8 py-2 md:py-3 bg-amber-500 text-white rounded-lg hover:bg-amber-600 transition-colors text-sm md:text-base">Try Fall Music Free</a></div></div></div><footer class="bg-orange-900 text-amber-50 py-8 px-4 md:px-6"><div class="max-w-7xl mx-auto grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8"><div class="space-y-3 md:space-y-4"><h3 class="text-lg font-semibold">About Fall Music</h3><p class="text-sm text-amber-200">Fall Music is your premier destination for autumn-themed music. Experience the warmth of the season through Fall Music's carefully curated collection.</p></div><div class="space-y-4"><h3 class="text-lg font-semibold">Quick Links</h3><ul class="space-y-2 text-sm"><li><a href="/about/terms/" target="_blank" rel="nofollow noopener noreferrer" class="hover:text-amber-200 transition-colors">Terms of Service</a></li><li><a href="/about/privacy/" target="_blank" rel="nofollow noopener noreferrer" class="hover:text-amber-200 transition-colors">Privacy Policy</a></li><li><a href="/about/" target="_blank" rel="nofollow noopener noreferrer" class="hover:text-amber-200 transition-colors">About Fall Music</a></li></ul></div><div class="space-y-4"><h3 class="text-lg font-semibold">Share</h3><ul class="space-y-2 text-sm"><li><a href="https://www.facebook.com/sharer/sharer.php?u=https://fall-music.com" target="_blank" rel="nofollow noopener noreferrer" class="hover:text-amber-200 transition-colors">Share on Facebook</a></li><li><a href="https://twitter.com/intent/tweet?url=https://fall-music.com" target="_blank" rel="nofollow noopener noreferrer" class="hover:text-amber-200 transition-colors">Share on Twitter</a></li><li><a href="https://www.instagram.com/share?url=https://fall-music.com" target="_blank" rel="nofollow noopener noreferrer" class="hover:text-amber-200 transition-colors">Share on Instagram</a></li></ul></div><div class="space-y-4"><h3 class="text-lg font-semibold">Newsletter</h3><form class="space-y-2"><input type="email" placeholder="Enter your email" class="w-full px-3 py-2 bg-orange-800 text-amber-50 rounded focus:outline-none focus:ring-2 focus:ring-amber-200 placeholder-amber-200/70"> <button class="w-full px-4 py-2 bg-amber-600 hover:bg-amber-700 transition-colors rounded text-sm">Subscribe</button></form></div></div><div class="max-w-7xl mx-auto mt-6 md:mt-8 pt-6 border-t border-amber-800 text-center text-xs md:text-sm text-amber-200"><p>© 2024 Fall Music. All rights reserved.</p></div></footer><div id="musicSelectModal" class="hidden fixed inset-0 bg-orange-900/50 flex items-center justify-center z-30 p-2 md:p-4"><div class="bg-amber-50 rounded-lg w-full max-w-[800px] max-h-[90vh] md:max-h-[80vh] flex flex-col m-2"><div class="p-4 border-b flex justify-between items-center"><h3 class="text-lg font-bold">Add music</h3><button id="closeMusicModal" class="text-gray-500 hover:text-gray-700"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button></div><div class="border-b"><div class="p-4 flex gap-2" id="categoryTabs"></div></div><div class="flex-1 overflow-y-auto p-4"><div class="mb-4"><div class="relative"><input id="musicSearchInput" class="w-full px-4 py-2 pl-10 bg-amber-100/50 border border-amber-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-500 focus:border-transparent" placeholder="Search music..."> <svg class="w-5 h-5 text-gray-400 absolute left-3 top-1/2 -translate-y-1/2" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></div></div><div id="musicList" class="space-y-2"></div></div><div class="p-4 border-t flex justify-end gap-2"><button id="cancelMusicSelect" class="px-4 py-2 text-gray-600 hover:text-gray-800">Cancel</button> <button id="confirmMusicSelect" class="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600">Add selected music</button></div></div></div><script>const mobileMenuBtn = document.getElementById('mobileMenuBtn');
const mobileMenu = document.getElementById('mobileMenu');
function toggleMenu() {
const isExpanded = mobileMenuBtn.getAttribute('aria-expanded') === 'true';
mobileMenuBtn.setAttribute('aria-expanded', !isExpanded);
mobileMenu.classList.toggle('hidden');
mobileMenuBtn.innerHTML = isExpanded
? `<svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg>`
: `<svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>`;
}
mobileMenuBtn.addEventListener('click', (e) => {
e.stopPropagation();
toggleMenu();
});
mobileMenu.querySelectorAll('a').forEach(link => {
link.addEventListener('click', () => {
mobileMenu.classList.add('hidden');
mobileMenuBtn.setAttribute('aria-expanded', 'false');
mobileMenuBtn.innerHTML = `
<svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg>
`;
});
});
document.addEventListener('click', (e) => {
if (!mobileMenu.contains(e.target) &&
!mobileMenuBtn.contains(e.target) &&
!mobileMenu.classList.contains('hidden')) {
mobileMenu.classList.add('hidden');
mobileMenuBtn.setAttribute('aria-expanded', 'false');
mobileMenuBtn.innerHTML = `
<svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg>
`;
}
});</script></body></html>