{"id":981,"date":"2020-10-23T18:50:33","date_gmt":"2020-10-23T10:50:33","guid":{"rendered":"https:\/\/academy.isf.edu.hk\/?page_id=981"},"modified":"2021-06-02T18:30:42","modified_gmt":"2021-06-02T10:30:42","slug":"school-song","status":"publish","type":"page","link":"https:\/\/academy.isf.edu.hk\/index.php\/about-us\/school-song\/","title":{"rendered":"School Song"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_section el_class=&#8221;theme-aboutus theme-aboutus-header header-section&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;200px&#8221;][vc_custom_heading text=&#8221;SCHOOL SONG&#8221; font_container=&#8221;tag:h2|font_size:28px|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeIn&#8221;][vc_empty_space height=&#8221;100px&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;theme-aboutus bgschoolsong&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_empty_space height=&#8221;150px&#8221;]\r\n        <link href=\"https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/css\/player\/audioplayer.css\"  rel=\"stylesheet\" type=\"text\/css\" media=\"screen\">\r\n                <style type=\"text\/CSS\">\r\n                .audioplayer{background:#f7f7f7;margin-bottom:50px;height:76px; max-width:690px;}\r\n                .audioplayer-time-current{order:1;}\r\n                .audioplayer-bar{order:2;}\r\n                .audioplayer-time-duration{order:3;}\r\n                .audioplayer-playpause{order:4;width:10%;}\r\n                .audioplayer-volume{order:5;width:45%;}\r\n\r\n                \r\n                .audioplayer-playing .audioplayer-playpause{ width:48px;margin:0px 30px;background:#003c80; border-color:#003c80;}\r\n                .audioplayer-playing .audioplayer-playpause:hover{background:rgba(0,74,200,0.3);}\r\n                .audioplayer-playing .audioplayer-playpause a::before, .audioplayer-playing .audioplayer-playpause a::after{background:#FFF;}\r\n                .audioplayer:not(.audioplayer-playing) .audioplayer-playpause{background:#003c80; border-color:#003c80;width:48px;height:48px;margin:0px 30px;}\r\n                .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a{border-color:#FFF;border-top: 7px solid transparent;\r\n                    border-right: none;\r\n                    border-bottom: 7px solid transparent;}\r\n\r\n                .audioplayer-volume-button a, .audioplayer-mute .audioplayer-volume-button a{background-color:#003c80;}\r\n                \r\n                .audioplayer-volume-button a:before, .audioplayer-mute .audioplayer-volume-button a:before{border-right-color:#003c80;}\r\n                .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after{left:12px; top:0px; border:3px double #003c80;border-width:8px 8px 0px 0px;}\r\n\r\n                .audioplayer-volume-adjust div div{background-color:#003c80;}\r\n                .audioplayer-volume-adjust, .audioplayer-volume-adjust > div{width:100%;}\r\n\r\n                .audioplayer-bar-played{background:#003c80;}\r\n                .audioplayer-bar-played::after{background:#003c80;border:#003c80 solid 1px; width:16px; height:16px;border-radius:8px;top:-7px;}\r\n                .audioplayer:not(.audioplayer-playing) .audioplayer-bar-played::after{border:#003c80 solid 1px;}\r\n\r\n                .lyrics {font-family: DINPro, sans-serif !important;font-size:30px;margin-bottom:40px;}\r\n                .lyrics.active{color:#0081c4;font-weigth:bold;}\r\n                .audioplayer-volume-adjust>div>div:after{content:\"\";display:block;position:absolute;top:-6px;right:-6px;background:#003c80;border:#003c80 solid 1px; width:16px; height:16px;border-radius:8px;top:-7px;}\r\n                <\/style><audio preload=\"auto\" controls>\r\n                                <source src=\"https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/Eng School Song.WAV\">\r\n                        <\/audio>\r\n                        <p id=\"lyrics-1\" class=\"lyrics\">In this place where we can learn and play,<\/p>\r\n\r\n                        <p id=\"lyrics-2\" class=\"lyrics\">In our school it\u2019s never dull or grey,<\/p>\r\n\r\n                        <p id=\"lyrics-3\" class=\"lyrics\">Hand in Hand together and united as we stand,<\/p>\r\n\r\n                        <p id=\"lyrics-4\" class=\"lyrics\">Everyone, we welcome a great new day.<\/p>\r\n                        <p><\/p>\r\n                        <p id=\"lyrics-5\" class=\"lyrics\">Giving love, is a way we learn to gain,<\/p>\r\n\r\n                        <p id=\"lyrics-6\" class=\"lyrics\">Sharing pain, is a sign of being brave,<\/p>\r\n\r\n                        <p id=\"lyrics-7\" class=\"lyrics\">In this school, we walk together sunshine after rain,<\/p>\r\n\r\n                        <p id=\"lyrics-8\" class=\"lyrics\">Come what may, we welcome every day.<\/p>\r\n        <script src=\"https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/js\/audioplayer.js\" type=\"text\/javascript\"><\/script>\r\n\t\t<script>\r\n            $(function() {\r\n                $(\"audio\").audioPlayer();\r\n            });\r\n            setInterval(highlightLyrics,1000);\r\n            function highlightLyrics(){\r\n                if ($(\".audioplayer-time-current\").html()==\"00:00\")\r\n                {\r\n                    $(\".lyrics\").removeClass(\"active\");\r\n                }\r\n                else if ($(\".audioplayer-time-current\").html()==\"00:06\")\r\n                {\r\n                    $(\"#lyrics-1\").addClass(\"active\");\r\n                }\r\n                else if($(\".audioplayer-time-current\").html()==\"00:13\")\r\n                {\r\n                    $(\".lyrics\").removeClass(\"active\");\r\n                    $(\"#lyrics-2\").addClass(\"active\");\r\n                }\r\n                else if($(\".audioplayer-time-current\").html()==\"00:19\")\r\n                {\r\n                    $(\".lyrics\").removeClass(\"active\");\r\n                    $(\"#lyrics-3\").addClass(\"active\");\r\n                }\r\n                else if($(\".audioplayer-time-current\").html()==\"00:27\")\r\n                {\r\n                    $(\".lyrics\").removeClass(\"active\");\r\n                    $(\"#lyrics-4\").addClass(\"active\");\r\n                }\r\n                else if($(\".audioplayer-time-current\").html()==\"00:36\")\r\n                {\r\n                    $(\".lyrics\").removeClass(\"active\");\r\n                    $(\"#lyrics-5\").addClass(\"active\");\r\n                }\r\n                else if($(\".audioplayer-time-current\").html()==\"00:42\")\r\n                {\r\n                    $(\".lyrics\").removeClass(\"active\");\r\n                    $(\"#lyrics-6\").addClass(\"active\");\r\n                }\r\n                else if($(\".audioplayer-time-current\").html()==\"00:50\")\r\n                {\r\n                    $(\".lyrics\").removeClass(\"active\");\r\n                    $(\"#lyrics-7\").addClass(\"active\");\r\n                }\r\n                else if($(\".audioplayer-time-current\").html()==\"00:57\")\r\n                {\r\n                    $(\".lyrics\").removeClass(\"active\");\r\n                    $(\"#lyrics-8\").addClass(\"active\");\r\n                }\r\n\r\n            }\r\n            \r\n\t\t<\/script>[vc_empty_space height=&#8221;350px&#8221;][\/vc_column][\/vc_row][\/vc_section]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_section el_class=&#8221;theme-aboutus theme-aboutus-header header-section&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;200px&#8221;][vc_custom_heading text=&#8221;SCHOOL SONG&#8221; font_container=&#8221;tag:h2|font_size:28px|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeIn&#8221;][vc_empty_space height=&#8221;100px&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;theme-aboutus bgschoolsong&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column width=&#8221;1\/3&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_empty_space height=&#8221;150px&#8221;][vc_empty_space height=&#8221;350px&#8221;][\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":835,"menu_order":53,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"neve_meta_sidebar":"full-width","neve_meta_container":"","neve_meta_enable_content_width":"on","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/981"}],"collection":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/comments?post=981"}],"version-history":[{"count":24,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/981\/revisions"}],"predecessor-version":[{"id":6361,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/981\/revisions\/6361"}],"up":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/835"}],"wp:attachment":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/media?parent=981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}