File "front-page.php"
Full path: /home/wrisexaf/public_html/glory/front-page.php
File size: 12.5 KB
MIME-type: text/html
Charset: utf-8
Download Open Edit Advanced Editor Back
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<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">
<!-- Google Fonts -->
<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">
<!-- CSS Libraries -->
<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">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/responsive.css">
<script>
// Speed optimization plugin script
(function() {
// Minify CSS function
function minifyCSS(css) {
// Implement your CSS minification logic here
// For example, you can use a library like CleanCSS
return css; // Placeholder, replace with actual minified 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>
<script>
document.addEventListener('DOMContentLoaded', function() {
var audio = document.getElementById('background-sound');
var playButton = document.querySelector('.play-button');
var pauseButton = document.querySelector('.pause-button');
var prevButton = document.querySelector('.prev-button');
var nextButton = document.querySelector('.next-button');
var mainButton = document.querySelector('.mainbutton');
var musicButton = document.querySelector('.music-button');
var musicDetail = document.querySelector('.music-detail');
var trackNameDisplay = document.getElementById('track-name');
// 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 updateButtonVisibility() {
if (audio.paused) {
playButton.style.display = 'block';
pauseButton.style.display = 'none';
} else {
playButton.style.display = 'none';
pauseButton.style.display = 'block';
}
}
function updateTrackName(index) {
trackNameDisplay.textContent = tracks[index].name;
}
function playTrack(index) {
if (index >= 0 && index < tracks.length) {
audio.src = tracks[index].src;
audio.play().catch(function(error) {
console.log("Audio playback failed:", error);
});
updateButtonVisibility();
updateTrackName(index);
}
}
// 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>
<title></title>
</head>
<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="">Contact US</a></li> -->
<li><a href="">More Resources</a></li>
</ul>
</div>
</div>
</div>
<div class="front-page-section">
<div class="container-fluid p-0 overflow-hidden">
<div class="content">
<img class="middle-img" src="images/front-page-middle-img.png">
<img src="images/front-page-rays-star.png" class="position-absolute rays-star">
<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/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/popper.min.js"></script>
<!-- <script src="js/gsap.min.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<script src="js/ScrollToPlugin.min.js"></script>
<script src="js/ScrollSmoother.min.js"></script> -->
<script src="js/custom.js"></script>