diff --git a/.DS_Store b/.DS_Store index 2e122ab..7d6b81d 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/.gitignore b/.gitignore index 1bb6247..39501e1 100644 --- a/.gitignore +++ b/.gitignore @@ -60,3 +60,4 @@ BTCforPlebs Website Videos/Learn-Bitcoin/4.0_Price.html BTCforPlebs Website Videos/Learn-Bitcoin/btcforplebs_opening_video (1080p).html BTCforPlebs Website Videos/Learn-Bitcoin/btcforplebs_opening_video (1080p).mp4 BTCforPlebs Website Videos/Learn-Bitcoin/btcforplebs_opening_video (1080p).txt +.DS_Store diff --git a/public/assets/js/scripts.js b/public/assets/js/scripts.js index 7b82de9..e9a7a58 100644 --- a/public/assets/js/scripts.js +++ b/public/assets/js/scripts.js @@ -1,31 +1,31 @@ // Folder Toggle Function -function toggleFolder(folderId, buttonId) { +document.addEventListener('DOMContentLoaded', () => { + function toggleFolder(folderId, buttonId) { const folder = document.getElementById(folderId); const button = document.getElementById(buttonId); // Close other folders and deactivate buttons document.querySelectorAll('.links').forEach(link => { - if (link.id !== folderId) { - link.style.display = 'none'; - } + if (link.id !== folderId) { + link.style.display = 'none'; + } }); document.querySelectorAll('.button').forEach(btn => { - if (btn.id !== buttonId) { - btn.classList.remove('active'); - } + if (btn.id !== buttonId) { + btn.classList.remove('active'); + } }); // Toggle the selected folder if (folder.style.display === 'block') { - folder.style.display = 'none'; - button.classList.remove('active'); + folder.style.display = 'none'; + button.classList.remove('active'); } else { - folder.style.display = 'block'; - button.classList.add('active'); + folder.style.display = 'block'; + button.classList.add('active'); } } -// Section Navigation Function function navigateToSection(select) { const sectionId = select.value; if (sectionId) { @@ -33,70 +33,73 @@ function navigateToSection(select) { } } -// Function to prefetch a URL -function prefetch(url) { + // Function to prefetch a URL + function prefetch(url) { const link = document.createElement('link'); link.rel = 'prefetch'; link.href = url; document.head.appendChild(link); } -// Add event listeners to your links -const links = document.querySelectorAll('a.prefetch'); + // Add event listeners to your links + const links = document.querySelectorAll('a.prefetch'); links.forEach(link => { link.addEventListener('mouseenter', () => { - const url = link.href; // Get the link URL - prefetch(url); // Call prefetch function + const url = link.href; // Get the link URL + prefetch(url); // Call prefetch function }); }); -// Footer Loader and Event Listeners -fetch('/parts/footer.html') + // Footer Loader and Event Listeners + fetch('/parts/footer.html') .then(response => response.text()) .then(data => { document.getElementById('footer').innerHTML = data; - // Attach event listeners after footer is loaded - const onChainButton = document.getElementById('onChainButton'); - const lightningButton = document.getElementById('lightningButton'); - const qrCodes = document.getElementById('qrCodes'); - const onChainQRCode = document.getElementById('onChainQRCode'); - const lightningQRCode = document.getElementById('lightningQRCode'); + // Attach event listeners after footer is loaded + const onChainButton = document.getElementById('onChainButton'); + const lightningButton = document.getElementById('lightningButton'); + const qrCodes = document.getElementById('qrCodes'); + const onChainQRCode = document.getElementById('onChainQRCode'); + const lightningQRCode = document.getElementById('lightningQRCode'); - // Initially hide the QR codes section - qrCodes.style.display = 'none'; + // Initially hide the QR codes section + qrCodes.style.display = 'none'; - onChainButton.addEventListener('click', function () { - // Toggle visibility of On-Chain QR Code - const isOnChainVisible = onChainQRCode.style.display === 'block'; - qrCodes.style.display = 'block'; // Show QR codes section - onChainQRCode.style.display = isOnChainVisible ? 'none' : 'block'; // Toggle On-Chain - lightningQRCode.style.display = 'none'; // Hide Lightning QR code - }); + onChainButton.addEventListener('click', function () { + // Toggle visibility of On-Chain QR Code + const isOnChainVisible = onChainQRCode.style.display === 'block'; + qrCodes.style.display = 'block'; // Show QR codes section + onChainQRCode.style.display = isOnChainVisible ? 'none' : 'block'; // Toggle On-Chain + lightningQRCode.style.display = 'none'; // Hide Lightning QR code + }); - lightningButton.addEventListener('click', function () { - // Toggle visibility of Lightning QR Code - const isLightningVisible = lightningQRCode.style.display === 'block'; - qrCodes.style.display = 'block'; // Show QR codes section - lightningQRCode.style.display = isLightningVisible ? 'none' : 'block'; // Toggle Lightning - onChainQRCode.style.display = 'none'; // Hide On-Chain QR code - }); + lightningButton.addEventListener('click', function () { + // Toggle visibility of Lightning QR Code + const isLightningVisible = lightningQRCode.style.display === 'block'; + qrCodes.style.display = 'block'; // Show QR codes section + lightningQRCode.style.display = isLightningVisible ? 'none' : 'block'; // Toggle Lightning + onChainQRCode.style.display = 'none'; // Hide On-Chain QR code + }); }) .catch(error => console.error('Error loading footer:', error)); - // Fetch the latest commit information from GitHub - fetch('https://api.github.com/repos/btcforplebs/BTCforPlebs.com/commits/main') - .then(response => response.json()) - .then(data => { - const lastUpdate = new Date(data.commit.author.date); // Commit date - const formattedDate = lastUpdate.toLocaleDateString(); - const formattedTime = lastUpdate.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }); + fetch('https://api.github.com/repos/btcforplebs/BTCforPlebs.com/commits/main') + .then(response => response.json()) + .then(data => { + const lastUpdate = new Date(data.commit.author.date); // Commit date + const formattedDate = lastUpdate.toLocaleDateString(); + const formattedTime = lastUpdate.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }); + + // Update the text content of the last-updated-text element + document.getElementById('last-updated-text').textContent = `Website last updated: ${formattedDate} ${formattedTime}`; + }) + .catch(error => { + console.error('Error fetching last update:', error); + document.getElementById('last-updated-text').textContent = 'Last update: Error fetching data.'; + }); + + +}); - // Update the text content of the last-updated-text element - document.getElementById('last-updated-text').textContent = `Website last updated: ${formattedDate} ${formattedTime}`; - }) - .catch(error => { - console.error('Error fetching last update:', error); - document.getElementById('last-updated-text').textContent = 'Last update: Error fetching data.'; - }); \ No newline at end of file diff --git a/public/index.html b/public/index.html index 20161c8..fc62531 100644 --- a/public/index.html +++ b/public/index.html @@ -20,8 +20,7 @@ - - +
@@ -42,14 +41,18 @@