| document.addEventListener('DOMContentLoaded', function() { | |
| Reveal.initialize({ | |
| controls: true, | |
| progress: true, | |
| center: true, | |
| hash: true, | |
| transition: 'slide', | |
| backgroundTransition: 'fade', | |
| // Blue theme colors | |
| highlight: { | |
| theme: 'atom-one-light' | |
| }, | |
| // Presentation size | |
| width: '90%', | |
| height: '90%', | |
| margin: 0.1, | |
| minScale: 0.2, | |
| maxScale: 2.0 | |
| }); | |
| // Add navigation help | |
| document.addEventListener('keydown', function(event) { | |
| if (event.key === '?') { | |
| alert('Navigation Help:\n← →: Navigate slides\n↑ ↓: Vertical slides\nF: Fullscreen\nESC: Overview'); | |
| } | |
| }); | |
| // Add logo to all slides | |
| const slides = document.querySelectorAll('.slides section'); | |
| slides.forEach(slide => { | |
| if (!slide.classList.contains('cover-slide')) { | |
| const logo = document.createElement('div'); | |
| logo.className = 'absolute bottom-4 right-4 text-blue-700 opacity-70 text-sm'; | |
| logo.innerHTML = '<i data-feather="hexagon"></i> AzureSlide Pro'; | |
| slide.appendChild(logo); | |
| } | |
| }); | |
| // Initialize feather icons | |
| feather.replace(); | |
| }); |