{"id":5793,"date":"2021-02-09T17:00:09","date_gmt":"2021-02-09T09:00:09","guid":{"rendered":"https:\/\/academy.isf.edu.hk\/?page_id=5793"},"modified":"2021-04-16T09:57:47","modified_gmt":"2021-04-16T01:57:47","slug":"achievement-publications","status":"publish","type":"page","link":"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/achievement-publications\/","title":{"rendered":"Achievement Publications"},"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&#8221;][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;\">Achievement Publications<\/h2>[vc_empty_space]<style type=\"text\/css\">\r\n          .masonry {\r\n              display: grid;\r\n              grid-gap: 1em;grid-template-columns: repeat(auto-fill, minmax(23%,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 72px 0px 72px;\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                    }\r\n                    \r\n                    .masonry-content{ position:relative;background:#00145A; height:440px; text-align:center;}\r\n                    .pnl-masonry-content{\r\n                      position:absolute;\r\n                      right:0;\r\n                      left:0;\r\n                      bottom:0;\r\n                      height:30%;\r\n                      z-index:2;\r\n                      background:rgba(0,24,132, 0.8);\r\n                      border-radius:0px 72px 0px 72px;\r\n                      padding:10px 50px 30px 50px;\r\n                      overflow:hidden;\r\n                    }\r\n                    .masonry-content .publication-thumbnail {background:#EBEBEB;height:440px;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                    <\/style><div class=\"masonry\">\r\n  \r\n\r\n<div class=\"masonry-brick publication-item\">\r\n                            <div class=\"masonry-content\">\r\n                                 <a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/achievement-publications\/virtuosos-2024-25\/\" class=\"vc_gitem-link\" title=\"Virtuosos 2024-25\">\r\n                                    <div class=\"publication-thumbnail\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Virtuosos-2024-25_cover.jpg\" alt=\"Virtuosos 2024-25\"><\/div>\r\n                                 <\/a>\r\n                                 <div class=\"pnl-masonry-content\">\r\n                                  <p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">StudentPublication<\/span>              <\/p>\r\n                                  <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/achievement-publications\/virtuosos-2024-25\/\" class=\"vc_gitem-link\" title=\"Virtuosos 2024-25\">Virtuosos 2024-25<\/a><\/h3>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick publication-item\">\r\n                            <div class=\"masonry-content\">\r\n                                 <a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/achievement-publications\/virtuosos-2023-24\/\" class=\"vc_gitem-link\" title=\"Virtuosos 2023-24\">\r\n                                    <div class=\"publication-thumbnail\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/Virtuosos-2023-24-cover.jpg\" alt=\"Virtuosos 2023-24\"><\/div>\r\n                                 <\/a>\r\n                                 <div class=\"pnl-masonry-content\">\r\n                                  <p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">StudentPublication<\/span>              <\/p>\r\n                                  <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/achievement-publications\/virtuosos-2023-24\/\" class=\"vc_gitem-link\" title=\"Virtuosos 2023-24\">Virtuosos 2023-24<\/a><\/h3>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick publication-item\">\r\n                            <div class=\"masonry-content\">\r\n                                 <a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/achievement-publications\/virtuosos-2022-23\/\" class=\"vc_gitem-link\" title=\"Virtuosos 2022-23\">\r\n                                    <div class=\"publication-thumbnail\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/2022-23-Virtusos-cover.jpg\" alt=\"Virtuosos 2022-23\"><\/div>\r\n                                 <\/a>\r\n                                 <div class=\"pnl-masonry-content\">\r\n                                  <p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">StudentPublication<\/span>              <\/p>\r\n                                  <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/achievement-publications\/virtuosos-2022-23\/\" class=\"vc_gitem-link\" title=\"Virtuosos 2022-23\">Virtuosos 2022-23<\/a><\/h3>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick publication-item\">\r\n                            <div class=\"masonry-content\">\r\n                                 <a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/achievement-publications\/virtuosos-2021-22\/\" class=\"vc_gitem-link\" title=\"Virtuosos 2021-22\">\r\n                                    <div class=\"publication-thumbnail\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/ISF_Virtuosos_2021-22_cover2.jpg\" alt=\"Virtuosos 2021-22\"><\/div>\r\n                                 <\/a>\r\n                                 <div class=\"pnl-masonry-content\">\r\n                                  <p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">StudentPublication<\/span>              <\/p>\r\n                                  <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/achievement-publications\/virtuosos-2021-22\/\" class=\"vc_gitem-link\" title=\"Virtuosos 2021-22\">Virtuosos 2021-22<\/a><\/h3>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick publication-item\">\r\n                            <div class=\"masonry-content\">\r\n                                 <a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/achievement-publications\/virtuosos-2020-21\/\" class=\"vc_gitem-link\" title=\"Virtuosos 2020-21\">\r\n                                    <div class=\"publication-thumbnail\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/virtuosos2020-21_cover.jpg\" alt=\"Virtuosos 2020-21\"><\/div>\r\n                                 <\/a>\r\n                                 <div class=\"pnl-masonry-content\">\r\n                                  <p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">StudentPublication<\/span>              <\/p>\r\n                                  <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/achievement-publications\/virtuosos-2020-21\/\" class=\"vc_gitem-link\" title=\"Virtuosos 2020-21\">Virtuosos 2020-21<\/a><\/h3>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick publication-item\">\r\n                            <div class=\"masonry-content\">\r\n                                 <a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/achievement-publications\/virtuosos-2019-20-2\/\" class=\"vc_gitem-link\" title=\"Virtuosos 2019-20\">\r\n                                    <div class=\"publication-thumbnail\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/New.png\" alt=\"Virtuosos 2019-20\"><\/div>\r\n                                 <\/a>\r\n                                 <div class=\"pnl-masonry-content\">\r\n                                  <p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">StudentPublication<\/span>              <\/p>\r\n                                  <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/achievement-publications\/virtuosos-2019-20-2\/\" class=\"vc_gitem-link\" title=\"Virtuosos 2019-20\">Virtuosos 2019-20<\/a><\/h3>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick publication-item\">\r\n                            <div class=\"masonry-content\">\r\n                                 <a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/virtuosos-2018-19\/\" class=\"vc_gitem-link\" title=\"Virtuosos 2018-19\">\r\n                                    <div class=\"publication-thumbnail\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/2018-19-1.png\" alt=\"Virtuosos 2018-19\"><\/div>\r\n                                 <\/a>\r\n                                 <div class=\"pnl-masonry-content\">\r\n                                  <p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">StudentPublication<\/span>              <\/p>\r\n                                  <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/achievements-and-news\/virtuosos-2018-19\/\" class=\"vc_gitem-link\" title=\"Virtuosos 2018-19\">Virtuosos 2018-19<\/a><\/h3>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n        \r\n        <div class=\"masonry-brick publication-item\">\r\n                            <div class=\"masonry-content\">\r\n                                 <a href=\"https:\/\/academy.isf.edu.hk\/index.php\/student-publication-2017-18-virtuosos\/\" class=\"vc_gitem-link\" title=\"Virtuosos 2017-18\">\r\n                                    <div class=\"publication-thumbnail\"><img decoding=\"async\" src=\"https:\/\/academy.isf.edu.hk\/wp-content\/uploads\/2017-18.png\" alt=\"Virtuosos 2017-18\"><\/div>\r\n                                 <\/a>\r\n                                 <div class=\"pnl-masonry-content\">\r\n                                  <p class=\"masonry-description\">                       <span class=\"vc_gitem-post-category-name\">StudentPublication<\/span>              <\/p>\r\n                                  <h3 class=\"masonry-title\"><a href=\"https:\/\/academy.isf.edu.hk\/index.php\/student-publication-2017-18-virtuosos\/\" class=\"vc_gitem-link\" title=\"Virtuosos 2017-18\">Virtuosos 2017-18<\/a><\/h3>\r\n                                <\/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   $(window).resize(function(){waitForImages();});\r\n   <\/script>[\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;200px&#8221;][\/vc_column][\/vc_row][\/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&#8221;][vc_row el_class=&#8221;container&#8221;][vc_column][vc_empty_space height=&#8221;100px&#8221;][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;200px&#8221;][\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":4168,"menu_order":0,"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\/5793"}],"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=5793"}],"version-history":[{"count":24,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/5793\/revisions"}],"predecessor-version":[{"id":10403,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/5793\/revisions\/10403"}],"up":[{"embeddable":true,"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/pages\/4168"}],"wp:attachment":[{"href":"https:\/\/academy.isf.edu.hk\/index.php\/wp-json\/wp\/v2\/media?parent=5793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}