Evidence disproving false claim<style> /* ====== FLOATING BACK BUTTON ====== */ .back-to-index { position: fixed; bottom: 30px; left: 30px; z-index: 999; background: linear-gradient(135deg, #2c3e50 0%, #4a6491 100%); color: white; padding: 14px 28px; border-radius: 50px; text-decoration: none; font-weight: 600; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; display: flex; align-items: center; font-size: 1rem; border: none; cursor: pointer; } .back-to-index:hover { background: linear-gradient(135deg, #4a6491 0%, #2c3e50 100%); transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); } .back-to-index::before { content: "←"; margin-right: 10px; font-size: 1.2rem; } /* ====== DROPDOWN MENU STYLES ====== */ .dropdown-container { position: fixed; top: 20px; right: 20px; z-index: 1000; } .dropdown-btn { background: linear-gradient(135deg, #2c3e50 0%, #4a6491 100%); color: white; padding: 12px 24px; border: none; border-radius: 8px; cursor: pointer; font-size: 1rem; font-weight: 600; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transition: all 0.3s ease; display: flex; align-items: center; justify-content: space-between; min-width: 180px; } .dropdown-btn:hover { background: linear-gradient(135deg, #4a6491 0%, #2c3e50 100%); transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); } .dropdown-btn::after { content: "▼"; font-size: 0.8rem; margin-left: 10px; transition: transform 0.3s ease; } .dropdown-btn.active::after { transform: rotate(180deg); } .dropdown-content { display: none; position: absolute; top: 100%; right: 0; background-color: white; min-width: 220px; border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); margin-top: 8px; overflow: hidden; border: 1px solid #eaeaea; animation: fadeIn 0.3s ease; z-index: 1001; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .dropdown-content.show { display: block; } .dropdown-section { padding: 16px 20px; border-bottom: 1px solid #f0f0f0; transition: all 0.2s ease; cursor: pointer; display: flex; align-items: center; text-decoration: none; color: inherit; } .dropdown-section:last-child { border-bottom: none; } .dropdown-section:hover { background-color: #f8f9fa; padding-left: 25px; } .dropdown-section-icon { width: 24px; height: 24px; margin-right: 12px; display: flex; align-items: center; justify-content: center; border-radius: 4px; color: white; font-weight: bold; font-size: 0.8rem; } .news-icon { background-color: #3498db; } .documents-icon { background-color: #2ecc71; } .photos-icon { background-color: #e74c3c; } .audio-icon { background-color: #9b59b6; } .video-icon { background-color: #f39c12; } .dropdown-section-text { font-weight: 500; color: #2c3e50; } /* ====== NESTED DROPDOWN STYLES ====== */ .sections-index-dropdown { display: none; position: absolute; top: 0; right: 0; background-color: white; min-width: 280px; max-height: 80vh; overflow-y: auto; border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); border: 1px solid #eaeaea; z-index: 1002; animation: fadeIn 0.3s ease; } .sections-index-dropdown.show { display: block; } /* Scrollbar styling for sections index */ .sections-index-dropdown::-webkit-scrollbar { width: 6px; } .sections-index-dropdown::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } .sections-index-dropdown::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; } .sections-index-dropdown::-webkit-scrollbar-thumb:hover { background: #555; } .dropdown-back { padding: 16px 20px; background-color: #f8f9fa; border-bottom: 1px solid #eaeaea; cursor: pointer; font-weight: 500; color: #2c3e50; display: flex; align-items: center; transition: all 0.2s ease; } .dropdown-back:hover { background-color: #e9ecef; padding-left: 25px; } .sections-index-trigger { cursor: pointer; position: relative; } /* Active state for current section in dropdown */ .dropdown-section.active { background-color: #f0f7ff; border-left: 3px solid #3498db; padding-left: 25px; } .dropdown-section.active .dropdown-section-text { color: #3498db; font-weight: 600; } .dropdown-section.active .dropdown-section-icon { transform: scale(1.1); } /* ====== SECTION ANCHOR STYLES ====== */ .section-anchor { display: block; position: relative; top: -80px; visibility: hidden; } .content-box { scroll-margin-top: 120px; } /* ====== IMAGE STYLES ====== */ .image-container { margin: 25px 0; width: 100%; } .content-image { width: 100%; max-width: 100%; border-radius: 12px; display: block; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); border: 1px solid #eee; height: auto; } .image-caption { text-align: center; font-size: 0.95rem; color: #666; margin-top: 10px; font-style: italic; padding: 0 10px; } /* ====== Base styles ====== */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; line-height: 1.6; color: #333; background-color: #f8f9fa; padding: 20px; min-height: 100vh; } .container { max-width: 1200px; margin: 0 auto; } /* ====== HEADER BOX ====== */ .header-box { background: linear-gradient(135deg, #2c3e50 0%, #4a6491 100%); color: white; padding: 60px 40px; border-radius: 16px; text-align: center; margin-bottom: 40px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); position: relative; overflow: hidden; } .header-box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #3498db, #2ecc71); } .header-box h1 { font-size: 1.6rem; font-weight: 700; margin-bottom: 15px; letter-spacing: -0.5px; word-wrap: break-word; hyphens: auto; } .header-box .subtitle { font-size: 1.3rem; opacity: 0.9; font-weight: 300; max-width: 700px; margin: 0 auto; } /* ====== CONTENT BOXES ====== */ .content-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); gap: 30px; margin-bottom: 40px; } @media (max-width: 1100px) { .content-container { grid-template-columns: 1fr; } } .content-box { background: white; border-radius: 12px; padding: 40px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); border: 1px solid #eaeaea; transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; } .content-box:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12); } .box-header { display: flex; align-items: center; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid #f0f0f0; } .box-icon { width: 50px; height: 50px; background: linear-gradient(135deg, #3498db, #2ecc71); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-right: 20px; color: white; font-size: 1.5rem; font-weight: bold; } .box-title { font-size: 1.8rem; font-weight: 600; color: #2c3e50; } .box-content { font-size: 1.1rem; color: #444; line-height: 1.7; } .box-content p { margin-bottom: 30px; } .box-content ul, .box-content ol { margin-left: 20px; margin-bottom: 20px; } .box-content li { margin-bottom: 8px; } /* ====== NEW SECTIONS STYLES ====== */ .section-header { font-size: 2rem; font-weight: 700; color: #2c3e50; margin: 40px 0 20px 0; padding-bottom: 10px; border-bottom: 3px solid #3498db; } .media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 25px; margin: 30px 0; } .media-item { background: white; border-radius: 10px; padding: 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease; } .media-item:hover { transform: translateY(-5px); } .media-title { font-size: 1.3rem; font-weight: 600; color: #2c3e50; margin-bottom: 10px; } .media-description { color: #666; font-size: 1rem; line-height: 1.5; } /* ====== FOOTER ====== */ .footer { text-align: center; padding: 30px; color: #7f8c8d; font-size: 0.95rem; border-top: 1px solid #eaeaea; margin-top: 20px; } /* ====== UTILITY CLASSES ====== */ .highlight { background-color: #fff9e6; padding: 2px 6px; border-radius: 4px; font-weight: 500; } .quote { border-left: 4px solid #3498db; padding-left: 20px; margin: 25px 0; font-style: italic; color: #555; } .btn { display: inline-block; background: #3498db; color: white; padding: 12px 28px; border-radius: 50px; text-decoration: none; font-weight: 600; margin-top: 15px; border: none; cursor: pointer; transition: all 0.3s ease; } .btn:hover { background: #2980b9; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3); } /* ====== RESPONSIVE ADJUSTMENTS ====== */ @media (max-width: 768px) { .back-to-index { bottom: 20px; left: 20px; padding: 12px 20px; font-size: 0.9rem; } .dropdown-container { top: 15px; right: 15px; } .dropdown-btn { min-width: 160px; padding: 10px 18px; font-size: 0.9rem; } .header-box { padding: 40px 20px; } .content-container { grid-template-columns: 1fr; gap: 20px; } .content-box { padding: 25px; } .section-anchor { top: -60px; } .media-grid { grid-template-columns: 1fr; } } @media (max-width: 480px) { .back-to-index { bottom: 15px; left: 15px; padding: 10px 16px; font-size: 0.85rem; } body { padding: 15px; } .dropdown-container { top: 10px; right: 10px; } .dropdown-btn { min-width: 140px; padding: 8px 15px; font-size: 0.85rem; } .dropdown-content { min-width: 180px; } .sections-index-dropdown { min-width: 220px; } .header-box h1 { font-size: 1.4rem; } .header-box .subtitle { font-size: 1.1rem; } .section-anchor { top: -50px; } } </style> </head> <body>  <button class="back-to-index" onclick="window.location.href='index.html'"> Back to Index </button>  <div class="container">  <div class="header-box"> <h1>Evidence disproving false claim</h1> <p class="subtitle"> The accusation is without any foundation or merit.</p> <p class="subtitle"> I categorically deny the false and defamatory accusation that I am Alan Herbert Delaney. </p> <p class="subtitle"> This claim has no basis in fact and is decisively refuted by the significant age difference between us. </p> <p class="subtitle"> The supporting documentation provided below confirms my identity and clearly distinguishes me from the individual in question. </p> </div>  <span id="section-supporting-details" class="section-anchor"></span> <div class="content-box"> <div class="box-header"> <div class="box-content"> <p> <div class="image-container"> <img src="folder/Four%20found%20guilty%20in%20rent%20boy%20scandle.jpg" alt="News article about Alan Delaney" class="content-image"> </div> <div class="image-container"> <img src="folder/Alan%20Herbet%20Delaney.jpg" alt="Alan Herbert Delaney" class="content-image"> </div> <p>In the above article published <a href="https://www.heraldscotland.com/news/11993811.four-men-found-guilty-in-rent-boy-conspiracy-case/">on 3rd February 1989,</a> Alan Delaney was said to be 48 years old. </p> <p>In 2026, Alan Delaney would be 84 years old.</p> <p>My birth certificate shows I was born in 1956, which makes me 69 years old.</p> <div class="image-container"> <img src="folder/alan%20birth%20certificate.jpg" alt="Alan Tait birth certificate" class="content-image"> </div> </div> </div>  <footer class="footer"> <p>2018 - 2026. | Confidential |</p> <p style="margin-top: 10px; font-size: 0.9rem;">| Date: January 2026 |</p> </footer> </div> <script> // ====== FORCE PAGE TO START AT TOP ====== (function() { window.scrollTo(0, 0); document.body.scrollTop = 0; document.documentElement.scrollTop = 0; if (window.location.hash) { history.replaceState('', document.title, window.location.pathname + window.location.search); } if (history.scrollRestoration) { history.scrollRestoration = 'manual'; } })(); // ====== MAIN DROPDOWN FUNCTIONALITY ====== document.addEventListener('DOMContentLoaded', function() { // Ensure page is at top after DOM loads setTimeout(function() { window.scrollTo(0, 0); }, 10); // Main dropdown elements const dropdownBtn = document.getElementById('dropdownBtn'); const dropdownContent = document.getElementById('dropdownContent'); // Sections index elements const sectionsIndexTrigger = document.getElementById('sectionsIndexTrigger'); const sectionsIndexDropdown = document.getElementById('sectionsIndexDropdown'); const backButton = document.getElementById('backButton'); // ====== MAIN DROPDOWN TOGGLE ====== if (dropdownBtn) { dropdownBtn.addEventListener('click', function(e) { e.stopPropagation(); dropdownContent.classList.toggle('show'); dropdownBtn.classList.toggle('active'); }); } // ====== UNIVERSAL ANCHOR SCROLL FUNCTION ====== function scrollToAnchor(href) { const targetId = href.substring(1); const targetElement = document.getElementById(targetId); if (targetElement) { // Calculate position with header offset const headerOffset = 100; const elementPosition = targetElement.getBoundingClientRect().top; const offsetPosition = elementPosition + window.pageYOffset - headerOffset; // Smooth scroll window.scrollTo({ top: offsetPosition, behavior: 'smooth' }); return true; // Success } return false; // Element not found } // ====== HANDLE ALL ANCHOR CLICKS ====== function handleAnchorClick(e, href) { if (href.startsWith('#') && href.length > 1) { e.preventDefault(); e.stopPropagation(); // Close all dropdowns if (dropdownContent) { dropdownContent.classList.remove('show'); } if (sectionsIndexDropdown) { sectionsIndexDropdown.classList.remove('show'); } if (dropdownBtn) { dropdownBtn.classList.remove('active'); dropdownBtn.textContent = 'Media Resources'; } // Scroll to target if (scrollToAnchor(href)) { console.log('Successfully scrolled to:', href); } else { console.log('Element not found for:', href); } } } // ====== ATTACH CLICK HANDLERS TO ALL ANCHORS ====== // 1. Main dropdown anchors (Documents, News, Photos, Audio, Video) document.querySelectorAll('#dropdownContent a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function(e) { const href = this.getAttribute('href'); handleAnchorClick(e, href); }); }); // 2. Sections index dropdown anchors (all 33 sections) document.querySelectorAll('#sectionsIndexDropdown a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function(e) { const href = this.getAttribute('href'); handleAnchorClick(e, href); }); }); // 3. Any other anchors on the page (as backup) document.querySelectorAll('a[href^="#"]:not(#dropdownContent a):not(#sectionsIndexDropdown a)').forEach(anchor => { anchor.addEventListener('click', function(e) { const href = this.getAttribute('href'); // Don't prevent default for internal page links if (href !== '#') { scrollToAnchor(href); } }); }); // ====== SECTIONS INDEX FUNCTIONALITY ====== if (sectionsIndexTrigger) { sectionsIndexTrigger.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); dropdownContent.classList.remove('show'); sectionsIndexDropdown.classList.add('show'); dropdownBtn.textContent = 'Sections Index'; }); } if (backButton) { backButton.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); sectionsIndexDropdown.classList.remove('show'); dropdownContent.classList.add('show'); dropdownBtn.textContent = 'Media Resources'; }); } // ====== CLOSE DROPDOWNS WHEN CLICKING OUTSIDE ====== document.addEventListener('click', function(e) { // Close main dropdown if (dropdownBtn && !dropdownBtn.contains(e.target) && dropdownContent && !dropdownContent.contains(e.target)) { dropdownContent.classList.remove('show'); dropdownBtn.classList.remove('active'); } // Close sections index dropdown if (sectionsIndexTrigger && !sectionsIndexTrigger.contains(e.target) && sectionsIndexDropdown && !sectionsIndexDropdown.contains(e.target)) { sectionsIndexDropdown.classList.remove('show'); } }); // ====== CLOSE DROPDOWNS WITH ESCAPE KEY ====== document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { if (dropdownContent) { dropdownContent.classList.remove('show'); } if (dropdownBtn) { dropdownBtn.classList.remove('active'); } if (sectionsIndexDropdown) { sectionsIndexDropdown.classList.remove('show'); } if (dropdownBtn) { dropdownBtn.textContent = 'Media Resources'; } } }); // ====== SECTION HIGHLIGHTING ====== function highlightCurrentSection() { const allAnchors = document.querySelectorAll('.section-anchor'); const dropdownLinks = document.querySelectorAll('.dropdown-section'); let currentSectionId = ''; let closestDistance = Infinity; // Find which section is currently in view allAnchors.forEach(anchor => { const anchorTop = anchor.offsetTop; const viewportMiddle = window.scrollY + (window.innerHeight / 2); const distance = Math.abs(viewportMiddle - anchorTop); if (distance < closestDistance) { closestDistance = distance; currentSectionId = anchor.id; } }); // Remove active class from all links dropdownLinks.forEach(link => { link.classList.remove('active'); }); // Add active class to current section link if (currentSectionId) { const currentLink = document.querySelector(`a[href="#${currentSectionId}"]`); if (currentLink) { currentLink.classList.add('active'); } } } // Throttle scroll events let scrollTimeout; window.addEventListener('scroll', function() { clearTimeout(scrollTimeout); scrollTimeout = setTimeout(highlightCurrentSection, 100); }); // Initial highlight highlightCurrentSection(); // ====== DEBUG: LOG ALL ANCHORS ====== console.log('=== Page Anchors Found ==='); document.querySelectorAll('.section-anchor[id]').forEach(anchor => { console.log(`Anchor found: #${anchor.id}`); }); console.log('=== End Anchor List ==='); }); </script> </body> </html>