{"id":1646,"date":"2025-05-22T14:13:00","date_gmt":"2025-05-22T14:13:00","guid":{"rendered":"https:\/\/www.leeds.lk\/?page_id=1646"},"modified":"2026-01-09T04:39:01","modified_gmt":"2026-01-09T04:39:01","slug":"school-anthem","status":"publish","type":"page","link":"https:\/\/www.leeds.lk\/?page_id=1646","title":{"rendered":"School Anthem"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1646\" class=\"elementor elementor-1646\">\n\t\t\t\t<div class=\"has_eae_slider elementor-element elementor-element-139031f elementor-hidden-mobile elementor-hidden-tablet e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"139031f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-43de096 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"43de096\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-b0f5f93 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"b0f5f93\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-71d1d55 e-con-full fac e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"71d1d55\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-8044221 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"8044221\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35292c2 elementor-widget elementor-widget-heading\" data-id=\"35292c2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">About us &gt; School Anthem <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3e3cac elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"d3e3cac\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Sound of Our Spirit:<br>\nOur Anthem<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7900253 elementor-align-center elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-invisible elementor-widget elementor-widget-button\" data-id=\"7900253\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/inquiry.x365.io\/?iMId=6\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Apply Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-8c14b8b elementor-hidden-mobile elementor-hidden-tablet e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"8c14b8b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-e1573d8 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"e1573d8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-31d5e43 elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"31d5e43\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-883223e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"883223e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-64e05bd e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"64e05bd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ec0d7d elementor-widget elementor-widget-video\" data-id=\"2ec0d7d\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.leeds.lk\/wp-content\/uploads\/2025\/07\/WhatsApp-Video-2025-06-23-at-10.08.20_b54d083a-1.mp4\" autoplay=\"\" loop=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-775b04d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"775b04d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-020e3f7 elementor-widget elementor-widget-html\" data-id=\"020e3f7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\">\r\n    <title>Mobile Audio Player<\/title>\r\n    <style>\r\n\r\n\r\n        .player-container {\r\n          \r\n            justify-content:center;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 20px;\r\n            \r\n            width: 100%;\r\n           \r\n            text-align: center;\r\n        }\r\n\r\n        .waveform {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            height: 80px;\r\n            margin-bottom: 30px;\r\n            gap: 3px;\r\n        }\r\n\r\n        .waveform-bar {\r\n            background-color: #333;\r\n            border-radius: 2px;\r\n            width: 4px;\r\n            transition: height 0.3s ease, background-color 0.3s ease;\r\n        }\r\n\r\n        .waveform-bar.active {\r\n            background-color: #667eea;\r\n            transform: scaleY(1.2);\r\n        }\r\n\r\n        .progress-container {\r\n            margin: 30px 0;\r\n            position: relative;\r\n        }\r\n\r\n        .progress-bar {\r\n            width: 100%;\r\n            height: 6px;\r\n            background: #ddd;\r\n            outline: none;\r\n            border-radius: 3px;\r\n            -webkit-appearance: none;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .progress-bar::-webkit-slider-thumb {\r\n            -webkit-appearance: none;\r\n            width: 20px;\r\n            height: 20px;\r\n            border-radius: 50%;\r\n            background: #667eea;\r\n            cursor: pointer;\r\n            box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);\r\n        }\r\n\r\n        .progress-bar::-moz-range-thumb {\r\n            width: 20px;\r\n            height: 20px;\r\n            border-radius: 50%;\r\n            background: #667eea;\r\n            cursor: pointer;\r\n            border: none;\r\n            box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);\r\n        }\r\n\r\n        .time-display {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin-top: 15px;\r\n            font-size: 14px;\r\n            color: #666;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .controls {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 25px;\r\n            margin: 40px 0;\r\n        }\r\n\r\n        .control-btn {\r\n            background: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            font-size: 24px;\r\n            color: #333;\r\n            padding: 12px;\r\n            border-radius: 50%;\r\n            transition: all 0.3s ease;\r\n            min-width: 48px;\r\n            min-height: 48px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .control-btn:hover {\r\n            background: rgba(102, 126, 234, 0.1);\r\n            transform: scale(1.1);\r\n            color: #667eea;\r\n        }\r\n\r\n        .control-btn.active {\r\n            background: rgba(102, 126, 234, 0.2);\r\n            color: #667eea;\r\n        }\r\n\r\n        .play-btn {\r\n            width: 70px;\r\n            height: 70px;\r\n            border-radius: 50%;\r\n            border: none;\r\n            background: linear-gradient(135deg, #667eea, #764ba2);\r\n            box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-size: 28px;\r\n        }\r\n\r\n        .play-btn:hover {\r\n            transform: scale(1.05);\r\n            box-shadow: 0 15px 35px rgba(102, 126, 234, 0.4);\r\n        }\r\n\r\n        .play-btn:active {\r\n            transform: scale(0.95);\r\n        }\r\n\r\n        .volume-control {\r\n            margin: 30px 0;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        .volume-icon {\r\n            font-size: 18px;\r\n            color: #666;\r\n        }\r\n\r\n        .volume-slider {\r\n            width: 150px;\r\n            height: 6px;\r\n            background: #ddd;\r\n            outline: none;\r\n            border-radius: 3px;\r\n            -webkit-appearance: none;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .volume-slider::-webkit-slider-thumb {\r\n            -webkit-appearance: none;\r\n            width: 18px;\r\n            height: 18px;\r\n            border-radius: 50%;\r\n            background: #333;\r\n            cursor: pointer;\r\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .volume-slider::-moz-range-thumb {\r\n            width: 18px;\r\n            height: 18px;\r\n            border-radius: 50%;\r\n            background: #333;\r\n            cursor: pointer;\r\n            border: none;\r\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .song-info {\r\n            margin-top: 30px;\r\n            padding-top: 20px;\r\n            border-top: 1px solid rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .song-title {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            color: #333;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .artist-name {\r\n            font-size: 16px;\r\n            color: #666;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .status {\r\n            font-size: 14px;\r\n            color: #999;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* Mobile Responsive *\/\r\n        @media (max-width: 480px) {\r\n            body {\r\n                padding: 10px;\r\n            }\r\n            \r\n            .player-container {\r\n                padding: 25px 20px;\r\n                border-radius: 15px;\r\n            }\r\n            \r\n            .waveform {\r\n                height: 60px;\r\n                margin-bottom: 25px;\r\n            }\r\n            \r\n            .controls {\r\n                gap: 20px;\r\n                margin: 30px 0;\r\n            }\r\n            \r\n            .control-btn {\r\n                font-size: 20px;\r\n                min-width: 44px;\r\n                min-height: 44px;\r\n                padding: 10px;\r\n            }\r\n            \r\n            .play-btn {\r\n                width: 60px;\r\n                height: 60px;\r\n                font-size: 24px;\r\n            }\r\n            \r\n            .volume-slider {\r\n                width: 120px;\r\n            }\r\n            \r\n            .song-title {\r\n                font-size: 18px;\r\n            }\r\n            \r\n            .artist-name {\r\n                font-size: 14px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n            .player-container {\r\n                padding: 20px 15px;\r\n            }\r\n            \r\n            .controls {\r\n                gap: 15px;\r\n            }\r\n            \r\n            .control-btn {\r\n                font-size: 18px;\r\n                min-width: 40px;\r\n                min-height: 40px;\r\n            }\r\n            \r\n            .play-btn {\r\n                width: 55px;\r\n                height: 55px;\r\n                font-size: 22px;\r\n            }\r\n            \r\n            .volume-slider {\r\n                width: 100px;\r\n            }\r\n        }\r\n\r\n        \/* Loading animation *\/\r\n        @keyframes loading {\r\n            0%, 100% { opacity: 0.3; }\r\n            50% { opacity: 1; }\r\n        }\r\n\r\n        .loading .waveform-bar {\r\n            animation: loading 1.5s ease-in-out infinite;\r\n        }\r\n\r\n        .loading .waveform-bar:nth-child(2n) {\r\n            animation-delay: 0.1s;\r\n        }\r\n\r\n        .loading .waveform-bar:nth-child(3n) {\r\n            animation-delay: 0.2s;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"player-container\">\r\n        <!-- Hidden Audio Element -->\r\n        <audio id=\"audioPlayer\" preload=\"metadata\" crossorigin=\"anonymous\">\r\n            <source src=\"https:\/\/www.leeds.lk\/wp-content\/uploads\/2025\/06\/Leeds-School-Anthem.wav\" type=\"audio\/wav\">\r\n            Your browser does not support the audio element.\r\n        <\/audio>\r\n        \r\n        <!-- Audio Waveform -->\r\n        <div id=\"waveform\" class=\"waveform\">\r\n            <!-- Waveform bars will be generated by JavaScript -->\r\n        <\/div>\r\n        \r\n        <!-- Progress Bar -->\r\n        <div class=\"progress-container\">\r\n            <input type=\"range\" id=\"progressBar\" class=\"progress-bar\" min=\"0\" max=\"100\" value=\"0\">\r\n            <div class=\"time-display\">\r\n                <div id=\"currentTime\">0:00<\/div>\r\n                <div id=\"totalTime\">0:00<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Control Buttons -->\r\n        <div class=\"controls\">\r\n         \r\n            <button id=\"playBtn\" class=\"play-btn\" onclick=\"togglePlay()\" title=\"Play\/Pause\">\r\n                \u25b6\ufe0f\r\n            <\/button>\r\n          \r\n        <\/div>\r\n        \r\n        <!-- Volume Control -->\r\n        <div class=\"volume-control\">\r\n            <span class=\"volume-icon\">\ud83d\udd0a<\/span>\r\n            <input type=\"range\" id=\"volumeSlider\" class=\"volume-slider\" min=\"0\" max=\"100\" value=\"50\">\r\n        <\/div>\r\n        \r\n       \r\n\r\n    <script>\r\n        \/\/ Audio Player Class\r\n        class AudioPlayer {\r\n            constructor() {\r\n                this.audio = document.getElementById('audioPlayer');\r\n                this.isPlaying = false;\r\n                this.isShuffled = false;\r\n                this.isRepeating = false;\r\n                this.waveformInterval = null;\r\n                this.isAudioLoaded = false;\r\n                \r\n                this.initializePlayer();\r\n            }\r\n            \r\n            initializePlayer() {\r\n                this.setupEventListeners();\r\n                this.generateWaveform();\r\n                this.audio.load();\r\n            }\r\n            \r\n            setupEventListeners() {\r\n                this.audio.addEventListener('loadedmetadata', () => {\r\n                    this.isAudioLoaded = true;\r\n                    document.getElementById('totalTime').textContent = this.formatTime(this.audio.duration);\r\n                    document.getElementById('loadingStatus').textContent = 'Ready to play';\r\n                    document.getElementById('waveform').classList.remove('loading');\r\n                });\r\n                \r\n                this.audio.addEventListener('loadstart', () => {\r\n                    document.getElementById('loadingStatus').textContent = 'Loading audio...';\r\n                    document.getElementById('waveform').classList.add('loading');\r\n                });\r\n                \r\n                this.audio.addEventListener('canplay', () => {\r\n                    document.getElementById('loadingStatus').textContent = 'Audio ready';\r\n                });\r\n                \r\n                this.audio.addEventListener('error', (e) => {\r\n                    console.error('Audio loading error:', e);\r\n                    document.getElementById('loadingStatus').textContent = 'Error loading audio';\r\n                    document.getElementById('waveform').classList.remove('loading');\r\n                });\r\n                \r\n                this.audio.addEventListener('timeupdate', () => {\r\n                    if (!this.audio.paused) {\r\n                        this.updateProgress();\r\n                    }\r\n                });\r\n                \r\n                this.audio.addEventListener('ended', () => {\r\n                    if (this.isRepeating) {\r\n                        this.audio.currentTime = 0;\r\n                        this.audio.play();\r\n                    } else {\r\n                        this.stopPlayback();\r\n                    }\r\n                });\r\n                \r\n                document.getElementById('progressBar').addEventListener('input', (e) => {\r\n                    if (this.audio.duration) {\r\n                        const percentage = e.target.value;\r\n                        this.audio.currentTime = (percentage \/ 100) * this.audio.duration;\r\n                    }\r\n                });\r\n                \r\n                document.getElementById('volumeSlider').addEventListener('input', (e) => {\r\n                    this.audio.volume = e.target.value \/ 100;\r\n                });\r\n                \r\n                \/\/ Keyboard shortcuts\r\n                document.addEventListener('keydown', (e) => {\r\n                    switch(e.code) {\r\n                        case 'Space':\r\n                            e.preventDefault();\r\n                            togglePlay();\r\n                            break;\r\n                        case 'ArrowLeft':\r\n                            this.audio.currentTime = Math.max(0, this.audio.currentTime - 10);\r\n                            break;\r\n                        case 'ArrowRight':\r\n                            this.audio.currentTime = Math.min(this.audio.duration, this.audio.currentTime + 10);\r\n                            break;\r\n                    }\r\n                });\r\n                \r\n                this.audio.volume = 0.5;\r\n            }\r\n            \r\n            generateWaveform() {\r\n                const waveform = document.getElementById('waveform');\r\n                const barCount = 30;\r\n                \r\n                waveform.innerHTML = ''; \/\/ Clear existing bars\r\n                \r\n                for (let i = 0; i < barCount; i++) {\r\n                    const bar = document.createElement('div');\r\n                    bar.className = 'waveform-bar';\r\n                    const height = Math.random() * 60 + 10;\r\n                    bar.style.height = height + 'px';\r\n                    waveform.appendChild(bar);\r\n                }\r\n            }\r\n            \r\n            animateWaveform() {\r\n                const bars = document.querySelectorAll('.waveform-bar');\r\n                let activeIndex = 0;\r\n                \r\n                this.waveformInterval = setInterval(() => {\r\n                    if (!this.isPlaying) return;\r\n                    \r\n                    bars.forEach(bar => bar.classList.remove('active'));\r\n                    \r\n                    for (let i = 0; i < 3; i++) {\r\n                        const index = (activeIndex + i) % bars.length;\r\n                        bars[index].classList.add('active');\r\n                    }\r\n                    \r\n                    activeIndex = (activeIndex + 1) % bars.length;\r\n                }, 150);\r\n            }\r\n            \r\n            stopWaveformAnimation() {\r\n                if (this.waveformInterval) {\r\n                    clearInterval(this.waveformInterval);\r\n                }\r\n                document.querySelectorAll('.waveform-bar').forEach(bar => {\r\n                    bar.classList.remove('active');\r\n                });\r\n            }\r\n            \r\n            updateProgress() {\r\n                if (this.audio.duration) {\r\n                    const progressBar = document.getElementById('progressBar');\r\n                    const currentTimeEl = document.getElementById('currentTime');\r\n                    \r\n                    const percentage = (this.audio.currentTime \/ this.audio.duration) * 100;\r\n                    progressBar.value = percentage;\r\n                    currentTimeEl.textContent = this.formatTime(this.audio.currentTime);\r\n                }\r\n            }\r\n            \r\n            formatTime(seconds) {\r\n                if (isNaN(seconds)) return '0:00';\r\n                const mins = Math.floor(seconds \/ 60);\r\n                const secs = Math.floor(seconds % 60);\r\n                return `${mins}:${secs.toString().padStart(2, '0')}`;\r\n            }\r\n            \r\n            startPlayback() {\r\n                this.isPlaying = true;\r\n                document.getElementById('playBtn').innerHTML = '\u23f8\ufe0f';\r\n                this.animateWaveform();\r\n                document.getElementById('loadingStatus').textContent = 'Now playing...';\r\n            }\r\n            \r\n            stopPlayback() {\r\n                this.isPlaying = false;\r\n                document.getElementById('playBtn').innerHTML = '\u25b6\ufe0f';\r\n                this.stopWaveformAnimation();\r\n                document.getElementById('loadingStatus').textContent = 'Paused';\r\n            }\r\n        }\r\n\r\n        \/\/ Global functions for audio player controls\r\n        function togglePlay() {\r\n            if (!audioPlayer.isAudioLoaded) {\r\n                alert('Audio is still loading. Please wait...');\r\n                return;\r\n            }\r\n            \r\n            if (audioPlayer.isPlaying) {\r\n                audioPlayer.audio.pause();\r\n                audioPlayer.stopPlayback();\r\n            } else {\r\n                audioPlayer.audio.play().then(() => {\r\n                    audioPlayer.startPlayback();\r\n                }).catch(error => {\r\n                    console.error('Playback failed:', error);\r\n                    document.getElementById('loadingStatus').textContent = 'Playback failed. Please try again.';\r\n                });\r\n            }\r\n        }\r\n\r\n        function toggleShuffle() {\r\n            const shuffleBtn = document.getElementById('shuffleBtn');\r\n            audioPlayer.isShuffled = !audioPlayer.isShuffled;\r\n            shuffleBtn.classList.toggle('active', audioPlayer.isShuffled);\r\n        }\r\n\r\n        function toggleRepeat() {\r\n            const repeatBtn = document.getElementById('repeatBtn');\r\n            audioPlayer.isRepeating = !audioPlayer.isRepeating;\r\n            repeatBtn.classList.toggle('active', audioPlayer.isRepeating);\r\n        }\r\n\r\n        function previousTrack() {\r\n            audioPlayer.audio.currentTime = 0;\r\n            audioPlayer.updateProgress();\r\n        }\r\n\r\n        function nextTrack() {\r\n            \/\/ For single track, restart the song\r\n            audioPlayer.audio.currentTime = 0;\r\n            audioPlayer.updateProgress();\r\n        }\r\n        \r\n        \/\/ Initialize the audio player when page loads\r\n        let audioPlayer;\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            audioPlayer = new AudioPlayer();\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-ee20f75 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"ee20f75\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-9c7a30c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"9c7a30c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddad3f5 elementor-widget elementor-widget-heading\" data-id=\"ddad3f5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Spirit of Leeds :<br> Our Anthem of Pride and Unity<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"has_eae_slider elementor-element elementor-element-7912227 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"7912227\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bcffdc3 elementor-widget elementor-widget-heading\" data-id=\"bcffdc3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\n\u00a0\nO School of mine, do guide me to my future in this land\u2028<br>With all my brothers and my sisters I\u2019ll come hand in hand\u2028<br>Teach me to love, teach me to share, teach me to understand <br>\u2028That learning will enlighten me to care for fellow man.<br>\nGive me hope and courage too\u2028<br>For goodness, justice to pursue <br>\u2028From now on will I try to do <br>\u2028My very best, I promise you.<br>\nO Leeds, Leeds come lead the way, come show us what is right\u2028<br>For righteousness we\u2019ll stand up and work hard with all our might <br>\u2028Sing glory to you, glory to you, glory to your light\u2028<br>That shines above us through our journey to the good and bright.<br>\nGreatness is not hard to find <br>\u2028If knowledge travels right behind <br>\u2028Race or class of any kind <br>\u2028Nor language will it ever mind<br>\nO School of ours, rise to the fore and here us in our song;\u2028<br>We know you won\u2019t forsake us in your power oh so strong\u2028<br>Be true and fair, uphold your dreams, together let\u2019s go on\u2028<br>And may your name, your shining light and glory too live long!\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-619adf4 elementor-widget elementor-widget-heading\" data-id=\"619adf4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Music And Lyrics By: Avanthi Perera<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About us &gt; School Anthem The Sound of Our Spirit: Our Anthem Apply Now https:\/\/www.leeds.lk\/wp-content\/uploads\/2025\/07\/WhatsApp-Video-2025-06-23-at-10.08.20_b54d083a-1.mp4 Mobile Audio Player Your browser does not support the audio element. 0:00 0:00 \u25b6\ufe0f \ud83d\udd0a The Spirit of Leeds : Our Anthem of Pride and Unity \u00a0 O School of mine, do guide me to my future in this land\u2028With all my brothers and my sisters I\u2019ll come hand in hand\u2028Teach me to love, teach me to share, teach me to understand \u2028That learning will enlighten me to care for fellow man. Give me hope and courage too\u2028For goodness, justice to pursue \u2028From now on will I try to do \u2028My very best, I promise you. O Leeds, Leeds come lead the way, come show us what is right\u2028For righteousness we\u2019ll stand up and work hard with all our might \u2028Sing glory to you, glory to you, glory to your light\u2028That shines above us through our journey to the good and bright. Greatness is not hard to find \u2028If knowledge travels right behind \u2028Race or class of any kind \u2028Nor language will it ever mind O School of ours, rise to the fore and here us in our song;\u2028We know you won\u2019t forsake us in your power oh so strong\u2028Be true and fair, uphold your dreams, together let\u2019s go on\u2028And may your name, your shining light and glory too live long! Music And Lyrics By: Avanthi Perera<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1646","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.leeds.lk\/index.php?rest_route=\/wp\/v2\/pages\/1646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.leeds.lk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.leeds.lk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.leeds.lk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.leeds.lk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1646"}],"version-history":[{"count":7,"href":"https:\/\/www.leeds.lk\/index.php?rest_route=\/wp\/v2\/pages\/1646\/revisions"}],"predecessor-version":[{"id":22998,"href":"https:\/\/www.leeds.lk\/index.php?rest_route=\/wp\/v2\/pages\/1646\/revisions\/22998"}],"wp:attachment":[{"href":"https:\/\/www.leeds.lk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}