{"id":4168,"date":"2021-01-14T17:47:54","date_gmt":"2021-01-14T09:47:54","guid":{"rendered":"https:\/\/academy.isf.edu.hk\/?page_id=4168"},"modified":"2026-01-07T16:32:41","modified_gmt":"2026-01-07T08:32:41","slug":"achievements-and-news","status":"publish","type":"page","link":"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/","title":{"rendered":"Achievements &#038; News"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_section el_class=&#8221;theme-news theme-news-header header-section&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;150px&#8221;][vc_custom_heading text=&#8221;STUDENT ACHIEVEMENTS&#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_wp_custommenu nav_menu=&#8221;144&#8243; el_class=&#8221;header-menu&#8221;][vc_empty_space height=&#8221;150px&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;theme-news bg1&#8243;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;100px&#8221;]<style text=\"text\/css\"><\/style><h2  class=\"isf_custom_heading filled\" style=\"text-align:left;\">Academics<\/h2>[vc_empty_space height=&#8221;50px&#8221;][vc_tta_tabs style=&#8221;flat&#8221; shape=&#8221;square&#8221; spacing=&#8221;20&#8243; gap=&#8221;20&#8243; active_section=&#8221;1&#8243; el_class=&#8221;isf-tab&#8221;][vc_tta_section title=&#8221;2025-26&#8243; tab_id=&#8221;1610707582159-dfb199d7-750f&#8221;]<style type=\"text\/css\">\r\n        .masonry {\r\n            display: grid;\r\n            grid-gap: 1em;grid-template-columns: repeat(auto-fill, minmax(31%,1fr));grid-auto-rows: 0;\r\n          }\r\n\r\n                  .masonry-content {\r\n                    overflow: hidden; \r\n                    -webkit-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    -moz-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    border-radius:0px 50px 0px 50px;\r\n                  }\r\n                \r\n                  .masonry-brick {\r\n                    color: #2f3640;\r\n                    transition: opacity .25s ease-in-out;\r\n                   \r\n                  }\r\n                \r\n                  .masonry-brick:hover {\r\n                     opacity: .75;\r\n                  }\r\n                  .masonry-content>img{ width:100%;}\r\n                  .masonry-title,\r\n                  .masonry-description {\r\n                      margin: 0;\r\n                  }\r\n                \r\n                  .masonry-title  {\r\n                    line-height: 0.8;\r\n                  }\r\n                  .masonry-title a{\r\n                    font-size: 21px;\r\n                    color: #00145a;\r\n                    text-align: left;\r\n                    font-family: Noto Sans;\r\n                    font-weight: 700;\r\n                    font-style: normal;\r\n                    text-decoration:none !important;\r\n                  }\r\n                \r\n                  .masonry-description {\r\n                    font-size: .75rem;\r\n                    color: #666;\r\n                    padding-top:10px;\r\n                    display:none;\r\n                  }\r\n                  \r\n                  .masonry-content{ position:relative;background:#EBEBEB;  height:350px; text-align:center;}\r\n                  .pnl-masonry-content{\r\n                    position:relative;\r\n                    height:70px;\r\n                    z-index:2;\r\n                    background: rgba(255, 103, 32, 0.8);\r\n\r\n                    border-radius:0px 0px 0px 50px;\r\n                    padding:10px 50px 10px 50px;\r\n                    overflow:hidden;\r\n                  }\r\n                  .achievement_type_t{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-t.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .achievement_type_tni{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-tni.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .achievement_type_v{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-v.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .masonry-content .achievement-thumbnail {background:#EBEBEB;height:280px;width:100%;overflow:hidden;}\r\n                  .masonry-content img{width:100%; margin:0 auto;}\r\n                  .masonry-content p{text-align:left;}                   \r\n                  .masonry-content h3{text-align:left;}      \r\n                  .masonry-content h3 a{ color:#FFF;}\r\n\r\n                  .filter-nav{ width:100%; clear:both; display:flex; margin:20px 0px;padding:0px 5px}\r\n                  .filter-nav li{\r\n                    background:#FFF;\r\n                    border:#ff6720 solid 1px; \r\n                    border-radius:0px 10px 0px 10px; \r\n                    width:auto;\r\n                    padding:5px 15px 5px 40px;\r\n                    color:#ff6720;\r\n                    margin:5px;\r\n                    cursor:pointer;\r\n                    position:relative;\r\n                  }\r\n                  .filter-nav li:hover, .filter-nav li.active{\r\n                    background:#ff6720;\r\n                    color:#FFF;\r\n                  }\r\n                  .filter-nav li.active:after{\r\n                    content:\"x\";                    \r\n                    font-family: DINPro, sans-serif;\r\n                    width:20px;\r\n                    height:20px;\r\n                    margin-left:10px;\r\n                    opacity:0.5;\r\n                  }\r\n                  \r\n                  .achievement-item{display:none;}\r\n                  .achievement-item.active{display:block;}\r\n\r\n                  .filter-icon{\r\n                    position:absolute;\r\n                    left:15px;\r\n                    top:10px;\r\n                    width:20px;\r\n                    height:20px;\r\n                    background-color:#FFF !important;\r\n                    background-repeat:no-repeat;\r\n                    background-position:left top;\r\n\r\n                  }\r\n                  .filter-nav li:hover .filter-icon,.filter-nav li.active .filter-icon{\r\n                    background-color:#ff6720 !important;                    \r\n                    background-position:left bottom;\r\n\r\n                  }\r\n                    <\/style><div id=\"\"><div class=\"masonry\"><div class=\"masonry-brick achievement-item active cat-academics-2025-26 \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/the-16th-chinese-historical-studies-essay-competition-for-hong-kong-secondary-school-students-2024-2025\/\" class=\"vc_gitem-link\" title=\"The 16th Chinese Historical Studies Essay Competition for Hong Kong Secondary School Students (2024-2025)\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/\u7814\u7fd2\u6bd4\u8cfd\u5408\u5f71-scaled-1.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/\u7814\u7fd2\u6bd4\u8cfd\u5408\u5f71-scaled-1.jpg\" alt=\"The 16th Chinese Historical Studies Essay Competition for Hong Kong Secondary School Students (2024-2025)\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">2025-26<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/the-16th-chinese-historical-studies-essay-competition-for-hong-kong-secondary-school-students-2024-2025\/\" class=\"vc_gitem-link\" title=\"The 16th Chinese Historical Studies Essay Competition for Hong Kong Secondary School Students (2024-2025)\">The 16th Chinese Historical Studies Essay Competition for Hong Kong Secondary School Students (2024-2025)<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-academics-2025-26 \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/student-achievements\/isf-alumna-named-2026-rhodes-scholar\/\" class=\"vc_gitem-link\" title=\"ISF Alumna Named 2026 Rhodes Scholar\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Screenshot-2025-11-25-1642201.png) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Screenshot-2025-11-25-1642201.png\" alt=\"ISF Alumna Named 2026 Rhodes Scholar\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">2025-26<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/student-achievements\/isf-alumna-named-2026-rhodes-scholar\/\" class=\"vc_gitem-link\" title=\"ISF Alumna Named 2026 Rhodes Scholar\">ISF Alumna Named 2026 Rhodes Scholar<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <\/div><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery.imagesloaded\/4.1.1\/imagesloaded.pkgd.min.js\"><\/script>\r\n         <script>\r\n   \/**\r\n    * Set appropriate spanning to any masonry item\r\n    *\r\n    * Get different properties we already set for the masonry, calculate \r\n    * height or spanning for any cell of the masonry grid based on its \r\n    * content-wrapper's height, the (row) gap of the grid, and the size \r\n    * of the implicit row tracks.\r\n    *\r\n    * @param item Object A brick\/tile\/cell inside the masonry\r\n    *\/\r\n   function resizeMasonryItem(item){\r\n     \/* Get the grid object, its row-gap, and the size of its implicit rows *\/\r\n     var grid = document.getElementsByClassName(\"masonry\")[0],\r\n         rowGap = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-row-gap\")),\r\n         rowHeight = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-auto-rows\"));\r\n   \r\n     \/*\r\n      * Spanning for any brick = S\r\n      * Grid's row-gap = G\r\n      * Size of grid's implicitly create row-track = R\r\n      * Height of item content = H\r\n      * Net height of the item = H1 = H + G\r\n      * Net height of the implicit row-track = T = G + R\r\n      * S = H1 \/ T\r\n      *\/\r\n     \/\/var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").getBoundingClientRect().height+rowGap)\/(rowHeight+rowGap));\r\n     var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").offsetHeight+rowGap)\/(rowHeight+rowGap));\r\n   \r\n     \/* Set the spanning as calculated above (S) *\/\r\n     item.style.gridRowEnd = \"span \"+rowSpan;\r\n   }\r\n   \r\n   \/**\r\n    * Apply spanning to all the masonry items\r\n    *\r\n    * Loop through all the items and apply the spanning to them using \r\n    * `resizeMasonryItem()` function.\r\n    *\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function resizeAllMasonryItems(){\r\n     \/\/ Get all item class objects in one list\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n   \r\n     \/*\r\n      * Loop through the above list and execute the spanning function to\r\n      * each list-item (i.e. each masonry item)\r\n      *\/\r\n     for(var i=0;i>allItems.length;i++){\r\n       resizeMasonryItem(allItems[i]);\r\n     }\r\n   }\r\n   \r\n   \/**\r\n    * Resize the items when all the images inside the masonry grid \r\n    * finish loading. This will ensure that all the content inside our\r\n    * masonry items is visible.\r\n    *\r\n    * @uses ImagesLoaded\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function waitForImages() {\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n     for(var i=0;i<allItems.length;i++){\r\n       imagesLoaded( allItems[i], function(instance) {\r\n         var item = instance.elements[0];\r\n         resizeMasonryItem(item);\r\n       } );\r\n     }\r\n   }\r\n   \r\n   \/* Resize all the grid items on the load and resize events *\/\r\n   var masonryEvents = [\"load\", \"resize\"];\r\n   masonryEvents.forEach( function(event) {\r\n     window.addEventListener(event, resizeAllMasonryItems);\r\n   } );\r\n   \r\n   \/* Do a resize once more when all the images finish loading *\/\r\n   waitForImages();\r\n   \r\n   \r\n   $(window).resize(function(){waitForImages();});\r\n   $(document).ready(function(){\r\n    $(\".vc_tta-tab a\").click(waitForImages);\r\n    $(\".vc_tta-panel-title a\").click(waitForImages);\r\n   });\r\n   \r\n   <\/script><\/div>[\/vc_tta_section][vc_tta_section title=&#8221;2024-25&#8243; tab_id=&#8221;1619505812343-de3c30bf-3113&#8243;]<style type=\"text\/css\">\r\n        .masonry {\r\n            display: grid;\r\n            grid-gap: 1em;grid-template-columns: repeat(auto-fill, minmax(31%,1fr));grid-auto-rows: 0;\r\n          }\r\n\r\n                  .masonry-content {\r\n                    overflow: hidden; \r\n                    -webkit-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    -moz-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    border-radius:0px 50px 0px 50px;\r\n                  }\r\n                \r\n                  .masonry-brick {\r\n                    color: #2f3640;\r\n                    transition: opacity .25s ease-in-out;\r\n                   \r\n                  }\r\n                \r\n                  .masonry-brick:hover {\r\n                     opacity: .75;\r\n                  }\r\n                  .masonry-content>img{ width:100%;}\r\n                  .masonry-title,\r\n                  .masonry-description {\r\n                      margin: 0;\r\n                  }\r\n                \r\n                  .masonry-title  {\r\n                    line-height: 0.8;\r\n                  }\r\n                  .masonry-title a{\r\n                    font-size: 21px;\r\n                    color: #00145a;\r\n                    text-align: left;\r\n                    font-family: Noto Sans;\r\n                    font-weight: 700;\r\n                    font-style: normal;\r\n                    text-decoration:none !important;\r\n                  }\r\n                \r\n                  .masonry-description {\r\n                    font-size: .75rem;\r\n                    color: #666;\r\n                    padding-top:10px;\r\n                    display:none;\r\n                  }\r\n                  \r\n                  .masonry-content{ position:relative;background:#EBEBEB;  height:350px; text-align:center;}\r\n                  .pnl-masonry-content{\r\n                    position:relative;\r\n                    height:70px;\r\n                    z-index:2;\r\n                    background: rgba(255, 103, 32, 0.8);\r\n\r\n                    border-radius:0px 0px 0px 50px;\r\n                    padding:10px 50px 10px 50px;\r\n                    overflow:hidden;\r\n                  }\r\n                  .achievement_type_t{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-t.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .achievement_type_tni{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-tni.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .achievement_type_v{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-v.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .masonry-content .achievement-thumbnail {background:#EBEBEB;height:280px;width:100%;overflow:hidden;}\r\n                  .masonry-content img{width:100%; margin:0 auto;}\r\n                  .masonry-content p{text-align:left;}                   \r\n                  .masonry-content h3{text-align:left;}      \r\n                  .masonry-content h3 a{ color:#FFF;}\r\n\r\n                  .filter-nav{ width:100%; clear:both; display:flex; margin:20px 0px;padding:0px 5px}\r\n                  .filter-nav li{\r\n                    background:#FFF;\r\n                    border:#ff6720 solid 1px; \r\n                    border-radius:0px 10px 0px 10px; \r\n                    width:auto;\r\n                    padding:5px 15px 5px 40px;\r\n                    color:#ff6720;\r\n                    margin:5px;\r\n                    cursor:pointer;\r\n                    position:relative;\r\n                  }\r\n                  .filter-nav li:hover, .filter-nav li.active{\r\n                    background:#ff6720;\r\n                    color:#FFF;\r\n                  }\r\n                  .filter-nav li.active:after{\r\n                    content:\"x\";                    \r\n                    font-family: DINPro, sans-serif;\r\n                    width:20px;\r\n                    height:20px;\r\n                    margin-left:10px;\r\n                    opacity:0.5;\r\n                  }\r\n                  \r\n                  .achievement-item{display:none;}\r\n                  .achievement-item.active{display:block;}\r\n\r\n                  .filter-icon{\r\n                    position:absolute;\r\n                    left:15px;\r\n                    top:10px;\r\n                    width:20px;\r\n                    height:20px;\r\n                    background-color:#FFF !important;\r\n                    background-repeat:no-repeat;\r\n                    background-position:left top;\r\n\r\n                  }\r\n                  .filter-nav li:hover .filter-icon,.filter-nav li.active .filter-icon{\r\n                    background-color:#ff6720 !important;                    \r\n                    background-position:left bottom;\r\n\r\n                  }\r\n                    <\/style><div id=\"2122\"><div class=\"masonry\"><div class=\"masonry-brick achievement-item active cat-academics-2024-25 cat-academics \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/update-on-class-of-2025-ibdp-results\/\" class=\"vc_gitem-link\" title=\"Update on Class of 2025 IBDP Results\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SC2_05673-scaled.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/SC2_05673-scaled.jpg\" alt=\"Update on Class of 2025 IBDP Results\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">2024-25<\/span>                       <span class=\"vc_gitem-post-category-name\">Academics<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/update-on-class-of-2025-ibdp-results\/\" class=\"vc_gitem-link\" title=\"Update on Class of 2025 IBDP Results\">Update on Class of 2025 IBDP Results<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-academics-2024-25 cat-academics \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/isf-class-of-2025-celebrates-outstanding-ibdp-results-and-university-offers\/\" class=\"vc_gitem-link\" title=\"ISF Class of 2025 Celebrates Outstanding IBDP Results and University Offers\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Class-of-2025.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Class-of-2025.jpg\" alt=\"ISF Class of 2025 Celebrates Outstanding IBDP Results and University Offers\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">2024-25<\/span>                       <span class=\"vc_gitem-post-category-name\">Academics<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/isf-class-of-2025-celebrates-outstanding-ibdp-results-and-university-offers\/\" class=\"vc_gitem-link\" title=\"ISF Class of 2025 Celebrates Outstanding IBDP Results and University Offers\">ISF Class of 2025 Celebrates Outstanding IBDP Results and University Offers<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-academics-2024-25 \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/the-isf-chinese-debate-team-achieves-new-success-in-asian-cup-and-zongheng-cup\/\" class=\"vc_gitem-link\" title=\"The ISF Chinese Debate Team Achieves New Success in Asian Cup and Zongheng Cup\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/debate-thumb.png) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/debate-thumb.png\" alt=\"The ISF Chinese Debate Team Achieves New Success in Asian Cup and Zongheng Cup\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">2024-25<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/the-isf-chinese-debate-team-achieves-new-success-in-asian-cup-and-zongheng-cup\/\" class=\"vc_gitem-link\" title=\"The ISF Chinese Debate Team Achieves New Success in Asian Cup and Zongheng Cup\">The ISF Chinese Debate Team Achieves New Success in Asian Cup and Zongheng Cup<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <\/div><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery.imagesloaded\/4.1.1\/imagesloaded.pkgd.min.js\"><\/script>\r\n         <script>\r\n   \/**\r\n    * Set appropriate spanning to any masonry item\r\n    *\r\n    * Get different properties we already set for the masonry, calculate \r\n    * height or spanning for any cell of the masonry grid based on its \r\n    * content-wrapper's height, the (row) gap of the grid, and the size \r\n    * of the implicit row tracks.\r\n    *\r\n    * @param item Object A brick\/tile\/cell inside the masonry\r\n    *\/\r\n   function resizeMasonryItem(item){\r\n     \/* Get the grid object, its row-gap, and the size of its implicit rows *\/\r\n     var grid = document.getElementsByClassName(\"masonry\")[0],\r\n         rowGap = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-row-gap\")),\r\n         rowHeight = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-auto-rows\"));\r\n   \r\n     \/*\r\n      * Spanning for any brick = S\r\n      * Grid's row-gap = G\r\n      * Size of grid's implicitly create row-track = R\r\n      * Height of item content = H\r\n      * Net height of the item = H1 = H + G\r\n      * Net height of the implicit row-track = T = G + R\r\n      * S = H1 \/ T\r\n      *\/\r\n     \/\/var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").getBoundingClientRect().height+rowGap)\/(rowHeight+rowGap));\r\n     var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").offsetHeight+rowGap)\/(rowHeight+rowGap));\r\n   \r\n     \/* Set the spanning as calculated above (S) *\/\r\n     item.style.gridRowEnd = \"span \"+rowSpan;\r\n   }\r\n   \r\n   \/**\r\n    * Apply spanning to all the masonry items\r\n    *\r\n    * Loop through all the items and apply the spanning to them using \r\n    * `resizeMasonryItem()` function.\r\n    *\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function resizeAllMasonryItems(){\r\n     \/\/ Get all item class objects in one list\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n   \r\n     \/*\r\n      * Loop through the above list and execute the spanning function to\r\n      * each list-item (i.e. each masonry item)\r\n      *\/\r\n     for(var i=0;i>allItems.length;i++){\r\n       resizeMasonryItem(allItems[i]);\r\n     }\r\n   }\r\n   \r\n   \/**\r\n    * Resize the items when all the images inside the masonry grid \r\n    * finish loading. This will ensure that all the content inside our\r\n    * masonry items is visible.\r\n    *\r\n    * @uses ImagesLoaded\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function waitForImages() {\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n     for(var i=0;i<allItems.length;i++){\r\n       imagesLoaded( allItems[i], function(instance) {\r\n         var item = instance.elements[0];\r\n         resizeMasonryItem(item);\r\n       } );\r\n     }\r\n   }\r\n   \r\n   \/* Resize all the grid items on the load and resize events *\/\r\n   var masonryEvents = [\"load\", \"resize\"];\r\n   masonryEvents.forEach( function(event) {\r\n     window.addEventListener(event, resizeAllMasonryItems);\r\n   } );\r\n   \r\n   \/* Do a resize once more when all the images finish loading *\/\r\n   waitForImages();\r\n   \r\n   \r\n   $(window).resize(function(){waitForImages();});\r\n   $(document).ready(function(){\r\n    $(\".vc_tta-tab a\").click(waitForImages);\r\n    $(\".vc_tta-panel-title a\").click(waitForImages);\r\n   });\r\n   \r\n     function checkFilter2122(){\r\n       $(\"#2122 #cat-all\").removeClass(\"active\");\r\n         $(\"#2122 .achievement-item\").removeClass(\"active\");\r\n         $(\"#2122 .cat-filter\").each(function(index, element) {\r\n             \/\/alert(\"ID:\"+$(this).attr(\"id\"));\r\n             if($(this).hasClass(\"active\")){\r\n               $(\"#2122 .\"+$(this).attr(\"id\")).addClass(\"active\");\r\n             }\r\n         });\r\n       \r\n\r\n     }\r\n     \r\n     $(document).ready(function(){\r\n       $(\"#2122 #cat-all\").click(function(){\r\n         $(\"#2122 #cat-all\").toggleClass(\"active\");\r\n         if($(\"#2122 #cat-all\").hasClass(\"active\")){\r\n           $(\"#2122 .achievement-item\").addClass(\"active\");\r\n           $(\"#2122 .cat-filter\").removeClass(\"active\");\r\n         }else{\r\n           $(\"#2122 .achievement-item\").removeClass(\"active\");\r\n         }\r\n     });\r\n     $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               $(\"#2122 #cat-\").click(function(){\r\n                   $(\"#2122 #cat-\").toggleClass(\"active\");\r\n                   checkFilter2122();\r\n                 });\r\n               });\r\n   <\/script><\/div>[\/vc_tta_section][vc_tta_section title=&#8221;2023-24&#8243; tab_id=&#8221;1620629137363-b186fb08-fd8a&#8221;]<style type=\"text\/css\">\r\n        .masonry {\r\n            display: grid;\r\n            grid-gap: 1em;grid-template-columns: repeat(auto-fill, minmax(31%,1fr));grid-auto-rows: 0;\r\n          }\r\n\r\n                  .masonry-content {\r\n                    overflow: hidden; \r\n                    -webkit-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    -moz-box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    box-shadow: 2px 5px 10px 0px rgba(219,219,219,1);\r\n                    border-radius:0px 50px 0px 50px;\r\n                  }\r\n                \r\n                  .masonry-brick {\r\n                    color: #2f3640;\r\n                    transition: opacity .25s ease-in-out;\r\n                   \r\n                  }\r\n                \r\n                  .masonry-brick:hover {\r\n                     opacity: .75;\r\n                  }\r\n                  .masonry-content>img{ width:100%;}\r\n                  .masonry-title,\r\n                  .masonry-description {\r\n                      margin: 0;\r\n                  }\r\n                \r\n                  .masonry-title  {\r\n                    line-height: 0.8;\r\n                  }\r\n                  .masonry-title a{\r\n                    font-size: 21px;\r\n                    color: #00145a;\r\n                    text-align: left;\r\n                    font-family: Noto Sans;\r\n                    font-weight: 700;\r\n                    font-style: normal;\r\n                    text-decoration:none !important;\r\n                  }\r\n                \r\n                  .masonry-description {\r\n                    font-size: .75rem;\r\n                    color: #666;\r\n                    padding-top:10px;\r\n                    display:none;\r\n                  }\r\n                  \r\n                  .masonry-content{ position:relative;background:#EBEBEB;  height:350px; text-align:center;}\r\n                  .pnl-masonry-content{\r\n                    position:relative;\r\n                    height:70px;\r\n                    z-index:2;\r\n                    background: rgba(255, 103, 32, 0.8);\r\n\r\n                    border-radius:0px 0px 0px 50px;\r\n                    padding:10px 50px 10px 50px;\r\n                    overflow:hidden;\r\n                  }\r\n                  .achievement_type_t{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-t.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .achievement_type_tni{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-tni.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .achievement_type_v{background:#ff6720 url(https:\/\/academy.isf.edu.hk\/wp-content\/themes\/isfa-neve\/assets\/img\/news\/icon-v.png) no-repeat 30px top;background-size:9%;padding-left:80px;}\r\n                  .masonry-content .achievement-thumbnail {background:#EBEBEB;height:280px;width:100%;overflow:hidden;}\r\n                  .masonry-content img{width:100%; margin:0 auto;}\r\n                  .masonry-content p{text-align:left;}                   \r\n                  .masonry-content h3{text-align:left;}      \r\n                  .masonry-content h3 a{ color:#FFF;}\r\n\r\n                  .filter-nav{ width:100%; clear:both; display:flex; margin:20px 0px;padding:0px 5px}\r\n                  .filter-nav li{\r\n                    background:#FFF;\r\n                    border:#ff6720 solid 1px; \r\n                    border-radius:0px 10px 0px 10px; \r\n                    width:auto;\r\n                    padding:5px 15px 5px 40px;\r\n                    color:#ff6720;\r\n                    margin:5px;\r\n                    cursor:pointer;\r\n                    position:relative;\r\n                  }\r\n                  .filter-nav li:hover, .filter-nav li.active{\r\n                    background:#ff6720;\r\n                    color:#FFF;\r\n                  }\r\n                  .filter-nav li.active:after{\r\n                    content:\"x\";                    \r\n                    font-family: DINPro, sans-serif;\r\n                    width:20px;\r\n                    height:20px;\r\n                    margin-left:10px;\r\n                    opacity:0.5;\r\n                  }\r\n                  \r\n                  .achievement-item{display:none;}\r\n                  .achievement-item.active{display:block;}\r\n\r\n                  .filter-icon{\r\n                    position:absolute;\r\n                    left:15px;\r\n                    top:10px;\r\n                    width:20px;\r\n                    height:20px;\r\n                    background-color:#FFF !important;\r\n                    background-repeat:no-repeat;\r\n                    background-position:left top;\r\n\r\n                  }\r\n                  .filter-nav li:hover .filter-icon,.filter-nav li.active .filter-icon{\r\n                    background-color:#ff6720 !important;                    \r\n                    background-position:left bottom;\r\n\r\n                  }\r\n                    <\/style><div id=\"\"><div class=\"masonry\"><div class=\"masonry-brick achievement-item active cat-academics-2023-24 cat-academics \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/isf-class-of-2024-celebrates-outstanding-ibdp-results-and-university-offers\/\" class=\"vc_gitem-link\" title=\"ISF Class of 2024 Celebrates Outstanding IBDP Results and University Offers\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ISFG-392-scaled.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ISFG-392-scaled.jpg\" alt=\"ISF Class of 2024 Celebrates Outstanding IBDP Results and University Offers\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">2023-24<\/span>                       <span class=\"vc_gitem-post-category-name\">Academics<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/isf-class-of-2024-celebrates-outstanding-ibdp-results-and-university-offers\/\" class=\"vc_gitem-link\" title=\"ISF Class of 2024 Celebrates Outstanding IBDP Results and University Offers\">ISF Class of 2024 Celebrates Outstanding IBDP Results and University Offers<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-academics-2023-24 cat-academics \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/isf-students-shine-at-49th-international-exhibition-of-inventions-geneva\/\" class=\"vc_gitem-link\" title=\"ISF Students Shine at 49th International Exhibition of Inventions Geneva\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Congrats-ISF-students.png) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Congrats-ISF-students.png\" alt=\"ISF Students Shine at 49th International Exhibition of Inventions Geneva\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">2023-24<\/span>                       <span class=\"vc_gitem-post-category-name\">Academics<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/isf-students-shine-at-49th-international-exhibition-of-inventions-geneva\/\" class=\"vc_gitem-link\" title=\"ISF Students Shine at 49th International Exhibition of Inventions Geneva\">ISF Students Shine at 49th International Exhibition of Inventions Geneva<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick achievement-item active cat-academics-2023-24 \">\r\n                            <div class=\"masonry-content\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/arts\/clinched-second-place-in-gba-debate-tournament-2023-2024\/\" class=\"vc_gitem-link\" title=\"Clinched Second Place in GBA Debate Tournament 2023-2024\">\r\n                                    <div class=\"achievement-thumbnail\" style=\"background:url(https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/debate-5.jpg) no-repeat center center;background-size:cover;\"><!--<img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/debate-5.jpg\" alt=\"Clinched Second Place in GBA Debate Tournament 2023-2024\">--><\/div>\r\n                                 <\/a>            \r\n            <div class=\"pnl-masonry-content achievement_type_tni\"><p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">2023-24<\/span>            <\/p>\r\n                                <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/arts\/clinched-second-place-in-gba-debate-tournament-2023-2024\/\" class=\"vc_gitem-link\" title=\"Clinched Second Place in GBA Debate Tournament 2023-2024\">Clinched Second Place in GBA Debate Tournament 2023-2024<\/a><\/h3>         <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <\/div><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery.imagesloaded\/4.1.1\/imagesloaded.pkgd.min.js\"><\/script>\r\n         <script>\r\n   \/**\r\n    * Set appropriate spanning to any masonry item\r\n    *\r\n    * Get different properties we already set for the masonry, calculate \r\n    * height or spanning for any cell of the masonry grid based on its \r\n    * content-wrapper's height, the (row) gap of the grid, and the size \r\n    * of the implicit row tracks.\r\n    *\r\n    * @param item Object A brick\/tile\/cell inside the masonry\r\n    *\/\r\n   function resizeMasonryItem(item){\r\n     \/* Get the grid object, its row-gap, and the size of its implicit rows *\/\r\n     var grid = document.getElementsByClassName(\"masonry\")[0],\r\n         rowGap = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-row-gap\")),\r\n         rowHeight = parseInt(window.getComputedStyle(grid).getPropertyValue(\"grid-auto-rows\"));\r\n   \r\n     \/*\r\n      * Spanning for any brick = S\r\n      * Grid's row-gap = G\r\n      * Size of grid's implicitly create row-track = R\r\n      * Height of item content = H\r\n      * Net height of the item = H1 = H + G\r\n      * Net height of the implicit row-track = T = G + R\r\n      * S = H1 \/ T\r\n      *\/\r\n     \/\/var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").getBoundingClientRect().height+rowGap)\/(rowHeight+rowGap));\r\n     var rowSpan = Math.ceil((item.querySelector(\".masonry-content\").offsetHeight+rowGap)\/(rowHeight+rowGap));\r\n   \r\n     \/* Set the spanning as calculated above (S) *\/\r\n     item.style.gridRowEnd = \"span \"+rowSpan;\r\n   }\r\n   \r\n   \/**\r\n    * Apply spanning to all the masonry items\r\n    *\r\n    * Loop through all the items and apply the spanning to them using \r\n    * `resizeMasonryItem()` function.\r\n    *\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function resizeAllMasonryItems(){\r\n     \/\/ Get all item class objects in one list\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n   \r\n     \/*\r\n      * Loop through the above list and execute the spanning function to\r\n      * each list-item (i.e. each masonry item)\r\n      *\/\r\n     for(var i=0;i>allItems.length;i++){\r\n       resizeMasonryItem(allItems[i]);\r\n     }\r\n   }\r\n   \r\n   \/**\r\n    * Resize the items when all the images inside the masonry grid \r\n    * finish loading. This will ensure that all the content inside our\r\n    * masonry items is visible.\r\n    *\r\n    * @uses ImagesLoaded\r\n    * @uses resizeMasonryItem\r\n    *\/\r\n   function waitForImages() {\r\n     var allItems = document.getElementsByClassName(\"masonry-brick\");\r\n     for(var i=0;i<allItems.length;i++){\r\n       imagesLoaded( allItems[i], function(instance) {\r\n         var item = instance.elements[0];\r\n         resizeMasonryItem(item);\r\n       } );\r\n     }\r\n   }\r\n   \r\n   \/* Resize all the grid items on the load and resize events *\/\r\n   var masonryEvents = [\"load\", \"resize\"];\r\n   masonryEvents.forEach( function(event) {\r\n     window.addEventListener(event, resizeAllMasonryItems);\r\n   } );\r\n   \r\n   \/* Do a resize once more when all the images finish loading *\/\r\n   waitForImages();\r\n   \r\n   \r\n   $(window).resize(function(){waitForImages();});\r\n   $(document).ready(function(){\r\n    $(\".vc_tta-tab a\").click(waitForImages);\r\n    $(\".vc_tta-panel-title a\").click(waitForImages);\r\n   });\r\n   \r\n     function checkFilter(){\r\n       $(\"# #cat-all\").removeClass(\"active\");\r\n         $(\"# .achievement-item\").removeClass(\"active\");\r\n         $(\"# .cat-filter\").each(function(index, element) {\r\n             \/\/alert(\"ID:\"+$(this).attr(\"id\"));\r\n             if($(this).hasClass(\"active\")){\r\n               $(\"# .\"+$(this).attr(\"id\")).addClass(\"active\");\r\n             }\r\n         });\r\n       \r\n\r\n     }\r\n     \r\n     $(document).ready(function(){\r\n       $(\"# #cat-all\").click(function(){\r\n         $(\"# #cat-all\").toggleClass(\"active\");\r\n         if($(\"# #cat-all\").hasClass(\"active\")){\r\n           $(\"# .achievement-item\").addClass(\"active\");\r\n           $(\"# .cat-filter\").removeClass(\"active\");\r\n         }else{\r\n           $(\"# .achievement-item\").removeClass(\"active\");\r\n         }\r\n     });\r\n     $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               $(\"# #cat-\").click(function(){\r\n                   $(\"# #cat-\").toggleClass(\"active\");\r\n                   checkFilter();\r\n                 });\r\n               });\r\n   <\/script><\/div>[\/vc_tta_section][\/vc_tta_tabs][vc_empty_space height=&#8221;100px&#8221;][\/vc_column][\/vc_row][vc_row el_class=&#8221;theme-news bg3&#8243; css=&#8221;.vc_custom_1613982635928{margin-top: -160px !important;}&#8221;][vc_column][vc_empty_space height=&#8221;200px&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;theme-news bg3&#8243;][\/vc_section]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_section el_class=&#8221;theme-news theme-news-header header-section&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;150px&#8221;][vc_custom_heading text=&#8221;STUDENT ACHIEVEMENTS&#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_wp_custommenu nav_menu=&#8221;144&#8243; el_class=&#8221;header-menu&#8221;][vc_empty_space height=&#8221;150px&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;theme-news bg1&#8243;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;100px&#8221;][vc_empty_space height=&#8221;50px&#8221;][vc_tta_tabs style=&#8221;flat&#8221; shape=&#8221;square&#8221; spacing=&#8221;20&#8243; gap=&#8221;20&#8243; active_section=&#8221;1&#8243; el_class=&#8221;isf-tab&#8221;][vc_tta_section title=&#8221;2025-26&#8243; tab_id=&#8221;1610707582159-dfb199d7-750f&#8221;][\/vc_tta_section][vc_tta_section title=&#8221;2024-25&#8243; tab_id=&#8221;1619505812343-de3c30bf-3113&#8243;][\/vc_tta_section][vc_tta_section title=&#8221;2023-24&#8243; tab_id=&#8221;1620629137363-b186fb08-fd8a&#8221;][\/vc_tta_section][\/vc_tta_tabs][vc_empty_space height=&#8221;100px&#8221;][\/vc_column][\/vc_row][vc_row el_class=&#8221;theme-news bg3&#8243; css=&#8221;.vc_custom_1613982635928{margin-top: -160px !important;}&#8221;][vc_column][vc_empty_space height=&#8221;200px&#8221;][\/vc_column][\/vc_row][\/vc_section][vc_section el_class=&#8221;theme-news bg3&#8243;][\/vc_section]<\/p>\n","protected":false},"author":3,"featured_media":36649,"parent":0,"menu_order":6,"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\/4168"}],"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=4168"}],"version-history":[{"count":73,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/4168\/revisions"}],"predecessor-version":[{"id":36531,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/4168\/revisions\/36531"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/media\/36649"}],"wp:attachment":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/media?parent=4168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}