WAHAHAHA TOLOL

Back Back Up Advanced Editor

<!doctype html>
<html lang="en">
  <head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="images/favicon.png">

<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap" rel="stylesheet">

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css">
<link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/slick-theme.css">
<link rel="stylesheet" href="css/fancybox.min.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">

<link rel="stylesheet" href="css/custom.css">
    <link rel="stylesheet" href="css/responsive.css">

// Minify JavaScript function
    function minifyJS(js) {
      // Implement your JavaScript minification logic here
      // For example, you can use a library like UglifyJS
      return js; // Placeholder, replace with actual minified JS
    }

// Compress image function
    function compressImage(image) {
      // Implement your image compression logic here
      // For example, you can use a library like TinyPNG
      return image; // Placeholder, replace with actual compressed image
    }

// Execute optimization tasks when the page loads
    window.onload = function() {
      // Minify CSS
      var stylesheets = document.querySelectorAll('link[rel="stylesheet"]');
      stylesheets.forEach(function(stylesheet) {
        stylesheet.href = minifyCSS(stylesheet.href);
      });

// Minify JavaScript
      var scripts = document.querySelectorAll('script');
      scripts.forEach(function(script) {
        script.innerHTML = minifyJS(script.innerHTML);
      });

// Compress images
      var images = document.querySelectorAll('img');
      images.forEach(function(image) {
        image.src = compressImage(image.src);
      });
    };
  })();
</script>

// Array of audio sources with names
        var tracks = [
            { src: './audio/ADOPTION SONG LIVE.mp3', name: 'ADOPTION SONG LIVE' },
            { src: './audio/Brandon Lake  ADOPTION SONG Lyric Video.mp3', name: 'ADOPTION SONG Lyric Video' },
            { src: './audio/BRANDON LAKE  CHANDLER MOORE  Fear Is Not My Future Song Session.mp3', name: 'Fear Is Not My Future Song Session' },
            { src: './audio/Brandon Lake  Dont You Give Up On Me Lyric Video.mp3', name: 'Dont You Give Up On Me Lyric Video' },
            { src: './audio/BRANDON LAKE  GOD IS NOT AGAINST ME Song Session.mp3', name: 'GOD IS NOT AGAINST ME Song Session' },
            { src: './audio/Brandon Lake  I PROPHESY Lyric Video.mp3', name: 'I PROPHESY Lyric Video' },
            { src: './audio/Brandon Lake  JESUS BE PRAISED Lyric Video.mp3', name: 'JESUS BE PRAISED Lyric Video' },
            { src: './audio/Brandon Lake  KIDS Music Video.mp3', name: 'KIDS Music Video' },
            { src: './audio/Brandon Lake  MIRACLE CHILD Music Video.mp3', name: 'MIRACLE CHILD Music Video' },
            { src: './audio/Brandon Lake  MORE Music Video ft Benjamin William Hastings Leeland.mp3', name: 'MORE ft Benjamin William Hastings & Leeland' },
            { src: './audio/Brandon Lake  PALM OF YOUR HAND Lyric Video.mp3', name: 'PALM OF YOUR HAND Lyric Video' },
            { src: './audio/Brandon Lake  Praise You Anywhere Official Music Video.mp3', name: 'Praise You Anywhere Official Music Video' },
            { src: './audio/Brandon Lake  TEAR OFF THE ROOF feat The Chosen Music Video.mp3', name: 'TEAR OFF THE ROOF feat The Chosen' },
            { src: './audio/Coat Of Many Colors Fear Is Not My Future  Live from Summer Worship Nights.mp3', name: 'Fear Is Not My Future Live' },
            { src: './audio/Gratitude Chosen Performance  Brandon Lake.mp3', name: 'Gratitude Chosen Performance' },
            { src: './audio/I PROPHESY.mp3', name: 'I PROPHESY' },
            { src: './audio/More Than Able feat Chandler Moore  Tiffany Hudson  Elevation Worship.mp3', name: 'More Than Able ft Chandler Moore & Tiffany Hudson' }
        ];

// Load the current track index and playback state from localStorage
        var currentTrackIndex = localStorage.getItem('currentTrackIndex') ? parseInt(localStorage.getItem('currentTrackIndex')) : 0;
        var isPlaying = localStorage.getItem('isPlaying') === 'true';

function updateTrackName(index) {
            trackNameDisplay.textContent = tracks[index].name;
        }

// Initial setup
        updateTrackName(currentTrackIndex);
        playTrack(currentTrackIndex);
        updateButtonVisibility();

// Try autoplay when the page loads
        if (isPlaying) {
            audio.play().catch(function(error) {
                console.log("Autoplay blocked: User interaction is required", error);
            });
        }

// Play button functionality
        playButton.addEventListener('click', function() {
            audio.play().catch(function(error) {
                console.log("Audio playback failed:", error);
            });
            localStorage.setItem('isPlaying', true);
            updateButtonVisibility();
        });

// Pause button functionality
        pauseButton.addEventListener('click', function() {
            audio.pause();
            localStorage.setItem('isPlaying', false);
            updateButtonVisibility();
        });

// Previous button functionality
        prevButton.addEventListener('click', function() {
            currentTrackIndex = (currentTrackIndex - 1 + tracks.length) % tracks.length;
            localStorage.setItem('currentTrackIndex', currentTrackIndex);
            playTrack(currentTrackIndex);
        });

// Next button functionality
        nextButton.addEventListener('click', function() {
            currentTrackIndex = (currentTrackIndex + 1) % tracks.length;
            localStorage.setItem('currentTrackIndex', currentTrackIndex);
            playTrack(currentTrackIndex);
        });

// Toggle music button and music details visibility
        mainButton.addEventListener('click', function() {
            musicButton.classList.toggle('expanded');
            musicDetail.classList.toggle('active');
            if (musicButton.classList.contains('expanded')) {
                mainButton.classList.add('no-animation');
            } else {
                mainButton.classList.remove('no-animation');
            }
            updateButtonVisibility();
        });

// Update button visibility on audio state change
        audio.addEventListener('play', function() {
            localStorage.setItem('isPlaying', true);
            updateButtonVisibility();
        });
        audio.addEventListener('pause', function() {
            localStorage.setItem('isPlaying', false);
            updateButtonVisibility();
        });
    });
</script>

<body>

<main class="frontpage position-relative">
    <div class="front-page-header position-absolute">
        <div class="container">
            <div class="content">
                <ul class="p-y m-0">
                    <li><a href="">Home</a></li>
                    <li><a href="">About Us</a></li>
                    <li><a href="">HEaling</a></li>
                    <li><a href="javascript:void(0)"><img src="images/front-page-logo.png"></a></li>
                    <li><a href="">Crucial Info</a></li>
                    <li><a href="">God’s Armor</a></li>
                     
                    <li><a href="">More Resources</a></li>
                </ul>
            </div>
        </div>
    </div>

<img class="cloud1 position-absolute" src="images/front-page-cloud1.png">
                <img class="cloud2 position-absolute" src="images/front-page-cloud2.png">
                <img class="cloud3 position-absolute" src="images/front-page-cloud3.png">
                <img class="cloud4 position-absolute" src="images/front-page-cloud4.png">
                <div class="buttons">
                <a href="https://danyson.com/glory">Enter To the Site</a>
                <p>Copyrights © 2025 Glorytogod.love - All Rights Reserved</p>
            </div>
            </div>
            
        </div>
    </div>

</main>

<!--  <script src="js/gsap.min.js"></script>